@charset "UTF-8";

@media print  {
body { display: none; }
}

/* ---------------------------------------------
	スタイルリセット
--------------------------------------------- */
html, body, div,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li, dl, dt, dd, address {margin: 0; padding: 0;}
ul, ol {list-style: none;}
img {border: none;}

/* ---------------------------------------------
	汎用クラス
--------------------------------------------- */
/* clearfix ------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hide from MacIE €*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */

/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */
body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

*:first-child + html body {	/* for IE7 */
	font-family: "メイリオ", "Meiryo";
}

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 63%; line-height: 1.5em;}	/* 10px */
.txt10w { font-size: 63%; line-height: 1.8em;}	/* 10px */
.txt11 { font-size: 70%; line-height: 1.5em;}
.txt11w { font-size: 70%; line-height: 1.8em;}
.txt12 { font-size: 75%; line-height: 2.25em;}
.txt12w { font-size: 75%; line-height: 1.7em;}	/* 12px */
.txt12w2 { font-size: 75%; line-height: 1.2em;}	/* 12px */
.txt12w3 { font-size: 75%; line-height: 1.4em;}	/* 12px */
.txt13 { font-size: 80%; line-height: 2.0em;}
.txt13w { font-size: 80%; line-height: 1.3em;}
.txt13w2 { font-size: 80%; line-height: 1.6em;}
.txt14 { font-size: 88%; line-height: 1.5em;}	/* 14px */
.txt14w { font-size: 88%; 1.8em;}	/* 14px */
.txt14n { font-size: 88%; line-height: 1.2em;}	/* 14px */
.txt16 { font-size: 100%; 1.5em;}	/* 16px */
.txt18 { font-size: 108%;  line-height: 1.3em;}	/* 18px */
.txt36 { font-size: 140%;  line-height: 1.5em;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* ---------------------------------------------
	基本項目
--------------------------------------------- */
html, body { height:100%; color:#333333;}


/*共通スタイル*/
.cap { color:#333333;}
.cap2 { color:#DDDDDD;}
.intro { letter-spacing: 0.1em;}
.white { color:#FFF;}
.red { color:#cc0066;}
.purple { color:#990099;}
.green { color:#006633;}
.blue { color:#003366;}
.yellow { color:#FFFF66;}
.orange { color:#FF6633;}
.bold {font-weight:bold;}
.narrow {letter-spacing: -0.1em;}
.center{text-align:center;}

a:link { color:#eb5505; text-decoration:none; font-weight:normal;}
a:visited { color:#eb5505; text-decoration:none;}
a:hover { color:#eb5505; text-decoration:underline;}
a:active { color:#eb5505; text-decoration:none;}

a img{border:none;}
.clears{ clear:both;}


/*共通レイアウト*/
body{
background-color:#e0e0e0;
-webkit-text-size-adjust:100% !important; }/* Safari */
body.cx_smartphoneview{font-size: 120%;}
#fp-wrap{
	background:#e0e0e0  url("../img/bg.jpg") repeat center 0px;
}
#pagetop{
	background:url("../img/top_bar.png") repeat-x center 205px;
}
#fp-l{
	background-color: rgba(255,255,255,0.6);
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.52) inset;
}
#fp-l::after{
	content: "";
    background: url("../img/page_btm.png") no-repeat center 0px;
    width:640px;
    height:10px;
    display: block;
}
/* ---------------------------------------------
	トップページ
--------------------------------------------- */
/*--トップイメージ--*/
h1#logo{
background: url("../img/logo_l.png") no-repeat center 0px;
width:640px;
height:137px;
margin:32px 0 28px;
overflow:hidden;
text-indent:100%;
white-space: nowrap;
}
#oa_date{
background: url("../img/oadate.png") no-repeat center 0px;
width:640px;
height:60px;
overflow:hidden;
text-indent:100%;
white-space: nowrap;
}

/*--番組紹介--*/
#intro{
	width:590px;
	margin: 25px auto;
}
#intro h2{
	background: url("../img/contents_ttls.png") no-repeat center 0px;
	width:240px;
	height:40px;
	margin: 0 auto 20px;
	overflow:hidden;
	text-indent:100%;
	white-space: nowrap;
}
#intro p{
	margin:0 5px;
}
#intro ul{
	background: url("../img/intro_4leagues.png") no-repeat center 0px;
	width:590px;
	height:201px;
}
#intro li{
	width:590px;
	overflow:hidden;
	text-indent:100%;
	white-space: nowrap;
}


/*--コラム＆トピックス--*/
#clmn_tpcs{
	width:580px;
	margin:0 auto 50px;
}
#clmn_tpcs h2{
	background: url("../img/clmn-tpcs_ttl.png") no-repeat center 0px;
	width:580px;
	height:91px;
	margin: 0 auto;
	overflow:hidden;
	text-indent:100%;
	white-space: nowrap;
}
#clmn_tpcs #capt{
	background: url("../img/clmn-tpcs_bgtop.png") no-repeat center 0px;
	background-color: rgba(255,255,255,0.7);
	text-align: center;
	font-size: 88%;
	padding:15px 0 6px;
}
#clmn_tpcs #main{
	background: url("../img/clmn-tpcs_bgbtm.png") no-repeat center bottom;
	background-color: rgba(255,255,255,0.7);
	padding-bottom: 1px;
}
#clmn_tpcs #new_articles{
	width:538px;
	margin:0 auto 16px;
	background-color: #FFF;
	border:solid 1px #cdcdcd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#clmn_tpcs #new_articles h3{
	width:538px;
	height:38px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ce2805), color-stop(0.00, #e85005));
	background: url("../img/clmn-tpcs_subttl.png"), -webkit-linear-gradient(top, #e85005 0%, #ce2805 100%);
	background: url("../img/clmn-tpcs_subttl.png"), -moz-linear-gradient(top, #e85005 0%, #ce2805 100%);
	background: url("../img/clmn-tpcs_subttl.png"), -o-linear-gradient(top, #e85005 0%, #ce2805 100%);
	background: url("../img/clmn-tpcs_subttl.png"), -ms-linear-gradient(top, #e85005 0%, #ce2805 100%);
	background: url("../img/clmn-tpcs_subttl.png"), linear-gradient(top, #e85005 0%, #ce2805 100%);
	background-position: center 0px;
	background-repeat: no-repeat;
	overflow:hidden;
	text-indent:100%;
	white-space: nowrap;
}
#clmn_tpcs a dl{
	color:#333;
}
#clmn_tpcs dl{
	margin:0 15px;
	padding:15px 0;
	border-bottom:solid 1px #cdcdcd;
	position:relative;
}
.cx_smartphoneview #clmn_tpcs dl{
	padding:20px 0;
}
#clmn_tpcs dd.photo{
	width:140px;
	height:79px;
	float:left;
	margin:0 10px 0 0;
	overflow: hidden;
	background-color: #333;
}
#clmn_tpcs dd.photo img{
	opacity: 0.0;
}
#clmn_tpcs dl#first_a dd.photo{
	width:240px;
	height:135px;
}
#clmn_tpcs dt{
	font-weight: bold;
	line-height: 1.2em
}
.cx_smartphoneview #clmn_tpcs dt{
	margin-bottom: 3px;
	line-height: 1.2em;
}
#clmn_tpcs dd.summary{
	font-size: 80%;
}
.cx_smartphoneview #clmn_tpcs dd.summary{
	margin-bottom: 5px;
	line-height: 1.2em;
	letter-spacing: -0.1em;
}
#clmn_tpcs dd.update{
	margin-top: 15px;
	font-size: 80%;
	position:absolute;
	bottom: 10px;
	left: 150px;
}
.cx_smartphoneview #clmn_tpcs dd.update{
	bottom: 17px;
}
#clmn_tpcs dl#first_a dd.update{
	position:absolute;
	bottom: 10px;
	left: 250px;
}
#clmn_tpcs dd.readmore{
	position:absolute;
	bottom: 10px;
	right: 0;
	font-size: 80%;
	font-weight: bold;
	color:#eb5505;
}
.cx_smartphoneview #clmn_tpcs dd.readmore{
	bottom: 17px;
}
.cx_smartphoneview #clmn_tpcs dl#first_a dd.readmore{
	bottom: 10px;
}
#clmn_tpcs dd.readmore a:hover{
	color:#eb5505;
}
#clmn_tpcs #btn_link{
	width:176px;
	height:32px;
	margin:10px auto;
	background-color: #eb5505;
	font-size: 88%;
	line-height: 32px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.cx_smartphoneview #clmn_tpcs #btn_link{
	width:250px;
	height:60px;
	font-size: 88%;
	line-height: 60px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#clmn_tpcs #btn_link a{
	color:#FFF;
	font-weight: bold;
}
/*--出演者--*/
#cast{
	background: url("../img/cast_p.png") no-repeat center 0px;
	width:640px;
	height:374px;
	margin:0 0 40px;
}
#cast h2{
	background: url("../img/contents_ttls.png") no-repeat center -40px;
	width:240px;
	height:40px;
	margin: 0 auto 20px;
	overflow:hidden;
	text-indent:100%;
	white-space: nowrap;
}
#cast li{
	width:640px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}



/* fp-ohp-customcss */
#fp-bhp.fpbhp-pc .contblock{
	background-color:#ffffff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#fp-bhp.fpbhp-pc #fp-bhp-links h2{
	border-radius:9px 9px 0 0;
	-moz-border-radius:9px 9px 0 0;
	-webkit-border-radius:9px 9px 0 0;
}
#fp-bhp.fpbhp-pc .contblock h2{
	color:#ffffff;
	background-color:#777777;
	border-color:#777777;
}
#fp-bhp.fpbhp-pc .contblocklink,
#fp-bhp.fpbhp-pc #twitterDetail p.txt a{
	color:#eb5505!important;
}
#fp-bhp.fpbhp-pc #fp-bhp-infoNav .banner5linktext{
	color:#eb5505;
}
#fp-bhp.fpbhp-pc #fp-bhp-infomain h3 span{
	background-color:#eb5505;
}