/********************************/
/***         初期設定         ***/
/********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,table,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
th,td{
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

/* --- テキストリンク --- */

a{
    color:#ffffff;
    text-decoration:underline;
}
a:link{
    color:#ffffff;
    text-decoration:underline;
}
a:visited{
    color:#ffffff;
    text-decoration:underline;
}
a:hover{
    color:#ffffff;
    text-decoration:none;
}
a:active{
    color:#ffffff;
    text-decoration:underline;
}

/* --- クリアフィックス --- */

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
  min-height:1px;
}
* html .clearfix{
  height:1px;
}

/* --- ボディ --- */

body{
	margin:0;
	padding:0 0 0 0;
	text-align:center;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#363636;
}

/********************************/
/***          ヘッダ          ***/
/********************************/

div#header{
	height:143px;
	background:url(img/bg_header.gif);
}

/* --- サイトロゴ --- */

div#header h1{
	float:left;
}
div#header h1 a{
	width:377px;
	height:119px;
	margin:8px 0 0 10px;
	background:url(img/title_siteLogo.gif);
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/* --- ヘッダーメニュー --- */

div#header ul{
	float:right;
}
div#header ul li{
	float:left;
}
div#header ul li a{
	height:40px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
div#header ul li.item1 a{
	width:154px;
	margin:0 6px 0 0;
	background:url(img/btn_headerMenu.gif);
}
div#header ul li.item1 a:hover{
	background:url(img/btn_headerMenu.gif) 0 -40px;
}
div#header ul li.item2 a{
	width:93px;
	margin:0 6px 0 0;
	background:url(img/btn_headerMenu.gif) -154px 0;
}
div#header ul li.item2 a:hover{
	background:url(img/btn_headerMenu.gif) -154px -40px;
}
div#header ul li.item3 a{
	width:115px;
	margin:0 6px 0 0;
	background:url(img/btn_headerMenu.gif) -247px 0;
}
div#header ul li.item3 a:hover{
	background:url(img/btn_headerMenu.gif) -247px -40px;
}
div#header ul li.item4 a{
	width:118px;
	margin:0 10px 0 0;
	background:url(img/btn_headerMenu.gif) -362px 0;
}
div#header ul li.item4 a:hover{
	background:url(img/btn_headerMenu.gif) -362px -40px;
}

/* --- サイト簡易説明文 --- */

div#header p{
	width:379px;
	height:65px;
	margin:14px 0 0 0;
	padding:0 70px 0 0;
	background:url(img/img_siteInfo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
}

/********************************/
/***        フラッシュ        ***/
/********************************/

div#flash{
	margin:15px 0 0 0;
	background:url(img/bg_flash.gif);
	text-align:center;
}

/********************************/
/***    メイン部分フレーム    ***/
/********************************/

div#mainWidthContainer{
	width:838px;
	margin:0 auto;
}

/* --- モジュール大 --- */

div.moduleHeaderL{
	height:23px;
	background:url(img/bg_moduleHeaderL.gif);
}
div.moduleBodyL{
	padding:0 23px;
	background:url(img/bg_moduleBodyL.gif);
}
div.moduleFooterL{
	height:23px;
	background:url(img/bg_moduleFooterL.gif);
}

/* --- モジュール小 --- */

div.moduleBodyS{
	padding:14px 23px 0 23px;
	background:url(img/bg_moduleBodyS.gif);
}
html>/**/body div.moduleBodyS{
	padding:1px 23px 0 23px;
	background:url(img/bg_moduleBodyS.gif);
}
div.moduleFooterS{
	height:23px;
	background:url(img/bg_moduleFooterS.gif);
}

/********************************/
/***           広告           ***/
/********************************/

div#kokoku{
}
div#kokoku ul{
}
div#kokoku ul li{
	float:left;
}
div#kokoku ul li a{
	width:182px;
	height:74px;
	padding:2px;
	border:#808080 1px solid;
	display:block;
}
div#kokoku ul li a:hover{
	border:#ffc600 1px solid;
}
div#kokoku ul li.item1 a{
	margin:0 13px 0 0;
}
div#kokoku ul li.item2 a{
	margin:0 13px 0 0;
}
div#kokoku ul li.item3 a{
	margin:0 14px 0 0;
}
div#kokoku ul li.item4 a{
}

/********************************/
/***       おすすめ番組       ***/
/********************************/

div#recommend{
	width:419px;
	float:left;
}
div#recommend h2{
	width:100%;
	height:54px;
	background:url(img/title_recommend.gif);
	text-indent:-9999px;
	overflow:hidden;
}

/********************************/
/***      スペシャル番組      ***/
/********************************/

div#special{
	width:419px;
	float:right;
}
div#special h2{
	width:100%;
	height:54px;
	background:url(img/title_special.gif);
	text-indent:-9999px;
	overflow:hidden;
}

/********************************/
/***          1番組分         ***/
/********************************/

/* --- マウスオフ --- */

div.bangumi{
	margin:14px 0 0 0;
	border:#333333 solid 2px;
	text-align:left;
}
div.bangumi h3 a{
	width:357px;
	padding:6px 6px 8px 6px;
	background:#333333;
	color:#ffc600;
	font-size:15px;
	font-weight:bold;
	display:block;
    text-decoration:none;
}
div.bangumi h3 a:link{
    color:#ffc600;
    text-decoration:none;
}
div.bangumi h3 a:visited{
    color:#ffc600;
    text-decoration:none;
}
div.bangumi h3 a:hover{
    color:#ffc600;
    text-decoration:none;
}
div.bangumi h3 a:active{
    color:#ffc600;
    text-decoration:none;
}

/* --- マウスオン --- */

div.bangumi:hover{
	border:#515151 solid 2px;
}
div.bangumi:hover h3 a{
	background:#515151;
}
div.bangumi:hover h3 a:hover{
	text-decoration:underline;
}

/* --- スクリーンショット --- */

div.ss{
	width:170px;
	height:114px;
	padding:10px;
	text-align:center;
	float:left;
}
a.img{
	padding:2px;
	border:#808080 1px solid;
	display:block;
}
a.start{
	width:51px;
	height:51px;
	margin:-82px auto 0 auto;
	display:block;
	visibility:hidden;
}
div.ss:hover a.img{
	border:#ffc600 1px solid;
}
div.ss:hover a.start{
	visibility:visible;
}

/* --- 星評価 --- */

div.hyoka{
	width:88px;
	height:14px;
	margin:10px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
div.hoshi0{
	background:url(img/img_star.gif) -90px 0;
}
div.hoshi1{
	background:url(img/img_star.gif) -72px 0;
}
div.hoshi2{
	background:url(img/img_star.gif) -54px 0;
}
div.hoshi3{
	background:url(img/img_star.gif) -36px 0;
}
div.hoshi4{
	background:url(img/img_star.gif) -18px 0;
}
div.hoshi5{
	background:url(img/img_star.gif);
}

/* --- 番組説明文 --- */

div.bangumi p{
	margin:10px 10px 0 0;
	line-height:150%;
}

/********************************/
/***       カテゴリ一覧       ***/
/********************************/

div#category{
	clear:both;
}

/* --- バナー --- */

div#category ul{
}
div#category ul li{
	float:left;
}
div#category ul li a{
	width:182px;
	height:59px;
	padding:2px;
	border:#808080 1px solid;
	display:block;
}
div#category ul li a:hover{
	border:#ffc600 1px solid;
}
div#category ul li.item1 a{
	margin:0 13px 14px 0;
}
div#category ul li.item2 a{
	margin:0 13px 14px 0;
}
div#category ul li.item3 a{
	margin:0 14px 14px 0;
}
div#category ul li.item4 a{
	margin:0 0 14px 0;
}
div#category ul li.item5 a{
	margin:0 13px 0 0;
}
div#category ul li.item6 a{
	margin:0 13px 0 0;
}
div#category ul li.item7 a{
	margin:0 14px 0 0;
}
div#category ul li.item8 a{
}

/********************************/
/***          フッタ          ***/
/********************************/

div#footer{
	margin:20px 0 0 0;
	padding:25px 0;
	background:#202020;
	text-align:center;
}

/* --- フッタメニュー --- */

div#footer ul{
	text-align:center;
}
div#footer ul li{
	display:inline;
}
div#footer ul li a{
	padding:2px 10px;
	border-left:#ffffff solid 1px;
}
div#footer ul li.item1 a{
}
div#footer ul li.item2 a{
}
div#footer ul li.item3 a{
}
div#footer ul li.item4 a{
}
div#footer ul li.item5 a{
	border-right:#ffffff solid 1px;
}

/* --- コピーライト --- */

div#footer p{
	margin:10px 0 0 0;
}