@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#kobe {
	background:#555555 url(../img/bg.gif) center 50px repeat-y;
}
body#kobe #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;
}
/*--#main_contents a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}--*/


.text_gold {
	color:#E5AC55;
}
/* ------------------------------
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:30px 0 0 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-hajimeni a {
	width:71px;
	height:24px;
	margin-left:33px;
	background:url(../img/navi.gif) -33px 0 no-repeat;
}
#nav-story a {
	width:72px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi.gif) -111px 0 no-repeat;
}
#nav-caststaff a {
	width:132px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi.gif) -190px 0 no-repeat;
}
#nav-chart a {
	width:111px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi.gif) -329px 0 no-repeat;
}
#nav-kisha a {
	width:160px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi.gif) -447px 0 no-repeat;
}
#nav-castcomment a {
	width:122px;
	height:24px;
	margin:7px 0 0 91px;
	background:url(../img/navi.gif) -91px -31px no-repeat;
}
#nav-staffcomment a {
	width:122px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi.gif) -220px -31px no-repeat;
}
#nav-topics a {
	width:81px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi.gif) -349px -31px no-repeat;
}
#nav-messege a {
	width:112px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi.gif) -437px -31px no-repeat;
}
#nav-hajimeni a:hover {
	width:71px;
	height:24px;
	margin-left:33px;
	background:url(../img/navi_on.gif) -33px 0 no-repeat;
}
#nav-story a:hover {
	width:72px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi_on.gif) -111px 0 no-repeat;
}
#nav-caststaff a:hover {
	width:132px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi_on.gif) -190px 0 no-repeat;
}
#nav-chart a:hover {
	width:111px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi_on.gif) -329px 0 no-repeat;
}
#nav-kisha a:hover {
	width:160px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi_on.gif) -447px 0 no-repeat;
}
#nav-castcomment a:hover {
	width:122px;
	height:24px;
	margin:7px 0 0 91px;
	background:url(../img/navi_on.gif) -91px -31px no-repeat;
}
#nav-staffcomment a:hover {
	width:122px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi_on.gif) -220px -31px no-repeat;
}
#nav-topics a:hover {
	width:81px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi_on.gif) -349px -31px no-repeat;
}
#nav-messege a:hover {
	width:112px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi_on.gif) -437px -31px no-repeat;
}
#nav-chart_off {
	width:111px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi_off.gif) -329px 0 no-repeat;
}
#nav-kisha_off {
	width:160px;
	height:24px;
	margin-left:7px;
	background:url(../img/navi_off.gif) -447px 0 no-repeat;
}
#nav-castcomment_off {
	width:122px;
	height:24px;
	margin:7px 0 0 91px;
	background:url(../img/navi_off.gif) -91px -31px no-repeat;
}
#nav-staffcomment_off {
	width:122px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi_off.gif) -220px -31px no-repeat;
}
#nav-topics_off {
	width:81px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi_off.gif) -349px -31px no-repeat;
}
#nav-messege_off {
	width:112px;
	height:24px;
	margin:7px 0 0 7px;
	background:url(../img/navi_off.gif) -437px -31px 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;
}
/* ------------------------------
トップページ
------------------------------ */

#top_photo {
	margin-bottom:20px;
}
/* ------------------------------
はじめに
------------------------------ */

#hajimeni {
	background:url(../photo/hajimeni.jpg) no-repeat;
	width:640px;
}
#hajimeni h2 {
	padding:25px 0 0 28px;
	margin:0;
}
#hajimeni_text {
	width:410px;
	margin:0 0 0 210px;
	line-height:150%;
}
/* ------------------------------
あらすじ
------------------------------ */

#story {
	background:url(../photo/story.jpg) no-repeat;
	width:640px;
}
#story h2 {
	padding:24px 0 0 28px;
	margin:0;
}
#story_text {
	width:410px;
	margin:0 0 0 210px;
	line-height:150%;
}
/* ------------------------------
キャスト＆スタッフ
------------------------------ */

#caststaff {
	background:url(../photo/caststaff.jpg) no-repeat;
	width:640px;
}
#caststaff h2 {
	padding:25px 0 0 28px;
	margin:0;
}
#caststaff h3 {
	font-weight:bold;
}
#caststaff_text {
	width:290px;
	margin:0 0 0 310px;
	line-height:230%;
}
#caststaff_text_left {
	float:left;
}
#caststaff_text_right {
	float:right;
}
/* ------------------------------
番組メッセージ
------------------------------ */

#messege {
	background:url(../img/messege.jpg) no-repeat;
	width:640px;
}
#messege h2 {
	padding:108px 0 0 28px;
	margin:0;
}
#messege_midashi {
	padding:18px 0 0 28px;
	margin:0;
}
#messege_text {
	padding:18px 0 10px 28px;
	margin:0;
}
.chui {
	color:#F00;
	font-size:10px;
}
#messege_btn {
	margin:0 0 30px 28px;
}

a.button img:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/* ------------------------------
記者
------------------------------ */

#kisha {
	background:url(../img/kisha.jpg) no-repeat;
	width:640px;
}
#kisha h2 {
	padding:24px 0 0 28px;
	margin:0;
}
#kisha h3 {
	padding:15px 0 10px 28px;
	margin:0;
}
#kisha_shosai {
	padding:10px 0;
}
#kisha_photo {
	float:left;
	width:260px;
	padding:0 0 0 27px;
}
#kisha_text {
	float:right;
	width:330px;
	overflow:auto;
	height:400px;
	margin:0 10px 0 0;
	line-height:200%;
}
#kisha_text p {
	padding:0 10px;
}
.kisha_list {
	width:580px;
	margin:20px 0 0 27px;
}
.kisha_list .name {
	float:right;
	width:300px;
	line-height:200%;

	font-size:14px;
}
.kisha_list .name a {
	color:#FFF;
	text-decoration:none;
}
.kisha_list .name a:hover {
	color:#ccc;
	text-decoration: underline;
}


.kisha_more {
	text-align:right;
	font-size:12px;
	font-weight:bold;
}
/* ------------------------------
相関図
------------------------------ */

#chart {
	background:url(../img/chart_back.jpg) no-repeat;
	width:640px;
}
#chart h2 {
	padding:24px 0 36px 28px;
	margin:0;
}


/* ------------------------------
キャストコメント
------------------------------ */

#castcomment {
	background:url(../img/castcomment.jpg) no-repeat;
	width:640px;
}
#castcomment h2 {
	padding:24px 0 36px 28px;
	margin:0;
}

#castcomment_sakurai {
}
#castcomment_sakurai h3 {
	padding:2px 0 20px 28px;
}


#castcomment_fukiishi {
		background:url(../photo/castcomment_ph1.jpg) no-repeat;
}

#castcomment_fukiishi h3 {
	padding:2px 0 20px 28px;
}

#castcomment_takashima {
		background:url(../photo/castcomment_ph2.jpg) no-repeat;
}

#castcomment_takashima h3 {
	padding:2px 0 20px 28px;
}

#castcomment_text_sakurai {
	float:right;
	width:600px;
	overflow:auto;
	height:450px;
	margin:0 10px 0 0;
	line-height:200%;
}
#castcomment_text_sakurai p.q {
	border-top:#E5AC55 1px dotted;
	border-bottom:#E5AC55 1px dotted;
	color:#E5AC55;
	font-weight:bold;
	padding:0 10px;
	margin-right:10px;
	margin-bottom:10px;
}
#castcomment_text_sakurai p {
	padding:0 10px 20px 10px;
	margin-right:10px;
}

#castcomment_text {
	float:right;
	width:360px;
	overflow:auto;
	height:450px;
	margin:0 10px 0 0;
	line-height:200%;
}
#castcomment_text p.q {
	border-top:#E5AC55 1px dotted;
	border-bottom:#E5AC55 1px dotted;
	color:#E5AC55;
	font-weight:bold;
	padding:0 10px;
	margin-right:10px;
	margin-bottom:10px;
}
#castcomment_text p {
	padding:0 10px 20px 10px;
	margin-right:10px;
}

#castcomment_navi {
	margin:20px 0 10px 28px;
}


/* ------------------------------
トピックス
------------------------------ */

#topics {
	background:url(../img/topics.jpg) no-repeat;
	width:640px;
}
#topics h2 {
	padding:24px 0 36px 28px;
	margin:0;
}

#topics_back {
		background:url(../img/topics_back.jpg) no-repeat;
}

#topics_back h3 {
	padding:2px 0 20px 28px;
}


#topics_text {
	float:right;
	width:390px;
	overflow:auto;
	height:450px;
	margin:0 10px 0 0;
	line-height:200%;
}
#topics_text p.q {
	border-top:#E5AC55 1px dotted;
	border-bottom:#E5AC55 1px dotted;
	color:#E5AC55;
	font-weight:bold;
	padding:0 10px;
	margin-right:10px;
	margin-bottom:10px;
}
#topics_text p {
	padding:0 10px 20px 10px;
	margin-right:10px;
}

/* ------------------------------
スタッフコメント
------------------------------ */

#staffcomment {
	background:url(../img/staffcomment.jpg) no-repeat;
	width:640px;
}
#staffcomment h2 {
	padding:24px 0 0 28px;
	margin:0;
}
#staffcomment_text {
	width:360px;
	margin:10px 10px 0 0;
	line-height:150%;
	overflow:auto;
	height:500px;
	float:right;
}
#staffcomment_text p {
	padding:0 10px;
}

#staffcomment_text p.name {
	border-top:#E5AC55 1px dotted;
	border-bottom:#E5AC55 1px dotted;
	color:#E5AC55;
	font-weight:bold;
	padding:0 10px;
	margin-right:10px;
	margin-bottom:10px;
}
