/*--- �� body ---*/
body {
  margin:0;
  padding:0 0 10px 0;
  background:#F1F0F0;
  text-align:center;
}

#wrapper {
  width:830px;
  margin:0 auto;
  padding:0;
  background:url(../img/body_bg.jpg) repeat-y;
  position:relative;
}
/*--- �� body ---*/



/*-- �� header --*/
.header {
  width:830px;
  height:49px;
  padding:0 0 0 0;
}

h1 {
  margin:0;
  padding:4px 8px;
}
  
h1 a {
  width:50px;
  height:49px;
  background:url(../img/logo01.gif) no-repeat;
  text-indent:-9999px;
  font-size:xx-small;
  display:block;
  float:left;
}

h2 {
  width:466px;
  height:40px;
  margin:0;
  padding:0;
  background:url(../img/logo02.jpg) no-repeat;
  text-indent:-9999px;
  font-size:xx-small;
  float:left;
}
/*-- �� header --*/




/*-- �� menu --*/
.menu {
  width:800px;
  height:59px;
  margin:10px 0 0 0;
  padding:0;
}

.menu a {
  text-indent:-9999px;
  font-size:xx-small;
  display:block;
  float:left;
}

.menu ul {
  width:800px;
  margin:0 15px 0 15px;
  padding:0;
}

.menu li {
  margin:0;
  padding-right: 2px;
  list-style:none;
  display:inline;
  float: left;
}

.menu li.home_l {
  padding:0 8px 0 0;
}

.menu li.home_l a {
  width:261px;
  height:47px;
  background:url(../img/menu_home.jpg) no-repeat;
  background-position:0 -47;
}

.menu li.home {
  padding:0 8px 0 0;
}

.menu li.home a {
  width:261px;
  height:47px;
  background:url(../img/menu_home.jpg) no-repeat;
}

.menu li.home a:hover {
  background:url(../img/menu_home.jpg) no-repeat;
  background-position:0 -47;
}

.menu li.takuhai_l a {
  width:261px;
  height:47px;
  background:url(../img/menu_takuhai.jpg) no-repeat;
  background-position:0 -47;
}

.menu li.takuhai a {
  width:261px;
  height:47px;
  background:url(../img/menu_takuhai.jpg) no-repeat;
}

.menu li.takuhai a:hover {
  background:url(../img/menu_takuhai.jpg) no-repeat;
  background-position:0 -47;
}

.menu li.shop_l {
  padding:0 0 0 7px;
}

.menu li.shop_l a {
  width:261px;
  height:47px;
  background:url(../img/menu_shop.jpg) no-repeat;
  background-position:0 -47;
}

.menu li.shop {
  padding:0 0 0 7px;
}

.menu li.shop a {
  width:261px;
  height:47px;
  background:url(../img/menu_shop.jpg) no-repeat;
}

.menu li.shop a:hover {
  background:url(../img/menu_shop.jpg) no-repeat;
  background-position:0 -47;
}

.menu_bar {
  width:830px;
  height:12px;
  background:url(../img/menubar.jpg) no-repeat;
  clear:both;
}
/*-- �� menu --*/



/*-- �� bignner --*/
.bignner {
  width:780px;
  height:102px;
  margin:30px auto;
}

.bignner a {
  width:780px;
  height:102px;
  background:url(../img/forbeginner.jpg) no-repeat;
  text-indent:-9999px;
  font-size:xx-small;
  display:block;
}

.bignner a:hover {
  background:url(../img/forbeginner.jpg) no-repeat;
  background-position:0 -102;
  
}

/*-- �� bignner --*/



/*-- �� t_toparea s_toparea --*/
.toparea_text02 {
  width:674px;
  margin:10px auto;
  font-size:14px;
  color:#000000;
  line-height:2;
  text-align:left;
}

/*-- �� t_toparea s_toparea --*/



/*-- �� steparea --*/
.steparea {
  width:800px;
  margin:0 auto;
}

.steparea_header {
  width:800px;
  height:14px;
  background:url(../img/steparea_header.jpg) no-repeat;
}

.step {
  width:800px;
  margin:0;
  padding:0;
  background:url(../img/step_bg.jpg) repeat-y;
  float:left;
}

.step_left {
  width:477px;
  float:left;
}

.step_text {
  width:430px;
  margin:10px 15px 8px 40px;
  font-size:14px;
  color:#000000;
  text-align:left;
  line-height:1.5;
}

.step_text a:link {
  color:#990000;
}

.step_text a:visited {
  color:#990000;
}

.step_text a:hover {
  color:#339900;
}

.step_img {
  float:right;
  margin:0 30px 3px 0;
}

.step_footer {
  width:800px;
  height:15px;
  background:url(../img/step_footer.jpg) no-repeat;
  clear:both;
}

.step_arrow {
  width:800px;
  height:33px;
  background:url(../img/step_arrow.jpg) no-repeat;
}

.steparea_footer {
  width:800px;
  height:15px;
  background:url(../img/steparea_footer.jpg) no-repeat;
  clear:both;
}

.moushikomi a {
  width:423px;
  height:42px;
  margin:3px 0 3px 40px;
  background:url(../img/moushikomi.jpg) no-repeat;
  text-indent:-9999px;
  font-size:xx-small;
  display:block;
}

.moushikomi a:hover {
  background:url(../img/moushikomi.jpg) no-repeat;
  background-position:0 -42px;
}

.dekinaimono a {
  width:423px;
  height:42px;
  margin:3px 0 3px 40px;
  background:url(../img/dekinaimono.jpg) no-repeat;
  text-indent:-9999px;
  font-size:xx-small;
  display:block;
}

.dekinaimono a:hover {
  background:url(../img/dekinaimono.jpg) no-repeat;
  background-position:0 -42px;
}

.shiharai a {
  width:423px;
  height:42px;
  margin:3px 0 3px 40px;
  background:url(../img/shiharai.jpg) no-repeat;
  text-indent:-9999px;
  font-size:xx-small;
  display:block;
}

.shiharai a:hover {
  background:url(../img/shiharai.jpg) no-repeat;
  background-position:0 -42px;
}

.ichiran a {
  width:423px;
  height:42px;
  margin:3px 0 3px 40px;
  background:url(../img/ichiran.jpg) no-repeat;
  text-indent:-9999px;
  font-size:xx-small;
  display:block;
}

.ichiran a:hover {
  background:url(../img/ichiran.jpg) no-repeat;
  background-position:0 -42px;
}
/*-- �� steparea --*/



/*-- �� footer --*/
.footer {
  width:830px;
  margin:30px 0 0 0;
}

.footer_bar {
  width:829px;
  height:6px;
  background:url(../img/footer_bar.jpg) no-repeat;
}

address {
  font-size:10px;
  color:#333333

}

.footerlink {
  width:800px;
  margin:15px auto 10px auto;
  font-size:12px;
}

/*-- �� IE --*/
* html .footerlink {
  margin:5px auto 10px auto;
}
/*-- �� IE --*/

.footerlink a:link {
  color:#000000;
}

.footerlink a:visited {
  color:#000000;
}

.footerlink a:hover {
  color:#FF3300;
  text-decoration:none;
}

.footerlast {
  width:830px;
  height:16px;
  background:url(../img/footer_last.jpg) no-repeat;
}
/*-- �� footer --*/