/*-------------------------------------------------------------- ベース設定
*/

* {
  margin: 0;
  padding: 0;
}

/*#Container input,*/
#Container h3,
#Container img,
#Container div,
#Container a { behavior: url("javascript/iepngfix.htc") }

/* default 
-----------------------------------*/

body {
  font-size: 91.6%;/* 11pt */
}

/* Except IE 
-----------------------------------*/

html>body {
  font-size: 11pt;
}

html {
  overflow-y: scroll;
/*  filter: expression(document.execCommand("BackgroundImageCache", false, true));*/
}

body {
  color: #2c2824;
  line-height: 1.5em;
  background: #273526;
  font-family: "meiryo", "MS UI Gothic", sans-serif;
  text-align: center;
  padding: 16px 0;
}

/*-------------------------------------------------------------- 基本スタイル
*/

a {
  color: #107AC0;
  cursor: hand;
}

a:hover {
  color: #f44;
}

img {
  border: none;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- 汎用スタイル
*/

.Hidden {
  display: none;
  visibility: hidden;
}

/*-------------------------------------------------------------- Container
*/

#Container {
  background: url('./images/container_bg.jpg') repeat-y;
  width: 840px;
  margin: 0 auto;
}

#Container-bottom {
  background: url('./images/container_bg_bottom.jpg') no-repeat left bottom;
  width: 840px;
}

#Container-top {
  position: relative;
  zoom: 100%;
  background: url('./images/container_bg_header.jpg') no-repeat;
  width: 840px;
  height: 880px;
}

html>body #Container-top {
  height: auto;
  min-height: 880px;
  overflow: hidden;
}

#Header h1 a {
  display: block;
  background: url('./images/bokuraku_logo.png') no-repeat;
  width: 552px;
  height: 144px;
  margin: 8px auto 0;
  text-indent: -1000em;
  overflow: hidden;
}

#Footer {
  padding: 96px 0 8px;
}

#Copyright {
  color: white;
  font-family: impact;
  text-align: center;
}

/*-------------------------------------------------------------- Navigation
*/

.Navigation {
  position: absolute;
  top: 152px;
  left: 80px;
  background: url('./images/bkrk_menu_base.png') no-repeat;
  width: 680px;
  height: 64px;
  overflow: hidden;
  z-index: 100;
}

.Navigation ul {
  margin: 13px 0 0 36px;
}

.Navigation li {
  list-style: none;
  float: left;
}

.Navigation a {
  display: block;
  height: 38px;
  margin-right: 1px;
  text-indent: -1000em;
  overflow: hidden;
}

.NM01 {background: url('./images/bkrk_menu01.png') no-repeat;width: 102px;}
.NM02 {background: url('./images/bkrk_menu02.png') no-repeat;width: 86px;}
.NM03 {background: url('./images/bkrk_menu03.png') no-repeat;width: 78px;}
.NM04 {background: url('./images/bkrk_menu04.png') no-repeat;width: 86px;}
.NM05 {background: url('./images/bkrk_menu05.png') no-repeat;width: 86px;}
.NM06 {background: url('./images/bkrk_menu06.png') no-repeat;width: 86px;}
.NM07 {background: url('./images/bkrk_menu07.png') no-repeat;width: 78px;}

.NM01a {background: url('./images/bkrk_menu01.png') no-repeat left bottom;width: 102px;}
.NM02a {background: url('./images/bkrk_menu02.png') no-repeat left bottom;width: 86px;}
.NM03a {background: url('./images/bkrk_menu03.png') no-repeat left bottom;width: 78px;}
.NM04a {background: url('./images/bkrk_menu04.png') no-repeat left bottom;width: 86px;}
.NM05a {background: url('./images/bkrk_menu05.png') no-repeat left bottom;width: 86px;}
.NM06a {background: url('./images/bkrk_menu06.png') no-repeat left bottom;width: 86px;}
.NM07a {background: url('./images/bkrk_menu07.png') no-repeat left bottom;width: 78px;}

/*-------------------------------------------------------------- Contents
*/

.Contents {
  width: 776px;
  margin: 0 auto;
  padding-top: 40px;
  overflow: hidden;
}

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

/*-------------------------------------------------------------- Main Box
*/

.Main-Box {
  background: url('./images/bkrk_box_bg.png') repeat-y;
  width: 776px;
  overflow: hidden;
}

.Main-Box-In {
  background: url('./images/bkrk_box_top.jpg') no-repeat left top;
  width: 776px;
  padding: 64px 0 4px;
  overflow: hidden;
}

.Main-Box-bottom {
  background: url('./images/bkrk_box_bottom.png') no-repeat;
  width: 776px;
  height: 32px;
  overflow: hidden;
}

.Main-Box-Header {
  zoom: 100%;
  width: 696px;
  height: 32px;
  margin: 0 auto;
  padding-top: 96px;
}

html>body .Main-Box-Header {
  height: auto;
  min-height: 32px;
  overflow: hidden;
}

.Box-Border01 {
  background: url('./images/bkrk_box_border01.png') no-repeat;
  width: 712px;
  height: 28px;
  margin: 0 auto 8px;
  overflow: hidden;
}

/*-------------------------------------------------------------- highslide（ナビボタン）
*/

#HS-Navi {
  display: block;
  overflow: hidden;
}

#HS-Image {
  overflow: hidden;
}

#HS-Navi .previous {float: left;}
#HS-Navi .next {float: left;}
#HS-Navi .close {float: right;}

#HS-Navi .previous a {background: url('./images/hs_navi_previous.gif') no-repeat;  float: left;}
#HS-Navi .next a {background: url('./images/hs_navi_next.gif') no-repeat;  float: left;}
#HS-Navi .close a {background: url('./images/hs_navi_close.gif') no-repeat;  float: right;}

#HS-Navi .previous a,
#HS-Navi .next a,
#HS-Navi .close a {
  display: block;
  width: 72px;
  height: 23px;
  text-indent: -1000em;
  overflow: hidden;
}

#HS-Navi .previous a:hover,
#HS-Navi .next a:hover,
#HS-Navi .close a:hover {
  background-position: bottom;
}

.chara-navi {
  display: block;
  background: url('./images/hs_navi_bg.gif');
  width: 592px;
  height: 24px;
  margin: 8px 0 0 0;
}

.chara-navi li {
  list-style: none;
}

.graphic-navi {
  height: 24px;
}

.graphic-navi ul {
  background: url('./images/hs_navi_bg.gif') repeat-x center top;
  height: 24px;
  padding-top: 1px;
}

.graphic-navi li {
  list-style: none;
  width: 72px;
  height: 24px;
}

.movie-navi {
  display: block;
  background: url('./images/hs_navi_bg.gif');
  width: 480px;
  height: 24px;
  margin: 8px 0 0 0;
}

.movie-navi li {
  list-style: none;
}

/*-------------------------------------------------------------- Underconstruction
*/

.UC {
  margin-top: 64px;
  vertical-align: bottom;
}