body{
  margin-top:20px;
  padding:0px;
  background-color:#000000;
  text-align:center;
  color:#ffffff;
  font-size:12px;
  }
  
#container{
  width:757px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  }
#contents{
  width:757px;
  background-color:#444444;
  padding:5px;
  }
#copyright{
  width:757px;
  text-align:right;
  padding:5px;
  }
  
/*インデックスフッター部分設定*/
#index_footer{
  width:757px;
  padding-top:5px;
  }
  
  
/*各メニュー部分設定*/
#menu_story{
  width:757px;
  height:63px;
  background-image:url(images/common/title_story.jpg);
  background-color:#444444;
  background-repeat:no-repeat;
  margin-bottom:5px;
  }
  #menu_arasuji{
  width:757px;
  height:63px;
  background-image:url(images/common/title_arasuji.jpg);
  background-repeat:no-repeat;
  background-color:#444444;
  margin-bottom:5px;
  }
#menu_character{
  width:757px;
  height:63px;
  background-image:url(images/common/title_character.jpg);
  background-repeat:no-repeat;
  background-color:#444444;
  margin-bottom:5px;
  }
#menu_cast{
  width:757px;
  height:63px;
  background-image:url(images/common/title_cast.jpg);
  background-repeat:no-repeat;
  background-color:#444444;
  margin-bottom:5px;
}
#menu_staff{
  width:757px;
  height:63px;
  background-image:url(images/common/title_staff.jpg);
  background-repeat:no-repeat;
  background-color:#444444;
  margin-bottom:5px;
}
#menu_link{
  width:757px;
  height:63px;
  background-image:url(images/common/title_link.jpg);
  background-repeat:no-repeat;
  background-color:#444444;
  margin-bottom:5px;
}

#main{
  position:relative;
  width:757px;
  background-image:url(images/common/main_bg2.jpg);
  }
#main_story{
  position:relative;
  width:757px;
  height:630px;
  background-image:url(images/story/main_bg.jpg);
  }
  
  
#box{
	position:relative;
	color:black;
	border-top:5px solid #990000;
	border-bottom:5px solid #990000;
	width:360px;
	height:400px;
	top:12px;
	left:385px;
	overflow:scroll;
	line-height:150%;
	font-size:14px;
	padding-left:5px;
	z-index: 0;
  }
#box2{
  position:relative;
  color:black;
  border-top:5px solid #990000;
  border-bottom:5px solid #990000;
  width:360px;
  height:415px;
  top:12px;
  left:385px;
  overflow:scroll;
  line-height:150%;
  font-size:12px;
  }
#box_character{
  position:relative;
  width:370px;
  height:400px;
  top:15px;
  left:375px;
  }
.charamargin{
  margin-bottom:6px;
  }

#boxwide{
  width:340px;
  margin-top:10px;
  }
td{
  padding-left:3px;
  }
img{
  border:none;
  }
#top{
	position:relative;
	left:300px;
	bottom:0px;
	z-index: 0;
}
#top_story{
  position:relative;
  left:-290px;
  top:580px;
}
#chara{
  width="690px"
  margin:0px;
  padding:0px;
  text-align:center;
  }
#arasuji_wide{
text-align:left;
margin-bottom:40px;
}
#arasujiimg{
  float:left;
  margin-right:1em;
  margin-bottom:1em;
  }
.arasuji_bar{
  width:600px;
background-color:#cc3333;
padding:5px 0px;
font-weight:bold;
  }
.time_bar{
  width:100%;
background-color:#cc3333;
padding:5px 0px;
font-weight:bold;
  }
#timewide{
  width:420px;
  }
.font_s{
  font-size:10px;
  }
#kstaff_b{
text-align:right;
background-color:#990000;
  width:360px;
  position:relative;
  top:12px;
  left:385px;
  padding-top:2px;
  }
#kstaffwide{
  width:600px;
  text-align:center;
  }
.bar{
  width:100%;
background-color:#cc3333;
padding:5px 0px;
font-weight:bold;
  }
#footer{
  text-align:right;
  position:relative;
  right:20px;
  }
.m_midasi{
  font:bold 20px;
 padding:8px 0 8px 8px;
 text-align:center;
  }
.m_table{
text align:center;
width:280px;
  }
#back_g{
  background-image:url(images/common/back_t.gif);
  text-align:center;
  }