@charset "UTF-8";

.basicPage {font-size:14px; line-height:1.6; padding:0 0 50px;}

/* --------------- 視聴方法 --------------- */
#basic_howto {
	background:#f2f5f5;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	height:27px;
	line-height:27px;
	display:inline-block;
	font-weight:bold;
	float:right;
	margin-top:17px;
}

#basic_howto dt {
	display:inline-block;
	width:70px;
	background-color:#2dbaf5;
	text-align:center;
	position:relative;
}
#basic_howto dt a {display:block; height:27px; width:70px; color:#FFF;}
#basic_howto dt a:link {text-decoration:none;}
#basic_howto dt a:visited {text-decoration:none;}
#basic_howto dt a:hover {text-decoration:underline;}
#basic_howto dt a:active {text-decoration:none;}

#basic_howto dt:after {
	content: "";
	position: absolute;
	top: 50%; right: -5px;
	margin-top: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #2dbaf5;
}

#basic_howto dd {
	display:inline-block;
	padding:0 10px 0 5px;
}

#basic_howto dd span {color:#15428c;}

#otnBasicWrap {
	padding:25px 25px 40px;
	margin:15px 0 0;
}

.music #otnBasicWrap {background:#fff9f2; border-top:solid 5px #f58300;}
.sports #otnBasicWrap {background:#f6f9ff; border-top:solid 5px #155cda;}
.drama #otnBasicWrap {background:#fff7f8; border-top:solid 5px #e71c30;}
.entertainment #otnBasicWrap {background:#f6fcfc; border-top:solid 5px #11ac9e;}
.asia #otnBasicWrap {background:#faf5fb; border-top:solid 5px #b74ecf;}
.animekids #otnBasicWrap {background:#fff5fb; border-top:solid 5px #ed4ea2;}


/* --------------- 番組ベーシックヘッダー --------------- */
.basicPage h3 {
	font-size:22px;
	line-height:1.2;
	width:645px;
}

#basicHdr {position:relative; margin-bottom:15px;}

.basicPage #basicHdr.noOfficial h3 { width: 825px;}
.basicPage #basicHdr.noOfficial .rightArea { width: 115px; }

#basicHdr .rightArea {
	position:absolute;
	right:0;
	top:0;
	width: 295px;
	text-align: right;
}

.basicPage .officialLink {display:block; width:165px; height:30px; float:right;}

.basicPage .officialLink a {
	font-size:14px;
	font-weight:bold;
	color:#474747;
	display:block;
	width:153px;
	height:21px;
	line-height:1.0;
	padding:9px 0 0 12px;
	background:url(../img/otnbasic_sprite.png) no-repeat 147px -35px;
	background-color:#ffd955;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.basicPage .officialLink a:link {text-decoration:none;}
.basicPage .officialLink a:visited {text-decoration:none;}
.basicPage .officialLink a:hover {text-decoration:none; background-color:#ffe487;}
.basicPage .officialLink a:active {text-decoration:none;}

.basicPage .snsArea {display:inline-block; width:130px;}
.basicPage .noOfficial .snsArea {display:inline-block; width:115px;}

.basicPage .snsArea span a {
	display:inline-block;
	width:30px;
	height:30px;
	background-image:url(../img/otnbasic_sprite.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-right:8px;
}

.basicPage .snsArea span.share_tw a {background-position:-70px 0;}
.basicPage .snsArea span.share_fb a {background-position:-35px 0;}
.basicPage .snsArea span.share_li a {background-position:0 0;}


/* --------------- 番組詳細 画像・テキスト --------------- */
.basicPage #pgmIntr {position:relative;}

.basicPage #pgmPhArea {
	float:left;
	margin-right:10px;
	width:450px;
	text-align:center;
}

.basicPage #pgmTxt {
	border-top:1px solid #c9c9c9;
	padding-top:9px;
	width:490px;
	float:right;
	}
	
.basicPage #pgmTxt p {margin-bottom:43px;}

.music.basicPage #pgmTxt p a, .music.basicPage #pgmTxtMore p a {color:#f58300;}
.sports.basicPage #pgmTxt p a, .sports.basicPage #pgmTxtMore p a {color:#155cdc;}
.drama.basicPage #pgmTxt p a, .drama.basicPage #pgmTxtMore p a {color:#e91b2f;}
.entertainment.basicPage #pgmTxt p a, .entertainment.basicPage #pgmTxtMore p a {color:#11ac9e;}
.asia.basicPage #pgmTxt p a, .asia.basicPage #pgmTxtMore p a {color:#b74ecf;}
.animekids.basicPage #pgmTxt p a, .animekids.basicPage #pgmTxtMore p a {color:#ec4ea3;}

.basicPage #pgmTxt p a:hover, .basicPage #pgmTxtMore p a:hover {filter:alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;}


/* ----- もっと見る・閉じるボタン ----- */

/*番組紹介文下のもっと見るボタン*/
.basicPage #pgmTxt.close .closeBtn {display:none;}
.basicPage #pgmTxt.open .moreBtn {display:none;}

.basicPage #pgmTxt .b_btn1 {position:absolute; right:0; bottom:0;/* width:100%;*/}

.basicPage #pgmTxt .b_btn1 a {
	display:block;
	width:490px;
	height:34px;
	line-height:34px;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	position:relative;
	cursor:pointer;
}

/*もっと見る内の閉じるボタン*/
.basicPage #pgmTxtMore .b_btn2 {text-align:right;}
.basicPage #pgmTxtMore .b_btn2 a {
	position:relative;
	display:inline-block;
	width:55px;
	padding:1px 10px 0 0;
	font-size:12px;
	text-align:center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/*ボタンアイコン*/
.basicPage #pgmTxt .b_btn1 a:after,
.basicPage #pgmTxtMore .b_btn2 a:after {
	content: "";
	width:10px;
	height:10px;
	background-image:url(../img/otnbasic_sprite.png);
	background-repeat:no-repeat;
	position:absolute;
	top:12px;
	left:288px;
}

.basicPage #pgmTxtMore .b_btn2 a:after {top:5px; left:48px;}

.music.basicPage #pgmTxt .b_btn1 a:after {background-position:-20px -35px;}
.sports.basicPage #pgmTxt .b_btn1 a:after {background-position:-30px -35px;}
.drama.basicPage #pgmTxt .b_btn1 a:after {background-position:-40px -35px;}
.entertainment.basicPage #pgmTxt .b_btn1 a:after {background-position:-50px -35px;}
.asia.basicPage #pgmTxt .b_btn1 a:after {background-position:-60px -35px;}
.animekids.basicPage #pgmTxt .b_btn1 a:after {background-position:-70px -35px;}

.music.basicPage #pgmTxt.open .b_btn1 a:after {background-position:-20px -45px;}
.sports.basicPage #pgmTxt.open .b_btn1 a:after {background-position:-30px -45px;}
.drama.basicPage #pgmTxt.open .b_btn1 a:after {background-position:-40px -45px;}
.entertainment.basicPage #pgmTxt.open .b_btn1 a:after {background-position:-50px -45px;}
.asia.basicPage #pgmTxt.open .b_btn1 a:after {background-position:-60px -45px;}
.animekids.basicPage #pgmTxt.open .b_btn1 a:after {background-position:-70px -45px;}

.music.basicPage #pgmTxtMore .b_btn2 a:after {background-position:-20px -55px;}
.sports.basicPage #pgmTxtMore .b_btn2 a:after {background-position:-30px -55px;}
.drama.basicPage #pgmTxtMore .b_btn2 a:after {background-position:-40px -55px;}
.entertainment.basicPage #pgmTxtMore .b_btn2 a:after {background-position:-50px -55px;}
.asia.basicPage #pgmTxtMore .b_btn2 a:after {background-position:-60px -55px;}
.animekids.basicPage #pgmTxtMore .b_btn2 a:after {background-position:-70px -55px;}

/*ボタン用 各ジャンル文字色罫線色*/
.music.basicPage #pgmTxt .b_btn1 a, .music.basicPage #pgmTxtMore .b_btn2 a {color:#f58300; border:solid 1px #f58300;}
.sports.basicPage #pgmTxt .b_btn1 a, .sports.basicPage #pgmTxtMore .b_btn2 a {color:#155cda; border:solid 1px #155cda;}
.drama.basicPage #pgmTxt .b_btn1 a, .drama.basicPage #pgmTxtMore .b_btn2 a {color:#e71c30; border:solid 1px #e71c30;}
.entertainment.basicPage #pgmTxt .b_btn1 a, .entertainment.basicPage #pgmTxtMore .b_btn2 a {color:#11ac9e; border:solid 1px #11ac9e;}
.asia.basicPage #pgmTxt .b_btn1 a, .asia.basicPage #pgmTxtMore .b_btn2 a {color:#b74ecf; border:solid 1px #b74ecf;}
.animekids.basicPage #pgmTxt .b_btn1 a, .animekids.basicPage #pgmTxtMore .b_btn2 a {color:#ed4da3; border:solid 1px #ed4da3;}

/*ボタン用 <a>タグ下線消し*/
.basicPage #pgmTxt .b_btn1 a:link, .basicPage #pgmTxtMore .b_btn2 a:link {text-decoration:none;}
.basicPage #pgmTxt .b_btn1 a:visited, .basicPage #pgmTxtMore .b_btn2 a:visited {text-decoration:none;}
.basicPage #pgmTxt .b_btn1 a:hover, .basicPage #pgmTxtMore .b_btn2 a:hover {text-decoration:none;}
.basicPage #pgmTxt .b_btn1 a:active, .basicPage #pgmTxtMore .b_btn2 a:active {text-decoration:none;}


/* ----- もっと見る内テキスト ----- */
.basicPage #pgmTxtMore {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding:20px;
	position: relative;
	margin:20px 0 0;
}

.music.basicPage #pgmTxtMore {background-color:#fcebd1; border:solid 1px #f9dfb9;}
.sports.basicPage #pgmTxtMore {background-color:#e8f2ff; border:solid 1px #cbdfff;}
.drama.basicPage #pgmTxtMore {background-color:#fbeded; border:solid 1px #fbd3d3;}
.entertainment.basicPage #pgmTxtMore {background-color:#edf7f8; border:solid 1px #c2e1e4;}
.asia.basicPage #pgmTxtMore {background-color:#f5edf7; border:solid 1px #edd2f7;}
.animekids.basicPage #pgmTxtMore {background-color:#fcedf5; border:solid 1px #f8cee8;}

.basicPage #pgmTxtMore:after {
	bottom: 100%;
	left: 75%;
	display:block;
	content: " ";
	height:17px;
	width:25px;
	position: absolute;
	pointer-events: none;
	background-image:url(../img/otnbasic_sprite.png);
	background-repeat:no-repeat;
	position:absolute;
}

.music.basicPage #pgmTxtMore:after {background-position:-20px -65px;}
.sports.basicPage #pgmTxtMore:after {background-position:-45px -65px;}
.drama.basicPage #pgmTxtMore:after {background-position:-70px -65px;}
.entertainment.basicPage #pgmTxtMore:after {background-position:-95px -65px;}
.asia.basicPage #pgmTxtMore:after {background-position:-120px -65px;}
.animekids.basicPage #pgmTxtMore:after {background-position:-145px -65px;}

/*.basicPage #pgmTxtMore:after {
	bottom: 100%;
	left: 75%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 15px;
	margin-left: -15px;
	margin-top:100px;
}

.music.basicPage #pgmTxtMore:after {border-color: rgba(252, 235, 209, 0); border-bottom-color: #fcebd1;}
.sports.basicPage #pgmTxtMore:after {border-color: rgba(234, 241, 251, 0); border-bottom-color: #eaf1fb;}
.drama.basicPage #pgmTxtMore:after {border-color: rgba(251, 237, 237, 0); border-bottom-color: #fbeded;}
.entertainment.basicPage #pgmTxtMore:after {border-color: rgba(237, 247, 248, 0); border-bottom-color: #edf7f8;}
.asia.basicPage #pgmTxtMore:after {border-color: rgba(248, 240, 251, 0); border-bottom-color: #f8f0fb;}
.animekids.basicPage #pgmTxtMore:after {border-color: rgba(250, 237, 245, 0); border-bottom-color: #faedf5;}*/

#otnBasicInner {
	background-color:#FFF;
	padding:5px 20px 20px;
	margin:20px 0 30px;
}

#otnBasicInner #leftArea.w_650 {
	width:650px;
	float:left;
}

/*汎用スペース*/
#otnBasicInner .gnrlppsArea {
	margin-bottom:20px;
}

#otnBasicInner .gnrlppsArea .cs_template {
	background-color:#f2f2f2;
	padding:20px;
	margin-top:15px;
}

#otnBasicInner .gnrlppsArea .cs_template .f_left {float:left;}
#otnBasicInner .gnrlppsArea .cs_template .f_right {float:right;}

#otnBasicInner .gnrlppsArea .cs_template .ttl {
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 1px #b5b5b5;
	margin-bottom:10px;
}

.music #otnBasicInner .gnrlppsArea .cs_template .ttl {color:#f58300;}
.sports #otnBasicInner .gnrlppsArea .cs_template .ttl {color:#155cdc;}
.drama #otnBasicInner .gnrlppsArea .cs_template .ttl {color:#e91b2f;}
.entertainment #otnBasicInner .gnrlppsArea .cs_template .ttl {color:#11ac9e;}
.asia #otnBasicInner .gnrlppsArea .cs_template .ttl {color:#b74ecf;}
.animekids #otnBasicInner .gnrlppsArea .cs_template .ttl {color:#ec4ea3;}

#otnBasicInner .gnrlppsArea .cs_template p {
	margin-bottom:7px;
}

#otnBasicInner .gnrlppsArea .cs_template .red {color:#ff0000;}
#otnBasicInner .gnrlppsArea .cs_template .bold {font-weight:bold;}

#otnBasicInner .gnrlppsArea .cs_template a {font-weight:bold;}

#otnBasicInner .gnrlppsArea .cs_template a.btn {
	display:inline-block;
	/*padding:12px 36px 8px 24px;*/
	padding:0 50px;
	border-radius: 2px;
	height:45px;
	line-height:45px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color:#FFF;
	text-decoration:none;
	position:relative;
}

#otnBasicInner .gnrlppsArea .cs_template a.btn:after {
	content: "";
	width:10px;
	height:16px;
	background-image:url(/common/basic/img/otnbasic_sprite.png);
	background-repeat:no-repeat;
	background-position:-110px -35px;
	position:absolute;
	top:14px;
	right:10px;
}

#otnBasicInner .gnrlppsArea .cs_template a.btn:hover {
	filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;
}

.music #otnBasicInner .gnrlppsArea .cs_template a.btn {background-color:#f58300;}
.sports #otnBasicInner .gnrlppsArea .cs_template a.btn {background-color:#155cdc;}
.drama #otnBasicInner .gnrlppsArea .cs_template a.btn {background-color:#e91b2f;}
.entertainment #otnBasicInner .gnrlppsArea .cs_template a.btn {background-color:#11ac9e;}
.asia #otnBasicInner .gnrlppsArea .cs_template a.btn {background-color:#b74ecf;}
.animekids #otnBasicInner .gnrlppsArea .cs_template a.btn {background-color:#ec4ea3;}

/* --------------- OAスケジュール --------------- */
#otnBasicInner .box .ttl,
#otnBasicInner .box .boxHdr {
	padding-bottom:2px;
	border-bottom:solid 3px #a3a3a3;
}

#otnBasicInner .box h4 {
	font-size:18px;
	color:#333333;
	float:left;
	padding-bottom:3px;
}

#otnBasicInner .box .boxHdr p.notes {font-size:10px; float:right;}
#otnBasicInner .box .boxHdr p.attentionText01 {color:#f60000; font-size:10px;}
#otnBasicInner .box .boxHdr p.attentionText02 {font-size:10px;}

#otnBasicInner .box li {border-bottom:solid 1px #a3a3a3;}

/*OA予定なし*/
#otnBasicInner li.noSchedule {padding:30px 0;}
#otnBasicInner li.noSchedule p {font-size:16px; color:#F00;}

#otnBasicInner .box ul .row { position:relative; display: table; width: 100%; }
/*
#otnBasicInner #oaSchedule .pgmCh, #otnBasicInner #oaSchedule .pgmNum { position:absolute; top:53%; transform:translateY(-50%); }
*/
#otnBasicInner #oaSchedule .pgmCh {
	/*display:inline-block;*/
	/*top:50%;*/
	display: table-cell;
	width:68px;
	vertical-align: middle;
}
/*
#otnBasicInner #oaSchedule .row .wrap { border-left:solid 1px #bfbfbf; display:inline-block; position:relative; left:68px; }
*/
#otnBasicInner #oaSchedule .pgmNum {
	/*display:inline-block;*/
	display: table-cell;
	width:90px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	/*line-height:1.2;*/
	vertical-align: middle;
	border-left: solid 1px #BFBFBF;
}

#otnBasicInner #oaSchedule .pgmOaTime {
	/*display:inline-block;*/
	display: table-cell;
	/*width:732px;*/
	border-left:solid 1px #bfbfbf;
	/*margin-left:90px;*/
	padding:10px;
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
}

/*話数無し*/
#otnBasicInner #oaSchedule.box.rmv_pgmNum .pgmNum {display:none;}
#otnBasicInner #oaSchedule.box.rmv_pgmNum .pgmOaTime {margin-left:0; border-left:none; width:700px;}
#otnBasicInner .w_650 #oaSchedule.box.rmv_pgmNum .pgmOaTime {width:440px;}

/*#otnBasicInner .w_650 #oaSchedule.box .pgmOaTime {width:472px;}*/
#otnBasicInner .box .pgmOaTime span {margin-right:7px;}
#otnBasicInner .box .pgmOaTime span.dateSat, #otnBasicInner .box .pgmOaTime span.dateSun {margin:0;}
#otnBasicInner .box .pgmOaTime span.oaicon { margin:0 1px 0 0; }

#otnBasicInner #oaSchedule .pgmTtl {
	font-size:14px;
	font-weight:normal;
}

#otnBasicInner #oaSchedule p.remarks {
	font-size:13px;
	color:#f60000;
	font-weight:normal;
}

#otnBasicInner .box .btnArea .close .closeBtn {display:none;}
#otnBasicInner .box .btnArea .open .moreBtn {display:none;}

#otnBasicInner .box .btnArea {
	/*display:inline-block;*/
	display: table-cell;
	/*
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	padding-right:10px;
	*/
	padding: 0 5px;
	vertical-align: middle;
	width: 99px;
	text-align: center;
}

#otnBasicInner .box .btnArea p.b_btn3 {
	display:inline-block;
	width:97px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color:#f7f7f2;
	border:solid 1px #b6b6b6;
}

#otnBasicInner .box .btnArea p.b_btn3 a {
	display:block;
	color:#646464;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:1px 22px 1px 14px;
	position:relative;
}

#otnBasicInner .box .btnArea p.b_btn3 a:after {
	content: "";
	width:10px;
	height:10px;
	background-image:url(../img/otnbasic_sprite.png);
	background-repeat:no-repeat;
	background-position:-80px -35px;
	position:absolute;
	top:5px;
	right:10px;
}

#otnBasicInner .box .btnArea p.b_btn3.closeBtn a:after {
	background-position:-90px -35px;
}

#otnBasicInner #oaSchedule .oaContent {
	border-top:dotted 1px #a3a3a3;
	padding:10px 0;
	position:relative;
	/*display:none;*/
}

#otnBasicInner #oaSchedule .oaContent:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
}

#otnBasicInner #oaSchedule .oaContent p {
	margin-bottom:10px;
}

/*#otnBasicInner #oaSchedule .oaContent .imgArea.imgLong {float:right; margin-left:5px;}*/
#otnBasicInner #oaSchedule .oaContent .imgArea.imgLong {float:left; margin-right:10px;}

#otnBasicInner #oaSchedule .oaContent img {margin-bottom:10px;}

#otnBasicInner #oaSchedule ul { margin-bottom:20px;}

#otnBasicInner #oaSchedule #archiveLink { text-align:right;}

#otnBasicInner #oaSchedule #archiveLink a {
	display:inline-block;
	color:#6e6e6e;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	background-color:#e9e9e9;
	border:solid 1px #dbdbdb;
	padding:4px 29px 3px 13px;
	position:relative;
}

#otnBasicInner #oaSchedule #archiveLink a:after {
	content: "";
	width:16px;
	height:16px;
	background-image:url(../img/otnbasic_sprite.png);
	background-repeat:no-repeat;
	background-position:0 -65px;
	position:absolute;
	top:5px;
	right:9px;
}

#otnBasicInner .box .content {padding:10px 0;}

#otnBasicInner .box .content p {
	margin-bottom:7px;
	background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

#otnBasicInner .box .content  span {
	background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}


/* --------------- 右エリア --------------- */
#otnBasicInner #rightArea {width:250px; float:right;}

#otnBasicInner #pgmRelateArea {
	background-color:#fcfcfc;
	border:solid 1px #c6c6c6;
	padding:10px;
}

#otnBasicInner #pgmRelateArea h4 {
	font-size:16px;
	color:#666666;
	margin-bottom:3px;
}

#otnBasicInner #pgmRelateArea li {position:relative; padding-left:15px;}

#otnBasicInner #pgmRelateArea a {
	color:#208bcf;
	text-decoration:none;
}

#otnBasicInner #pgmRelateArea a:hover {text-decoration:underline;}

#otnBasicInner #pgmRelateArea li:before {
	content: "";
	width: 8px;
	height: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #c7c7c7;
	position:absolute;
	left:0;
	top:0.4em;
}

#otnBasicInner #rightBnrArea li {margin:10px 0 0; line-height:1.0;}

/* --------------- フリーエリア・フリー画像 --------------- */

#otnBasicInner #freeArea {
	border-top:solid 1px #bfbfbf;
	margin-top:20px;
	padding:10px 0;
}

.music #otnBasicInner #freeArea a {color:#f58300;}
.sports #otnBasicInner #freeArea a {color:#155cda;}
.drama #otnBasicInner #freeArea a {color:#e71c30;}
.entertainment #otnBasicInner #freeArea a {color:#11ac9e;}
.asia #otnBasicInner #freeArea a {color:#b74ecf;}
.animekids #otnBasicInner #freeArea a {color:#ed4da3;}

#freePhArea {
	margin-top:20px;
	padding: 20px 0;
	text-align:center;
}

.music #freePhArea {background-color:#faf4eb;}
.sports #freePhArea {background-color:#eaf1fb;}
.drama #freePhArea {background-color:#fbeded;}
.entertainment #freePhArea {background-color:#edf7f8;}
.asia #freePhArea {background-color:#f8f0fb;}
.animekids #freePhArea {background-color:#faedf4;}


/* --------------- ご意見・リクエスト --------------- */
#otnBasicWrap #basicRqtMsg {
	text-align:center;
}

#otnBasicWrap #basicRqtMsg li {display:inline-block;}
#otnBasicWrap li.rqt {margin-right:15px;}

#otnBasicWrap li.rqt a, #otnBasicWrap li.msg a {
	display:block;
	width:420px;
	height:50px;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.music #otnBasicWrap li.rqt a, .music #otnBasicWrap li.msg a {background-color:#ed9f45;}
.sports #otnBasicWrap li.rqt a, .sports #otnBasicWrap li.msg a {background-color:#3a6abf;}
.drama #otnBasicWrap li.rqt a, .drama #otnBasicWrap li.msg a {background-color:#d93e44;}
.entertainment #otnBasicWrap li.rqt a, .entertainment #otnBasicWrap li.msg a {background-color:#4ca299;}
.asia #otnBasicWrap li.rqt a, .asia #otnBasicWrap li.msg a {background-color:#a259b5;}
.animekids #otnBasicWrap li.rqt a, .animekids #otnBasicWrap li.msg a {background-color:#ed5fab;}

#otnBasicWrap li.rqt a:hover, #otnBasicWrap li.msg a:hover {filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

/* --------------- アーカイブページ --------------- */
#otnOaArchive {
	width:790px;
	margin:0 auto;
	padding:20px;
}
#otnOaArchive #otnBasicInner {
	background-color:#FFF;
	padding:20px 20px;
	margin:20px 0 30px;
}

#otnOaArchive #otnBasicWrap {padding:20px;}

#otnOaArchive h1 {font-size:22px; line-height:1.2; font-weight:bold;}

#otnOaArchive #ftrCopyright {
	width:790px;
	font-size: 11px;
	line-height: 150%;
	margin:0;
	padding:0;
	text-align: center;
}

#otnOaArchive #oaSchedule h3.pgmTtl {font-size:16px; font-weight:bold;}

#otnOaArchive dl{
	border-collapse:collapse;
	border-top:solid 3px #a3a3a3;
	border-bottom:solid 1px #a3a3a3;
}

#otnOaArchive dt {position:relative;}

#otnOaArchive #otnBasicInner #oaSchedule .row {
	display: table;
	height: 40px;
	width: 100%;
}

#otnOaArchive #otnBasicInner #oaSchedule .pgmNum {
	display: table-cell;
	width: 90px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-left: none;
}

#otnOaArchive #otnBasicInner #oaSchedule .row .wrap{
	/*
	width: 626px;
	float:right;
	*/
	border-left:solid 1px #a3a3a3;
	padding:10px 15px 7px;
	/*left:0;*/
	/*display:block;*/
	display: table-cell;
	vertical-align: middle;
}

#otnOaArchive #otnBasicInner #oaSchedule .row .wrap h3 {
	width: auto;
}

#otnOaArchive #otnBasicInner #oaSchedule .oaContent {
	border-top:dotted 1px #a3a3a3;
	padding:10px 8px;
	position:relative;
	/*display:none;*/
}

#otnOaArchive #otnBasicInner #oaSchedule .oaContent .imgArea {
/*
	float: left;
	margin: 0 5px 0 0;
*/
}
#otnOaArchive #otnBasicInner #oaSchedule .oaContent img { margin: 0; }

/*初回放送*/
 #otnOaArchive .oaFirstTime{
	font-size:12px;
	color:#FFF;
	display:inline-block;
	text-align:right;
	background-color:#f38323;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:2px 10px 0;
	float:right;
}

.pchide { display: none; }
.free_bnr{width:100%; height:auto;}

/* スマホ向けアーカイブ用 */
@media screen and (max-width: 640px) {
	html, body { width: 100%; }
	#otnOaArchive { width: auto; margin: 0 auto; padding: 0px; }
	#otnOaArchive h1 { padding:10px 5px; }
	#otnOaArchive #otnBasicWrap { margin: 0; padding: 0; }
	#otnOaArchive #otnBasicInner { margin: 0; padding: 0; }

	#otnBasicInner #oaSchedule ul { margin-bottom: 5px; }
	#otnOaArchive #otnBasicInner #oaSchedule .pgmNum { }
	#otnOaArchive #otnBasicInner #oaSchedule .row .wrap { padding: 0px 15px; }
	#otnOaArchive #otnBasicInner #oaSchedule .oaContent { padding: 5px 8px; }

	#otnOaArchive #ftrCopyright { width: 100%; }
	#otnOaArchive #ftrCopyright p:first-child { padding: 0 4px; }
	#otnOaArchive #ftrCopyright p:last-child { text-align: center; }
}