﻿/*@charset "UTF-8";*/

/* --- 番組案内 --- */

	/* 番組表・期間表示 */
.Program 	div#tvpg_week {
		position : relative ;
		border: solid 1px #c0c0c0;
		width: 778px;
		overflow: auto;
		background-color:#fff;
		}

.Program 		div#tvpg_week #this_week {
			margin:10px;
			}

.Program 		div#tvpg_week #this_week .ltb,
.Program 		div#tvpg_week #this_week .mt {
			color: #696969;
			}

		/* 来週 */
.Program 		div#tvpg_week #this_week .next a:link {
			padding:0 15px;
			font-size:12px;
			line-height:18px;
			color: #008899;
			text-decoration: none;
			font-weight: normal;
			font-style: normal;
			font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
			background: url("../img/tvpg_ar_next.gif") 46px 4px no-repeat;
			}

		/* 先週 */
.Program 		div#tvpg_week #this_week .last a:link {
			padding:0 15px;
			font-size:12px;
			line-height:18px;
			color: #008899;
			text-decoration: none;
			font-weight: normal;
			font-style: normal;
			font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
			background: url("../img/tvpg_ar_last.gif") 0px 4px no-repeat;
			}

.Program 		div#tvpg_week #this_week .next a:hover,
.Program 		div#tvpg_week #this_week .last a:hover {
			color: #006666;
			}

	/* 番組表本体 */
.Program 	div#tvpg_week table {
		width:778px;
		border-collapse:collapse;
		border:0px;
		padding:0px;
		background:#f5f5f5;
		}

	/* 横ライン・月日表記 */
.Program 	div#tvpg_week table td.day_lb,
.Program 	div#tvpg_week table td.day_rb,
.Program 	div#tvpg_week table td.day {
		width:106px;
		background:#008899;
		text-align:center;
		font-size:10px;
		line-height:18px;
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		}

	/* 横ライン・月日表記（左ボーダー） */
.Program 	div#tvpg_week table td.day_lb {
		border-left:1px solid #c0c0c0;
		}

	/* 横ライン・月日表記（右ボーダー） */
.Program 	div#tvpg_week table td.day_rb {
		border-right:1px solid #c0c0c0;
		}

	/* 縦ライン・時間表記（月日交差） */
.Program 	div#tvpg_week table td.time {
		width:16px;
		background:#66b8c2;
		vertical-align:top;
		}

	/* 縦ライン・時間表記（時間毎） */
.Program 	div#tvpg_week table td.time_odd,
.Program 	div#tvpg_week table td.time_even {
		text-align:center;
		font-size:10px;
		line-height:60px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		white-space:nowrap;
		}

	/* 縦ライン・時間表記（奇数時間） */
.Program 	div#tvpg_week table td.time_odd {
		background:#66b8c2;
		}

	/* 縦ライン・時間表記（偶数時間） */
.Program 	div#tvpg_week table td.time_even {
		background:#a3d4da;
		}

	/* テレビ番組表記（空） */
.Program 	div#tvpg_week table td.lb_s,
.Program 	div#tvpg_week table td.rb_s,
.Program 	div#tvpg_week table td.nb_s {
		width:104px;
		background:#f5f5f5;
		text-align:left;
		vertical-align:top;
		padding:3px;
		}

	/* テレビ番組表記 */
.Program 	div#tvpg_week table td.lb,
.Program 	div#tvpg_week table td.rb,
.Program 	div#tvpg_week table td.nb {
		width:104px;
		font-size:10px;
		line-height:12px;
		color: #222;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		border-top:1px solid #c0c0c0;
		padding:3px;
		background:#fff;
		text-align:left;
		vertical-align:top;
		}

	/* テレビ番組表記（時間表記） */
.Program 	div#tvpg_week table td.lb span,
.Program 	div#tvpg_week table td.rb span,
.Program 	div#tvpg_week table td.nb span {
		color: #008899;
		}

	/* テレビ番組表記（左ボーダー） */
.Program 	div#tvpg_week table td.lb,
.Program 	div#tvpg_week table td.lb_s {
		border-left:1px solid #c0c0c0;
		}

	/* テレビ番組表記（右ボーダー） */
.Program 	div#tvpg_week table td.rb,
.Program 	div#tvpg_week table td.rb_s {
		border-right:1px solid #c0c0c0;
		}
		
	/* tys制作番組 */
.Program 	div.tys_tvpg {
		background:#f5f5f5 url("../img/bg_program.gif") left top repeat;
		text-align:left;
		padding:5px;
		margin:5px 0;
		}

.Program 	div.tys_tvpg:after {
		content:"";
		display:block;
		clear:both;
		}

.Program 	div.tys_tvpg img{
		width:96px;
		height:54px;
		margin-right:10px;
		float:left;
		}

	/* バナー類 */
.Program 	img.bn180{
		width:180px;
		height:150px;
		margin-bottom:10px;
		border:12px solid #f5f5f5;
		}

/* --- 各番組コンテンツ --- */

	/* 番組タイトル */
.Program 	img#th_title{
		width:1000px;
		height:156px;
		margin-bottom:10px;
		}

	/* もっと読む */
.Program 	div.cts_unit .more {
		padding-top:6px ;
		font-size:12px;
		line-height:16px;
		color: #336600;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		text-align:right;
		}




/* ----- designed by tomo ----- */
.Program TABLE.ProgramTable 
{
	border-collapse: collapse;
	width: 780px;
}

.Program TABLE.ProgramTable TR.Title
{
	height: auto;
	vertical-align: middle;	
}
.Program TABLE.ProgramTable TR.Title TD.Title
{
}
.Program TABLE.ProgramTable TR.Title DIV.TitleBlock
{
	margin: 10px;
}
.Program TABLE.ProgramTable TR.Title DIV.TitleBlock .Title
{
	color: #696969;
}
.Program TABLE.ProgramTable TR.Title DIV.TitleBlock .ThisWeek
{
	padding:0 15px;
	font-size:12px;
	line-height:18px;
	color: #696969;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
}
.Program TABLE.ProgramTable TR.Title DIV.TitleBlock .NextWeek a:hover,
.Program TABLE.ProgramTable TR.Title DIV.TitleBlock .PrevWeek a:hover
{
	color: #006666;
}
.Program TABLE.ProgramTable TR.Title DIV.TitleBlock .NextWeek A
{
	padding:0 15px;
	font-size:12px;
	line-height:18px;
	color: #008899;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
	background: url("../img/tvpg_ar_next.gif") 46px 4px no-repeat;
}
.Program TABLE.ProgramTable TR.Title DIV.TitleBlock .PrevWeek A
{
	padding:0 15px;
	font-size:12px;
	line-height:18px;
	color: #008899;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
	background: url("../img/tvpg_ar_last.gif") 0px 4px no-repeat;
}


.Program TABLE.ProgramTable TR.Date
{
	vertical-align: middle;
}
.Program TABLE.ProgramTable TR.Date TD.Date
{
	width: 100px;
	border: solid 1px #ccc;
	background-color:#089;
	color: White;
	text-align:center;
	line-height:18px;
}
.Program TABLE.ProgramTable TR.Date TD.TimeBar
{
	width: 40px;
	border: solid 1px #ccc;
	background-color:#089;
	color: White;
	text-align:center;
	line-height:18px;
}
.Program TABLE.ProgramTable TR.Date SPAN.Date
{
	font-size:12px;
	color: White;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
}
.Program TABLE.ProgramTable TR.Programs
{
	vertical-align: top;
}
.Program TABLE.ProgramTable TR.Programs TD.Program
{
	width: 100px;
	padding: 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.Program TABLE.ProgramTable TR.Programs TD.TimeBar
{
	width: 40px;
	padding: 0;
}
.Program TABLE.ProgramTable TR.Programs DIV.TimeBarDigit,
.Program TABLE.ProgramTable TR.Programs DIV.AlternateTimeBarDigit
{
	width: 40px;
	height: 120px;
	border-top: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color:#66b8c2;
	font-size:12px;
	font-weight: bold;	
	font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
}
.Program TABLE.ProgramTable TR.Programs DIV.AlternateTimeBarDigit
{
	color: #fff;
	background-color:#a3d4da;
}
.Program TABLE.ProgramTable TR.Programs DIV.Programs
{
	width: 100px;
}
.Program TABLE.ProgramTable TR.Programs DIV.Program,
.Program TABLE.ProgramTable TR.Programs DIV.AlternateProgram,
.Program TABLE.ProgramTable TR.Programs DIV.EmptyProgram
{
	width: 100px;
	background-color: White;
	color: Black;
	border-top: solid 1px #ccc;
}

.Program TABLE.ProgramTable TR.Programs SPAN.time
{
	margin-right: 0.5em;
		font-size:10px;
		color: #089;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		text-align:left;
}
.Program TABLE.ProgramTable TR.Programs SPAN.name
{
		font-size:10px;
		color: #222;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		text-align:left;
}
.Program TABLE.ProgramTable TR.Programs SPAN.name A
{
		font-size:10px;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		text-align:left;
}


/* ProgramGuide.aspx */
.Program DIV#today_p
{
	background-color: #000000;
}
.Program DIV.HeaderArea
{
	width: 1000px;
	margin: 0 auto;
}
.Program TABLE.HorizontalLayout 
{
	width: 1000px;
}
.Program TABLE.HorizontalLayout TR.DivideOnL2C4R4
{
	vertical-align: top;
}
.Program TABLE.HorizontalLayout TR.DivideOnL2C4R4 TD.LeftContents
{
	width: 205px;
}
.Program TABLE.HorizontalLayout TR.DivideOnL2C4R4 TD.LeftContents DIV#tvpg
{
	height: 195px;
}
.Program TABLE.HorizontalLayout TR.DivideOnL2C4R4 TD.CenterContents
{
	width: 395px;
}
.Program TABLE.HorizontalLayout TR.DivideOnL2C4R4 TD.RightContents
{
	width: 390px;
}
.Program DIV.ProgramGuideFlash
{
	width: 390px;
	height: 220px;
	padding-top: 1px;
}
.Program DIV.ProgramGuideTeleon
{
	width: 390px;
	height: 220px;
}
.Program DIV.BodyArea
{
	width: 1000px;
	margin: 5px auto;
	background-color: #fff;
	color: black;
}

.Program div.t_title
{
		margin-bottom:5px;
		padding: 1px 0.5em;
		border:1px solid #c0c0c0;
		background:#fff url("../img/program/supernews/t_bg.gif") left top repeat-x;
		text-align:left;
}
.Program div.t_title SPAN.titleText
{
	font-size: 85%;
	font-weight: bold;
}
.Program TABLE.Programs
{
	width: 100%;
	margin-bottom: 1.5em;
}

