@charset "UTF-8";

/* INDEX
##################################### */

/* right menu */
div#main div#col-right-menu{
	float: right;
	margin-top: 25px;
	width: 300px;
}

/* col-left */
div#main div#col-left{
	margin-top: 25px;
}

div#myAlternativeContent {
	margin: 0; padding: 0;
	width: 675px; height: 255px;
	background: #000;
}

ul#col-left-medium {
	display: block;
	margin-top: 20px;
	width: 685px;
}
	ul#col-left-medium li {
		display: block;
		float: left;
		margin-right: 2px;
		margin-bottom: 26px;
		width: 167px; /*height: 205px;*/
		/*background: url(../img_top/bg_list_medium.jpg) 0 152px no-repeat;*/
		/*font-size: 12px;*/
		color: #555;
		overflow: hidden;
		line-height: 1.3;
	}
		ul#col-left-medium li a {
			display: block;
			margin: 0;
		}
			ul#col-left-medium li a img {
				border: 1px solid #fff;
			}
		ul#col-left-medium li a.title {
			padding: 9px 10px 7px;
			height: 55px;
			font-weight: bold;
			overflow: hidden;
			line-height: 1.4;
			background: url(../img_top/bg_list_medium.gif) repeat;
			border-top: 1px solid #eeeeee;
			border-left: 1px solid #eeeeee;
			border-right: 1px solid #eeeeee;
			text-align: center;
			color: #ed0000;
		}
		ul#col-left-medium li span {
			display: block;
			padding: 9px 10px 0;
			height: 85px;
			border-left: 1px solid #eeeeee;
			border-right: 1px solid #eeeeee;
			border-bottom: 1px solid #eeeeee;
			color: #333;
		}

/*Mystery*/
		ul#col-left-medium li a.titleMystery {
			padding: 9px 10px 7px;
			height: 55px;
			font-weight: bold;
			overflow: hidden;
			line-height: 1.4;

			border-top: 1px solid #eeeeee;
			border-left: 1px solid #eeeeee;
			border-right: 1px solid #eeeeee;
			text-align: center;
			color: #990000;
		}
		ul#col-left-medium li span.Mystery {
			display: block;
			padding: 9px 10px 0;
			height: 85px;
			background: url(../img_top/bg_list_medium.gif) repeat;
			border-left: 1px solid #eeeeee;
			border-right: 1px solid #eeeeee;
			border-bottom: 1px solid #eeeeee;
			color: #333;
		}
/*Mystery*/

h2#h2-dramanews {
	/*position: relative;*/
	width: 675px; height: 33px;
	clear: both;
	background: url(../img_top/h3_dramanews.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0;
}
	a#btn-rss-dramanews {
		display: block;
		float: right;
		margin-top: 10px;
		margin-right: 20px;
		width: 41px; height: 14px;
		background: url(../img_top/icon-rss.gif) top no-repeat;
	}
ul#col-left-dramanews {
	padding: 20px 20px 0 20px;
	clear: both;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: #fff;
}
	ul#col-left-dramanews li {
		/*display: block;*/
		/*padding: 8px 20px;*/
		/*width: 635px;*/
		/*background: url(../img_common/bg_list_a.gif) repeat-x;*/
		padding: 5px 0;
		background: #fff;
		clear: both;
		overflow: hidden;
		border-bottom: 1px solid #f5f5f5;
	}
		ul#col-left-dramanews li span {
			padding-left: 15px;
			background: url(../img_top/icon-a.gif) 0 4px no-repeat;
		}
			ul#col-left-dramanews li span strong.red {
				margin-left: 10px;
			}
		ul#col-left-dramanews li img {
			/*margin-left: 5px;*/
		}
	ul#col-left-dramanews li#pickup {
		padding: 20px 0;
		border-top: 1px solid #f5f5f5;
	}
		ul#col-left-dramanews li#pickup span {
			font-weight: bold;
			padding-left: 0;
			background: none;
		}
		li#pickup p {
			margin-top: 20px
		}
		li#pickup img#thumb-pickup {
			float: left;
			padding-right: 20px;
		}
div#col-left-dramanews-footer {
	/*width: 675px;*/ height: 34px;
	margin-bottom: 10px;
	background: #fff;
	/*border-top: 1px solid #eaeaea;*/
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}
	a#btn-more-dramanews {
		display: block;
		float: right;
		margin-top: 13px;
		margin-right: 20px;
		width: 45px; height: 8px;
		background: url(../img_top/btn-more.gif) left no-repeat;
		text-indent: -9999px;
	}
	a:hover#btn-more-dramanews {
		background-position: right;
	}
		
h2#h2-topics {
	/*position: relative;*/
	margin-top: 25px;
	width: 675px; height: 33px;
	clear: both;
	background: url(../img_top/h3_topics.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0;
}
	a#btn-rss {
		display: block;
		float: right;
		margin-top: 10px;
		margin-right: 20px;
		width: 41px; height: 14px;
		background: url(../img_top/icon-rss.gif) no-repeat;
	}
ul#col-left-topics {
	padding: 20px 20px 0 20px;
	clear: both;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: #fff;
}
	ul#col-left-topics li {
		/*display: block;*/
		/*padding: 8px 20px;*/
		/*width: 635px;*/
		/*background: url(../img_common/bg_list_a.gif) repeat-x;*/
		padding: 5px 0;
		background: #fff;
		clear: both;
		overflow: hidden;
		border-top: 1px solid #f5f5f5;
	}
		ul#col-left-topics li span {
			padding-left: 15px;
			background: url(../img_top/icon-a.gif) 0 4px no-repeat;
		}
		ul#col-left-topics li img {
			/*margin-left: 5px;*/
		}
div#col-left-topics-footer {
	/*width: 675px;*/ height: 34px;
	margin-bottom: 10px;
	background: #fff;
	/*border-top: 1px solid #eaeaea;*/
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: url(../img_top/bg_col_left_bottom.gif) top no-repeat;
}
	a#btn-more {
		display: block;
		float: right;
		margin-top: 13px;
		margin-right: 20px;
		width: 45px; height: 8px;
		background: url(../img_top/btn-more.gif) left no-repeat;
		text-indent: -9999px;
	}
	a:hover#btn-more {
		background-position: right;
	}

h2#h2-information {
	width: 675px; height: 33px;
	clear: both;
	background: url(../img_top/h3_information.gif) no-repeat;
	text-indent: -9999px;
}
ul#col-left-information {
	padding: 20px 20px 25px 20px;
	clear: both;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: #fff;
}
	ul#col-left-information li {
		/*display: block;*/
		/*padding: 8px 20px;*/
		/*width: 635px;*/
		/*background: url(../img_common/bg_list_a.gif) repeat-x;*/
		padding: 5px 0;
		background: #fff;
		clear: both;
		overflow: hidden;
		border-top: 1px solid #f5f5f5;
	}
	
	
		ul#col-left-information li span {
			padding-left: 15px;
			background: url(../img_top/icon-a.gif) 0 4px no-repeat;
		}

	/* copyright */
	div#copyright {
		padding-top: 25px;
		width: 675px;
		/*RF20100304*/
		/*font-size: 12px;*/
		color: #999;
		border-top: 1px solid #f5f5f5;
	}
	
/* bnr-sony */
div#bnr-sony {
	margin-top: 25px;
	margin-left: 142px;
}
	div#bnr-sony a {
		margin-right: 50px;
	}



/* 201008 sub text */

p.imp_txt{ width:653px; margin:15px 0; padding:7px 10px 6px; background-color:#FFF; border:1px solid #CCC; clear:both;}
p.imp_txt span{ display:block; margin-bottom:10px;}
a.btn-more02 {
display: block;
float: right;
width: 45px;
height:8px;
background: url(../img_top/btn-more.gif) left no-repeat;
text-indent: -9999px;
}
a:hover.btn-more02 {
background-position: right;
}


/*////////////////////////////////////////////////*/
/*                 20100916                       */
/*////////////////////////////////////////////////*/

h2#h2-randampickup {
background:url("../img_top/h3_randampickup.gif") no-repeat scroll 0 0 transparent;
clear:both;
font-size:0;
height:33px;
text-indent:-9999px;
width:675px;
}

ul#col-left-randampickup {
	padding: 20px 20px 0 20px;
	clear: both;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: #fff;
}
	ul#col-left-randampickup li {
		/*display: block;*/
		/*padding: 8px 20px;*/
		/*width: 635px;*/
		/*background: url(../img_common/bg_list_a.gif) repeat-x;*/
		padding: 5px 0;
		background: #fff;
		clear: both;
		overflow: hidden;
		border-bottom: 1px solid #f5f5f5;
	}
		ul#col-left-randampickup li span {
			padding-bottom: 10px;
/*			background: url(../img_top/icon-a.gif) 0 4px no-repeat;
*/		}
			ul#col-left-randampickup li span strong.red {
				margin-left: 10px;
			}
		ul#col-left-randampickup li img {
			/*margin-left: 5px;*/
		}
	ul#col-left-randampickup li#pickup {
		padding: 20px 0;
		border-top: 1px solid #f5f5f5;
	}
		ul#col-left-randampickup li#pickup span {
			font-weight: bold;
			padding-left: 0;
			background: none;
		}
		li#pickup p {
			margin-top: 20px
		}
		li#pickup img#thumb-pickup {
			float: left;
			padding-right: 20px;
		}
div#col-left-randampickup-footer {
	/*width: 675px;*/ height: 34px;
	margin-bottom: 10px;
	background: #fff;
	/*border-top: 1px solid #eaeaea;*/
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}

div.search_box{ width:628px; margin:15px 0; padding:10px 10px 6px 35px; background-color:#fdf2f2; border:1px solid #CCC; clear:both;}
div.search_box span{ display:block; margin-bottom:0px;}
p.search_txt{ text-indent:-9999px;background:url("../img_top/ph2_search_txt.gif") no-repeat scroll 0 0 ; padding-bottom:5px; margin:0;}
#searchRight {
background:url("../img_top/ph2_search_bg.gif") no-repeat scroll 0 0 transparent;
height:29px;
margin-bottom:7px;
position:relative;
width:439px;
}#searchRight .text {
height:23px;
left:26px;
position:absolute;
top:5px;
width:400px;
}#searchRight .btn {
	position:absolute;
	left:445px;
	top:0px;
}
#searchRight .ser {
width:400px;
}
#heads {
background:none repeat scroll 0 0 transparent;
border:medium none;
height:20px;
padding-left:2px;
padding-top:1px;
width:120px;
}



/*201104お知らせエリアレイアウト*/
.clr {
    display: block;
}
ul#col-left-oshirase {
	padding: 20px 20px 25px 20px;
	clear: both;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: #fff;
}
ul#col-left-oshirase li {
	background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #F5F5F5;
    clear: both;
    overflow: hidden;
    padding: 5px 0;
}
ul#col-left-oshirase li span {
    background: url(../img_top/icon-a.gif) no-repeat scroll 0 4px transparent;
    padding-left: 15px;
    padding-right: 15px;
}
ul#col-left-oshirase li span.dateLeft {
    display: block;
    float: left;
}


/*201105レイアウト追加*/

ul#col-left-topics-top {
	padding: 20px 20px 25px 20px;
	clear: both;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: #fff;
}
ul#col-left-topics-top li {
    background-position: 3px 5px;
    background-repeat: no-repeat;
	background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #F5F5F5;
    clear: both;
    overflow: hidden;
    padding: 5px 0;
}
ul#col-left-topics-top li span {
    background: url(../img_top/icon-a.gif) no-repeat scroll 0 4px transparent;
    padding-left: 15px;
    padding-right: 15px;
}
ul#col-left-topics-top li span.dateLeft {
    display: block;
    float: left;
}

ul#col-left-dramanews-top {
	padding: 20px 20px 0 20px;
	clear: both;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: #fff;
}
ul#col-left-dramanews-top li {
	padding: 5px 0;
	background: #fff;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5;
}
ul#col-left-dramanews-top li span {
	padding-left: 15px;
	background: url(../img_top/icon-a.gif) 0 4px no-repeat;
    padding-right: 15px;
}
ul#col-left-dramanews-top li span strong.red {
	margin-left: 10px;
}
ul#col-left-dramanews-top li#pickup {
	padding: 20px 0;
	border-top: 1px solid #f5f5f5;
}
ul#col-left-dramanews-top li#pickup span {
	font-weight: bold;
	padding-left: 0;
	background: none;
}