@charset "iso-2022-jp";
/*/////////////////////////////////////////////////////////////////////////
default_CSS//smartPhone//
/////////////////////////////////////////////////////////////////////////*/
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, select, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body { line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none;}

hr { display:none;}
ul { list-style:none;}
a { text-decoration:none;}
em { font-style:normal;}

.alt{ position:absolute; top:-5000px; left:-9999px;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
.cover { background:url(/img/cover.gif); display:block;}
.highlight { background:#7ba6cf; pdding:2px;}
.bgnone { background:none !important;}

/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/*font*/
.tCenter { text-align:center !important;}
.tRight { text-align:right !important;}
.tLeft { text-align:left !important;}
/*font-color*/
.cRed { color:#c00;}
.cGrn { color:#509000;}
.cBlu { color:#0064d5;}
/*font-size*/
.f18 { font-size:18px;}
.f16 { font-size:16px;}
.f14 { font-size:14px;}
.f13 { font-size:13px;}
.f12 { font-size:12px;}
.f11,em { font-size:11px;}
.f10,small { font-size:10px;}

/*/////////////////////////////////////////////////////////////////////////
common_CSS
/////////////////////////////////////////////////////////////////////////*/
body {
	background:#fff;
	text-align:center;
	color:#444;
	font-family:"$B%R%i%.%N3Q%4(B ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	-webkit-text-size-adjust: none;
}
article { text-align:left; margin:0 auto; position:relative; background:#fff;}
.social { text-align:center; padding-bottom:20px;}
.cap { font-size:12px; padding:0 10px 10px;}
#picBanner { display:block; height:50px; text-align:center; border-bottom:2px dotted #b1bfcc; padding-bottom:1px; margin-bottom:1px;}
#tpBanner { display:block; text-align:center; border-bottom:2px dotted #b1bfcc; padding-bottom:1px; margin-bottom:1px;}
.di2 #tpBanner { display:none;}
#btBanner { display:block; height:50px; text-align:center; border-bottom:2px dotted #b1bfcc;}

/*$B!w(Bheader
/////////////////////////////////////////////////////////////////////////*/
header { width:100%; position:relative; background:#fff; border-bottom:2px dotted #b1bfcc; padding-bottom:1px; margin-bottom:1px;}
header h1 { position:absolute; top:0; left:0;}
header h1 a { width:100px; height:38px; background:url(../img/main_parts.png) no-repeat 0 0;}
header ul#globalhead { height:48px; border-bottom:5px solid #2d73b4;}
header ul#globalhead li#linkTv { position:absolute; top:0; right:105px;}
header ul#globalhead li#linkMenu { position:absolute; top:0; right:10px;}
	header a { display:block;}
	header ul#globalhead li a { width:85px; height:38px; background:url(../img/main_parts.png) no-repeat;}
	header ul#globalhead li#linkTv a { background-position:-130px 0;}
	header ul#globalhead li#linkMenu a { background-position:-220px 0;}
/*information*/
.information header .inner { height:48px; border-bottom:5px solid #64809a;}

/*globalmenu*/
nav#globalmenu {
	width:100%;
	height:160px;
	position:relative;
	top:-5px;
	background:#7cbe2a url(../img/bg_menu.png);
	display:none;
	}
	nav#globalmenu #naviposi {
		width:320px;
		height:167px;
		background:url(../img/menu.png) no-repeat center top;
		position:absolute;
		top:-9px;
		right:0;
		z-index:999;
	}
	nav#globalmenu a {
		display:block;
		width:74px;
		height:45px;
		position:absolute;
		background:url(../img/menu.png) no-repeat;
	}
	nav#globalmenu a#menu01 { top:19px; left:6px; background-position:-6px -19px;}
	nav#globalmenu a#menu02 { top:19px; left:84px; background-position:-84px -19px;}
	nav#globalmenu a#menu03 { top:19px; left:162px; background-position:-162px -19px;}
	nav#globalmenu a#menu04 { top:19px; left:240px; background-position:-240px -19px;}
	nav#globalmenu a#menu05 { top:68px; left:6px; background-position:-6px -68px;}

	nav#globalmenu a#menu06 { top:68px; left:84px; background-position:-84px -68px;}
	nav#globalmenu a#menu07 { top:68px; left:162px; background-position:-162px -68px;}
	nav#globalmenu a#menu08 { top:68px; left:240px; background-position:-240px -68px;}
	nav#globalmenu a#menu09 { top:117px; left:6px; width:113px; height:40px; background-position:-6px -117px;}
	nav#globalmenu a#menu10 { top:117px; left:123px; width:113px; height:40px; background-position:-123px -117px;}
	nav#globalmenu a#menu00 { top:117px; left:240px; width:74pvx; height:40px; background-position:-240px -117px;}

/*$B!w(Bfooter
/////////////////////////////////////////////////////////////////////////*/
footer { text-align:center; color:#fff; background:#2d73b4; border-top:3px solid #7ba6cf; position:relative; padding:60px 0 50px;}
footer small { font-family:Arial; letter-spacing:0.03em;}
footer p#contact { width:70%; font-size:12px; letter-spacing:0.05em; padding:5px; margin:0 auto 5px;}
footer p#contact a { color:#fff;}
footer p#linkview { width:70%; font-size:12px; letter-spacing:0.05em; border-top:1px dotted #b0becb; border-bottom:1px dotted #b0becb; padding:10px 5px; margin:0 auto 20px;}
footer p#linkview a { color:#fff;}
footer p#linkptop { position:absolute; top:0; right:10px;}
footer p#linktop { position:absolute; top:5px; left:10px;}
footer p#linkptop a { display:block; width:87px; height:25px; background:url(../img/main_parts.png) no-repeat -220px -105px;}
footer p#linktop a { display:block; width:75px; height:55px; background:url(../img/main_parts.png) no-repeat -220px -45px;}
/*information*/
.information footer { color:#444; background:none; border:none; padding:20px 0;}
.information footer a { display:block; color:#637f99; padding-bottom:10px;}

/*$B!w(Bheadlink
/////////////////////////////////////////////////////////////////////////*/
.headlink {
	height:37px;
	text-align:center;
	border-bottom:3px solid #51be01;
	margin-bottom:1px;
}
.headlink a {
	width:39%;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.05em;
	padding:10px;
}
.headlink a.on {
	color:#fff;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	background: -moz-linear-gradient(center bottom, #50be00 50%,#74cb33 50%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #50be00),color-stop(0.5, #74cb33));
	border:1px solid #50be00;
	border-bottom:none;
}
.headlink a.off {
	color:#409800;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	background:#fff;
	border:1px solid #50be00;
	border-bottom:none;
}

/*$BHVAHI=(B*/
.tv .headlink { height:31px;}
.tv .headlink a { width:17%; padding:7px;}

/*#btmBanner
/////////////////////////////////////////////////////////////////////////*/
#btmBanner { border-top:2px dotted #b1bfcc; border-bottom:2px dotted #b1bfcc; padding:10px 0 7px;}
	#btmBanner ul { width:300px; margin:0 auto;}
	#btmBanner ul li { width:300px; height:50px; margin-bottom:3px;}

/*bottomlink
/////////////////////////////////////////////////////////////////////////*/
#bottomLink { border-bottom:2px dotted #b1bfcc; padding:0 15px 15px;}
	#bottomLink ul { width:280px; margin:0 auto;}
	#bottomLink ul li { width:135px; height:40px; float:left;}
	#bottomLink ul li a { display:block; width:135px; height:40px; background:url(../img/main_parts.png) no-repeat;}
	#bottomLink ul li#linkSns { margin-right:10px;}
	#bottomLink ul li#linkSns a { background-position:-80px -50px;}
	#bottomLink ul li#linkApp a { background-position:-80px -90px;}

/*$B!w(Bbtn
/////////////////////////////////////////////////////////////////////////*/
.btn {
	display:block;
	width:80%;
	font-size:20px;
	font-weight:bold;
	text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
	text-align:center;
	color:#fff;
	letter-spacing:0.1em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: -moz-linear-gradient(center top, #73cb33 50%,#50be00 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #73cb33),color-stop(0.5, #50be00));
	padding: 10px;
	margin:0 auto;
}

.btnWht {
	display:block;
	width:70%;
	font-size:14px;
	font-weight:bold;
	text-shadow:1px 1px #fff;
	text-align:center;
	color:#2d73b4;
	letter-spacing:0.1em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: -moz-linear-gradient(center top, #fff 50%,#eceff2 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff),color-stop(0.5, #eceff2));
	padding:7px;
	margin:10px auto;
}
.btnWht2 {
	display:block;
	width:70%;
	font-weight:bold;
	text-shadow:1px 1px #275d00;
	text-align:center;
	color:#fff;
	letter-spacing:0.1em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: -moz-linear-gradient(center bottom, #50be00 50%,#73cb33 50%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #50be00),color-stop(0.5, #73cb33));
	padding:7px;
	margin:10px auto;
}

.btnPrev a { display:block; width:27px; height:27px; background:url(../img/arrow3.png) no-repeat;}
.btnNext a { display:block; width:27px; height:27px; background:url(../img/arrow4.png) no-repeat;}

/*$B!w(Bh1-h6
/////////////////////////////////////////////////////////////////////////*/
h1#genre {
	height:50px;
	font-size:20px;
	color:#2d73b4;
	background:url(../img/con_parts.png) no-repeat 0 0;
	padding:5px 10px 5px 60px;
	margin:10px 0 0 10px;
}
h1#genre .en {
	display:block;
	color:#93918e;
	font-size:9px;
	letter-spacing:0.1em;
	padding:5px 2px;
}
h1#normal {
	font-size:18px;
	color:#444;
	padding:10px;
}

h2 {
	color:#fff;
	letter-spacing:0.1em;
	background: -moz-linear-gradient(center bottom, #50be00 50%,#73cb33 50%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #50be00),color-stop(0.5, #73cb33));
	padding:8px 10px;
	margin-bottom:1px;
}
h2 .ico { display:block; background:url(../img/main_parts.png) no-repeat; padding:8px 30px;}
.tvprogram h2 .ico { background-position:-310px 5px;}
.pickup h2 .ico { background-position:-310px 5px;}
.genreMenu h2 .ico { background-position:-310px 5px;}
.twitter h2 .ico { background-position:-310px -45px;}
.tvprogram h2,.twitter h2,.pickup h2,.genreMenu h2 { padding:0 10px;}
.variety h2 span { font-size:9px; letter-spacing:normal;}

/*$B!w(BTOP
/////////////////////////////////////////////////////////////////////////*/
#bansen { height:225px; background:url(../img/bg_dot.png); position:relative;}
	#photo { display:block; height:180px; text-align:center; background:#c4cbd6; border-bottom:1px solid #95bbdf;}
	#bansen #pageScrl { height:44px; letter-spacing:0.05em; background:#fff; margin:0 16px; position:relative;}
	#bansen #dot { width:100%; font-size:12px; text-align:center; letter-spacing:1em; color:#abc7e1; position:absolute; top:17px; left:0;}
	#bansen #dot .on { color:#2d73b4;}
	/*btn*/
	#bansen ul li.btnPrev { position:absolute; top:10px; left:-10px;}
	#bansen ul li.btnNext { position:absolute; top:10px; right:-10px;}
	/*$B<L??$N$_(B*/
	#kanshasai { display:block; border-bottom:2px dotted #b1bfcc; padding-bottom:1px; margin-bottom:1px;}
	#kanshasai #photo { display:block; height:180px; text-align:center; background:#fec506; border:none;}

/*pickup*/
.pickup{ background:url(../img/bg_pick.png); position:relative; padding-bottom:5px;}
.pickup h2{ margin-bottom:10px;}

.roundBox_pick {
	position:relative;
	letter-spacing:0.05em;
	background:url(../img/arrow8.png) no-repeat center right #50be00;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	margin:0 10px 5px;
	}
	.roundLeft{
		background:#fff;
		display:block;
		padding:5px;
		-moz-border-radius:10px 0 0 10px;
		-webkit-border-radius:10px 0 0 10px;
	}
	.roundBox_pick h2 {
		font-size:16px;
		color:#50688b;
		letter-spacing:0.05em;
		padding:5px 0;
	}
	.roundBox_pick .imgbox {
		float:left;
		border:1px solid #50be00;
		margin-right:7px;
		width:70px; height:50px; display:block;
	}
	
	.roundBox_pick .listname {
		display:block;
		font-size:12px;
		color:#444;
		line-height:1.2em;
		overflow:hidden;
	}
	.roundBox_pick .listname strong {
		display:block;
		font-size:16px;
		line-height:1.3em;
		color:#e67700;
		letter-spacing:0.03em;
		padding-bottom:2px;
	}	
	
.arrow.roundBox_pick {
	padding:0;
}
.arrow.roundBox_pick a {
	display:block;
	min-height:52px;
	padding:2px 20px 2px 2px;
}

.roundBox_pick:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*genre*/
.genreMenu{ position:relative;}
.genreMenu h2{ margin-bottom:10px;}
	.genreMenu ul{ background:url(../img/genre_menu.png); width:320px; height:104px; margin:0 auto; position:relative;}
	.genreMenu ul li { position:absolute;}
	.genreMenu ul li a{ width:74px; height:45px; display:block;}
	.genreMenu ul li.menu01{ left:6px; top:0;}
	.genreMenu ul li.menu02{ left:84px; top:0;}
	.genreMenu ul li.menu03{ left:164px; top:0;}
	.genreMenu ul li.menu04{ left:240px; top:0;}
	.genreMenu ul li.menu05{ left:6px; top:49px;}
	.genreMenu ul li.menu06{ left:84px; top:49px;}
	.genreMenu ul li.menu07{ left:164px; top:49px;}

/*$B!w(BroundBox
/////////////////////////////////////////////////////////////////////////*/
#bgdot {
	background:url(../img/bg_dot.png);
	border-bottom:3px solid #c4cbd6;
	position:relative;
	padding:10px 0;
	margin-bottom:20px;
}
.roundBox {
	letter-spacing:0.05em;
	background:#fff;
	border:2px solid #abc7e1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;
	margin:0 10px 5px;
	}
	.roundBox h2 {
		font-size:16px;
		color:#50688b;
		letter-spacing:0.05em;
		padding:5px 0;
	}
	.roundBox.slide1 .text { display:none;}
	.roundBox.slide1 h2 { background:url(../img/arrow5.png) no-repeat center right;}
	.roundBox.slide2 h2 { background:url(../img/arrow6.png) no-repeat center right;}
	.roundBox .text {
		font-size:14px;
		letter-spacing:0.05em;
		line-height:1.5;
		border-top:2px dotted #b1bfcc;
		margin-top:10px;
		padding:5px 0;
	}
	.roundBox .text p {
		padding:10px 0 0 5px;
	}
	.roundBox .text p.borderTop { border-top:1px solid #999; margin-top:10px;}
	.roundBox .text p.borderBottom { border-bottom:1px solid #999; padding-bottom:10px;}
	
.arrow.roundBox {
	padding:0;
}
.arrow.roundBox a {
	display:block;
	background:url(../img/arrow1.png) no-repeat center right;
	min-height:77px;
	padding:10px 22px 10px 10px;
}
.roundBox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*$B!w(BlistBox
/////////////////////////////////////////////////////////////////////////*/
.listBox {
	margin-bottom:20px;
}
.listBox ul {
	width:100%;
	background:url(../img/bg_dot.png) repeat-x bottom left;
	padding-bottom:3px;
}
.listBox ul li {
	width:100%;
	position:relative;
	background:url(../img/bg_dot.png) repeat-x top left;
	padding-top:1px;
}
.listBox ul li a {
	overflow:hidden;
	display:block;
	font-size:15px;
	color:#2d73b4;
	letter-spacing:0.05em;
	line-height:1.35;
	text-decoration:none;
	text-overflow:ellipsis;
	padding:12px 10px;
	margin:1px 0;
}
.listBox ul li .image {
	display:block;
}
.listBox ul li .text {
	display:block;
	overflow:hidden;
	font-size:14px;
	color:#444;
}
.listBox li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*text_only*/
.listBox ul li.textArea {
	font-size:14px;
	color:#444;
	line-height:1.35;
	letter-spacing:0.05em;
	min-height:50px;
	padding:12px 10px;
}
.listBox .comment {
	font-size:10px;
	color:#444;
	padding:5px 10px;
}

/*cal2*/
.listBox.cal2 ul li {
	width:49.8%;
	float:left;
	background:none;
	border-top:1px solid #b1bfcc;
	border-right:1px solid #b1bfcc;
}
.listBox.cal2 ul li a {
	text-align:left;
	padding:3px 0;
	font-size:10px;
	color:#444;
	background:url(../img/arrow1.png) no-repeat right center,
}
.listBox.cal2 ul li a img {
	float:left;
	margin:0 5px;
}
.listBox.cal2 ul li a b {
	display:block;
	font-size:14px;
	color:#637f99;
}

/*cal3*/
.listBox.cal3 ul {
	background:url(../img/bg_dot.png);
	padding-top:6px;
}
.listBox.cal3 ul li {
	width:50%;
	float:left;
	background:none;
	text-align:center;
	padding:1px 0;
}
.listBox.cal3 ul li a {
	padding:0;
}
.listBox.cal3 ul li a img {
	border:2px solid #d6dce5;
}

/*list-arrow*/
.listBox ul li.arrow a {
	padding:10px 20px 10px 10px;
}
.listBox ul li.arrow.ico01 a {
	background:-moz-linear-gradient(top, #fff, #e7ecf5);
	background:url(../img/arrow1.png) no-repeat right center,
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7ecf5));
}
.listBox ul li.arrow.ico02 a {
	background:-moz-linear-gradient(top, #fff, #e7ecf5);
	background:url(../img/arrow2.png) no-repeat right center,
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7ecf5));
}

.di2 .listBox { background:url(../img/bottom_line.png) repeat-x left bottom; padding-bottom:13px;}
.program .listBox { background:none; padding-bottom:0;}
.idx .listBox .listBottom, .program .listBox .listBottom { background:url(../img/bottom_line.png) repeat-x left top;}
.idx .listBox .listBottomIn, .program .listBox .listBottomIn { background:url(../img/bottom_arrow.png) no-repeat center top; padding-top:25px;}
.idx .listBox.twitter .listBottom { padding-top:10px;}


/*$B!wHVAHI=(B
/////////////////////////////////////////////////////////////////////////*/
.listBox.tvprogram ul li.arrow a {
	padding:15px 35px 15px 70px;
}
.listBox.tvprogram ul li.arrow time {
	display:block;
	width:40px;
	font-size:13px;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#2d73b4;
	position:absolute;
	top:14px;
	left:10px;
	border:1px solid #6296c7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:3px;
}
.listBox.tvprogram ul li.arrow img {
	margin:4px 0 0 2px;
}

.listBox.tvprogram ul li.now a {
	display:block;
	color:#2d73b4;
	background:#f3ffe2 url(../img/arrow4.png) no-repeat right 13px;
}
.listBox.tvprogram ul li.now time {
	top:17px;
	color:#fff;
	background:#50be00;
	border:1px solid #9fcf63;
}
.listBox.tvprogram ul li.now .onair {
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:normal;
	position:absolute;
	top:43px;
	left:7px;
	color:#409800;
}
.listBox.tvprogram ul li.now b {
	display:block;
	font-size:16px;
	line-height:1.35;
}

.listBox.tvprogram ul li .naiyo,
.listBox.tvprogram ul li .cast {
	display:block;
	letter-spacing:0.05em;
	line-height:1.35;
	padding-top:7px;
}
.listBox.tvprogram ul li .chushi {
	display:block;
	color:#50688b;
	padding-top:7px;
}
.di2 .listBox.tvprogram ul li .cast {
	font-size:12px;
}

/*$B0lMw(B*/
.tv h2 { margin-top:10px;}
/*$B$*CN$i$;!J@V!K(B*/
.attention {
	width:85%;
	text-align:left;
	font-size:13px;
	border:2px solid #c00;
	background:#fff0f0;
	padding:15px 10px 10px;
	margin:0 auto;
	/*display:none;*/
	}
	.attention p {
		letter-spacing:0.05em;
		line-height:1.5;
		padding-bottom:5px;
	}
	.attention strong {
		font-size:14px;
		color:#c00;
	}
.idx .attention { width:100%; border:none; padding:10px 0; background:#fff;}
.idx .attention p { padding:0 10px;}
.idx .attention strong { color:#666;}


/*$B!w%(%i!<2hLL!u$*Ld$$9g$o$;(B
/////////////////////////////////////////////////////////////////////////*/
.errordocs section,.contact section {
	font-size:14px;
	line-height:1.35;
	padding:30px 0 40px;
	min-height:100px;
}
.errordocs section h1,.contact section h1 {
	font-size:16px;
	text-align:center;
	font-family:Verdana;
	padding-bottom:20px;
}
.errordocs section p {
	font-size:14px;
	text-align:left;
	padding:0 20px 0 40px;
}

.contact section p {
	font-size:14px;
	text-align:left;
	padding:0 20px 15px;
}


/*eof*/





