@charset "utf-8";

* {
	margin:0;
	padding:0;
}

html{
	height:100%;
}

body{
    height: 100%;
}

#wrapper {
    height: 100%;
    min-height: 100%;
}

body > #wrapper {
    height: auto; 
}

body {
	background:#FAEDC9 url(../../img/bg_canvas.jpg) center top repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height:20px;
	min-width:980px;
	text-align: left;
	color:#333333;
}

object {vertical-align:top; outline:none;}

a:link {color:#000000;text-decoration:underline;outline:none;}
a:visited {color:#666666;text-decoration:underline;outline:none;}
a:hover,a:focus {color:#FF0066;text-decoration:underline;outline:none;}
a:active {color:#FF99CC;text-decoration:underline;outline:none;}

img {
	border:none;
}

.trans{display:none;}

h1,h2,h3,h4,h5,h6,p,ul,li{margin:0;padding:0;}


/*   wrapper  */

#wrapper{
	height:100%;
	width:980px;
	background: url(../../img/bg_contents.jpg) center top repeat-y;
	margin:0 auto;
	position: relative;
}


/*   header  */

#header{
	width:920px;
	height:251px;
	margin:0 auto;
	margin-bottom:20px;
	position: relative;
}

#header .aboutT{text-indent:-9999px;overflow:hidden;}




.hChara{display:block;width:920px;height:240px;background: url(../../img/bg_head_chara.jpg);text-indent:-9999px;overflow:hidden;position:relative;}
.hSto{display:block;width:920px;height:240px;background: url(../../img/bg_head_sto.jpg);text-indent:-9999px;overflow:hidden;position:relative;}
.hMes{display:block;width:920px;height:240px;background: url(../../img/bg_head_kik.jpg);text-indent:-9999px;overflow:hidden;position:relative;}
.hPro{display:block;width:920px;height:240px;background: url(../../img/bg_head_pro.jpg);text-indent:-9999px;overflow:hidden;position:relative;}
.hMus{display:block;width:920px;height:240px;background: url(../../img/bg_head_mus.jpg);text-indent:-9999px;overflow:hidden;position:relative;}
.hCre{display:block;width:920px;height:240px;background: url(../../img/bg_head_cre.jpg);text-indent:-9999px;overflow:hidden;position:relative;}

#header #cont_logo{
	display:block;
	width:349px;
	height:125px;
	left:560px;
	top:0px;
	position: absolute;
}

#header #cont_logo h3{display:none;}

#header #cnav_cred{display:block;width:120px;height:51px;left:82px;top:189px;position:absolute;}
#header #cnav_mess{display:block;width:117px;height:51px;left:202px;top:189px;position:absolute;}
#header #cnav_stor{display:block;width:120px;height:51px;left:319px;top:189px;position:absolute;}
#header #cnav_cha{display:block;width:133px;height:51px;left:439px;top:189px;position:absolute;}
#header #cnav_musi{display:block;width:137px;height:51px;left:572px;top:189px;position:absolute;}
#header #cnav_pron{display:block;width:129px;height:51px;left:709px;top:189px;position:absolute;}
#header #cnav_geki{display:block;width:121px;height:51px;left:818px;top:189px;position:absolute;}

#header #cnav_th{
	display:block;
	width:136px;
	height:37px;
	left:760px;
	top:188px;
	position: absolute;
}

#header #headerend{
	width:920px;
	height:11px;
	left:0px;
	top:240px;
	margin:0 auto;
	background: url(../../img/bar_header01.png) center top no-repeat;
	position: absolute;
}


#header_com{
	width:920px;
	height:115px;
	margin:0 auto;
	background: url(../../img/comment_logo.png) 607px -5px no-repeat;
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
}


/*   contents  */

#contents{
	width:920px;
	height:auto;
	margin:0 auto;
	position: relative;
}


/*   contents Credit */

#contents #creditBox{
	display:block;
	width:780px;
	height:904px;
	margin:0 auto;
	margin-bottom:40px;
	padding:0;
	background: url(../../img/credit_list.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: center;
	position: relative;
}

/*   contents ProductionNote */

#contents #pronoBox{
	display:block;
	clear:both;
	width:750px;
	height:auto;
	margin:0 auto;
	margin-bottom:20px;
	padding:0;
	line-height:19px;
	position: relative;
}

#contents #pronoBox .proTxt01{
	display:block;
	width:740px;
	height:auto;
	margin:0 auto;
	margin-top:5px;
	padding:0;
	position: relative;
}

#contents #pronoBox .chu01{
	clear:both;
	display:block;
	width:16px;
	margin-top:10px;
	margin-left:10px;
	float:left;
}
#contents #pronoBox .chu02{
	display:block;
	width:710px;
	margin-top:10px;
	float:left;
}

#contents #pronoBox .chu03{
	display:block;
	width:720px;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}

#contents #pronoBox .kakko{
	font-size: 77%;
}

#contents #pronoBox .proTxt02{
	display:block;
	width:740px;
	height:auto;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:30px;
	padding:0;
	position: relative;
}

/*   contents Music */

#contents .musBox{
	display:block;
	width:760px;
	height:auto;
	margin:0 auto;
	margin-bottom:40px;
	padding:0;
	line-height:19px;
	position: relative;
}

#contents .musBox h3{margin-bottom:15px;}
#contents .musBox p{display:block;width:740px;margin:0 auto;margin-bottom:15px;}
#contents .musBox .gaibusaito{display:block;width:720px;margin:0 auto;}

#contents .musBox .soundT{
	display:block;
	width:746px;
	height:230px;
	background: url(../../img/soundtrack.png) right top no-repeat;
	margin:0 auto;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

#contents .musBox .soundT .goSt{
	display:block;
	width:220px;
	height:220px;
	left:520px;
	top:5px;
	position:absolute;
}

#contents .musBox .hikoukiG{
	display:block;
	width:746px;
	height:232px;
	background: url(../../img/hikoukigumo.png) right top no-repeat;
	margin:0 auto;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

#contents .musBox .hikoukiG .goHg{
	display:block;
	width:220px;
	height:220px;
	left:520px;
	top:5px;
	position:absolute;
}

/*   contents Character */

#contents .boxh1{
	display:block;
	width:790px;
	height:96px;
	margin:0 auto;
	padding:0;
	position: relative;
}


#contents #charabox01{
	display:block;
	width:766px;
	height:222px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_01.png) no-repeat;
	position: relative;
}

.hdn{
	display:block;
	overflow: hidden;
	text-indent: -9999px;
}

.gobtn{
	display:block;
	width:214px;
	height:36px;
	left:550px;
	top:75px;
	position:absolute;
}


#contents #charabox02{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_02.png) no-repeat;
	position: relative;
}


#contents #charabox03{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_03.png) no-repeat;
	position: relative;
}

#contents #charabox04{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_04.png) no-repeat;
	position: relative;
}

#contents #charabox05{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_05.png) no-repeat;
	position: relative;
}

#contents #charabox06{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_06.png) no-repeat;
	position: relative;
}

#contents #charabox07{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_07.png) no-repeat;
	position: relative;
}

#contents #charabox08{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_08.png) no-repeat;
	position: relative;
}

#contents #charabox09{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_09.png) no-repeat;
	position: relative;
}

#contents #charabox10{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_10.png) no-repeat;
	position: relative;
}

#contents #charabox11{
	display:block;
	width:766px;
	height:185px;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	background: url(../../img/chara_11.png) no-repeat;
	position: relative;
}

/*   contents Cast Comment */

#contents #txt_cast{
	display:block;
	width:798px;
	height:auto;
	margin:0 auto;
	margin-bottom:40px;
	text-align: left;
	position: relative;
}

#contents #txt_cast p{
	display:block;
	width:780px;
	height:auto;
	margin:0 auto;
	text-align: left;
	position: relative;
}

/*   contents story */

#contents .stobox{
	display:block;
	width:780px;
	height:580px;
	margin:0 auto;
	background: url(../../img/story_txt.png) center top no-repeat;
	text-align: center;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
}

/*   contents message */

#contents .txt_message{
	display:block;
	width:790px;
	height:auto;
	margin:0 auto;
	margin-bottom:20px;
	text-align: left;
	position: relative;
}

#contents .txt_message p{
	display:block;
	width:760px;
	height:auto;
	margin:0 auto;
	margin-bottom:18px;
	text-align: left;
	position: relative;
}

.left30{padding-left:30px;}
.left50{padding-left:50px;}
.left70{padding-left:70px;}
.left90{padding-left:90px;}


#contents .txt_message2{
	display:block;
	width:740px;
	height:auto;
	margin:0 auto;
	position: relative;
}

#contents .txt_message2 .mesdate{
	display:block;
	width:300px;
	height:auto;
	margin:0;
	margin-bottom:50px;
	font-size:85%;
	text-align: left;
	float:left;
}

#contents .txt_message2 .mesname{
	display:block;
	width:440px;
	height:auto;
	margin:0;
	margin-bottom:50px;
	font-size:116%;
	text-align: right;
	float:left;
}


/*  footer  */

#footer{
	clear:both;
	width:920px;
	height:80px;
	margin:0 auto;
	background: url(../../img/cont_footer.gif) center top no-repeat;
	position: relative;
}

#footer p {display:none;}


#footer_com{
	clear:both;
	width:920px;
	height:180px;
	margin:0 auto;
	padding-top:20px;
	background: url(../../img/cont_footer.gif) center 100px no-repeat;
	text-align: center;
	position: relative;
}

#footer_com p {display:none;}


/*   float , clear  */
.fltrt {float: right;}

.fltlft {float: left;}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* hack for link */
.trans a {display:block;width:0px;height:0px;background: url(../../img/trans.gif);}
.trans a:hover, a:active, a:focus {background: url(../../img/trans.gif);}