@charset "UTF-8";
/* CSS Document */

.clear{
	clear: both;
}

.imagespace{
	vertical-align: bottom;
}

.imagespace2{
	vertical-align: top;
}

img{ behavior: url(../css/iepngfix.htc) }


body {
	background:#fef8e0 url(../img/subbg.gif) repeat-y center top;
}

/*メイン*/

#subcontainer{
	width: 600px;
	margin: 0 auto;
	background-color: #000000;
}

#subhead{
	margin: 0 auto;
	width: 600px;
	height: 131px;
	background-image: url(../img/subhead.jpg);
}

#subhead h1{
	width: 300px;
	height: 73px;
}

#submenu{
	width: 600px;
	height: 37px;
	background-color: 0;
	margin-top: 8px;
}

#submenu ul{
}

#submenu li{
	float: left;
	list-style: none;
}

/*各ページメニュー*/
#submenu{
	height: 37px;
	background-image: url(../img/topmenu_bg.jpg);
}

#submenu ul{
	margin: 0 auto;
	width:600px;
}

/*各ページ共通*/
#subtitle{
	width: 600px;
	height: 67px;
}



#submenu li{
	float: left;
	list-style: none;
}
/*イントロダクション*/
#introtitle{
	width: 600px;
	height: 190px;
	background-image: url(../img/introduction_head.gif);
}

#introtitle h2{
	display: none;
}

#introtitle p{
	padding-top: 100px;
}

#intromain{
	width: 570px;
	padding: 10px 15px;
}

.intromain-text{
	line-height: 150%;
}

.intromain-photo{
	margin-top: 10px;
}

 
/*ストーリー*/
#story{
	width: 600px;
	background: url(../img/story_mainbg.gif) no-repeat left top;
}

#story-left{
	width: 125px;
	float: left;
	margin-top: 10px;
}

#story-right{
	width: 475px;
	float: right;
	margin-top: 10px;
	behavior: url(iepngfix.htc);
}

#episode{
	width: 600px;
}

#epsode-number{
	width: 512px;
	margin: 0 auto;
}


.story{
	padding-top: 10px;
	padding-left: 20px;
	line-height: 150%;
	font-size: 12px;
	min-height:90px;
	height: auto !important;
	height: 90px;

}

.caption{
	padding-top: 10px;
	padding-left: 20px;
	line-height: 130%;
	font-size: 11px;
	text-align: right;
}

#storyphoto{
	width: 450px;
	height: 300px;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 20px;
}



/*キャストスタッフ*/

#csmain{
	width: 600px;
	height: 403px;
	background-image: url(../photo/casestaff_main.jpg);
	padding-top: 20px;
}

#csmain-left{
	width: 340px;
	float: left;
	padding-left: 10px;
}

#csmain-right{
	width: 250px;
	float: right;
}


/*キャラクター*/

#charamain{
	width: 600px;
	margin: 0;
}

#chara1{
	width: 600px;
	height: 140px;
	margin-top: 10px;
	background-image: url(../img/chara1_bg.gif);
}

#chara2{
	width: 600px;
	height: 140px;
	margin-top: 10px;
	background-image: url(../img/chara2_bg.gif);
}

#chara3{
	width: 600px;
	height: 140px;
	margin-top: 10px;
	background-image: url(../img/chara3_bg.gif);
}

#chara4{
	width: 600px;
	height: 140px;
	margin-top: 10px;
	background-image: url(../img/chara4_bg.gif);
}

#chara5{
	width: 600px;
	height: 140px;
	margin-top: 10px;
	background-image: url(../img/chara5_bg.gif);
}

#chara6{
	width: 600px;
	height: 140px;
	margin-top: 10px;
	background-image: url(../img/chara6_bg.gif);
}


.chara-photo{
	width: 120px;
	height: 120px;
	padding-top: 10px;
	padding-left: 18px;
	float: left;
}

.chara-textarea{
	width: 420px;
	height: 80px;
	float: right;
	padding-top: 50px;
	padding-right: 25px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 150%;
}

/*メッセージ*/
#msghead{
	width: 580px;
	height: 114px;
	background-image: url(../photo/message_head.jpg);
	padding-top: 120px;
	padding-left: 20px;
}

#msghead span{
	font-size: 11px;
	color: #FF0033;
}

#msgbotton{
	width: 201px;
	height: 45px;
	padding-bottom: 20px;
}

#msgarea{
	width: 570px;
	height: 380px;
	background-image: url(../img/message_area.gif);
	padding: 15px 15px;
}



/*各ページリンク*/
#sublink{
	margin: 10px auto;
}

#sublink ul{
	height: 18px;
	width: 410px;
	float: left;
}

#sublink li{
	float: left;
	padding-right: 10px;
	list-style: none; 
}


/*各ページフッター*/
#subfooter{
	width: 600px;
	height: 73px;
}

#subfooter-left{
	width: 50px;
	height: 50px;
	float:left;
}

#subfooter-right{
	float: left;
	width: 548px;
	height: 50px;
	padding-left: 1px;
}

#subcopyright{
	height: 23px;
	width: 316px;
	clear: both;
	padding-left: 142px;
}