@CHARSET "UTF-8";

.hcenter {
	margin-left: auto;
	margin-right: auto;
}

.shortcutBox {
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/bg_bangumi_menuback.gif");
}

.shortcutBox li {
	list-style-type: none;
	margin: 10px 0px 0px 10px;
	float: left;
}

.menu_morning {
	width: 130px;
	height: 80px;
	display: block;
}

.menu_daytime {
	width: 130px;
	height: 80px;
	display: block;
}

.menu_night {
	width: 130px;
	height: 80px;
	display: block;
}

.menu_midnight {
	width: 130px;
	height: 80px;
	display: block;
}
/* 時間帯について解説*/
.zoneGuide {
	width: 100%;
	background-color: #525252;
	margin: 0px;
}
.zoneGuideText {
	width: 100%;
	color: #ffffff;
	text-align: left;
	font-size: 12pt;
	margin-left: 24px;
}


/*****************************
* 日付のヘッダー
*****************************/
/*テーブル全体*/
.dateTable {
	table-layout:fixed;
	margin-left:0.5px;
	width: 100%;
	padding:0px;
	border:2px solid #525252;
	border-collapse: collapse;
}

/*テーブル全体*/
.dateTable td {
	border:2px solid #525252;
}
.dateTable tr {
	border:2px solid #525252;
}

td {
	text-align: left;
	padding: 0px;
	margin: 0px;
}

/*基本フォーマット*/
.dateBox {
	height: 30px;
	font-size: 13pt;
	background-color: #A0A0A0;
	font-weight : bold;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
}
/*当日のヘッダー*/
.today {
	color: #ffffff
}
/*土曜日のヘッダー*/
.saturday {
	color: #1A74ff;
}
/*日曜日のヘッダー*/
.sunday {
	color: #fa212c;
}
/*その他の日のヘッダー*/
.other {
	color: #ffffff;
}
/* 日付ヘッダーの両端。タイムラインの幅と同じ*/
.dateside {
	width: 20px;
	background-color: #7B7B7B;
	height: 30px;
}
/*****************************
* タイムライン
*****************************/
/*基本フォーマット*/
.timeline {
	width: 100%;
	height: 160px;
	font-size: 15pt;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 160px;
}
.timelinebody {
	font-size: 10pt;
}
.timelinetdl {
	background-color: #5394D8;
	margin:0px;
	border-right:2px solid #525252;
	border-bottom:2px solid #525252;
	width: 20px;
}
.timelinetdr {
	background-color: #5394D8;
	margin:0px;
	border-left:2px solid #525252;
	border-bottom:2px solid #525252;
	width: 20px;
}
/*朝のヘッダー*/
.morning {
	background-color: #5394D8;
	border-bottom:1px solid #1C68BE;
}
/*昼のヘッダー*/
.daytime {
	background-color: #5394D8;
	border-bottom:1px solid #1C68BE;
}
/*夜のヘッダー*/
.night {
	background-color: #5394D8;
	border-bottom:1px solid #1C68BE;
}
/*深夜のヘッダー*/
.midnight {
	background-color: #5394D8;
	border-bottom:1px solid #1C68BE;
}

/*****************************
* 番組
*****************************/
/*プログラムリスト*/
.programList {
	position: relative;
	width: 100%;
}
/*背景*/
#timeTable {
	margin-left:0.5px;
	width:100%;
	font-size: 15pt;
	padding: 0px;
	cellspacing: 0px;
	border-collapse: collapse;
	table-layout:fixed;
	cursor:pointer;
}
/* 全体のエリア*/
#contents-area{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#timeTable td {
	padding: 0px;
	margin: 0px;
	cellspacing: 0px;
	border-left:2px solid #525252;
	border-bottom:2px solid #525252;
	border-right:2px solid #525252;
}
#timeTable tr {
	border-left:2px solid #525252;
	border-bottom:2px solid #525252;
	border-right:2px solid #525252;
}
/*基本フォーマット*/
.program {
	width: 100%;
}
/*基本フォーマット(データ入り)*/
.programd {
	width: 100%;
	border-top:1px solid #A0A0A0;
	border-bottom:1px solid #A0A0A0;
	color: #333333;
}
/*区切り線*/
.line {
	height: 10px;
	width: 100%;
	border-bottom: 0px dashed #808080;
}
/*時刻ヘッダー*/
.timeHeader {
	height: 19px;
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	line-height: 19px;
	margin: 0px;
	color: #ffffff;
}
/*番組タイトル*/
.programTitle {
	font-size: 10pt;
	font-weight: bold;
	padding: 2px;
	overflow: hidden;
	word-break: break-all;
	line-height: 1em
}
/*番組本文*/
.programBody {
	font-size: 10pt;
	overflow: hidden;
	word-break: break-all;
}

/*朝のヘッダー*/
.tmorning {
	color:#42507F;
	text-align:left;
	font-size:11pt;
}
/*昼のヘッダー*/
.tdaytime {
	color:#42507F;
	text-align:left;
	font-size:12pt;
}
/*夜のヘッダー*/
.tnight {
	color:#42507F;
	text-align:left;
	font-size:11pt;
}
/*深夜のヘッダー*/
.tmidnight {
	color:#42507F;
	text-align:left;
	font-size:11pt;
}

/*最後のヘッダー*/
.tend {
	color:#42507F;
	text-align:left;
	font-size:11pt;
}

/*現在日の背景*/
.todayBack {
	background-color: #f8d9df;
}
/*現在時刻の背景*/
.nowtimeBack {
	background-color: #f1a93d;
}
/*普通の背景*/
.normalBack {
	background-color: #ebf0f6;
}

/*リンクの下線消し*/
a {
	color: #000000;
	text-decoration: none;
}
/*スクロール中ついてくるヘッダー*/
.floatingHeader {
	position: fixed;
	top: 0;
	visibility: hidden;
	z-index: 1;
	width: 960px;
}
/*スクロール前に表示しておく固定ヘッダ*/
.fixedHeader {
	width: 100%;
}

.programd:hover {
	background-color: #fde0fd;
}

/*****************************
* 番組詳細
*****************************/

/*詳細ボックスヘッダー部分*/
.detailHeader {
	font-size: 15pt;
	font-weight: bold;
}
/*ボックスタイトル部分*/
.detailTitle {
	vertical-align: top;
	width: 30%;
	font-size: 10pt;
	font-weight: bold;
	width: 30%;
}
/*ボックス本文部分*/
.detailBody {
	vertical-align: top;
	width: 70%;
	font-size: 10pt;
}
/*区切り線*/
.detailLineThin {
	border-bottom: 1px dotted #dddddd;
}

.daySeparator {
	width:0px;
	border-right: 2px solid #525252;
}