/*
==============================================================
init
==============================================================
*/

* {
  margin: 0;
  padding: 0;
}

body {
  text-align:center;
  font-size:12px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic";
  background:url(../bg1.gif);
}

img {
  border:0;
}

a, a:link, a:visited {
  color:#1475a2;
  text-decoration:none;
  outline:none;
}

a:active, a:hover {
  color:#CC0000;
  text-decoration:underline;
}

#stage {
  width:830px;
  margin:0 auto;
  text-align:left;
  background:url(../bg2.gif) repeat-y;
}

.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.clearfix {
  display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height:1%;
}
.clearfix {
  display:block;
}

/*
==============================================================
header
==============================================================
*/

#header {
  width:830px;
  height:65px;
}

#header h1 {
  width:400px;
  height:65px;
  float:left;
}

#header #btnBlock {
  width:175px;
  height:24px;
  margin-top:21px;
  float:right;
}

#header #btnBlock ul {
  position:relative;
  list-style:none;
}

#header #btnBlock li {
  height:24px;
  position:absolute;
  display:block;
}

#header #btnBlock li a {
  font-size:0;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
}

#header #btnBlock li#btnGuide {
  width:70px;
  left:0px;
  background:url(../btn_block.gif) no-repeat 0px 0px;
}

#header #btnBlock li#btnMail {
  width:70px;
  left:80px;
  background:url(../btn_block.gif) no-repeat -70px 0px;
}

#header #btnBlock li#btnGuide a {
  width:70px;
  height:24px;
}

#header #btnBlock li#btnMail a {
  width:70px;
  height:24px;
}

#header #btnBlock li#btnGuide a:hover {
  background:url(../btn_block.gif) no-repeat 0px -24px;
}

#header #btnBlock li#btnMail a:hover {
  background:url(../btn_block.gif) no-repeat -70px -24px;
}

/*
==============================================================
mainNavi
==============================================================
*/

#mainNavi {
  width:780px;
  height:47px;
  margin-left:25px;
}

#mainNavi ul {
  position:relative;
  list-style:none;
}

#mainNavi li {
  height:40px;
  position:absolute;
  display:block;
}

#mainNavi li a {
  font-size:0;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
}

#mainNavi li#navi1 a {
  width:44px;
  height:40px;
}

#mainNavi li#navi2 a,
#mainNavi li#navi3 a,
#mainNavi li#navi4 a,
#mainNavi li#navi5 a,
#mainNavi li#navi6 a,
#mainNavi li#navi7 a,
#mainNavi li#navi8 a,
#mainNavi li#navi9 a {
  width:90px;
  height:40px;
}

#bottomNavi {
  width:780px;
  margin-left:25px;
}

/*
==============================================================
warning
==============================================================
*/

#warning1 {
  width:780px;
  margin-left:25px;
  padding:10px 0;
  font-weight:bold;
  color:#FFF;
  text-align:center;
  background:url(../warning.gif);
}

/*
==============================================================
footer
==============================================================
*/

#footer {
  width:830px;
  height:30px;
  font-size:0;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../footer.gif) #000;
}

/*
#footerHome {
  width:750px;
  height:30px;
  text-align:right;
  background:url(../footer.gif);
  clear:both;
}

#footerHome img {
  margin:18px 30px 0 0;
}
*/