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

* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  font-family: Arial;
  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-size: 12px;
  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;
}
*/