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


* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight:normal;
	}

body{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:12px;
	text-decoration: none;
	}

a img {border:none;}

a {
	text-decoration: none;
	color:#333333;
	}

a:link{color:#333333;}
a:visited{color:#333333;}
a:hover{color:#FFFFFF;background-color:#333333;}
a:active{color:#FFFFFF;background-color:#FF0000;}

.bold {font-weight:bold;}

#wrapper {
	margin:5px 0 0 5px;
	position: relative;
	width: 1002px;
	/* 画面中央表示
		left:50%;
		margin-left:-501px;
	*/
	}

hr{
 clear:both;
 width:0px;
}


/* TVフレーム */

#tvBox {
	float:left;
	}

#tvBaseFrame{
	width: 857px;
	height: 581px;
	background-color:#000000;
	background:url(images/tv_side_shadow_bg.gif) repeat-y 100%;
	}

#tvTopFrame{
	width: 857px;
	height: 14px;
	background:url(images/tv_top_frame_bg.gif) no-repeat;
	}

#tvMiddleFrame{
	width: 850px;
	height: 511px;
	background-color:#000000;
	}

#tvBottomFrame{
	width: 857px;
	height: 56px;
	background:url(images/tv_bottom_frame_bg.gif) no-repeat;
	}

#tvLogo{
	position:absolute;
	margin: 2px 0 0 10px;
	width: 136px;
	height: 34px;
	background:url(images/tv_logo.gif) no-repeat;
	}

div#tvLogo a{
	display: block;
	width: 136px;
	height: 34px;
	text-indent:-9999px;
	}

div#tvLogo a:link{color:#333333;}
div#tvLogo a:visited{color:#999999;}
div#tvLogo a:hover{color:#FFFFFF;background:url(images/tv_logo_over.gif);}
div#tvLogo a:active{color:#FFFFFF;background:url(images/tv_logo_over.gif);}


#tvLogo_top{
	position:absolute;
	margin: 7px 0 0 750px;
	width: 60px;
	height: 28px;
	background:url(images/top_logo.gif) no-repeat;
	}

div#tvLogo_top a{
	display: block;
	width: 60px;
	height: 28px;
	text-indent:-9999px;
	}


div#tvLogo_top a:link{color:#333333;}
div#tvLogo_top a:visited{color:#999999;}
div#tvLogo_top a:hover{color:#FFFFFF;background:url(images/top_logo_over.gif);}
div#tvLogo_top a:active{color:#FFFFFF;background:url(images/top_logo_over.gif);}







#tvMainScreen{
	position:absolute;
	margin:38px 0 0 40px;
	width:770px;
	height:433px;
	background-color:#FFFFFF;/* ページ毎にページ内かページ別CSSで再定義 */
	overflow: hidden;
	left: -1px;
	}

#tvPanNavi{
	position:absolute;
	margin:478px 0 0 40px;
	width:285px;
	height:25px;
	background-color:#B0C5AC;
	border-top: solid 1px #003333;
	border-left: solid 1px #003333;
	}

#tvPanNavi a{color:#000000;}
#tvPanNavi a:link{color:#000000;}
#tvPanNavi a:visited{color:#111111;}
#tvPanNavi a:hover{color:#B0C5AC;background-color:#333333;}
#tvPanNavi a:active{color:#B0C5AC;background-color:#333333;}

#panNavi{
	color:#000000;
	margin:7px 0 0 9px;
	}

#tvPower{
	position:absolute;
	margin: 481px 0 0 789px;
	width: 17px;
	height: 20px;
	background:url(images/tv_power_led.gif) no-repeat;
	}


/* コンテンツ・メイン */

#contentArea{
	margin:10px 10px 10px 10px;
	width:750px;
	height:413px;
	}

.contentType{
	background-color:#FFFFFF;
	}

#entryBody img {
	border:#999999 1px solid;
	padding: 1px;
	}


#rightView{
	margin-left:5px;
	width:215px;
	height:413px;
	float:right;
	}

#mainView{
	width:530px;
	height:413px;
	float:left;
	}

#chLogo{
	width:213px;
	height:48px;
	border:#333333 solid 1px;
	}
	
#chLogo a{
	display: block;
	width:213px;
	height:48px;
	text-indent:-9999px;
	}

#chLogo a#channel{
	float:left;
	width:143px;
	height:48px;
	}

#chLogo a#support{
	float:left;
	width:70px;
	height:48px;
	}

#rightSpace{
	margin-top:5px;
	width:213px;
	height:241px;
	border:#333333 solid 1px;
	}

#remoNavi{
	margin-top:5px;
	width:213px;
	height:107px;
	border:#333333 solid 1px;
	}

#mainSpace{
	width:528px;
	height:296px;
	border:#333333 solid 1px;
	}

#bottomSpace{
	margin-top:5px;
	width:528px;
	height:108px;
	border:#333333 solid 1px;
	}

#kawaraban{
	height:40px;
	}

#kawaraban #infoSpace{
	margin:15px 0 0 15px;
	}

#kawaraban a{
	color: #006666;
	}

#kawaraban a:hover{
	background-color:#006666;
	color: #FFFFFF;
	}


/* リモコンナビゲーション */

#remoNavi h3{
	padding-top:3px;
	text-align:center;
	background:#000000 url(images/remo_navi_bg.gif) repeat;
	color:#FFFFFF;
	width:100%;
	height:15px;
	border-bottom:#333333 solid 1px;
	font-size:12px;
	}

#remoNavi div{
	margin:10px 0 0 5px;
	padding-left:25px;
	float:left;
	text-indent:-25px;
	width:75px;
	height:15px;
	font-size:10px;
	}

.colorBtn{
	position:relative;
	top:2px;
	margin-right:3px;
	}


#remoNavi a:link{color:#333333;}
#remoNavi a:visited{color:#333333;}
#remoNavi a:hover{color:#CC3333;background-color:#FFFFFF;text-decoration:underline;}
#remoNavi a:active{color:#333333;background-color:#FFFFFF;}

/* リモコン */

#remoconBox {
	margin-top:31px;
	width: 145px;
	height: 550px;
	float:right;
	}

#remoconBox a{color:#FFFFFF;}
#remoconBox a:link{color:#FFFFFF;}
#remoconBox a:visited{color:#FFFFFF;}
#remoconBox a:hover{color:#FFFFFF;background-color:#000000;}
#remoconBox a:active{color:#FFFFFF;background-color:#000000;}


#remoconFrame {
	padding: 6px 0 0 0px;
	height: 550px;
	background: url(images/remocon_bg.gif) no-repeat;
	}

#btn_top {
	margin-left: 14px;
	}

#btn_top_title {
	margin: 7px 0 6px 0;
	}

#btnArea_select {
	padding-top: 17px;
	background:url(images/btn_select_title.gif) no-repeat;
	margin: 15px 0 0 30px;
	width: 76px;
	}

#btnArea_ch {
	border: none;
	margin: 15px 0 0 5px;
	width: 125px;
	}

#btnArea_ch td {
	padding: 19px 4px 21px 5px;
	}

#btn_ch01,#btn_ch04,#btn_ch07,#btn_ch10 {
	padding: 19px 5px 21px 5px;
	}

#btn_ch01{background:url(images/btn_01ch_bg.gif) no-repeat;}
#btn_ch02{background:url(images/btn_02ch_bg.gif) no-repeat;}
#btn_ch03{background:url(images/btn_03ch_bg.gif) no-repeat;}
#btn_ch04{background:url(images/btn_04ch_bg.gif) no-repeat;}
#btn_ch05{background:url(images/btn_05ch_bg.gif) no-repeat;}
#btn_ch06{background:url(images/btn_06ch_bg.gif) no-repeat;}
#btn_ch07{background:url(images/btn_07ch_bg.gif) no-repeat;}
#btn_ch08{background:url(images/btn_08ch_bg.gif) no-repeat;}
#btn_ch09{background:url(images/btn_09ch_bg.gif) no-repeat;}
#btn_ch10{background:url(images/btn_10ch_bg.gif) no-repeat;}
#btn_ch11{background:url(images/btn_11ch_bg.gif) no-repeat;}
#btn_ch12{background:url(images/btn_12ch_bg.gif) no-repeat;}

#btnArea_arrow {
	margin: 3px 0 0 30px;
	}

#btn_sitemap {
	margin: 8px 0 0 17px;
	padding-top:14px;
	width: 32px;
	background:url(images/btn_sitemap_bg.gif) no-repeat;
	float:left;
	}

#btn_back {
	margin: 8px 0 0 84px;
	padding-top:14px;
	width: 32px;
	background:url(images/btn_back_bg.gif) no-repeat;
	}


#btnArea_color {
	border: none;
	margin: 17px 0 0 5px;
	width: 125px;
	}

#btnArea_color td {
	padding: 20px 8px 10px 9px;
	}

#btn_green,#btn_purple {
	padding: 20px 9px 10px 9px;
	}


#btn_blue{background:url(images/btn_blue_bg.gif) no-repeat;}
#btn_red{background:url(images/btn_red_bg.gif) no-repeat;}
#btn_green{background:url(images/btn_green_bg.gif) no-repeat;}
#btn_yellow{background:url(images/btn_yellow_bg.gif) no-repeat;}
#btn_orange{background:url(images/btn_orange_bg.gif) no-repeat;}
#btn_purple{background:url(images/btn_purple_bg.gif) no-repeat;}



/* バナー */
#bannerHeader{
	margin:0 0 5px 122px;
	width:728px;
	height:90px;
	border:1px;
	}

#bannerRemocon{
	width:125px;
	height:125px;
	margin:0 0 28px 5px;
	}


#bannerBox{
	position: relative;
	clear:both;
	width:1002px;
	height:120px;
	}
	
#sponserArea{
	margin:5px auto;
	width:966px;
	height:110px;
	border: #999999 solid 1px;
	}


.bannerA {
	margin: 5px 5px 5px 129px;
	width: 728px;
	height: 90px;
	float: left;
	}

.bannerB {
	margin: 10px 10px 0 10px;
	width: 468px;
	height: 60px;
	float: right;
	}

.bannerC{
	margin: 10px 0 0 10px;
	width: 120px;
	height: 90px;
	float: left;
	}

.bannerD{
	margin: 10px 0 0 10px;
	width: 120px;
	height: 40px;
	float: left;
	}

.bannerE{
	margin: 10px 0 0 10px;
	width: 170px;
	height: 51px;
	float: left;
	}

#qrBox {
	position:absolute;
	top: 0px;
	left:850px;
	font-weight: bold;
	margin:5px 5px 5px 15px;
	text-align:center;
	font-size: 0.8em;
	width:110px;
	height:110px;
	border:1px #0099FF solid;
	}

#qrBox p {
	font-weight: bold;
	}



#supporterArea{
	margin:10px 5px 0 10px;
	width:140px;
	height:110px;
	border:#999999 solid 1px;
	float:right;
	}

#bannerBox h4{
	position: absolute;
	top:0px;
	left:20px;
	width:80px;
	background-color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	text-align:center;
	font-size:12px;
	}


/* フッタ */

#footerBox {
	padding:5px 5px 0 5px;
	clear:both;
	}

#mainNavi {
	float:left;
	}

#subNavi {
	float: right;
	}

#igroupeNavi {
	padding:5px 0 0 0;
	clear:both;
	}

#copyright {
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:center;
	}