@charset "utf-8";

/* -------------------------------------------------------------
	トップページ用
-----------------------------------------------------------------*/
body {
	color: #000;
	background:
	url(../../img/bg.jpg) 50% 0 no-repeat,
	url(../../img/bg_02.jpg) 50% 400px no-repeat;
	background-color: #f1f1f3;
}
#main {
	width: 1110px;
	position: relative;
}
h1 {
	display: none;
}

/* ナビ */
nav ul {
	width: 1110px;
	position: absolute;
	top: 704px;
	left: 0;
	z-index: 2;
}
nav li {
	float: left;
}
nav li:nth-child(1) {
	margin-left: 80px;
}
nav li:nth-child(2),
nav li:nth-child(3) {
	margin-left: 60px;
}
/*nav li:nth-child(2) {プレゼントOFF
	opacity: 0.6;
}*/




#top_date {
	position: absolute;
	top: 357px;
	right: 0px;
	z-index: 2;
}
#top_date_r {/*再放送*/
	position: absolute;
	top: 427px;
	right: 140px;
	z-index: 2;
}

/* 動画 */
#top_mov {
	width: 360px;
	height: auto;
	position: absolute;
	top: 465px;
	left: 15px;
	z-index: 2;
	background-color: rgba(0,0,0,0.2);
	border-radius: 6px;
	padding: 6px;
}

/* ラインナップ */
#top_lineup {
	width: 510px;
	position: absolute;
	top: 505px;
	right: 110px;
	z-index: 2;
}
#top_lineup table {
	width: 510px;
	border-collapse:collapse;
}
#top_lineup td {
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 1.4;
	padding: 6px 0;
}
#top_lineup td.date {
	padding-left: 10px;
	padding-right: 10px;
	width: 160px;
}
#top_lineup td.num span {
	display: block;
	color: #fff;
	font-weight: bold;
	background-color: #21ac3b;
	background-image: -webkit-gradient(linear, left top ,right top, from(#21ac3b), to(#00a0b6));
	text-align: center;
	padding: 2px 4px;
}
#top_lineup td.ttl {
	font-weight: bold;
	color: #666;
	padding-left: 10px;
}
#top_lineup td.ttl a {
	color: #000;
}
#top_lineup td.ttl a:hover {
	color: #d92d00;
	text-decoration: none;
}

/*#note {
	position: absolute;
	top: 269px;
	right: 114px;
	font-weight: bold;
	color: #f00;
	background-color: rgba(255,255,255,0.8);
	padding: 2px;
}*/



/* フッター
--------------------*/
footer {
	width: 100%;
	background-color: #011417;
}
footer .inner {
	width: 1110px;
	position: relative;
	margin: 0 auto;
}
footer #bn_sponcer {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 2;
}
footer #bn_sponcer a:hover {
	opacity: 0.6;
}

footer #top_btn {
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 2;
}
footer #top_notice {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 70px;
	right: 4px;
	z-index: 10;
}

/* sns_list
--------------------*/
#sns_list {
	position: absolute;
	top: 15px;
	right: 143px;
	z-index: 2;
	/*width: 220px;*/
	height: 21px;
	background-color: rgba(255,255,255,0.3);
	padding: 8px 15px;
}
#sns_list li {
	float: left;
	margin-right: 10px;
	height: 21px;
}
#sns_list li:last-child {
	margin-right: 0;
}


/* お知らせ
<p class="info">この番組の放送は終了しました。<br>
ご声援ありがとうございました。</p>
------------------*/
.info {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	background-color: rgba(0,0,0,0.8);
	padding: 15px 10px;
	position: absolute;
	top: 410px;
	right: 130px;
	z-index: 100;
	width: 400px;
	text-align: center;
}
.info a {
	color: #000;
}
.info a:hover {
	text-decoration: none;
	color: #333;
}
