@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: #aaaaaa; */
	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:0px solid #FFF;
	border-collapse: collapse;
	text-align: center;
}

/*テーブル全体*/
.dateTable td {
/*	border:1px solid #aaaaaa; */
	border:0px solid #FFF;
}
.dateTable tr {
	border:0px solid #FFF;
}

.dateTable td {
	padding: 0px;
	margin: 0px;
}

/*基本フォーマット*/
.dateBox {
	height: 30px;
	font-size: 13pt;
	background-color: #aaaaaa;
	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: 34px;
	background-color: #ffffff;
	height: 30px;
}
/*****************************
* タイムライン
*****************************/
/*基本フォーマット*/
.timeline {
	width: 100%;
	height: 160px;
	font-size: 15pt;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 160px;

	background-size: 100% auto;
	background-repeat:repeat-y;

	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
.timelinebody {
	display: inline-block;
	font-size: 15pt;
	width: 60%;
	margin-right:10px;
	margin-left:10px;
	text-align: center;
	display: inline-block;
}

#timeTable .timelinetdl, #timeTable .timelinetdr {
/*	background-color: #5394D8; */
	margin:0px;
	width: 40px;
}

.timeline.left {
	text-align: left;
}

.timeline.right {
	text-align: right;
}


/*朝のヘッダー*/
.morning {
	color:#FF9600;

}
.morning.left {
	background-image: url("../images/program/bg_morning.png");
}

.morning.right {
	background-image: url("../images/program/bg_morning_r.png");
}


/*昼のヘッダー*/
.daytime {
	color:#FFD300;
}

.daytime.left {
	background-image: url("../images/program/bg_daytime.png");
}

.daytime.right {
	background-image: url("../images/program/bg_daytime_r.png");
}

/*夜のヘッダー*/
.night {
	color: #8BC9FE;
}

.night.left {
	background-image: url("../images/program/bg_night.png");
}

.night.right {
	background-image: url("../images/program/bg_night_r.png");
}


/*深夜のヘッダー*/
.midnight {
	color: #8B9DFD;
}

.midnight.left {
	background-image: url("../images/program/bg_midnight.png");
}

.midnight.right {
	background-image: url("../images/program/bg_midnight_r.png");
}


/*****************************
* 番組
*****************************/
/*プログラムリスト*/
.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;
}
/* 全体のエリア*/
#contents-area{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#timeTable td {
	padding: 0px;
	margin: 0px;
	cellspacing: 0px;
	font-size: inherit;
}

#timeTable td.end {
	/*border-right:1px solid #ffffff;*/
}


/*基本フォーマット*/
.program {
	width: 100%;
}
/*基本フォーマット(データ入り)*/
.programd {
	width: 99%;
/*
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa; */

	margin-left: 1px;

	/* border-top:1px solid #ffffff; */

	border-bottom:0px solid #aaaaaa;
	border-right:0px solid #aaaaaa;

	color: #333333;

	border-collapse:collapse;

	font-family: Meiryo;
}

.end .programd {
	border-right:0px solid #aaaaaa;

}

/*区切り線*/
.line {
	height: 5px;
	width: 100%;
	border-bottom: 1px dashed #808080;
}
/*時刻ヘッダー*/
.timeHeader {
	font-family: monospace;
	height: 18px;
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	margin: 4px;
	color: #ffffff;
}

.timeHeader span {
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}

/*番組タイトル*/
.programTitle {
	font-size: 10pt;
	/* boldにするとブラウザで折り返し幅がかわる */
	/* font-weight: bold; */
	overflow: hidden;
	word-break: break-all;
	line-height: 1.1em;
	margin: 2px;
	text-align: left;
}

.programTitle.link {
	color: #235BFA;
}

/** 各アイコン */
.programIcons {
	margin: 2px;
}

.programIcons img {
	margin: 1px;
	width: 15px;
	height: 15px;
	vertical-align: bottom;
}


/*番組本文*/
.programBody {
	margin: 8px 5px 0px 5px;
	font-size: 9pt;
	overflow: hidden;
	word-break: break-all;
	color:#777;
	line-height: 1.2em;
	text-align: left;
}

/*朝のヘッダー*/
.tmorning {
	text-align:left;
	font-size:11pt;
}

.tmorning span {
	background-color:#FF9600;
}

/*昼のヘッダー*/
.tdaytime {
	text-align:left;
	font-size:12pt;
}
.tdaytime span {
	background-color:#FFD300;
}

/*夜のヘッダー*/
.tnight {
	text-align:left;
	font-size:11pt;
}
.tnight span {
	background-color:#8BC9FE;
}

/*深夜のヘッダー*/
.tmidnight {
	text-align:left;
	font-size:11pt;
}
.tmidnight span {
	background-color:#8B9DFD;
}


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

/*現在日の背景*/
.todayBack {
	background-color: #fdfdfd;
/* border-bottom: 1px solid #aaaaaa; */
}
/*現在時刻の背景*/
.nowtimeBack {
	background-color: #fff6e5;
/*	border-bottom: 1px solid #aaaaaa; */
}
/*普通の背景*/
.normalBack {
	background-color: #ffffff;
/*	border-bottom: 1px solid #aaaaaa; */
}

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

}
/*スクロール前に表示しておく固定ヘッダ*/
.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: 1px solid #aaaaaa;
}

.pointable {
	cursor:pointer;
}


.contents980w-header {
	width: 960px;
	background-color: #ffffff;
}