@charset "Shift_JIS";

/*============================================================
//
//  目次-------------------------
//  ・全体の設定
//		.alert追加　2006年12月10日
//  -----------------------------
//  ・検索
//  ・ヘッダー
//  ・パンクズ
//  ・検索コンパネ
//  ・コンテンツ
//　├・左動画パーツ
//　├・左インフォメーションパーツ（新着情報、新着ブログ、アクセスランキング、特集バックナンバー、視聴率ランキング）
//　├・中央メインパーツ（カテゴリ、プレゼント）
//　├・中央バナー
//　├・入力フォーム追加　2006年12月10日
//　├・右ティッカー
//　└・右パーツ（パソコンでテレビジョン、角川ザテレビジョンの本）
//  ・番組表
//  -----------------------------
//  ・ドラマナビ
//  -----------------------------
//  ・フッター
//　・番組表アクセスランキング追加 2009年1月19日
//
//==========================================================*/

/*============================================================
//  全体の設定
//==========================================================*/

body{
	color: #2C2C2C;	/* #666666から変更　07.01.10 */
	background: #ffffff;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:"MS PGothic", "MS Pゴシック",sans-serif;
	line-height: 140%;
}

#base{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	position: relative;
}

h1,h2,h3,p,ul,li,form{margin:0; padding:0;}
ul{list-style:none;}

img { border:none;}

.kugiri{ clear:both; margin:0; padding:0;}

.kugiri hr{ display:none; margin:0; padding:0;}

.kugiri br{ display:none;}

.u_line{border:1px solid #cccccc; padding:10px;}

.mar10 { margin-top: 10px; }
.mar10-20 { margin: 10px 5px 10px 15px; }
.mar3 { margin-top: 3px; }
.mar5 { margin-top: 5px; }
.marbtn10 { margin-bottom: 10px; }
.marbtn5 { margin-bottom: 5px; }
.marbtn3 { margin-bottom: 3px; }
.marrit10 { margin-right: 10px; }
.marrit5 { margin-right: 5px; }
.marb10 { margin: 10px 0; }
.padbtm5 { padding-bottom: 5px; font-size:1px; }

input {font-size: 12px;}

.alert {color: #ff0000;}	/* 注意事項など強調したいテキストに利用 */

/*　リンク　*/
a.link{color:#ffffff; text-decoration:none;}
a.link:hover {color:#ffffff; text-decoration:underline;}
/*　リンク　*/

.test {
	border:#FF0000 solid 1px;
}

img{vertical-align:bottom;}

/*============================================================
//  検索
//==========================================================*/
#sarch{
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 10px;
}
#sarch #inner{
	margin: 5px 0 0 auto;
	width: 785px;
	text-align: right;
}
/* アイキャッチはカラースタイルシートへ */
#sarch #map{
	margin: 2px 10px 0 auto;
	float: right;
}
#sarch #color{
	margin: 2px 0 0 auto;
	float: left;
}
#sarch #text{
	margin: 2px 0 0 auto;
	float: left;
}

#sarch #help{
	margin: 2px 10px 0 auto;
	text-align: right;
	float: right;
}
#sarch #form{
	float: right;
	margin: 0 auto;
}
#sarch .blue{color: #6699ff;}
#sarch .green{color: #80ccb3;}
#sarch .yellow{color: #ffcc33;}
#sarch .orange{color: #ff6633;}
#sarch .pink{color: #ff6699;}
#sarch .red{color: #ff0000;}
#sarch .purple{color: #6631f7;}
#sarch .black{color: #333333;}


/*============================================================
//  ヘッダー
//==========================================================*/
#header{
	margin: 5px auto 5px auto;
	font-size: 10px;
}
#header .colorchip{
	font-size: 10px;
}
#header #left{
	width: 180px;
	line-height: 105%;
	float: left;
	margin: 0 auto 0 0;
}
#header #center{
	line-height: 100%;
	width: 315px;
	float: left;
	margin: 0 auto 0 0;
	text-align: center;
}
#header #right{
	width: 470px;
	margin: 0 0 0 auto;
	text-align: right;
}
#header h1{
	margin: 0 auto;
	width: 180px;
	height: 60px;
	background: url(/common/image/header_logo.gif) no-repeat;
	text-indent: -9999px;
}
#header h1 a{
	display: block;
	width: 180px;
	height: 60px;
}

/* アイコンはカラースタイルシートへ */
#header #icon{
	margin: 0 auto;
}
#header #selcolor{
	height: 18px;
	text-align: left;
	padding-left: 15px;
	line-height: 120%;
}
#header ul#icon{
	width: 301px;
	clear: both;
	margin: 22px auto 0 auto;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
}
#header ul#txt{
	width: 301px;
	clear: both;
	margin: 0px auto 0 auto;
	padding: 0;
	list-style: none;
}
#header ul#icon li{
	width: 43px;
	height: 28px;
	float: left;
}
#header ul#txt li{
	width: 43px;
	float: left;
	text-align: center;
}
#header ul#icon li a{
	text-decoration: none;
	width: 43px;
	height: 28px;
	display: block;
}
#header ul#txt li a{
	display: block;
}


/*============================================================
//  パンクズ
//==========================================================*/
#pankuzu{
	margin: 7px auto 10px auto;
	line-height: 120%;
}


/*============================================================
//  検索コンパネ
//==========================================================*/
/* 表示デフォルト */
#pl_program{display:block;}
#pl_genre,
#pl_keyword,
#pl_star,
#pl_blog,
#pl_category,
#pl_mobile,
#pl_shop{display:block;}


#panel{
	width:845px;
	margin: 0 auto;
}
/* カラースタイルシートへ */
#panel #header{
	font-size: 12px;
	margin: 0;
}
#panel ul{
	width:845px;
	list-style: none;
}
#panel ul li{
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
#panel ul li#program{
	width: 99px;
	margin: 6px 0 0 0;
}
#panel ul li#psarchttl{
	width: 76px;
	margin: 6px 0 0 0;
}
#panel ul li#psarch{
	width: 184px;
	margin: 6px 0 0 0;
	font-weight: normal;
}
#panel ul li#csarchttl{
	width: 112px;
	margin: 6px 0 0 0;
}
#panel ul li#csarch{
	width: 108px;
	margin: 6px 0 0 0;
	font-weight: normal;
}
#panel ul li#mobile{
	width: 75px;
	margin: 6px 0 0 0;
}
#panel ul li#shopping{
	width: 75px;
	margin: 6px 0 0 0;
}
#panel ul li a{
	font-weight: normal;
}

#panel #body {
	display: block;
	margin: 0 auto;
	width: 845px;
    min-height: 59px;
    height: auto !important;
    height: 59px;
	text-align: center;
	vertical-align: middle;
}
#panel #inner{
	display: block;
	margin: 0px auto;
	padding: 10px 0 0 0;
	width: 820px;
	height: 40px;
	text-align: left;
}

/* 番組表 */
#panel #area{
	width: 130px;
	height: 40px;
	background: #ffffff;
	float: left;
	line-height: 120%;
}
#panel #area .txt{
	display: block;
	margin: 5px;
}
#panel #area .areaname{
	font-family: serif;
	font-weight: bold;
	font-size: 18px;
}
#panel #area .change{
	font-size: 10px;
	text-align: right;
}
/* 矢印 */
#panel #arrow{
	width: 16px;
	height: 40px;
	float: left;
	text-align: center;
}
/* カレンダー */
/* 2007.3.15 一時的に7日間表示にするためサイズを505pxに変更 —————————————————————————————————————————— */
/* 2007.3.19 通常の8日間表示に戻すためサイズを575pxに復帰 —————————————————————————————————————————— */
#panel #call{
	width: 575px;
	height: 40px;
	float: left;
	text-align: left;
	background: #ffffff;
	font-size: 10px;
}
#panel #call #today{
	display: block;
	width: 70px;
	height: 13px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#panel #call #tomorrow{
	display: block;
	width: 70px;
	height: 13px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#panel #call .mon{
	font-family:sans-serif;
}
#panel #call .day{
	font-size:19px;
	font-family:sans-serif;
	line-height: 110%;
}
#panel #call ul{
	margin: 2px 0 0 0;
	width:560px;
	list-style: none;
}
#panel #call ul li{
	float: left;
	width: 70px;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
}
#panel #call ul li a:hover{
	text-decoration: none;
}
/* ジャンル */
#panel #genre{
	height: 40px;
	float: left;
	text-align: center;
	font-size: 12px;
}
#panel .innertxt{
	padding: 12px 0 12px 12px;
}
#panel #genre_modeimg {
    white-space:nowrap;
}
#panel #genre_modeimg img {
    vertical-align: bottom;
}
/* 余白（ジャンル横） */
#panel #genrenull{
	/*width: 78px;*/
	width: 38px;
	float: left;
}
/* フォーム */
#panel #form{
	/*width: 575px;*/
	height: 40px;
	float: left;
	text-align: left;
	font-size: 10px;
}
/* フォーム（ブログ） */
#panel #formblog{
	width: 721px;
	height: 40px;
	float: left;
	text-align: left;
	font-size: 10px;
}
/* カテゴリ */
#panel #category{
	width: 460px;
	height: 40px;
	float: left;
	background: #ffffff;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* ダウンロード */
#panel #download{
	width: 90px;
	height: 40px;
	float: left;
	text-align: center;
}
/* プレゼント */
#panel #present{
	width: 80px;
	height: 40px;
	float: left;
	text-align: center;
}
/* 余白（10px） */
#panel .null10{
	width: 10px;
	float: left;
}
/* 余白（カテゴリ横） */
#panel .catnull{
	width: 71px;
	float: left;
}
/* モバイル */
#panel .mobile{
	width: 280px;
	height: 40px;
	float: left;
	background: #ffffff;
	text-align: center;
}
/* ショッピング */
#panel .shop{
	width: 265px;
	height: 40px;
	float: left;
	background: #ffffff;
	text-align: center;
}
#panel .left{
	width: 128px;
	height: 40px;
	float: left;
	background: #ffffff;
	text-align: left;
}
#panel .right{
	width: 146px;
	height: 40px;
	float: left;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	background: #ffffff;
	line-height: 120%;
}
#panel .right2{
	padding:3px 0 0 0;
	width: 130px;
	height: 37px;
	float: left;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	background: #ffffff;
	line-height: 120%;
}

/* 余白（モバイル横） */
#panel #mobnull{
	width: 151px;
	float: left;
}
/* ボタン */
#panel #button{
	float: left;
	width: 99px;
	text-align: right;
	margin: 0 0 0 auto;
}
/*区切り線「｜」*/
.kugiriline{
	color: #ffffff;
}

/*============================================================
//  コンテンツ
//==========================================================*/
#cnts{
	margin: 20px auto 0 auto;
}
#cnts #left{
	margin: 0;/* 2009年01月14日 11:59 オリジナルmargin: 0 auto; */
	width: 200px;
	float: left;
	text-align: left;
}
#cnts #center_part{
	padding: 0 15px 0 15px;/* 2009年01月14日 11:59 オリジナルmargin: 0 15px 0 15px; */
	width: 450px;/* 2009年01月14日 11:59 オリジナル415px */
	float: left;
}
#cnts #right_part{
	margin: 0;/* 2009年01月14日 11:59 オリジナルmargin: 0 auto; */
	width: 300px;/* 2009年01月14日 11:59 オリジナル200px */
	float: right;
}
#cnts #banner{
	margin: 0 0 0 auto;
	width: 120px;
}


/*============================================================
//  左動画パーツ
//==========================================================*/
/* カラースタイルシートへ */
#mparts{
	width: 200px;
	line-height: 100%;
	text-align: center;
}
#mparts .movie{
	width: 182px;
	margin: 0 9px;
	float: center;
}
#mparts .body{
	width: 172px;
	margin: 2px auto 10px auto;
	float: center;
}
#mparts .inner{
	width: 150px;
	margin: 0 auto 4px;
	text-align: center;
}
.test{
	width:162px;
	padding:1px;
	border: 1px solid #000000;
}


/*============================================================
//  左動画パーツ2_20100621_youtube
//==========================================================*/
/* カラースタイルシートへ */
#mparts{
	width: 200px;
	line-height: 100%;
	text-align: center;
}
#mparts .movie2{
	width: 200px;

	margin: 0px;
	float: center;
}
#mparts .body2{
	width: 198px;
	margin: 2px auto 10px auto;
	float: center;
}
#mparts .inner2{
	width: 190px;
	margin: 0 auto 4px;
	text-align: center;
}
.test{
	width:162px;
	padding:1px;
	border: 1px solid #000000;
}
/*============================================================
//  左角川ザテレビジョンの発行物　 2009年01月14日
//==========================================================*/
/* カラースタイルシートへ */
#left #publish .title{
	width: 200px; /* 2009年01月14日  オリジナル200px */
	height: 19px;
}
#left #publish .title p{
	font-weight: bold;
	margin: 0 0 2px 3px;
	color: #ffffff;
	padding: 2px 0 0 0;
}
#left #publish .body{
	margin: 1px 0 2px 0;
	text-align: center;
}
#left #publish .inner{
	width: 190px;
	margin: 5px auto;
	text-align: left;
	font-size:10px;
	line-height:120%;
	border-bottom:1px dotted #CCCCCC;
}

#left #publish .bdr{border: solid 1px #cccccc;}

#left #publish .inner .left{
	float: left;
	margin: 0 auto 0 0;
}
#left #publish .inner .right{
	display: block;
	margin: 0 0 0 auto;
	text-align: left;
}
#left #publish .inner .txt{
	display: block;
	line-height: 160%;
}
#left #publish .inner p{
	text-align: right;
}
#left #publish .inner .bold{
	font-weight: bold;
}
#left #publish .inner .leftmag{
	width: 72px;
	display: block;
	float: left;
	margin: 0 0 5px 0;
}
#left #publish .inner .leftmag img{
	vertical-align:top;
}

#left #publish .inner .rightmag{
	width: 115px;
	display: block;
	margin: 0 0 0 auto;
	text-align: left;
}


/*============================================================
//  左インフォメーションパーツ
//==========================================================*/
/* カラースタイルシートへ */
#info{
	width: 200px;
	line-height: 140%;
}

#info .midashi{
	width: 150px;
	height: 19px;
	float: left;
	margin: 0 auto 0 0;
	padding: 0;
}

#info .midashi_l{	/* 2006年12月10日 11:52	長い見出し用に追加 */
	width: 190px;
	height: 19px;
	float: left;
	margin: 0 auto 0 0;
	padding: 0;
}

#info .rss{
	width: 40px;
	height: 19px;
	margin: 0 0 0 auto;
	padding: 0;
}
#info .midashi p{
	margin: 0 3px 0 3px;
	padding: 2px 0 0 0;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}
#info .midashi p.mini{
	margin: 0 3px 0 3px;
	padding: 2px 0 0 0;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}
#info .rss img{
	margin: 3px;
}
#info .title{
	display: block;
	width: 200px;
	height: 19px;
	text-align: left;
}
#info .title p{
	margin: 0 3px 0 3px;
	padding: 2px 0 0 0;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}
#info .dot{
	float: left;
	margin: 0 auto 0 0;
	width: 12px;
	text-align: right;
}
#info .txt{
	margin: 0 0 0 auto;	/* 2006年12月10日 11:38	0 0 0 auto; */
	/* width: 183px; 2006年12月10日 11:36	オリジナル180px */
	width: 182px;	/* 2006年12月25日 11:36	オリジナル183px */
	text-align: left;
}
#info .txtcenter{
	text-align: center;
	margin: 0 0 3px 0;
}
#info .txtright{
	text-align: right;
	margin: 0 0 3px 0;
}
#info .today{
	clear:both;
	padding: 0 0 3px 8px;
	text-align: left;
}
#info .line{
	clear:both;
	padding: 0 0 3px 3px;
	text-align: left;
}
#info .inner{
	width: 190px;
	margin: 5px auto;
	text-align: left;
}
#info .inner .leftmag{
	width: 77px;
	display: block;
	float: left;
	margin: 0 auto 0 0;
}
#info .inner .rightmag{
	width: 110px;
	display: block;
	margin: 0 0 0 auto;
	text-align: left;
}
#info .inner .rightmag .txt{
	width: 110px;
}
#info .inner .leftmag img{
	border: 1px solid;
}

#info .inner .leftmovie{

	width: 100px;
	display: block;
	float: left;
	margin: 0 auto 0 0;
}
#info .inner .rightmovie{
	width: 110px;
	display: block;
	float: right;
	margin: 0 0 0 auto;
	text-align: left;
	border-right:1px solid;

}
#info .inner .rightmovie .txt{
	width: 110px;
}

.inner .leftmovie2{
	width: 240px;
	display: block;
	float: left;
	margin: 10px 0 0 auto;
	text-align: left;
	

}

.inner .rightmovie2{
	width: 185px;
	display: block;
	float: right;
	margin: 5px 0 0 auto;
	text-align: left;
	

}
.inner .rightmovie2 .txt{
	width: 180px;
}

.cparts .title .rssleft2{
	width: 400px;	/* 2009年3月27日 15:10 オリジナル360px  2009年1月22日400pxに変更 */
	float: left;
	margin: 0 auto 0 0;
}






/*============================================================
//  中央PR
//==========================================================*/
#pr{
	line-height: 14px;
}

#pr2{
	line-height: 14px;
}


/*============================================================
//  中央メインパーツ
//==========================================================*/
/* カラースタイルシートへ */
.cparts .title{
	display: block;
	width: 450px; /* 2009年01月14日 11:59 オリジナル415px */
	height: 29px;
	text-align: left;
}
.cparts .title .rssleft{
	width: 360px;	/* 2006年12月10日 11:59 オリジナル220px  2009年1月22日360pxに変更 */
	float: left;
	margin: 0 auto 0 0;
}
.cparts .title .rssleft_l{
	width: 300px;	/* 2006年12月10日 11:59 オリジナル220px */
	float: left;
	margin: 0 auto 0 0;
}
.cparts .title .rsscenter{
	width: 150px;
	float: left;
	margin: 0 auto 0 0;
	text-align: right;
}
.cparts .title .rssright{
	height: 29px;
	width: 40px;
	margin: 0 0 0 auto;
	text-align: left;
}
.cparts .title .rssright img{
	margin: 8px 0 0 0;
}
.cparts .title p{
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	margin: 2px 3px 0 3px;
	padding: 5px 0 0 0;
}
.cparts .title .date{
	font-size: 10px;
	color: #ffffff;
	margin: 7px 0 0 0;
}
.cparts .body{
	margin: 1px 0 0 0;
	text-align: center;
}
.cparts ul{
	width: 413px;
	height: 20px;
	clear: both;
	margin: 0px auto 0 auto;
	padding: 0;
	list-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.cparts ul li{
	height: 20px;
	float: left;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	line-height: 140%;
	background: #ffffff;
	padding: 0 0 0 0;
}
.cparts ul li#dorama,
.cparts ul li#cinema,
.cparts ul li#sports,
.cparts ul li#anime{
	width: 82px;
	border-right:1px solid;
}
.cparts ul li#koria{
	width: 81px;
}
.cparts ul li a{
	display: block;
	padding-top: 3px;
	height: 17px;
}
.cparts .inner{
	width: 430px;
	margin: 5px auto;
	text-align: left;
	line-height: 140%;
}
.cparts .inner .photo{
	float: left;
	margin: 4px auto 4px 0;
}
.cparts .inner .txt{
	margin: 4px 0 4px auto;
}
.cparts .inner .righttxt{
	width: 277px;
	text-align: left;
}
.cparts .inner .righttxt .txt{
	width: 277px;
}
.cparts .inner .leftmag{
	display: block;
	float: left;
	margin: 4px 5px 4px 0;
}







.cparts .inner .entrightmag{
	display: block;
	float: left;
	width:320px;
}








.cparts .inner .rightmag{
	width: 300px;
	display: block;
	margin: 0 ;
	text-align: left;
	float:right;
}
.cparts .inner .rightmag .txt{
	width: 300px;
	line-height:21px;
}

.cparts .inner .blogphoto table {
	width: 100%;
}


.cparts .inner .blogphoto table td {
	text-align: center;
	width: 33%;
	vertical-align: middle;
}

.cparts .inner .blogphoto p.right {
	text-align: right;
	margin: 10px 0 0 0;
}



.cparts .inner p{
	text-align: right;
	font-size: 10px;
	margin: 10px 0 0 0;
}


.cinema_theater .txt img {
	margin:10px 10px 0px;
}

.cinema_theater .txt p.cinema {
	margin:5px 10px 5px;
	text-align:left;
}




/*ニュース*/
.news_box {
	width: 440px;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: left;
}
.news_box .left_news_box {
	width: 190px;
	padding: 5px;
	margin:0;
	float:left;
	line-height:180%;
}

.news_box .left_news_box .left_news_img{
	display:block;
	float:left;
	text-align:left;
	vertial-align:top;
	margin:4px 5px 4px 0;
}

.news_box .left_news_box .left_news_img .main_news_imgparts{
	margin-right:5px;
}

.news_box .left_news_box .news_main_txt{
	text-align:left;
	line-height:200%;
}

.news_box .right_news_box{
	width: 220px;
	padding: 5px;
	margin:0;
	float:right;
}

.news_box .right_news_box .news_txt {
	line-height:180%;
	margin-bottom:3px;
}

.news_box hr{
	width:425px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
	height: 1px;
	padding-bottom:10px;
	text-align:left;
}

.news_box .photo_news{
	width: 436px;
	padding-left: 4px;
	margin:0;
}

.news_box .photo_news_title {
	margin-left:5px;
	text-align:left;
}

.news_box .photo_news .photo_news_photo {
	float:left;
	width:100px;
	padding:0;
	padding-right:8px;
}
.news_box .photo_news .photo_news_photo table{
	width:100px;
	height:100px;
	border-collapse: collapse;
	margin:0;
	padding:0;
}
.news_box .photo_news .photo_news_photo td{
	width:88px;
	height:88px;
	border:solid 1px #CCC;
	text-align:center;
	vertical-align:top;
	background:#fff;
	padding: 5px;
}
.news_box .photo_news .non{
	margin-right:0;
}
.news_box .photo_news_txt {
	text-align:right;
	padding-top:5px;
	padding-right:12px;
	
}



/* カテゴリ切り替え */

/* デフォルト表示をシネマに変更（2007.08.12） */
/* デフォルト表示をドラマに変更（2007.09.19） */
/* ※［/index_top/js/tv_setup.js］も忘れずに変更する事！ */
#sw_dorama{display:block;}
#sw_cinema,
#sw_sports,
#sw_anime,
#sw_koria{display:block;}

/*============================================================
//  新着バナー
//==========================================================*/

.blog .title{
	display: block;
	width: 415px;
	height: 29px;
	text-align: left;
}
.blog .inner{
	width: 405px;
	margin: 0 auto;
	text-align: left;
	line-height: 140%;
}
.blog .inner .photo{
	float: left;
	margin: 4px auto 4px 0;
}
.blog .inner p{
	text-align: right;
	font-size: 10px;
	margin: 10px 0 0 0;
}
.blog .inner .txt{
	margin: 4px 0 4px auto;
}
/*============================================================
//  中央バナー
//==========================================================*/
#mbana{
	width: 430px;
	text-align: left;
}
#mbana2{
	width: 430px;
	text-align: left;
}
#mbana .left{
	width: 200px;
	float: left;
	margin: 0 10px 0 0;
}
#mbana .right{
	width: 200px;
	float: left;
	margin: 0 0 0 10px;
}
/*============================================================
//  シネマアフィリエイト
//==========================================================*/
#cbana{
	width: 415px;
	text-align: left;
}
#cbana .left{
	width: 120px;
	float: left;
	margin: 0 auto 0 0;
}
#cbana .right{
	width: 250px;
	margin: 0 0 0 auto;
}


/*============================================================
//  入力フォーム
//==========================================================*/
.input_title {
	font-size: 10px;
	background: #d9d9d9;
	}
.input_content {
	font-size: 10px;
	background: #f2f2f2;
	}
.input_confirm {
	text-align: center;
	background: #ffffff;
	}


/*============================================================
//  カテゴリ
//==========================================================*/
.inner .left_ctegory {
	float:left;
	width:210px;
	margin:8px 0;
}

.inner .right_ctegory {
	float:right;
	width:210px;
	margin:8px 0;
}

.inner .left_logo{
	width:125px;
	float:left;
}

.inner .right_txt{
	width:85px;
	float:right;
	padding:10px 0 0 0;
	font-weight:bold;
}


/*============================================================
//  右ティッカー
//==========================================================*/
#ticker {
	width: 200px;
	text-align: center;
}
#ticker .bottom{
	width: 180px;
	text-align: left;
	margin: 3px auto;
}
#ticker .bottom .left{
	float: left;
	margin: 0 auto 0 0;
	line-height: 120%;
}
#ticker .bottom .right{
	float: right;
	margin: 0 0 0 auto;
	line-height: 120%;
	text-align: right;
}
#ticker .bottom input{
	margin: 3px 0 0 0;
}


/*============================================================
//  右パーツ
//==========================================================*/
/* カラースタイルシートへ */
#r_parts {
	width:300px;
}

#r_parts .title{
	width: 300px; /* 2009年01月14日  オリジナル200px */
	height: 19px;
	padding:2px 0 3px 0;
}

#r_parts .ranking-title .title{
	width: 297px; /* 2009年01月30日*/
	height: 19px;
	padding:2px 0 3px 1px;
}

#r_parts .title p{
	font-weight: bold;
	margin: 2px 0 0px 2px;
	color: #ffffff;
	padding: 2px 0 2px 0;
	height:16px;
}
#r_parts .body{
	margin: 1px 0 10px 0;
	text-align: center;
}

#r_parts .inner{
	width: 288px;
	margin: 5px 0 5px 0;
	text-align: left;
}
#r_parts .inner .left{
	float: left;
	margin: 0 auto 0 0;
}
#r_parts .inner .right{
	display: block;
	margin: 0 0 0 auto;
	text-align: left;
}
#r_parts .inner .txt{
	display: block;
	line-height: 160%;
}
#r_parts .inner p{
	text-align: right;
}
#r_parts .inner .bold{
	font-weight: bold;
}
#r_parts .inner .leftmag{
	width: 72px;
	display: block;
	float: left;
	margin: 0 auto 0 0;
}
#r_parts .inner .rightmag{
	width: 115px;
	display: block;
	margin: 0 0 0 auto;
	text-align: left;
}


#r_parts .title p.recommend{
	font-weight: bold;
	color: #ffffff;
	padding: 4px 0 2px 2px;
	width:250px;
	float:left;
	height:16px;
	margin:0;
	font-size:12px;
}

#r_parts .title .rss{
	color: #ffffff;
	padding: 4px 0 4px 3px;
	width:37px;
	float:right;
	height:16px;
}

#r_parts .backcolor {
	padding:0 4px 5px;
	font-size:12px;
	border:1px solid #CCCCCC;
	margin:1px 0 0;
	width:288px
}

#r_parts .backcolor .innertop{
	padding:0 0 5px;
	border-bottom:1px solid #CCCCCC;
	margin:5px 5px 10px;
	line-height:21px;
}

#r_parts .backcolor .innerphoto{
	float:left;
	padding:0 0 5px;
	margin:0 5px 0;
	width:70px;
}

#r_parts .backcolor .innertxt{
	float:left;
	padding:0 0 0 5px;
	margin:0 0 5px;
	width:195px;
	font-size:10px;
}

#r_parts .backcolor .innertxt a{
	font-size:12px;
}

/*ブログ*/

#r_parts .inner{
	width: 288px;
	margin: 0 auto;
	text-align: left;
	line-height: 140%;
}

#r_parts .inner .ul_box{
	border-bottom:1px solid #cccccc;
	display:block;
	margin-bottom:5px;
}

#r_parts .inner .ul_box .blog_ttl{
	margin: 8px 0 7px 0;
	font-size:12px;
	width:285px;
	font-weight:bold;
}

#r_parts .inner .ul_box .blog_photo{
	width:85px;
	float:left;
	margin-bottom:10px;
}

#r_parts .inner .ul_box .blog_txt{
	float:right;
	margin: 0px 0 4px 0;
	padding:0;
	width:200px;
}

#r_parts .inner .blog_ttl{
	margin: 8px 0 7px 0;
	font-size:12px;
	width:285px;
	font-weight:bold;
}

#r_parts .inner .blog_photo{
	width:85px;
	float:left;
	margin-bottom:10px;
}

#r_parts .inner .blog_txt{
	float:right;
	margin: 0px 0 4px 0;
	padding:0;
	width:200px;
}



#rparts .inner p{
	text-align: right;
	font-size: 10px;
	margin: 10px 0 0 0;
}




/*インフォメーション*/

#r_parts .information {
	width: 288px;
	margin: 0 auto;
	text-align: left;
	line-height: 140%;
}

#r_parts .information .photo{
	float:left;
	width:120px;
	margin:5px 0;
}

#r_parts .information .text{
	font-size:12px;
	float:right;
	width:163px;
	margin:5px 0;
}

#r_parts .information .text a{
	font-size:14px;
}


/*プレゼント 〜ssip〜*/
#r_parts .area .inner{
	width: 288px;
	margin: 5px 0 5px 0;
	text-align: left;
}

#r_parts .area .inner .photo{
	float:left;
}

#r_parts .area .inner .text{
	float:left;
}




/*============================================================
//  番組表
//==========================================================*/
/*#program{
	line-height: 120%;
	width: 980px;
}*/
/* 2009年01月14日 追加 */
#index_nowonair{
	line-height: 120%;
	width: 980px;
}

#index_nowonair #program {
	line-height: 120%;
	width: auto;
	margin:0 65px;
	width: 850px;
}

#program .midashi{
	line-height: 120%;
}
/* カラースタイルシートへ */
#program td.title{
	height: 29px;
	width: 120px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 120%;
}
#program td{
	width: 120px;
	text-align: center;
}
#program td .time{
	text-align: left;
	margin: 5px 5px;
}
#program td .program{
	text-align: left;
	margin: 5px 5px;
	padding: 0 0 5px 0;
}
#program #timetable td{
	vertical-align: top;
	width: 120px;
}


/*============================================================
//  ドラマナビ
//==========================================================*/
#navi{
	font-size: 10px;
	line-height: 120%;
}

.navi{background: #FFCC00;}


.navibg{background: #ffffff;}

.obidot{background : url(/drama_top/image/dot_yellow.gif) no-repeat; height: 7px;}

.obibdr{border-bottom: 1px solid #cccccc;}

/*============================================================
//  フッター
//==========================================================*/
#footer{
	width: 850px;
	text-align: center;
	font-size: 10px;
	margin:0 65px;
}
#footer #banner{
	margin: 10px 0 10px 0;
}
#footer #copy{
	margin: 10px 0 10px 0;
}

/*============================================================
//  番組表アクセスランキング 2009.1.19
//==========================================================*/
#ext_guide_ranking .guide_ranking {
  font-family:"MS PGothic","MS Pゴシック",sans-serif;
}

#ext_guide_ranking .guide_ranking .title {
  float:left;
  margin:0;
  padding:0;
}

#ext_guide_ranking .guide_ranking .rss {
  float: right;
  padding: 2px;
}

#ext_guide_ranking .guide_ranking a {
  line-height:20px;
}

#ext_guide_ranking .guide_ranking .guide_ranking-inner {
  border: 1px solid #cccccc;
  margin-bottom:10px;
  padding: 4px 8px;
}

#ext_guide_ranking .guide_ranking .ranking-title {
  color:white;
  font-size:12px;
  font-weight:bold;
  padding: 4px 0px 3px 0px;
  margin-bottom: 1px;
  height: 16px;
}

#ext_guide_ranking .guide_ranking .guide_ranking-items {
    padding: 0px;
    margin: 0px;
}

#ext_guide_ranking .guide_ranking .guide_ranking-items li {
  list-style-type: none;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  padding-top: 0px;
  line-height: 20px;
  padding-left: 26px;
}

#ext_guide_ranking .guide_ranking .note {
    margin: 5px 0px 0px 5px;
}

#ext_guide_ranking .guide_ranking .note_logo {
    font-size: 12px;
    margin: 5px 5px 0px 0px;
    text-align:right;
    display:none;
}


 #analog_digital {
     text-align: center;
 }

 #analog_digital img {
     padding: 1px 0px;
     margin-left: 5px;
 }

 #panel ul li#psarchdigital {
     width: 176px;
     padding-left: 8px;
     margin: 6px 0 0 0;
     font-weight: normal;
     text-align: left;
 }


#ext_guide_ranking .guide_ranking .guide_ranking-items .item-1 { background-image: url(http://www.television.co.jp/programlist/img/ranking/1.gif); font-weight:bold; }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-2 { background-image: url(http://www.television.co.jp/programlist/img/ranking/2.gif); font-weight:bold; }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-3 { background-image: url(http://www.television.co.jp/programlist/img/ranking/3.gif); font-weight:bold; margin-bottom: 10px; }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-4 { background-image: url(http://www.television.co.jp/programlist/img/ranking/4.gif); }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-5 { background-image: url(http://www.television.co.jp/programlist/img/ranking/5.gif); }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-6 { background-image: url(http://www.television.co.jp/programlist/img/ranking/6.gif); }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-7 { background-image: url(http://www.television.co.jp/programlist/img/ranking/7.gif); }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-8 { background-image: url(http://www.television.co.jp/programlist/img/ranking/8.gif); }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-9 { background-image: url(http://www.television.co.jp/programlist/img/ranking/9.gif); }
#ext_guide_ranking .guide_ranking .guide_ranking-items .item-10 { background-image: url(http://www.television.co.jp/programlist/img/ranking/10.gif); }