@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;}

body {
	background:#FFEB99 url(../image/bg_head.gif) repeat-x top;
	font-size:0.75em;
	color:#333333;
	line-height:1.5;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1, h2, h3, h4, h5, p, img, div, hr {
	margin:0;
	padding:0}
	
h1, h2, h3, h4, h5 {font-weight:normal}


li,ul{margin:0;padding:0;
	list-style:none}
strong {
	font-weight: normal;
}


a:link{color:#0066CC;text-decoration: absolute; outline : none}
a:visited{color:#0066CC;text-decoration: absolute; outline : none}
a:hover{color:#FF6600;text-decoration: absolute; outline : none}

a {overflow:hidden; outline : none;}

img {border:0;}

table {
	border-collapse:collapse;}

.clearBoth {clear:both;}
.fl {float:left;}
.fr {float:right;}


.fs60 {font-size:60%;font-weight:normal}
.fs80 {font-size:80%}
.fs85 {font-size:85%}
.fs90 {font-size:90%}
.fs100 {font-size:100%}
.fs110 {font-size:110%}
.fs120 {font-size:120%}
.fs140 {font-size:140%}
.fs160 {font-size:160%}

.lh130 {line-height:1.3;}
.lh150 {line-height:1.5;}
.lh180 {line-height:1.8;}



.cl333 {color:#333333}
.cl999 {color:#999999}


.pagetop, .pagetop2 {
	clear: both;
	display:block;}	
	
.pagetop a {
	background:url(../image/pagetop.gif) no-repeat left 2px;
	width:135px;
	height:20px;
	display:block;
	text-indent:-9999px;
	margin-bottom:15px;
	float:right;
	outline : none;
	}
.pagetop2 a {
	background:url(../image/pagetop2.gif) no-repeat left 2px;
	width:130px;
	height:20px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
	float:right;
	}
.pagetop a:hover, .pagetop2 a:hover {
	background-position:left 3px;}

/******************************マージン*/

.mt05 {margin-top:05px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mb03 {margin-bottom:3px;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mr06 {margin-right:6px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr80 {margin-right:80px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}

/******************************レイアウト*/

#header {
	background:url(../image/bg_head_inner.gif) no-repeat center top;
	height:82px;}
#header-inner {
	width:860px;
	margin:0 auto;}
	
#header-l {
	width:422px;
	float:left;
	padding-top:3px;}
#header-l a#title {
	background:url(../image/title.gif) no-repeat left top;
	width:422px;
	height:79px;
	display:block;
	text-indent:-9999px;}
	
#header-r {
	float:right;
	width:433px;}
	
#header-r #head-upper {
	background:url(../image/bg_btn.gif) no-repeat left top;
	width:203px;
	height:23px;
	float:right;
	padding:4px 0 0 7px;
	margin-bottom:12px;}
#header-r #head-upper li {
	float:left;}
#header-r #head-upper a#home {
	background:url(../image/btn_home.gif) no-repeat left top;
	width:95px;
	height:19px;
	display:block;
	text-indent:-9999px;}
#header-r #head-upper a#sitemap {
	background:url(../image/btn_sitemap.gif) no-repeat left top;
	width:95px;
	height:19px;
	display:block;
	text-indent:-9999px;
	margin-left:4px;}	
#header-r #head-upper a:hover#home, #header-r #head-upper a:hover#sitemap {
	background-position:left bottom;}	
	
#header-r #globalnavi {
	width:427px;
	clear:right;
	float:right;}
#header-r #globalnavi li {
	float:left;}
#header-r #globalnavi a#m1 {
	background:url(../image/m1.gif) no-repeat left top;
	width:142px;
	height:33px;
	display:block;
	text-indent:-9999px;}
#header-r #globalnavi a#m2 {
	background:url(../image/m2.gif) no-repeat left top;
	width:142px;
	height:33px;
	display:block;
	text-indent:-9999px;}
#header-r #globalnavi a#m3 {
	background:url(../image/m3.gif) no-repeat left top;
	width:143px;
	height:33px;
	display:block;
	text-indent:-9999px;}

#header-r #globalnavi a:hover#m1, #header-r #globalnavi a:hover#m2, #header-r #globalnavi a:hover#m3 {
	background-position:left bottom;}
	
/******************************マーキー*/

#marquee {
	text-align:center;}
#marquee input {
	font-size:14px;
	color:#666}
#marquee marquee {
	font-size:14px;
	color:#666;
	line-height:normal;
	background-color:#FFF;
	border:1px solid #069;
	width:400px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}
	



#main {background:url(../image/bg_main.gif) repeat-x top;
	padding:12px 0 0;}
	
#main-inner {/*TOPページのみ*/
	width:900px;
	margin:0 auto;}

#main-inner #main-inner-lbox {
	width:670px;
	float:left;}

/*左ブロック*/

#main-inner #main-inner-left {
	width:219px;
	float:left;
	padding-top:10px;
	margin-bottom:10px;}
	
#main-inner #main-inner-left .left-box {
	background: url(../image/left_body.gif) repeat-y left;
	width:219px;}

/*チャンネル一覧*/

#main-inner #main-inner-left .left-box #channel {
	background: url(../image/left_bottom.gif) no-repeat bottom;
	width:219px;
	padding-bottom:8px;}
#main-inner #main-inner-left .left-box #channel #channel-inner {
	background: url(../image/left_top.gif) no-repeat left top;
	width:219px;
	padding-top:5px}
#main-inner #main-inner-left .left-box #channel h2 a {
	background:url(../image/btn_channel.gif) no-repeat left top;
	width:209px;
	height:35px;
	display:block;
	text-indent:-9999px;
	margin-left:5px;
	margin-bottom:10px;}
#main-inner #main-inner-left .left-box #channel h2 a:hover {
	background-position:left bottom}
#main-inner #main-inner-left .left-box #channel .box {
	padding:0 9px 0 5px;
	width:205px;}
#main-inner #main-inner-left .left-box #channel li {
	background:url(../image/sidemenu_bg.gif) repeat-x bottom;
	border-bottom:1px dotted #999;
	margin-bottom:5px;
	padding:0 5px 7px 8px;}
#main-inner #main-inner-left .left-box #channel li a {
	background:url(../image/arw2.gif) no-repeat left top;
	padding:4px 0 4px 16px;
	display:block;
	width:173px;
	line-height:1.2;}

/*番組検索*/

#main-inner #main-inner-left .left-box #search {
	background: url(../image/left_bottom.gif) no-repeat bottom;
	width:219px;
	padding-bottom:8px;
	}
#main-inner #main-inner-left .left-box #search h2 {
	background:url(../image/bar_search.gif) no-repeat left top;
	width:219px;
	height:22px;
	text-indent:-9999px;}
#main-inner #main-inner-left .left-box #search #search-inner {
	padding:3px 8px 0 10px;
	font-size:10px;
	line-height:normal;}
#main-inner #main-inner-left .left-box #search #search-inner input {
	margin:0 0 -2px 0;
	padding:0;
	line-height:normal;}

/*注目キーワード*/
#main-inner #main-inner-left .left-box #keyword {
	background: url(../image/left_bottom.gif) no-repeat bottom;
	width:219px;
	padding-bottom:12px;
	}

#main-inner #main-inner-left .left-box #keyword h2 {
	background: url(../image/bar_keyword.gif) no-repeat left top;
	width:219px;
	height:48px;
	text-indent:-9999px;
	margin-bottom:4px;}

#main-inner #main-inner-left .left-box #keyword li {
	background:url(../image/arw1.gif) no-repeat 12px 3px;
	padding:0 5px 4px 26px;
	line-height:1.3;}

	
/*中央ブロック*/

#main-inner #main-inner-center {
	width:436px;
	float:left;
	padding-top:10px;
	margin:0 0 10px 12px;}
	
#main-tv {
	background: url(../image/tv_bottom.gif) no-repeat bottom;
	padding-bottom:59px;
	margin-bottom:10px;}

#main-img {
	background: #FFF url(../image/main_bottom.gif) no-repeat center bottom;
	padding:3px 3px 13px;
	margin-bottom:15px;}

#topics {
	background: #FFF url(../image/main_bottom.gif) no-repeat center bottom;
	padding-bottom:10px;
	line-height:1.2;}
#topics h2 {
	background:url(../image/topics_ttl.gif) no-repeat left top;
	width:436px;
	height:43px;
	text-indent:-9999px;}
#topics #topics_frame {
	width:420px;
	height:200px;
	overflow:scroll;
	padding-top: 13px;
	padding-right: 4px;
	padding-bottom: 15px;
	padding-left: 12px;
	text-align: left;
}
#topics #topics_frame li {
	border-bottom:1px dotted #CCC;
	background:url(../image/arw1.gif) no-repeat 5px 2px;
	padding:0 5px 5px 20px;
	margin-bottom:6px;}


/*右ブロック*/

#main-inner #main-inner-right {
	width:219px;
	float:right;
	margin-bottom:10px;}

/*バナー*/

#adbox {
	margin:0 0 8px 2px;}
#adbox img {
	margin:0 0 5px;}

/*右上バナー欄*/
.ban-box {
	padding-top:10px;}
.ban-box img {
	margin: 0 0 5px;}

#main-inner #main-inner-right #subbox {
	margin-bottom:10px;
	width:219px;}
	
#main-inner #main-inner-right #subbox #subbox-inner1 {
	background:url(../image/top_sub_top.jpg) no-repeat top;
	padding-top:1px;
	}/*使用停止中*/
#main-inner #main-inner-right #subbox #subbox-inner2 {
	background:url(../image/top_sub_bottom.jpg) no-repeat bottom;
	padding:0 4px 8px;
	line-height:1.3;}/*使用停止中*/

/*おすすめ番組*/

#main-inner #main-inner-right #subbox #recommend {
	background:url(../image/recommend_bottom.gif) no-repeat bottom;
	padding-bottom:9px;
	width:219px;}
#main-inner #main-inner-right #subbox #recommend ul li a {
	text-decoration: none;}
#main-inner #main-inner-right #subbox #recommend ul li img {
	height: 86px;
	width: 156px;}
#main-inner #main-inner-right #subbox #recommend h2 {
	background: url(../image/bar_recommend.gif) no-repeat left top;
	width:219px;
	height:52px;
	text-indent:-9999px;
	padding:0;}

#main-inner #main-inner-right #subbox #recommend .box {
	background:url(../image/recommend_body.gif) repeat-y left;
	width:219px;
	padding:0;
	margin:0;}

#main-inner #main-inner-right #subbox #recommend .box img {
	border:2px solid #FFF;
	margin:0 auto 2px;}
#main-inner #main-inner-right #subbox #recommend .box li {
	clear:both;
	margin:0 15px 0 11px;
	padding:0 0 5px;
	line-height:1.3;}

#main-inner #main-inner-right #subbox #recommend .line {
	border-top:1px dotted #60BE00;
	padding-top:5px!important;}

/*視聴ランキング*/

#main-inner #main-inner-right #subbox #ranking {
	clear:both;
	background:url(../image/ranking_bottom.gif) no-repeat bottom;
	padding-bottom:9px;}

#main-inner #main-inner-right #subbox #ranking h2 {
	background:url(../image/bar_ranking.gif) no-repeat left top;
	width:219px;
	height:42px;
	text-indent:-9999px;}
#main-inner #main-inner-right #subbox #ranking .box {
	background:#FFF4F4 url(../image/ranking_body.gif) repeat-y left;}
#main-inner #main-inner-right #subbox #ranking .box .box-inner {
	padding:4px 14px 5px 8px;
	width:197px;
	line-height:1.5;}
#main-inner #main-inner-right #subbox #ranking .box .box-inner:after {
	content: "";
	display: block;
	clear: both;
	}

#main-inner #main-inner-right #subbox #ranking .box .box-inner li {
	clear:both;
	line-height:1.2;
	margin:0 0 2px;}

#main-inner #main-inner-right #subbox #ranking .box .box-inner #rank1 {
	margin-bottom:4px;
	width:197px;}

#main-inner #main-inner-right #subbox #ranking .box .box-inner #rank1:after {
	content: "";
	display: block;
	clear: both;
	}

#main-inner #main-inner-right #subbox #ranking .box .box-inner #rank1 h3 {
	background:url(../image/rank01.gif) no-repeat left top;
	padding:8px 0 2px 33px;
	font-size:13px;
	font-weight:bold;
	margin-bottom:3px;}

#main-inner #main-inner-right #subbox #ranking .box .box-inner #rank1 img {
	border:2px solid #FFF;
	margin:0 auto 5px;
	display:block}

#main-inner #main-inner-right #subbox #ranking .box .box-inner a#rank2 {
	background:url(../image/rank02.gif) no-repeat left top;
	padding:6px 0 2px 28px;
	clear:both;
	border-top:1px dotted #FF4B4B;
	display:block;
	width:169px;
	}
#main-inner #main-inner-right #subbox #ranking .box .box-inner a#rank3 {
	background:url(../image/rank03.gif) no-repeat left top;
	padding:1px 0 2px 28px;
	display:block;
	width:169px;}
#main-inner #main-inner-right #subbox #ranking .box .box-inner a#rank4 {
	background:url(../image/rank04.gif) no-repeat left top;
	padding:1px 0 2px 28px;
	display:block;
	width:169px;}
#main-inner #main-inner-right #subbox #ranking .box .box-inner a#rank5 {
	background:url(../image/rank05.gif) no-repeat left top;
	padding:1px 0 0 28px;
	display:block;
	width:169px;}
	
/*下方の横長枠*/
#main-inner .down {
	background: url(../image/down_bottom.gif) no-repeat left bottom;
	width:670px;
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;}
#main-inner .down .down-bottom {
	background:url(../image/down_body.gif) repeat-y left;
	padding-bottom:5px;} 
#main-inner .down .down-bottom .down-top {
	background:url(../image/down_top.gif) no-repeat left top;
	}
#main-inner .down .down-bottom .down-top .down-right {
	width:526px;
	float:left;}
#main-inner .down .down-bottom .down-top .bodycopy {
	padding:14px 0 0 12px;}
#main-inner .down .down-bottom .down-top ul {
	width:526px;
	clear:left;}
#main-inner .down .down-bottom .down-top li {
	float:left;
	padding:10px 0 4px;
	text-align:center;
	line-height:1.2;
	width:162px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	margin:0 0 0 10px}
#main-inner .down .down-bottom .down-top li h4 {
	font-size:12px;
	font-weight:bold;
	background:url(../image/arw2.gif) no-repeat 1px -2px;
	padding:2px 0 5px 18px;
	width:144px;
	display:block;
	text-align:left;}
#main-inner .down .down-bottom .down-top img {
	border:2px solid #CCC;
	width:156px;
	height:86px;
	display:block;
	margin:0 auto 3px;}
h3#new {
	background:url(../image/ttl_new.gif) no-repeat 2px 2px;
	width:141px;
	height:48px;
	text-indent:-9999px;
	float:left;
	display:block;
	}
h3#program {
	background:url(../image/ttl_program.gif) no-repeat 2px 2px;
	width:141px;
	height:38px;
	text-indent:-9999px;
	float:left;}

/*フッター*/

#footer {
	background:url(../image/bg_footer.gif) repeat-x top;
	text-align:center;
	clear:both;
	padding-top:7px;}
#footer #copyright {
	background-color:#069;
	color:#FFF;
	padding:2px 0;
	font-size:10px;}
/*#footer a {
	color:#FFF;}
#footer a:hover {
	color:#F60;}
*/




/*バナーリンク*/
#side a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}