@charset "UTF-8";

/* TIMETABLE
##################################### */

div#box-timetable {
	width: 1000px;
	background: #fff;
	clear: both;
}

h2 {
	padding-top: 5px;
	padding-left: 155px;
	width: 1000px; height: 40px;
	background: url(../timetable/img/h2_timetable.gif) no-repeat;
	color: #fff;
}
	h2 span {
		display: none;
	}
	h2 strong {
		font-size: 190%;
		font-weight: normal;
	}

a#page-top {
	margin-top: 10px;
	margin-right: 20px;
	color: #ad1818;
	float: right;
}

div#box-timetable-header {
	/*font-size: 92%;*/
	letter-spacing: 0em;
	line-height: 1.6;
}

* html div#box-timetable-header { font-size: 92%; } 

div#timetable-nav {
	margin-top: 20px;
	margin-left: 20px;
	width: 960px; height: 39px;
	border-bottom: 1px solid #2b71a3;
}
	div#timetable-nav ul {
	}
		div#timetable-nav ul li {
			float: left;
		}
			div#timetable-nav ul li a {
				display: block;
				margin-right: 5px;
				width: 70px; height: 39px;
				text-indent: -9999px;
			}
			div#timetable-nav ul li a:hover {
				background-position: -70px 0;
			}
			div#timetable-nav ul li a.current {
				background-position: -140px 0;
			}
			div#timetable-nav ul li a:hover.current {
				background-position: -140px 0;
			}
			a#btn-month-1 {
				background: url(../timetable/img/btn_month_1.gif) 0 0 no-repeat;
			}
			a#btn-month-2 {
				background: url(../timetable/img/btn_month_2.gif) 0 0 no-repeat;
			}
			a#btn-month-3 {
				background: url(../timetable/img/btn_month_3.gif) 0 0 no-repeat;
			}
			a#btn-month-4 {
				background: url(../timetable/img/btn_month_4.gif) 0 0 no-repeat;
			}
			a#btn-month-5 {
				background: url(../timetable/img/btn_month_5.gif) 0 0 no-repeat;
			}
			a#btn-month-6 {
				background: url(../timetable/img/btn_month_6.gif) 0 0 no-repeat;
			}
	a#btn-next-month {
		display: block;
		float: right;
		width: 90px; height: 35px;
		background: url(../timetable/img/btn_month_next.gif) left no-repeat;
		text-indent: -9999px;
	}
	a#btn-pre-month {
		display: block;
		float: right;
		width: 90px; height: 35px;
		background: url(../timetable/img/btn_month_pre.gif) left no-repeat;
		text-indent: -9999px;
	}
	a:hover#btn-next-month, a:hover#btn-pre-month {
		background-position: right;
	}

div#time-zone {
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 20px;
	/*font-size: 12px;*/
	color: #555;
	clear: both;
}
	div#time-zone h3 {
		display: inline;
		font-weight: bold;
	}
	div#time-zone a {
		color: #ad1818;
	}

div#download-monthly {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 0;
	width: 225px;
	/*font-size: 12px;*/
	/*background: url(../timetable/img/line_blue.gif) right repeat-y;*/
	color: #555;
}
	div#download-monthly h3 {
		font-weight: bold;
	}
	div#download-monthly dl {
	}
		div#download-monthly dl dt {
			float: left;
			width: 140px;
		}
	div#download-monthly a {
		color: #ad1818;
	}

div#download-weekly {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 0;
	/*font-size: 12px;*/
	color: #555;
}
	div#download-weekly h3 {
		font-weight: bold;
	}
	div#download-weekly dl {
		width: 360px;
	}
		div#download-weekly dl dt {
			float: left;
			width: 45px;
		}
	div#download-weekly a {
		color: #ad1818;
	}
	
div#download-weekly-eng {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 0;
	/*font-size: 12px;*/
	color: #555;
}
	div#download-weekly-eng h3 {
		font-weight: bold;
	}
	div#download-weekly-eng dl {
		width: 360px;
	}
		div#download-weekly-eng dl dt {
			float: left;
			width: 45px;
		}
	div#download-weekly-eng a {
		color: #ad1818;
	}

/* timetable */
table#timetable {
	margin-left: 20px;
	/*font-size: 12px;*/
	clear: both;
}
	table#timetable tr {
	}
		table#timetable tr td {
			vertical-align: top;
		}
		table#timetable tr td.blank-left {
			width: 42px;
			background: #710202;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
		table#timetable tr td.blank-right {
			width: 42px;
			background: #710202;
			border-bottom: 1px solid #fff;
		}
		table#timetable tr td.date {
			padding: 5px 0;
			width: 124px;
			background: #ad1818;
			color: #fff;
			text-align: center;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			line-height: 1.2;
		}
		
		table#timetable tr td.time-left {
			background: #ccc;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			text-align: center;
			vertical-align: middle;
			letter-spacing: 0em;
		}
		table#timetable tr td.time-right {
			background: #ccc;
			border-bottom: 1px solid #fff;
			text-align: center;
			vertical-align: middle;
			letter-spacing: 0em;
		}
		table#timetable tr td.weekdays {
			padding: 2px;
			background: url(../timetable/img/bg_td_a.gif) repeat;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
		table#timetable tr td.weekend {
			padding: 2px;
			background: url(../timetable/img/bg_td_b.gif) repeat;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
		table#timetable tr td a {
			color: #21638c;
			text-decoration: underline;
		}
		table#timetable tr td a:hover {
			text-decoration: none;
		}


		p#note { padding-top: 15px; margin-left: 20px; }		
		td strong { color: #21638C; }
		#timetable tr td img { vertical-align:middle;}


	/* DAILY TIMETABLE (rf 2009-12-25)
	##################################### */
	
		span.size-l{
			font-weight: bold;
			font-size: 120%;
		}
	
		h2#daily {
			width: 1000px; height: 40px;
			background: url(../timetable/img/h2_timetable_daily.gif) no-repeat;
			overflow: hidden;
		}
	
		/* Favorite button (img = Opera) */
		h2#daily input.btn-fav{
			margin-left: 670px;
			margin-top: 3px;
		}
	
		table#timetable tr td.date-daily {
			padding: 7px;
			background: #ad1818;
			color: #fff;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			line-height: 1.2;
		}
	
		table#timetable tr th.table-title {
			background: #ccc;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			text-align: center;
			vertical-align: middle;
			letter-spacing: 0em;
			padding: 4px 0;
		}		
	
		table#timetable tr td.bg1 {
			padding: 4px 0;
			background: url(../timetable/img/bg_td_a.gif) repeat;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
	
		table#timetable tr td.bg2 {
			padding: 4px 0;
			background: #fff;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
	
		/* 放送時間、エピソード */		
		table#timetable tr td.td-oatime {
			text-align: center;
			width: 80px;
		}
	
		/* 放送時間、エピソード */		
		table#timetable tr td.td-episode {
			padding-left: 5px;
			text-align: left;
			width: 200px;
		}
	
		table#timetable tr td.td-name 		{ padding-left:5px;}	
		table#timetable tr td.td-name img { margin-right: 5px;}
		table#timetable tr td.td-bilingual 	{ text-align: center; width: 50px;}
		table#timetable tr td.td-category 	{ text-align: center; width: 150px;}
		
	
			/* header-column (切換えスイッチ、PDFダウンロード、カレンダー領域)
			##################################### */
			
			div#btn-switch { width: 960px; margin: 20px; margin-bottom: 1em;}
		
			ul#header-column 				{ width: 960px; overflow: hidden; background: url(../timetable/img/bg_line_v2.gif) repeat-y; margin: 20px;}
			ul#header-column li 			{ float: left; display: inline;}
			ul#header-column li span	{ font-weight: normal; color: #666666; font-size: 85%;}
			
			ul#header-column li a			{ color: #ae171c;}
			ul#header-column li#col-1 	{ width: 340px; padding-right: 20px; }
			ul#header-column li#col-2 	{ width: 170px; padding-right: 20px; }
			ul#header-column li#col-3 	{ width: 189px; padding-right: 20px; }
			ul#header-column li#col-4 	{ width: 201px; }
		
			/* 20101203改修 */
			ul#header-column li#col-1-1 	{ width: 510px; padding-right: 20px; }
			ul#header-column li#col-2-1 	{ width: 0px; padding-right: 0px; }
			ul#header-column li#col-3-1 	{ width: 208px; padding :0px 20px 0 0; }
			ul#header-column li#col-4-1 	{ width: 201px; }
		
			
			/* calendar
			##################################### */
			
			table#calendar{
				width: 200px;
			}
	
			table#calendar td,
			table#calendar th{
				text-align: center;
				border: 1px solid #cccccc;
			}
			
			table#calendar th{
				font-weight: normal;
				background: #454444;
				color: #fff;
			}
			
			/* navi */
			table#calendar td.current-month	{ color: #fff; background: #ae171c;}
			table#calendar td.navi-arrow			{ background: #ae171c; padding: 3px 0; vertical-align: middle; font-size: 68.75%;}
			table#calendar td.navi-arrow a		{ color: #fff;}
			
			/* days */
			table#calendar th.saturday	{ background: #3884b8;}
			table#calendar th.sunday	{ background: #ba4f2b;}
			table#calendar td.weekday{ }
			table#calendar td.saturday	{ background: #eaf1f7;}
			table#calendar td.sunday	{ background: #f8edeb;}
	
			/* days a */
			table#calendar td.weekday a,
			table#calendar td.saturday a,
			table#calendar td.sunday a{ display: block; color:#000000; text-decoration: none; padding: 3px;}
			table#calendar td.weekday a:hover,
			table#calendar td.saturday a:hover,
			table#calendar td.sunday a:hover{ background: #ae171c; color: #fff;}
	
			
			/* current */
			table#calendar td.current		{ background: #ae171c;}
			table#calendar td.current a	{ color: #fff;}		
	
	
	
	
/* 20110405 */
dl.pdf_download {
	margin-bottom:20px;
}
dl.pdf_download dt {
	clear: left;
	float: left;
	width: 3em;
}
.pdf_download_link {
	margin-left: 4em;
}
.pdf_download_colon{
	float: left;
	width: 1em;
}


/*20111020*/
#osusume-area a {
	 color: #0066A1; 
	 text-decoration: underline;
	 }
	 
#osusume-area a:hover {
	text-decoration:none;
	}
#osusume-area p,#osusume-area li {
	margin-bottom:3px;
	 }



/***** 新デザイン用 ここから↓*************************************************************/



/*画像ボタン透過*/
#box-timetable a:hover img
{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/***** 文字サイズ固定 *************************************************************/
div#box-timetable {
	background: #fff;
	clear: both;
	font-size:12px
}

/***** 文字サイズボタン非表示 *****************************************************/
div#header ul#fontsizePanel {
	display:none;
}

/***** タイトルバー年月日/ボタン表示 **********************************************/
div#box-timetable h2 {
	padding-top: 0px;
	padding-left: 120px;
	height: 40px;
	background: url(../timetable/img/h2_timetable.gif) no-repeat;
	color: #fff;
	font-size: 12px;
}
div#box-timetable h2#daily {
	padding-top: 0px;
	padding-left: 120px;
	height: 40px;
	background: url(../timetable/img/h2_timetable_daily.gif) no-repeat;
	color: #fff;
	font-size: 12px;
}

div#box-timetable h2 span,
div#box-timetable h2#daily span{
	display: none;
	}
div#box-timetable h2 strong,
div#box-timetable h2#daily strong{
	font-size: 23px;
	font-weight: normal;
}
div#box-timetable h2 #year_month,
div#box-timetable h2#daily #year_month{
	padding-top:5px;
	width:150px;
	float:left;
}

/***** カレンダー *************************************************************/
table#calendar-ref {
	width: 230px;
}
table#calendar-ref tr#calendar-ref-label th {
	height: 18px
}
table#calendar-ref td, table#calendar-ref th {
	text-align: center;
	border: 1px solid #cccccc;
	height: 24px
}
table#calendar-ref th {
	font-weight: normal;
	background: #454444;
	color: #fff;
}
/* navi */
table#calendar-ref td.current-month {
	color: #fff;
	background: #ad1818;
}
table#calendar-ref td.navi-arrow {
	background: #ad1818;
	padding: 3px 0;
	vertical-align: middle;
}
table#calendar-ref td.navi-arrow a {
	color: #fff;
}
/* days */
table#calendar-ref th.saturday {
	background: #3884b8;
}
table#calendar-ref th.sunday {
	background: #ba4f2b;
}
table#calendar-ref td.weekday {
}
table#calendar-ref td.saturday {
	background: #eaf1f7;
}
table#calendar-ref td.sunday {
	background: #f8edeb;
}
/* days a */
table#calendar-ref td.weekday a, table#calendar-ref td.saturday a, table#calendar-ref td.sunday a {
	display: block;
	color:#000000;
	text-decoration: none;
	padding: 3px;
}
table#calendar-ref td.weekday a:hover, table#calendar-ref td.saturday a:hover, table#calendar-ref td.sunday a:hover {
	background: #ad1818;
	color: #fff;
}
table#calendar-ref td a:hover {
	color: #fff!important;
}
/* week current */
table#calendar-ref td.week_current {
	background: #f68686;
}
table#calendar-ref td.week_current a {
	color: #fff!important;
}
/* current */
table#calendar-ref td.current {
	background: #1f7dba;
}
table#calendar-ref td.current a, table#calendar-ref td.day_current a {
	color: #fff!important;
}
table#calendar-ref td.day_current {
	background: #ad1818;
}

table#calendar-ref td.week_btn {
	background: #949292;
}
table#calendar-ref td.week_btn a {
	display: block;
	color:#000000;
	text-decoration: none;
	padding: 7px;
}
table#calendar-ref td.week_btn a:hover {
	background: #ed0000;
	color: #fff;
}

/***** 週間/日別　画像・テキスト切り替えボタン *************************************************************/
div#option_menu {
	background-color:#d4d4d4;
	margin:0 20px;
	padding:13px 20px;
	border-bottom:#b7b7b7 1px solid;
}
div#option_menu ul li, div#option_menu ul {
	float: left;
}
div#option_menu ul li {
	height:26px;
}
div#option_menu ul#timetable {
	width:232px;
}
div#option_menu ul#image {
	width:203px;
}
div#option_menu #detail .detail_title {
	background: url(/timetable/img/bar_txton.jpg) no-repeat scroll 0 0 transparent;
	height: 26px;
	text-indent: -9999px;
	width: 113px;
}
div#option_menu ul#detail {
	width:233px;
}
div#option_menu #image .image_title {
	background: url(/timetable/img/bar_imgon.jpg) no-repeat scroll 0 0 transparent;
	height: 26px;
	text-indent: -9999px;
	width: 83px;
}

/***** 上下移動ボックスセット *************************************************************/
div#timetable-btn {
	background-color:#e8e8e8;
	margin:0 20px;
	border-bottom:#acacac 1px solid;
}
div#timetable-btn-week {
	background-color:#e8e8e8;
	border-bottom:#acacac 1px solid;
}

/*週切り替えボタン*/
div#timetable-navbtn {
	float:left;
	width: 450px;
	height: 40px;
	margin: 5px 0 5px 20px;
}
div#timetable-navbtn ul {
}
div#timetable-navbtn ul li {
	float: left;
}
div#timetable-navbtn ul li a {
	margin-right: 5px;
	width: 70px;
	height: 40px;
}
/*タイムゾーン切り替えリンク*/
div#time-nav-zone {
	float:right;
	width:460px;
	padding-right: 20px;
	padding-top:15px;
	color: #555;
	text-align:right;
}
div#time-nav-zone p {
	display: inline;
	font-weight: bold;
}
div#time-nav-zone a {
/*	color: #ed0000;*/
}


/**赤表示週**/
#move_week {
	float:left;
	width:960px;
	margin: 0;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-collapse: collapse;
	background: #fff;
}
#move_week td {
	width: 132px;
	border-right: 1px solid #b2b2b2;
	vertical-align: top;
	border-collapse: collapse;
}
#move_week td table {
	width: 100%;
	border-collapse: collapse;
}
#move_week td td {
	border: none;
	width: 132px;
}
#move_week #ttDay td {
	border-bottom: 1px solid #b2b2b2;
}
#move_week #ttDay .day_str {
	padding: 5px 0;
	background: none repeat scroll 0 0 #AD1818;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
#move_week #ttDay .back {
	width: 27px;
	background: none repeat scroll 0 0 #C90000;
	border-left: 1px solid #b2b2b2;
	text-align:center;
}
#move_week #ttDay .back img {
	padding-top:5px;
}
#move_week #ttDay .today {
	background: none repeat scroll 0 0 #1f7eba;
}
#move_week #ttDay .sat {
}
#move_week #ttDay .sun {
}
#move_week #ttDay .holiday {
}

/***** 週間番組表エリア *************************************************************/
#ttWrap {
	border: 0 none;
	font-family: inherit;
	font-style: inherit;
	margin: 0;
	outline: 0 none;
	padding: 0;
	width:960px;
	margin-left: 20px;
}
#ttWrap a:hover {
	text-decoration:none!important;
}
#ttWrap #timeTable {
	margin: 0;
	border-bottom: 1px solid #b2b2b2;
	border-collapse: collapse;
	background: #fff;
}
#ttWrap #timeTable td {
	width: 132px;
	border-right: 1px solid #b2b2b2;
	vertical-align: top;
	border-collapse: collapse;
}
#ttWrap #timeTable td table {
	width: 100%;
	border-collapse: collapse;
}
#ttWrap #timeTable td td {
	border: none;
	width: 132px;
}
#ttWrap #timeTable #ttDay td {
	border-bottom: 1px solid #b2b2b2;
}
#ttWrap #timeTable #ttDay .day_str {
	padding: 5px 0;
	background: none repeat scroll 0 0 #ED0000;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
#ttWrap #timeTable #ttDay .back {
	width: 27px;
	background: none repeat scroll 0 0 #C90000;
	border-left: 1px solid #b2b2b2;
	text-align:center;
}
#ttWrap #timeTable #ttDay .back img {
	padding-top:5px;
}
#ttWrap #timeTable #ttDay .today {
	background: none repeat scroll 0 0 #1f7eba;
}
#ttWrap #timeTable #ttDay .sat {
}
#ttWrap #timeTable #ttDay .sun {
}
#ttWrap #timeTable #ttDay .holiday {
}
#ttWrap #timeTable #ttHour {
	width: 27px;
	border-left: 1px solid #b2b2b2;
	background: none repeat scroll 0 0 #cab8ff;
}
#ttWrap #timeTable #ttHour table td {
	width: 27px !important;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #fff;
}
#ttWrap #timeTable #ttHour table td.morning {
	background-color:#f9c9af;
}
#ttWrap #timeTable #ttHour table td.noon {
	background-color:#efd07e;
}
#ttWrap #timeTable #ttHour table td.night {
	background-color:#99dc84;
}
#ttWrap #timeTable #ttHour table td.midnight {
	background-color:#cab8ff;
}
#ttWrap #timeTable span {
	display: block;
	padding: 0 5px 3px;
}
#ttWrap #timeTable .min {
	background: #f1f1f1;
	margin: 0 0 3px;
	padding: 4px 6px;
	position: relative;
	zoom: 1;
}
#ttWrap #timeTable .min img {
	float: right;
	margin: 2px -2px 0 4px;
}
#ttWrap #timeTable .prog_name {
	line-height: 150%;
	cursor: pointer;
}
#ttWrap #timeTable .expo_org, #ttWrap #timeTable .expo {
	color: #666;
	line-height: 150%;
	font-size:11px;
}
#ttWrap #timeTable .expo_org img, #ttWrap #timeTable .expo img {
	margin-left: 20px;
}
#ttWrap #timeTable .today {
	background: #d3e4f4;
}

#dateMenu {
    position: relative;
    z-index: 1;
}

/***** 日別番組表エリア *************************************************************/
#ttday-Wrap table#timetable {
	margin-left: 20px;
}
#ttday-Wrap table#timetable tr td.date-daily {
	padding: 7px;
	background: #ad1818;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	line-height: 1.2;
}
#ttday-Wrap table#timetable tr th.table-title {
	background: #ddd;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0em;
	padding: 4px 0;
}
#ttday-Wrap table#timetable tr td.bg1 {
	padding: 10px;
	background: url(/timetable/img/bg_td_a.gif) repeat;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#ttday-Wrap table#timetable tr td.bg2 {
	padding: 4px 0;
	background: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#ttday-Wrap table#timetable tr td.td-oatime {
	text-align: center;
	width: 80px;
}
#ttday-Wrap table#timetable tr td.td-episode {
	text-align: left;
	width: 225px;
}
#ttday-Wrap table#timetable tr td.td-name {
}
#ttday-Wrap table#timetable tr td.td-name img {
	margin-right: 5px;
}
#ttday-Wrap table#timetable tr td.td-bilingual {
	text-align: center;
	width: 50px;
}
#ttday-Wrap table#timetable tr td.td-category {
	text-align: center;
	width: 150px;
}
#ttday-Wrap table#timetable tr td.td-name .prog {
}
#ttday-Wrap table#timetable tr td.td-name .prog .pname {
	margin-bottom:5px;
}
#ttday-Wrap table#timetable tr td.td-name .prog .pthum {
	float:left;
}
#ttday-Wrap table#timetable tr td.td-name .prog .pthum img {
	margin-bottom:10px;
}
#ttday-Wrap table#timetable tr td.td-name .prog .pexpo {
}
#ttday-Wrap table#timetable tr td.morning {
	background:none #f9c9af;
}
#ttday-Wrap table#timetable tr td.noon {
	background:none #efd07e;
}
#ttday-Wrap table#timetable tr td.night {
	background:none #99dc84;
}
#ttday-Wrap table#timetable tr td.midnight {
	background:none #cab8ff;
}

/***** 説明書きエリア *************************************************************/
p#note { padding-top: 15px; margin-left: 20px; }

/***** ページトップへ戻る *************************************************************/
a#page-top {
	margin-top: 10px;
	margin-right: 20px;
/*	color: #ed0000;*/
	float: right;
}
