@charset "utf-8";
/* CX SP VarieTV Program Base Style
   coded by ayp */

/* 番絁E��チE�E画�� */
h2 img{
	display:inline-block;
	width:100%;
	max-width:480px;
	height:auto;
}
/* 番絁E��チE�Eエリア */
#summary{
	text-align:center;
	font-size:0.9rem;
}

/* CONTENTS アコーチE��オンエリア */

#contents{
	border-bottom:1px solid #ccc;
}
#contents>article>header{
	line-height:2rem;
	height:2rem;
	color:#fff;
	padding:0 4px;
	background: url(http://img.sp2.fujitv.co.jp/v/bg_gray.png);
}
#contents>article>ul{
	max-height:7.2rem;
	overflow-y:hidden;
}
#contents>article li{
	display:block;
	border-bottom:1px dotted #999;
}
#contents>article li:last-child{
	/*border-bottom:0;*/
	display:block;
	border-bottom:1px dotted #999;
}
#contents>article li a{
	display:block;
	position:relative;
	font-size:0.8rem;
	line-height:2.4rem;
	padding:0 20px 0 10px;
	color:#333;
	text-decoration:none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
}
#contents>article li a .thumb{
	width:75px;
	height:2.2rem;
	margin:0.1rem;
	margin-right:5px;
	text-align:center;
	display:block;
	float:left;
	background:#ccc;
	border-radius:3px;
	line-height:2rem;
	overflow:hidden;
	vertical-align:middle;
}
#contents>article li a .thumb img{
	max-width:75px;
	max-height:1.8rem;
	vertical-align:middle;
}
.news::before,
#contents>article li a::before{
	border-color:#999;
}
#contents>article a.more{
	color:#666;
}
#contents>article a.more::after{
	background: -moz-linear-gradient(top, #878787 0%, #282828 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#282828));
background: -webkit-linear-gradient(top, #878787 0%,#282828 100%);
background: -o-linear-gradient(top, #878787 0%,#282828 100%);
}
#contents>article a.ret{
	color:#666;
}
#contents>article a.ret::after{
	background: -moz-linear-gradient(top, #878787 0%, #282828 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#282828));
background: -webkit-linear-gradient(top, #878787 0%,#282828 100%);
background: -o-linear-gradient(top, #878787 0%,#282828 100%);
}

/* コンチE��チE��覧ペ�Eジ */
body.contents #main>#contents>header:first-child{
	border-color:#f90;
}
body.contents #main>#contents>header:first-child>*{
	text-indent:0;
	background: -moz-linear-gradient(top, #ff9900 0%, #ffc700 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ffc700));
	background: -webkit-linear-gradient(top, #ff9900 0%,#ffc700 100%);
	background: -o-linear-gradient(top, #ff9900 0%,#ffc700 100%);
}
body.contents #main>#contents>header:first-child>*::before{
	display:none;
}

/* 番絁E��報ボタン */
#main>footer{
	text-align:center;
	padding:10px;
}
#main>footer a{
	display:inline-block;
	width:60%;
	border-radius:5px;
	line-height:2.4rem;
	height:2.4rem;
	color:#fff;
	text-decoration:none;
	background: -moz-linear-gradient(top, #878787 0%, #282828 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#282828));
background: -webkit-linear-gradient(top, #878787 0%,#282828 100%);
background: -o-linear-gradient(top, #878787 0%,#282828 100%);
}

/* 番絁E��キスト検索 */
body.program #tools #search input[type="text"]{
	width:40%;
}

/* facebookぁE��ねボタン */
#fb{
	position:absolute;
	top:15px;
	right:0;
	border:none;
	overflow:hidden;
	width:73px;
	height:30px;
}

/* twitter�{�^�� */
#tw{
	position:absolute;
	top:15px;
	right:45px;
	border:none;
	overflow:hidden;
	width:70px;
	height:30px;
}

/* ボタン */
#about{
	text-align:center;
}

#about li{
	display:inline-block;
	width:45%;
	line-height:2.4rem;
	border-radius:10px;
	border:1px solid #CE2200;
	background: -moz-linear-gradient(top, #fabba9 0%, #ec684e 50%, #eb2b00 51%, #bc2500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fabba9), color-stop(50%,#ec684e), color-stop(51%,#eb2b00), color-stop(100%,#bc2500));
	background: -webkit-linear-gradient(top, #fabba9 0%,#ec684e 50%,#eb2b00 51%,#bc2500 100%);
	background: -o-linear-gradient(top, #fabba9 0%,#ec684e 50%,#eb2b00 51%,#bc2500 100%);
}

#about li a{
	color:#fff;
	font-size:0.9rem;
	display:block;
	text-decoration:none;
}

#about2{
	text-align:center;
}

#about2 li{
	display:inline-block;
	width:70%;
	line-height:2.4rem;
	border-radius:10px;
	border:1px solid #CE2200;
	background: -moz-linear-gradient(top, #fabba9 0%, #ec684e 50%, #eb2b00 51%, #bc2500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fabba9), color-stop(50%,#ec684e), color-stop(51%,#eb2b00), color-stop(100%,#bc2500));
	background: -webkit-linear-gradient(top, #fabba9 0%,#ec684e 50%,#eb2b00 51%,#bc2500 100%);
	background: -o-linear-gradient(top, #fabba9 0%,#ec684e 50%,#eb2b00 51%,#bc2500 100%);
}

#about2 li a{
	color:#fff;
	font-size:0.9rem;
	display:block;
	text-decoration:none;
}