@charset "UTF-8";

body{
	background: url('../img/bg.jpg') no-repeat center top;
	background-color: #000000;
	color:#fefefe;
}

#header,#contents,#navi,#footer{
	width:951px;
}

#header{
	margin:0 auto;
	text-align:center;
	height:53px;
}

#contents{
	text-align:center;
	margin:0 auto;
	height:537px;
}

#navi{
	margin:0 auto;
	text-align:center;
	height:43px;
}

#navi ul{
	text-align:center;
	margin:0 auto;
	width:846px;
	list-style-type:none;
}

#navi li{
	float:left;
	display:block;
}

#footer{
	margin:0 auto;
	text-align:center;
	height:217px;
}

#footer #banner{
	margin-left:711px;
	float:right;
	height:47px;
	padding-top:16px;
	width:245px;
	text-align:right;
}

#footer ul#banner{
	list-style-type:none;
	height:167px;
}

#footer ul#banner li{
	float:right;
	display:block;
	margin-right:5px;
}

#copyright{
	clear:left;
	width:279px;
	height:15px;
	margin:auto;
}

#mainimage{
	width:468px;
	height:537px;
	float:left;
}

#midasi{
	height:53px
	width:250px;
	float:right;
}

#story_txt{
	height:498px;
	width:483px;
	float:left;
}

#story_btnbox{
	float:left;
	width:483px;
}

#chara_box{
	width:951px;
}

.chara_left{
	float:left;
}

#map_box{
	float:left;
}

#map_text{
	float:left;
}

#info_txt{
	padding-right:15px;
	width:402px;
	height:430px;
	overflow:auto;
	text-align:left;
	
}

#info_txt p{
	margin-bottom:10px;
}

#info_txt .right_photo{
	float:right;
	margin:0 0 10px 10px;
}

#info_txt .left_photo{
	float:left;
	margin:0 10px 0 10px;
}


#info_txt_box{
	padding:55px 0 0 30px;
	float:left;
	background-image:url(../../info/img/text_bg.jpg);
	width:453px;
	height:482px;
}

#voice_txt{
	width:497px;
	float:left;
}

#voice_form{
	float:left;
	background-image:url(../../voice/img/form_bg.jpg);
	width:454px;
	height:537px;
	text-align:left;
}

#voice_bg{
	background-image:url(../../voice/img/bg.jpg);
	width:951px;
	height:537px;
}

#voice_txt_box{
	float:left;
	width:910px;
	height:400px;
	overflow:auto;
	margin:68px 0 0 0;
}

.voice_txt_l{
	width:373px;
	height:381px;
	float:left;
	margin-left:58px;
}

.voice_txt_r{
	width:373px;
	height:381px;
	float:left;
	margin-left:58px;
}

.txt_space{
	padding-bottom:5px;
}

.voice_line{
	margin:10px 0;
}

.txt_middle{
	margin-top:40px;
}

.txt_top{
	margin-top:0px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}


p{
	text-align:left;
}


html,body { height:100%; }

a:link{ color:#ff9908;}
a:visited{ color:#ff9908; }
a:hover{ color:#ff9908;}
a:active{ color:#ff9908; }

#text a:link,#text a:visited,#text a:hover,#text a:active{
	color:#80bcff;
	font-weight:bold;
}






/* ---------------------------------------------
	初期スタイル
--------------------------------------------- */

hr {
	display: none;
}

strong {
	font-weight: bold;
	text-decoration: none;
}

address {
	font-weight: normal;
	font-style: normal;
}




/* ---------------------------------------------
	汎用クラス
--------------------------------------------- */

/* clearfix ------------ */

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

.clearfix {
	display: inline-block;
}

/* Hide from MacIE \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */




/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

*:first-child + html body {	/* for IE7 */
	font-family: "メイリオ", "Meiryo";
}

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 63%; line-height: 1.4em;}	/* 10px */
.txt12 { font-size: 75%; line-height: 1.6em;}	/* 12px */
.txt14 { font-size: 88%;}	/* 14px */
.txt16 { font-size: 100%;}	/* 16px */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}




/* ---------------------------------------------
	基本項目
--------------------------------------------- */

a:link,
a:visited {
	color:#72382d;
	font-weight:bold;
	text-decoration: underline;
}

a:active,
a:hover {
	color: #72382d;
	/*background-color: #72382d;*/
	text-decoration: none;
}




/* css end ------------ */