@charset "utf-8";
/* ------------------------------
共通
------------------------------ */
* {
	margin: 0px;
	padding: 0px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
fieldset, img {
	border:0px;
}
pre, blockquote, address, table, td, div, form {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-size:100%;
	font-weight:normal;
}
ol, ul, li, dl, dt, dd {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:0;
	line-height:0;
	vertical-align:top;
}
/* ------------------------------
共通
------------------------------ */

body#rinne {
	background:#555555 url(../img/bg.gif) center 50px repeat-y;
}
body#rinne #fp-l {
	background:url(../img/bg.gif) repeat-y left 0;
}
#main_contents {
	width: 640px;
	font-size:12px;
	line-height:150%;
	color:#FFF;
}
#main_contents h1 {
	margin:0;
	padding:0;
}
#header {
	margin:0;
}
#naiyo {
	margin-top:20px;
}
.text_red {
	color:#F00;
}
/* ------------------------------
sub navi
------------------------------ */
#subnavi {
	text-align:right;
	padding-right:10px;
	padding-top: 20px;
}
/* ------------------------------
footer
------------------------------ */

#footer {
	width:640px;
	margin-top:30px;
}
#footer .icon {
	float:left;
	padding-left:14px;
}
#footer .text {
	font-size:10px;
	float:right;
	width:523px;
	text-align:left;
	padding-right:20px;
}
#footer a {
	color:#FFF;
}
/*		#nav
	--------------------*/

#nav {
	width:640px;
	margin:0;
}
#nav1 {
	width:640px;
	margin:0 0 10px 0;
}
#nav li {
	display:block;
	float:left;
	text-indent:-9999px;
}
#nav1 li {
	display:block;
	float:left;
	text-indent:-9999px;
}
#nav a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#nav1 a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#nav-story a {
	width:160px;
	height:25px;
	background:url(../img/navi.jpg) 0 0 no-repeat;
}
#nav-story a:hover {
	width:160px;
	background:url(../img/navi_on.jpg) 0 0 no-repeat;
}
#nav-caststaff a {
	width:160px;
	height:25px;
	background:url(../img/navi.jpg) -160px 0 no-repeat;
}
#nav-caststaff a:hover {
	width:160px;
	background:url(../img/navi_on.jpg) -160px 0 no-repeat;
}
#nav-character a {
	width:160px;
	height:25px;
	background:url(../img/navi.jpg) -320px 0 no-repeat;
}
#nav-character a:hover {
	width:160px;
	background:url(../img/navi_on.jpg) -320px 0 no-repeat;
}
#nav-castinterview a {
	width:160px;
	height:25px;
	background:url(../img/navi.jpg) -480px 0 no-repeat;
}
#nav-castinterview a:hover {
	width:160px;
	background:url(../img/navi_on.jpg) -480px 0 no-repeat;
}
#nav-staffinterview a {
	width:160px;
	height:25px;
	background:url(../img/navi.jpg) 0 -25px no-repeat;
}
#nav-staffinterview a:hover {
	width:160px;
	background:url(../img/navi_on.jpg) 0 -25px no-repeat;
}
#nav-young a {
	width:160px;
	height:25px;
	background:url(../img/navi.jpg) -160px -25px no-repeat;
}
#nav-young a:hover {
	width:160px;
	background:url(../img/navi_on.jpg) -160px -25px no-repeat;
}
#nav-topics a {
	width:160px;
	height:25px;
	background:url(../img/navi.jpg) -320px -25px no-repeat;
}
#nav-topics a:hover {
	width:160px;
	background:url(../img/navi_on.jpg) -320px -25px no-repeat;
}
#nav-messege a {
	width:160px;
	height:25px;
	background:url(../img/navi.jpg) -480px -25px no-repeat;
}
#nav-messege a:hover {
	width:160px;
	background:url(../img/navi_on.jpg) -480px -25px no-repeat;
}
#nav-story_off {
	width:160px;
	height:25px;
	background:url(../img/navi_off.jpg) 0 0 no-repeat;
}
#nav-character_off {
	width:160px;
	height:25px;
	background:url(../img/navi_off.jpg) -320px 0 no-repeat;
}
#nav-castinterview_off {
	width:160px;
	height:25px;
	background:url(../img/navi_off.jpg) -480px 0 no-repeat;
}
#nav-staffinterview_off {
	width:160px;
	height:25px;
	background:url(../img/navi_off.jpg) 0 -25px no-repeat;
}
#nav-topics_off {
	width:160px;
	height:25px;
	background:url(../img/navi_off.jpg) -320px -25px no-repeat;
}
#nav-messege_off {
	width:160px;
	height:25px;
	background:url(../img/navi_off.jpg) -480px -25px no-repeat;
}
/*		#nav-top
	--------------------*/
#nav_top {
	margin:10px 0 10px 320px;
}
#nav_top li {
	display:block;
	float:left;
}
#nav_top a {
	display:block;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
}
#nav-dramatop a {
	width:98px;
	background:url(../img/navi_top.gif) 0 0 no-repeat;
}
#nav-dramatop a:hover {
	background:url(../img/navi_top_on.gif) 0 0 no-repeat;
}
#nav-sitetop a {
	width:95px;
	background:url(../img/navi_top.gif) -98px 0 no-repeat;
}
#nav-sitetop a:hover {
	background:url(../img/navi_top_on.gif) -98px 0 no-repeat;
}
#nav-mobile a {
	width:107px;
	background:url(../img/navi_top.gif) -193px 0 no-repeat;
}
#nav-mobile a:hover {
	background:url(../img/navi_top_on.gif) -193px 0 no-repeat;
}
/* ------------------------------
cast staff
------------------------------ */

#caststaff {
	background:url(../photo/caststaff.jpg) no-repeat;
	width:640px;
	height:554px;
}
#caststaff h2 {
	padding:14px 0 17px 15px;
}
#caststaff h3 {
	padding:0 0 14px 15px;
}
#caststaff_text {
	width:300px;
	height:216px;
	margin:0 30px;
	line-height:200%;
}
#caststaff_text1 {
	width:300px;
	margin:0 30px;
	line-height:200%;
}
/* ------------------------------
story
------------------------------ */

#story {
	background:url(../photo/story.jpg) no-repeat;
	width:640px;
	height:554px;
}
#story h2 {
	padding:14px 0 17px 17px;
}
#story_text {
	width:260px;
	margin:0 20px;
	line-height:200%;
}
/* ------------------------------
character
------------------------------ */

#character {
	background:url(../img/character_back.jpg) no-repeat;
	width:640px;
	height:1260px;
}
#character h2 {
	padding:14px 0 17px 17px;
}
.character_p {
	margin:10px auto 15px auto;
	width:618px;
}
.character_p .photo {
	float:left;
}
.character_p .text {
	float:right;
	width:402px;
}
.character_p .text p.name {
	background:url(../img/character_name.gif) no-repeat;
	font-size:14px;
	line-height:180%;
	font-weight:bold;
	width:402px;
	padding:0 0 0 10px;
}
.character_p .text p.shosai {
	font-size:12px;
	line-height:200%;
	width:392px;
	padding:5px 10px 0 10px;
}
/* ------------------------------
castinterview
------------------------------ */

#castinterview1 {
	background:url(../photo/castinterview_yamamoto.jpg) no-repeat;
	width:640px;
	height:554px;
}
#castinterview1 h2 {
	padding:14px 0 0 17px;
	margin:0;
}
#castinterview1 h3 {
	padding:9px 0 0 256px;
	margin:0;
}
#castinterview2 {
	background:url(../photo/castinterview_seto.jpg) no-repeat;
	width:640px;
	height:554px;
}
#castinterview2 h2 {
	padding:14px 0 0 17px;
	margin:0;
}
#castinterview2 h3 {
	padding:9px 0 0 256px;
	margin:0;
}
#interview {
	height:420px;
	width:350px;
	margin:0 0 0 245px;
	overflow:auto;
	padding:10px;
	font-size:12px;
	color:#fff;
	line-height:180%;
}
#interview p.q {
	font-weight:bold;
	border:solid 1px #FFF;
	font-size:12px;
	padding:5px;
	margin:0 0 5px 0;
}
.gotointerview {
	margin:12px 0 0 412px;
}
/* ------------------------------
messege
------------------------------ */
#messege {
	background:url(../img/messege_photo.jpg) no-repeat right;
	width:640px;
}
#messege_btn {
	background:url(../img/messege_m4.gif) no-repeat;
	width:402px;
	height:38px;
	padding-left:18px;
}
#messege_back {
	background:url(../img/messege_back.jpg) no-repeat;
	width:640px;
	height:420px;
	padding-top:20px;
}
a.button img:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}



/* ------------------------------
topics
------------------------------ */

#topics {
	background:url(../photo/topics.jpg) no-repeat;
	width:640px;
	height:554px;
}
#topics h2 {
	padding:14px 0 0 17px;
	margin:0;
}

#topics_text {
	height:280px;
	width:580px;
	margin:200px 0 0 20px;
	overflow:auto;
	padding:10px;
	font-size:12px;
	color:#fff;
	line-height:180%;
}




/* ------------------------------
staffinterview
------------------------------ */

#staffinterview1 {
	background:url(../photo/staffinterview_kuwamura.jpg) no-repeat;
	width:640px;
	height:554px;
}
#staffinterview1 h2 {
	padding:14px 0 0 17px;
	margin:0;
}
#staffinterview1 h3 {
	padding:9px 0 0 256px;
	margin:0;
}
#staffinterview2 {
	background:url(../photo/staffinterview_namiki.jpg) no-repeat;
	width:640px;
	height:554px;
}
#staffinterview2 h2 {
	padding:14px 0 0 17px;
	margin:0;
}
#staffinterview2 h3 {
	padding:9px 0 0 256px;
	margin:0;
}

.gotostaffinterview {
	margin:12px 0 0 390px;
}