/*-------------------------------------------------------------- ゲーム紹介メニュー
*/

#Contents-header ul {
  width: 480px;
  margin: 76px auto 0;
}

#Contents-header li {
  width: 120px;
  height: 40px;
  list-style: none;
  float: left;
  overflow: hidden;
}

#Contents-header li a {
  display: block;
  width: 108px;
  height: 28px;
  margin: 5px 6px 7px;
  text-indent: -1000em;
  overflow: hidden;
}

#GM01 {background: url('images/game_menu01.png') no-repeat;}
#GM02 {background: url('images/game_menu02.png') no-repeat;}
#GM03 {background: url('images/game_menu03.png') no-repeat;}
#GM04 {background: url('images/game_menu04.png') no-repeat;}

#GM01 a:hover {background: url('images/game_menu01a.gif') no-repeat;}
#GM02 a:hover {background: url('images/game_menu02a.gif') no-repeat;}
#GM03 a:hover {background: url('images/game_menu03a.gif') no-repeat;}
#GM04 a:hover {background: url('images/game_menu04a.gif') no-repeat;}

/*-------------------------------------------------------------- ストーリー
*/

#Story {
  width: 544px;
  margin: 0 auto 16px;
  overflow: hidden;
}

#Story h3 {
  background: url('images/story_header.gif') no-repeat;
  width: 544px;
  height: 48px;
  text-indent: -1000em;
  overflow: hidden;
}

#Story-main {
  background: url('images/story_main.jpg') no-repeat;
  width: 544px;
  height: 432px;
}

#Story-main p {
  display: none;
}

/*-------------------------------------------------------------- 舞台設定01
*/

#Butai1 {
  width: 544px;
  margin: 0 auto 16px;
  overflow: hidden;
}

#Butai1 h3 {
  background: url('images/butai01_header.gif') no-repeat;
  width: 544px;
  height: 48px;
  text-indent: -1000em;
  overflow: hidden;
}

#Butai1-main {
  background: url('images/butai01_main.jpg') no-repeat;
  width: 544px;
  height: 432px;
}

#Butai1-main p {
  display: none;
}

/*-------------------------------------------------------------- 舞台設定02
*/

#Butai2 {
  background: #fff;
  width: 544px;
  margin: 0 auto 16px;
  overflow: hidden;
}

#Butai2 h3 {
  background: url('images/butai02_header.gif') no-repeat;
  width: 544px;
  height: 48px;
  text-indent: -1000em;
  overflow: hidden;
}

#Butai2-main {
  zoom: 100%;
  width: 528px;
  margin: 0 auto;
  padding: 0 0 8px 0;
  overflow: hidden;
}

#Butai2-main:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

#Butai2-main h4 {
  font-size: 100%;
  display: inline;
  background: url('images/butai_border.gif') no-repeat left bottom;
  width: 336px;
  margin: 8px 8px 0 0;
  float: right;
}

html>body #Butai2-main h4 {
  margin: 6px 8px 0 0;
  padding: 0 0 2px 0;
}

#Butai2-main h4 span {
  font-weight: normal;
}

#Butai2-main p {
  font-size: 90.9%;
  display: inline;
  width: 336px;
  margin: 8px 8px 0 0;
  float: right;
}

#Butai2-main img {
  margin: 8px 0 0 4px;
  vertical-align: bottom;
  float: left;
}

#Butai2-main .border {
  clear: both;
  background: url('images/border_01.gif') repeat-x 0 8px;
  width: 512px;
  height: 16px;
  margin: 0 auto;
  overflow: hidden;
}

#Butai-footer {
  background: url('images/butai_footer.gif') no-repeat;
  width: 544px;
  height: 24px;
  overflow: hidden;
}

/*-------------------------------------------------------------- システム
*/

#System {
  width: 544px;
  margin: 0 auto 0;
  overflow: hidden;
}

#System h3 {
  background: url('images/system_header.gif') no-repeat;
  width: 544px;
  height: 48px;
  text-indent: -1000em;
  overflow: hidden;
}

#System-main {
  background: url('images/system_main.jpg') no-repeat;
  width: 544px;
  height: 392px;
}

#System-main p {
  display: none;
}