@import url("common.css");
@import url("style.css");
@import url("clearfix.css");
@import url("iepngfix.css");

/*-------------------------------------------------------------- index
*/
.index {
  padding-top: 640px;
}
.index .main {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.index .main .flash {
  width: 896px;
}
.index .main .noscript {
  background: url('../images/index.jpg') no-repeat;
  width: 766px;
  height: 696px;
  margin: 72px auto 0;
}
.index .main .noscript h3,
.index .main .noscript p {
  display: none;
}
.index .sub {
  position: relative;
  z-index: 100;
}

/*-------------------------------------------------------------- topic
*/
.topic {
  width: 768px;
  margin: 0 auto 8px;
}
.topic .bnrc,
.topic .bnrl,
.topic .bnrr {
  width: 368px;
  height: 96px;
  overflow: hidden;
}
.topic .bnrc img,
.topic .bnrl img,
.topic .bnrr img {
  margin: 15px auto 0;
}
.topic .bnrc {margin: 4px auto 0;}
.topic .bnrl {display: inline; margin: 4px 0 0 16px; float: left;}
.topic .bnrr {display: inline; margin: 4px 16px 0 0; float: right;}

.topic .grn {background: url('images/index/topic_bg00.png') no-repeat;}
.topic .blu {background: url('images/index/topic_bg01.png') no-repeat;}
.topic .red {background: url('images/index/topic_bg02.png') no-repeat;}

/*-------------------------------------------------------------- information
*/
.information {
  width: 768px;
  margin: 0 auto 16px;
  overflow: hidden;
}
.infol {
  display: inline;
  width: 208px;
/*  height: 168px;*/
  margin: 0 0 0 16px;
  float: left;
}
.infol .yrkch a {
  display: block;
  text-indent: -1000em;
  background: url('images/index/yaruki_ch_btn.jpg') no-repeat;
  width: 208px;
  height: 168px;
  overflow: hidden;
}
.infol .yrkch a:hover {
  background-position: bottom;
}
.infol .otbnr {
  background: url('images/index/bnr_border.jpg') no-repeat center bottom;
  width: 208px;
  padding: 8px 0 16px;
}
.whatsnew {
  display: inline;
  text-align: left;
  background: url('images/index/news_box.jpg') no-repeat;
  width: 520px;
  height: 232px;
  margin: 0 16px 0 0;
  overflow: hidden;
  float: right;
}
.whatsnew h3 {display: none;}
.whatsnew iframe {
  border: none;
  width: 500px;
  height: 188px;
  margin: 34px 0 0 10px;
}

/*-------------------------------------------------------------- details
*/
.details {
  width: 768px;
  margin: 0 auto 16px;
  overflow: hidden;
}
.games {display: none;}
.privilege {
  background: url('images/index/otbk2_shokai_tokuten.jpg') no-repeat;
  width: 768px;
  height: 280px;
  margin: 0 auto 8px;
  overflow: hidden;
}
.tsuhjohban {
  background: url('images/index/otbk2_tsuhjohban.jpg') no-repeat;
  width: 768px;
  height: 224px;
  margin: 0 auto 8px;
  overflow: hidden;
}

.privilege h3,
.privilege ul,
.tsuhjohban h3,
.tsuhjohban ul {display: none;}

.requirements {
  background: url('images/index/requirements.jpg') no-repeat;
  width: 432px;
  height: 320px;
  overflow: hidden;
  float: left;
}
.staff {
  display: inline;
  background: url('images/index/staff.jpg') no-repeat;
  width: 312px;
  height: 304px;
  margin: 16px 16px 0 0;
  overflow: hidden;
  float: right;
}
.requirements *,
.staff * {display: none;}