@charset "UTF-8";

html{
  scrollbar-face-color:       #222222; 
  scrollbar-highlight-color:  #444444;
  scrollbar-shadow-color:     #222222;
  scrollbar-darkshadow-color: #000000;
  scrollbar-arrow-color:      #999999;
  scrollbar-base-color:       #222222;
  scrollbar-3dlight-color:    #222222;
  scrollbar-track-color:      #444444;
  }
 
.fl{ float:left;}
.fr{ float:right;}

#top-menu li{ float:left;}
#menu li{ float:left;}

.clear{ clear:both;}
.marginT5{ margin-top:5px;}
.marginT10{ margin-top:10px;}
.marginT20{ margin-top:20px;}

.paddingT10{ padding-top:10px;}
.paddingT20{ padding-top:20px;}
.paddingT25{ padding-top:25px;}
.paddingB30{ padding-bottom:30px;}

.sphoto1{
	margin:10px 0 10px 10px;}
.sphoto1-1{
	margin:0 0 10px 10px;}
.sphoto2{
	margin:10px 10px 10px 0;}

.left_bg{
	background:url(../../img/bg2.gif) repeat-y;
	height:1020px;}
.left_bg2{
	background:url(../../img/bg2.gif) repeat-y;
	padding-bottom:20px;
	}
#top{
	width:640px;
	height:820px;
	background:url(../../photo/top_main.jpg) no-repeat;
	}
#top h1{ display:none;}

#contents-top{
	width:624px;
	margin:15px auto;
	}
#news{
	width:380px;
	height:65px;
	padding-top:5px;
	background:url(../../img/news.gif) no-repeat;
	float:left;
	color:#999;
}
.scrollarea{
	width:348px;
	height:60px;
	margin:0 0 0 27px;
	overflow:auto;
	}
#news ul li{
	font-size:10px;
	line-height:16px;
	margin-bottom:1px;
	}
#news a:link,#news a:active,#news a:visited{ color:#999; text-decoration:none;}
#news a:link span,#news a:active span,#news a:visited span{ color:#8e6b42;}

#news a:hover{ color:#FFF;}
#news a:hover span{ color:#c99d6a;}
#menuf-t{
	width:195px;
	margin:0 17px 0 0;
	float:right;
	}
#menuf-t li{ float:left;}

#menuf{
	width:372px;
	margin:10px 0 20px 254px;
	}
#menuf li{ float:left;}

#page-contents{
	width:640px;
	background:url(../../img/bg_page.jpg) repeat-x;
	
	}
#msg-contents{
	width:640px;
	background:url(../../img/bg_msg.jpg) repeat-x;	
	}
#int-contents{
	width:640px;
	background:url(../../img/bg_page.jpg) repeat-x;	
	}
#int-contents2{
	width:640px;
	background:#FFF url(../../img/bg_int.jpg) repeat-x;	
	}

	
#page-contents p{
	margin:15px 20px;
	font-size:12px;
	line-height:22px;
	color:#999;
	}

#story span{
	color:#a95315;
	}
.line{
	width:624px;
	margin:0 auto;
	}

/*castaff*/
#castaff{
	width:640px;
	background:url(../../img/bg_page.jpg) repeat-x;
	}
	
#castaff h3{
	width:600px;
	margin:15px auto;
	}
#castaff p{
	width:560px;
	margin:20px auto;
	color:#999;
	font-size:12px;
	line-height:22px;
	}

.cast em{
	color:#999;
	font-style:normal;
	width:70px;
	display:block;
	float:left;
}
.staff em{
	color:#999;
	font-style:normal;
	width:120px;
	display:block;
	float:left;
	}

/*msg*/
#msg{
	width:592px;
	margin:20px auto 0 auto;
	}
#msg-btn{
	width:510px;
	margin:25px auto;
	}
.msg_text{
	width:586px;
	margin:10px auto 25px auto;
	}
#msg-read{
	width:600px;
	height:515px;
	padding:35px 0 0 30px;
	background:url(../../img/bg_msg_read.gif) no-repeat;
	}
.msg1{
	background:#8e6b42;
	text-align: left;
	vertical-align:middle;
	padding:6px 0 3px 5px;
	margin: 0px;
	font-size: 13px;
	width: 550px;
	color: #FFF;
	line-height:16px;
	height:26px;
	font-weight:bold;
}

.msg2{
	vertical-align: top;
	text-align: right;
	padding: 5px 3px 0 3px;
	margin: 0px;
	font-size: 10px;
	width: 545px;
	color: #8e6b42;
	line-height: 14px;
}

.msg3{
	
	vertical-align: top;
	text-align: left;
	padding: 8px 5px 30px 5px;
	margin: 0 0 10px 0;
	font-size: 12px;
	width: 540px;
	color: #999;
	line-height:19px;
}

/*ケータイサイト*/
body#mobilesite{
	background:#000;
	}
#mobile{
	width:400px;	
	height:300px;
	margin:0 auto;
	
}
.qrcode{ float:right;}
#qr p{
	float:left;
}

/*インタビュー*/
#int_image{
	width:640px;}
#int_l{
	width:450px;
    float:left;
}
#int_r{
	width:190px;
	float:right;
	background:#111111;
	}
#int_r li{
	margin-top:5px;
	}
.question{
	width:600px;
	margin:0 auto 10px auto;
	}
.answer{
	width:574px;
	margin:0 auto;
	padding:0 0 50px 24px;
	color:#999;
	font-size:12px;
	line-height:22px;
	}
.answer2{
	width:574px;
	margin:0 auto;
	padding:0 0 50px 24px;
	color:#000;
	font-size:12px;
	line-height:22px;
	}

/*相関図*/
body#character{
	background:#000;
	color:#000;
	font-size:13px;
	line-height:24px;
	}
#chara{
	width:400px;
	margin:0 auto;
	}
#characontents{
	background:url(../../img/chara_bg.gif) no-repeat;
	height:220px;
	}
#characontents p{
	padding:15px;
	height:143px;
	}
#characontents ul{
	width:380px;
	margin:0 auto;
	padding:13px 0 0 0;
	}
.close{
	padding-top:2px;
	}

/*試写会*/
#preview-main{
	width:640px;
	height:400px;
	background:url(../../photo/preview_main.jpg) no-repeat;
	}
#preview-main h2{ display:none;}
#preview-main p{
	color:#EEEEEE;
	font-size:12px;
	width:330px;
	line-height:22px;
	padding:185px 0 0 25px;
	}
#preview-contents{
	width:600px;
	padding:20px;
	background:#FFF url(../../img/bg_int.jpg) repeat-x;	
	}
#preview-contents p{
	margin:15px 5px 0 5px ;
	padding-bottom:30px;
	font-size:12px;
	line-height:22px;
	color:#000;
	}
#preview-contents p span{
	color:#6c4b25;
	font-weight:bold;
	}
#preview-contents h3{
	font-size:14px;
	line-height:24px;
	margin-top:20px;
	color:#6c4b25;
	font-weight:bold;
	}
/*アンケート結果*/
#questionnaire-main{
	width:640px;
	height:230px;
	background:url(../../img/questionnaire.jpg) no-repeat;
	}
#questionnaire-main h2{ display:none;}
.link-questionnaire{
	padding:142px 0 0 70px;
	}

#questionnaire-contents{
	width:600px;
	padding:20px;
	background:#dedede;	
	}