@charset "UTF-8";

/* PROGRAM
##################################### */

/* col-left */
h2 {
	padding: 28px 0 0 20px;
	width: 675px; height: 72px;
	color: #fff;
	font-size: 115%;
	overflow: hidden;
}
	h2 strong {
		display: block;
		font-size: 130%;
	}

/* common */
h2#h2-top {
	padding: 0 0 0 0;
	width: 675px; height: 250px;
	background: none;
}
h3.h3-next-show-time {
	padding: 10px 0 0 15px;
	height: 24px;
	background: url(../program/img/bg_h3_default.gif) repeat-x;
	font-size: 107%;
	font-weight: bold;
}
h3.h3-story {
	padding: 10px 0 0 15px;
	height: 24px;
	background: url(../program/img/bg_h3_default.gif) repeat-x;
	font-size: 107%;
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
}
h3.h3-default {
	padding: 10px 0 0 15px;
	height: 26px;
	background: url(../program/img/bg_h3_default.gif) repeat-x;
	font-size: 107%;
	font-weight: bold;
	clear: both;
}
h3.h3-default2 {
	padding: 10px 0 0 15px;
	height: 24px;
	background: url(../program/img/bg_h3_default.gif) repeat-x;
	font-size: 107%;
	font-weight: bold;
}
div#box-text {
	margin-bottom: 10px;
	padding: 10px 15px;
	background: url(../program/img/bg_text.gif) repeat;
	overflow: auto;
}
	div#box-text img {
		float: left;
		margin: 0 15px 15px 0;
	}
div#box-text2 {
	margin-bottom: 10px;	
	padding: 15px;
	height: 100%;
	background: #fff;
	border: 1px solid #ddd;
	overflow: hidden;
}
	div#box-text2 img {
		float: left;
		margin: 0 15px 15px 0;
	}
	div#box-text2 img.img-r {
		float: right;
		margin: 0 0 15px 15px;
	}
div#box-text3 {
	margin-bottom: 10px;	
	padding: 15px;
	height: 100%;
	background: #fff;
	border: 1px solid #ddd;
	overflow: hidden;
}
	div#box-text3 img {
		margin: 0 0 15px 0;
	}
div#box-text4 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 25px;
	padding: 16px;
	height: 100%;
	background: #fff;
	border: 1px solid #ddd;
	overflow: hidden;
}
	div#box-text4 p {
		margin-bottom: 15px;
	}
	div#box-text4 img {
		margin: 0;
	}


/* col-left-left */
div#col-left-left {
	float: left;
	margin-top: 10px;
	width: 150px;
	overflow: hidden;
}
	div#col-left-left ul {
		display: block;
	}
		div#col-left-left ul li {
			margin-bottom: 5px;
			background: #fff;
			border: 1px solid #ddd;
			border-left: 2px solid #333;
		}
			div#col-left-left ul li a {
				display: block;
				padding: 7px 0 9px 10px;
				font-weight: bold;
			}
			div#col-left-left ul li a:hover {
				background: #eee;
			}
			
/* col-left-right */
div#col-left-right {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 515px;
}		
	/* season-name */	
	div#season-name {
		background: #ddd;
	}
		div#season-name ul {
			display: block;
			float: right;
			padding: 7px 0;
			width: 515px;
			background: #fff;
		}
			div#season-name ul li {
				float: left;
				padding-right: 7px;
				padding-left: 7px;
				background: url(../program/img/line_season.gif) right no-repeat;
			}
				div#season-name ul li a {
					padding: 2px 8px;
				}
				div#season-name ul li a.current {
					background: #999;
					color: #fff;
				}
	
	/* season */	
	div#season {
		background: #ddd;
	}
		div#season h3 {
			float: left;
			width: 65px; height: 30px;
			background: url(../program/img/h3_season.jpg) #ddd;
			text-indent: -9999px;
		}	
				
		div#season ul {
			display: block;
			float: right;
			padding: 7px 0;
			width: 450px;
			background: #fff;
		}

		/* season-name 20090921 */
		div#season ul.season-name {
			border-bottom: 1px solid #ccc;
		}
		
		/* season-category 20090921 */
		div#season ul.season-category {
			display: block;
			padding: 7px 0;
			width: 515px;
			background: #fff;
		}
		
		
			div#season ul li {
				float: left;
				padding-right: 7px;
				padding-left: 7px;
				background: url(../program/img/line_season.gif) right no-repeat;
			}
				div#season ul li a {
					padding: 2px 8px;
				}
				div#season ul li a.current {
					background: #999;
					color: #fff;
				}
		div#season-bottom {
			margin-bottom: 10px;
			height: 1px;
			background: #555;
			clear: both;
			overflow: hidden;
		}
		
		/* story for index.html */
		div#season-bottom-index {
			/*margin-bottom: 10px;*/
			/*height: 1px;*/
			/*background: #ddd;*/
			clear: both;
			/*overflow: hidden;*/
		}
		
		
		div#season-bottom-episode {
			margin-bottom: 0;
			height: 1px;
			background: #555;
			clear: both;
			overflow: hidden;
		}
		
	/* season-schedule */	
	div#season-schedule {
		background: #fff;
	}			
		div#season-schedule ul {
			display: block;
			float: left;
			padding: 7px 0;
			background: #fff;
		}

		/* season-name 20090921 */
		div#season-schedule ul.season-name {
			width: 515px;
			border-top: 1px solid #ccc;
		}
		
		/* season-category 20090921 */
		div#season-schedule ul.season-category {
			display: block;
			padding: 7px 0;
			width: 515px;
			background: #fff;
		}
		
		
			div#season-schedule ul li {
				float: left;
				padding-right: 7px;
				padding-left: 7px;
				background: url(../program/img/line_season.gif) right no-repeat;
			}
				div#season-schedule ul li a {
					padding: 2px 8px;
				}
				div#season-schedule ul li a.current {
					background: #999;
					color: #fff;
				}

	/* backnumber */	
	div#backnumber {
		background: #ddd;
	}
		div#backnumber h3 {
			float: left;
			width: 65px; height: 32px;
			background: url(../program/img/h3_backnumber.jpg) #ddd no-repeat;
			text-indent: -9999px;
		}
		div#backnumber-dropdown {
			display: block;
			float: right;
			padding: 5px; height: 22px;
			width: 440px;
			background: #fff;
		}
			div#backnumber-dropdown select {
				width: 440px;
			}
		div#backnumber-bottom {
			margin-bottom: 10px;
			height: 1px;
			background: #555;
			clear: both;
			overflow: hidden;
		}
	
	/* schedule */
	h3.h3-schedule {
		padding: 10px 0 0 15px;
		width: 515px; height: 24px;
		background: url(../program/img/bg_h3.gif) no-repeat;
		font-size: 107%;
		color: #fff;
		font-weight: bold;
	}
		table.table-schedule {
			margin-bottom: 10px;
			background: url(../program/img/bg_tr_header.gif) repeat-x;
		}
			table.table-schedule thead {
			}
			table.table-schedule tr.tr-header {
				height: 29px;
				background: url(../program/img/bg_tr_header.gif) repeat-x;
				color: #fff;
			}
				table.table-schedule tr.tr-header th{
					padding-left: 20px;
				}
				table.table-schedule tr td{
					padding: 5px;
					text-align: center;
				}
				table.table-schedule tr td.txt-left{
					text-align: left;
				}

table.table-schedule thead tr .header {
	background: url(../program/img/bg_sort_default.gif) 5px center no-repeat;
	cursor: pointer;
}
table.table-schedule thead tr th.headerSortUp { 
	background: url(../program/img/bg_sort_up.gif) 5px center no-repeat;
	color: #fff;
	cursor: pointer;
}
table.table-schedule thead tr th.headerSortDown { 
	background: url(../program/img/bg_sort_down.gif) 5px center no-repeat;
	color: #fff;
	cursor: pointer;
} 
table.table-schedule tr.odd {
	background: url(../program/img/bg_odd.gif) bottom repeat-x;
}
table.table-schedule tr.even {
	background: url(../program/img/bg_even.gif) bottom repeat-x;
}

table.table-schedule .th-sh0 {
	float: left;
	width: 15px;
}
table.table-schedule .th-sh1 {
	float: left;
	width: 85px;
}
table.table-schedule .th-sh2 {
	float: left;
	width: 45px;
}
table.table-schedule .th-sh3 {
	float: left;
	width: 55px;
}


	/* copyright */
	div#copyright {
		/*RF20100304*/
		/*font-size: 12px;*/
		color: #999;
		clear:both;
	}
	div.copyright-center {
		margin-right: 25px;
	}
	
	/* Next Show Time */
	ul#list-next-show-time {
		margin-bottom: 10px;
		padding: 10px 15px;
		background: #fff;
		border: 1px solid #ddd;
	}
		ul#list-next-show-time li {
			line-height: 1.5;
		}
			
/* tvseries & movie */

h2#h2-tvseries {
	padding: 0;
	width: 675px; height: 40px;
	background: url(../program/img/h2_tvseries.gif) no-repeat;
	text-indent: -9999px;
}

h2#h2-movie {
	padding: 0;
	width: 675px; height: 40px;
	background: url(../program/img/h2_movie.gif) no-repeat;
	text-indent: -9999px;
}
			
ul#list-program {
	display: block;
	width: 675px;
	margin-bottom:20px;
	background: url(../program/img/bg_list_program.gif) repeat;
}
	ul#list-program li {
		display: block;
		width: 675px;
		overflow: hidden;
	}

		/* list title */
		ul#list-program li.li-title {
				background: url(../program/img/bg_li_title.gif) top left repeat-x;
		}


		ul#list-program li strong {
			display: block;
			height: 20px;
			padding: 10px 20px 5px 20px;
			color: #fff;
		}
		
		
		ul#list-program li ul.list-program-left {
			display: block;
			float: left;
			width: 337px;
			border-right: 1px solid #eaeaea;
		}
		ul#list-program li ul.list-program-right {
			display: block;
			float: right;
			width: 337px;
		}
			ul#list-program li ul.list-program-left li {
				display: block;
				padding: 10px 20px 0 20px;
				width: 297px; height: 60px;
				background: url(../program/img/bg_li.gif) top left repeat-x;
				clear: both;
			}
			ul#list-program li ul.list-program-right li {
				display: block;
				padding: 10px 20px 0 20px;
				width: 297px; height: 60px;
				background: url(../program/img/bg_li.gif) top left repeat-x;
				clear: both;
			}
				ul#list-program li ul li strong {
					display: block;
					height: 20px;
					padding: 5px 0;
				}
				ul#list-program li ul li a {
					line-height: 1.3;
				}
					ul#list-program li ul li a img {
						float: left;
						margin-right: 10px;
					}
				ul#list-program li ul li div.li-program-bottom {
					height: 10px;
					clear: both;
				}

/* cast_staff */

ul#box-cast{
	list-style: none;
	margin-bottom: 10px;
	padding: 10px;
	background: url(../program/img/bg_pattern.gif) left top repeat;
	line-height: 1.4;
}
	ul#box-cast li{
		margin-bottom: 10px;
		width: 495px;
		overflow: hidden;
	}
	ul#box-cast li.end{
		margin-bottom: 0;
	}
		ul#box-cast li dl{
			float: left;
			width: 242px; height: 80px;
			overflow: hidden;
		}
		ul#box-cast li dl.end{
			float: right;
			width: 242px; height: 80px;
		}
			ul#box-cast li dl dt{
				float: left;
				width: 80px; height: 80px;
			}
			ul#box-cast li dl dd{
				float: right;
				padding: 10px;
				width: 142px; height: 60px;
				background-color: #ffffff;
			}

/* cast_detail */
	
	div#box-text2 img.img-cast {
		margin: 0;
		width: 200px
	}
	div#box-text2 div#text-cast {
		float: right;
		width: 274px;
		line-height: 1.4;
	}
		div#text-cast div#role-detail{
			padding: 10px;
			width: 252px;
			border: 1px solid #dddddd;
		}
		div#text-cast div#actor-detail{
			padding: 10px;
			width: 254px;
			background: url(../program/img/bg_pattern.gif) left top repeat;
		}
			div#role-detail p,
			div#actor-detail p{
				margin-bottom: 20px;
				font-weight: bold;
			}
				
/* video */

div#box-video {
	margin-bottom: 10px;
	padding: 14px 0 14px 14px;
	background: #fff;
	border: 1px solid #ddd;
}
	span#caption {
		display: block;
		margin: 10px 0 0 0;
		width: 485px; height: 50px;
		border-bottom: 1px solid #ddd;
		text-align: left;
	}
	div#box-video ul {
	}
		div#box-video ul li {
			float: left;
			margin: 0 8px 10px 0;
			width: 115px;
		}
			div#box-video ul li a {
			}
				div#box-video ul li a span {
					display: block;
					margin: 0;
					width: 115px; height: 60px;
					font-size: 93%;
					overflow: hidden;
					cursor: pointer;
				}
				div#box-video ul li a:hover span {
					text-decoration: underline;
				}
	div#box-video-bottom {
		clear: both;
	}

body#if-video {
	background: #fff none;
}

/* sokan */

div#box-sokan {
	margin-bottom: 10px;
	padding: 14px 0 14px 14px;
	background: #fff;
	border: 1px solid #ddd;
}


/* detail */

div#box-detail {
	margin-bottom: 10px;
	padding: 14px 0 14px 14px;
	background: #fff;
	border: 1px solid #ddd;
}
	div#box-detail h3 {
		float: left;
		width: 150px;
		font-size: 115%;
	}
		div#box-detail h3 strong {
			color: #ad1818;
			font-size: 160%;
		}
	div#box-detail form {
		float: right;
		margin-right: 14px;
	}
		div#box-detail form select {
			width: 250px;
		}
	div#box-video-detail {
		margin: 0;
		padding: 10px 0 0 0;
		border: none;
		clear: both;
	}
	div#box-detail p {
		margin: 15px 14px 0 0;
	}
		div#box-detail p strong {
			display: block;
			padding-bottom: 5px;
			color: #ad1818;
		}
	div#box-detail table {
		margin-top: 15px;
	}
		div#box-detail table tr {
		}
			div#box-detail table tr th, div#box-detail table tr td {
				padding: 10px;
			}
			div#box-detail table tr th {
				width: 60px;
				background: url(../program/img/bg_text.gif) repeat;
				font-size: 12px;
				text-align: center;
			}
			div#box-detail table tr td {
			}
			div#box-detail table tr td.td-name {
				background: url(../program/img/bg_text.gif) repeat;
				font-weight: bold;
				text-align: center;
			}
			div#box-detail table tr td.td-percent {
				text-align: center;
				color: #ad1818;
				font-size: 130%;
				font-weight: bold;
			}
				div#box-detail table tr td a {
					display: block;
					overflow: hidden;
					font-weight: bold;
					font-size: 13px;
					text-align: center;
				}
				div#box-detail table tr td a.btn-vote {
					padding-top: 8px;
					height: 27px;
					background: url(../program/img/btn_vote.gif) top repeat-x;
					border: 1px solid #af4e4e;
					color: #fff;
				}
				div#box-detail table tr td a.btn-buy {
					padding-top: 8px;
					height: 27px;
					background: url(../program/img/btn_buy.gif) top repeat-x;
					border: 1px solid #858585;
					color: #fff;
				}
				div#box-detail table tr td a:hover {
					background-position: bottom;
					text-decoration: none;
				}
				a.btn-buy-guest {
					display: block;
					margin-top: 10px;
					padding-top: 8px;
					height: 27px; width: 100px;
					background: url(../program/img/btn_buy.gif) top repeat-x;
					border: 1px solid #858585;
					color: #fff;
					text-align: center;
					font-weight: bold;
					font-size: 107%;
				}
				a:hover.btn-buy-guest {
					background-position: bottom;
					text-decoration: none;
				}
/*best10_20100112*/
			div#box-detail table tr th.small {
				width: 30px;
				background: url(../program/img/bg_text.gif) repeat;
				font-size: 12px;
				text-align: center;
			}
			
			div#box-detail p.ph{ text-align:center; margin:0; padding:15px 0;}
			div#box-detail p.ph span{ font-size:80%;}
			div#box-detail p.notice{ padding:20px; margin:0 20px 0; text-align:center; background: url(../program/img/bg_text.gif) repeat;}
			div#box-detail p.notice	span{ color: #ad1818; font-size: 120%; font-weight: bold;}














/* photo gallery */

div#box-photogallery {
	margin-bottom: 10px;
	padding: 14px 0 14px 14px;
	background: #fff;
	border: 1px solid #ddd;
}

ul.list-photogallery {
}
	ul.list-photogallery li {
		display: block;
		float: left;
		margin-bottom: 8px;
		width: 123px;
		overflow: hidden;
	}
		ul.list-photogallery li a {
			display: block;
			width: 115px; height: 115px;
			overflow: hidden;
			text-align: center;
			vertical-align: middle;
		}
			ul.list-photogallery li a img {
				-ms-interpolation-mode: bicubic;
			}
			ul.list-photogallery li a img.img-horizontal {
				margin-top: 17px;
				width: 100%;
			}
			ul.list-photogallery li a img.img-vertical {
				height: 100%;
			}
		ul.list-photogallery li span {
			display: block;
			padding-top: 5px;
			width: 115px; height: 39px;
			overflow: hidden;
			font-size: 11px;
			line-height: 1.2;
		}

div#box-photogallery-bottom {
	clear: both;
}

/*Erisode*/
div#box-btnset {
	margin-bottom: 10px;
	overflow: hidden;
}
	div#box-btnset img {
		margin: 0;
	}
	div#box-btnset .next {
    	float: right; 
	}
	div#box-btnset .prev {
    	float: left; 
	}
	
/* guest */

div.box-guest {
	background: #fff;
	margin-bottom: 10px;
}
	div.box-guest div.box-guest-left {
		float: left;
		padding: 10px 0 10px 0;
		width: 135px;
	}
		div.box-guest div.box-guest-left img {
			margin-left: 10px;
		}
	div.box-guest div.box-guest-center {
		float: left;
		padding: 10px;
		width: 230px;
	}
		div.box-guest div.box-guest-center a.btn-detail {
			display: block;
			margin-top: 10px;
			width: 125px; height: 22px;
			background: url(../program/guest_room/img/btn_detail.gif) top no-repeat;
			text-indent: -9999px;
		}
		div.box-guest div.box-guest-center a:hover.btn-detail {
			background-position: bottom;
		}
	div.box-guest div.box-guest-right {
		float: left;
		padding: 10px 0;
		width: 110px;
	}
	div.box-guest div.box-guest-bottom {
		clear: both;
	}

p.align-right {
	text-align: right;
}


	/* download */	
	ul#box-download{
		list-style: none;
		margin-bottom: 10px;
		padding: 10px;
		background: url(../program/img/bg_pattern.gif) left top repeat;
		line-height: 1.4;
	}
	
		ul#box-download li				{ margin-bottom: 10px; width: 495px; overflow: hidden; }
		ul#box-download li.end		{ margin-bottom: 0; }		
		ul#box-download li dl 			{ width: 242px; float: left; margin-right: 11px;}
		ul#box-download li dl.end 	{ margin-right: 0; }
		ul#box-download li dl dd		{ font-size: 85%; text-align: center; }