@charset "utf-8";

/*------------ メインタイトル -------------*/
h2 {
	background: url(../story/images/title_story.jpg) 0 0 no-repeat;
	}

/*------------ ローカルナビ -------------*/
ul#local_navi {
	width: 610px;
	height: 37px;
	margin: 0 0 15px;
	padding: 0 0 0 80px;
	}
	ul#local_navi li {
		width: 56px;
		height: 37px;
		float: left;
		}
		ul#local_navi li span {
			display: none;
			}
		ul#local_navi li a {
			display: block;
			width: 37px;
			height: 37px;
			}
			ul#local_navi li a:hover {
				background: none!important;
				}
		/*------------ 個別指定：次回予告 -------------*/
		ul#local_navi li.next {
			width: 134px;
			background: url(../story/images/local_navi_r.gif) 0 0 no-repeat;
			}
			ul#local_navi li.next a {
				width: 115px;
				background: url(../story/images/local_navi.gif) 0 0 no-repeat;
				}
		/*------------ 個別指定：第1話 -------------*/
		ul#local_navi li.story1 {
			background: url(../story/images/local_navi_r.gif) -134px 0 no-repeat;
			}
			ul#local_navi li.story1 a {
				background: url(../story/images/local_navi.gif) -134px 0 no-repeat;
				}
		/*------------ 個別指定：第2話 -------------*/
		ul#local_navi li.story2 {
			background: url(../story/images/local_navi_r.gif) -190px 0 no-repeat;
			}
			ul#local_navi li.story2 a {
				background: url(../story/images/local_navi.gif) -190px 0 no-repeat;
				}
		/*------------ 個別指定：第3話 -------------*/
		ul#local_navi li.story3 {
			background: url(../story/images/local_navi_r.gif) -246px 0 no-repeat;
			}
			ul#local_navi li.story3 a {
				background: url(../story/images/local_navi.gif) -246px 0 no-repeat;
				}
		/*------------ 個別指定：第4話 -------------*/
		ul#local_navi li.story4 {
			background: url(../story/images/local_navi_r.gif) -302px 0 no-repeat;
			}
			ul#local_navi li.story4 a {
				background: url(../story/images/local_navi.gif) -302px 0 no-repeat;
				}
		/*------------ 個別指定：第5話 -------------*/
		ul#local_navi li.story5 {
			background: url(../story/images/local_navi_r.gif) -358px 0 no-repeat;
			}
			ul#local_navi li.story5 a {
				background: url(../story/images/local_navi.gif) -358px 0 no-repeat;
				}
		/*------------ 個別指定：第6話 -------------*/
		ul#local_navi li.story6 {
			background: url(../story/images/local_navi_r.gif) -414px 0 no-repeat;
			}
			ul#local_navi li.story6 a {
				background: url(../story/images/local_navi.gif) -414px 0 no-repeat;
				}
		/*------------ 個別指定：第7話 -------------*/
		ul#local_navi li.story7 {
			background: url(../story/images/local_navi_r.gif) -470px 0 no-repeat;
			}
			ul#local_navi li.story7 a {
				background: url(../story/images/local_navi.gif) -470px 0 no-repeat;
				}
		/*------------ 個別指定：第8話 -------------*/
		ul#local_navi li.story8 {
			background: url(../story/images/local_navi_r.gif) -526px 0 no-repeat;
			}
			ul#local_navi li.story8 a {
				background: url(../story/images/local_navi.gif) -526px 0 no-repeat;
				}
		/*------------ 個別指定：第9話 -------------*/
		ul#local_navi li.story9 {
			background: url(../story/images/local_navi_r.gif) -582px 0 no-repeat;
			}
			ul#local_navi li.story9 a {
				background: url(../story/images/local_navi.gif) -582px 0 no-repeat;
				}
		/*------------ 個別指定：第10話 -------------*/
		ul#local_navi li.story10 {
			width: 37px;
			background: url(../story/images/local_navi_r.gif) -638px 0 no-repeat;
			}
			ul#local_navi li.story10 a {
				background: url(../story/images/local_navi.gif) -638px 0 no-repeat;
				}


/*------------ 1話分ボックス -------------*/
#left .box {
	}
	/*------------ タイトル -------------*/
	#left .box h3 {
		width: 675px;
		height: 50px;
		padding: 0 15px 0 0;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.1em;
		text-align: right;
		line-height: 3.5em;
		}
		#left .box h3 em {
			display: none;
			}
		/*------------ 次回予告のタイトル個別指定 -------------*/
		#next h3.story1 {
			background: url(../story/images/title_story1.gif) 0 0 no-repeat;
			}
		#next h3.story2 {
			background: url(../story/images/title_story2.gif) 0 0 no-repeat;
			}
		#next h3.story3 {
			background: url(../story/images/title_story3.gif) 0 0 no-repeat;
			}
		#next h3.story4 {
			background: url(../story/images/title_story4.gif) 0 0 no-repeat;
			}
		#next h3.story5 {
			background: url(../story/images/title_story5.gif) 0 0 no-repeat;
			}
		#next h3.story6 {
			background: url(../story/images/title_story6.gif) 0 0 no-repeat;
			}
		#next h3.story7 {
			background: url(../story/images/title_story7.gif) 0 0 no-repeat;
			}
		#next h3.story8 {
			background: url(../story/images/title_story8.gif) 0 0 no-repeat;
			}
		#next h3.story9 {
			background: url(../story/images/title_story9.gif) 0 0 no-repeat;
			}
		#next h3.story10 {
			background: url(../story/images/title_story10.gif) 0 0 no-repeat;
			}
		/*------------ タイトル個別指定 -------------*/
		#story1 h3 {
			background: url(../story/images/title_story1.gif) 0 0 no-repeat;
			}
		#story2 h3 {
			background: url(../story/images/title_story2.gif) 0 0 no-repeat;
			}
		#story3 h3 {
			background: url(../story/images/title_story3.gif) 0 0 no-repeat;
			}
		#story4 h3 {
			background: url(../story/images/title_story4.gif) 0 0 no-repeat;
			}
		#story5 h3 {
			background: url(../story/images/title_story5.gif) 0 0 no-repeat;
			}
		#story6 h3 {
			background: url(../story/images/title_story6.gif) 0 0 no-repeat;
			}
		#story7 h3 {
			background: url(../story/images/title_story7.gif) 0 0 no-repeat;
			}
		#story8 h3 {
			background: url(../story/images/title_story8.gif) 0 0 no-repeat;
			}
		#story9 h3 {
			background: url(../story/images/title_story9.gif) 0 0 no-repeat;
			}
		#story10 h3 {
			background: url(../story/images/title_story10.gif) 0 0 no-repeat;
			}
	/*------------ 詳細エリア -------------*/
	#left .box .details {
		width: 690px;
		height: auto;
		overflow: hidden;
		background: #fff;
		}
		/*------------ あらすじエリア -------------*/
		#left .box .details .text {
			width: 450px;
			height: auto;
			overflow: hidden;
			background: #fff;
			padding: 15px 10px 15px 20px;
			line-height: 1.6;
			font-size: 14px;
			float: left;
			}
			/*------------ テキスト -------------*/
			#left .box .details .text p {
				margin: 0 0 1em;
				font-size: 12px;
				}
				#left .box .details .text p em {
					font-weight: bold;
					}
					#left .box .details .text p em.red {
						color: #ff6666;
						}
					#left .box .details .text p em.blue {
						color: #00aadd;
						}
		/*------------ タレント写真 -------------*/
		#left .box .details dl.pic {
			width: 200px;
			height: auto;
			overflow: hidden;
			float: right;
			background: #fff;
			padding: 20px 0 0 0;
			}
			#left .box .details dl.pic dt {
				width: 180px;
				height: 242px;
				}
				#left .box .details dl.pic dt img {
					border: 2px solid #ccc;
					}
			#left .box .details dl.pic dd {
				width: 180px;
				}
				#left .box .details dl.pic dd.button {
					margin: 0 0 5px;
					}
				#left .box .details dl.pic dd.name {
					font-size: 25px;
					text-align: center;
					line-height: 1;
					margin: 10px 0;
					}
					#left .box .details dl.pic dd.name span {
						display: block;
						margin: 5px 0 0;
						font-size: 12px;
						letter-spacing: 0;
						}
		/*------------ 場面者エリア -------------*/
		#left .box .details ul.scene {
			width: 660px;
			height: auto;
			overflow: hidden;
			background: #f0f0f0;
			padding: 15px 10px 0 20px;
			line-height: 1.8;
			clear: both;
			}
			#left .box .details ul.scene li {
				width: 220px;
				height: 176px;
				margin: 0;
				float: left;
				}
				#left .box .details ul.scene li img {
					border: 2px solid #fff;
					}
				/*------------ 写真が縦の場合 -------------*/
				#left .box .details ul.scene li.tate {
					width: 220px;
					height: 225px;
					}
					#left .box .details ul.scene li.tate img {
						}
	
/*------------ 次回予告 -------------*/
#left #next {
	background: #cc9900;
	}
	#left #next .next {
		width: 690px;
		height: 30px;
		background: url(../story/images/title_next_story.gif) 0 0 no-repeat;
		}
		#left #next .next span {
			display: none;
			}