@charset "utf-8";
/*
 * layout.css 日テレ番組共通テンプレート PC共通部分表示用cssファイル
 *
 * ■表示内容
 * PC 共通要素
 *
 * ○変更履歴
 * 2013.01.24 m.kameyama：PCの環境でのソーシャルボタンの非表示
 * 2013.04.03 k.maekochi：LINE友達追加ボタンの追加
 * 2015.09.10 m.kameyama 右カラム要素のセレクタに"#side"を追記
 */

html body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}

/* #topad */
/* #pc{ width: auto; } */

#topad {
	text-align: center;
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 5px 0;
	_padding: 5px 0px 3px 0px;
	background: #fff;
	border-bottom:1px solid #c1c1c1;
	z-index: 100;
}

#topad div {
	margin-left: auto!important;
	margin-right: auto!important;
}

#topad img, #topad ins, #topad iframe {
  vertical-align: bottom;
}

/* display:none */
#sp,#recommend_app,
#sub-nav,
#adBanner,
#adSphone { display: none; }

/* for smartphone */
#panel{
	width: 1000px;
	margin: 0 auto;
	border-bottom: 1px solid #000;
	font-weight: bold;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #FFFFFF;
	background: #F18D00;
	/* background-color */
	background: rgb(255,169,86); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,169,86,1) 0%, rgba(255,167,61,1) 51%, rgba(255,124,0,1) 51%, rgba(255,169,86,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,86,1)), color-stop(51%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,169,86,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,169,86,1) 0%,rgba(255,167,61,1) 51%,rgba(255,124,0,1) 51%,rgba(255,169,86,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,169,86,1) 0%,rgba(255,167,61,1) 51%,rgba(255,124,0,1) 51%,rgba(255,169,86,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,169,86,1) 0%,rgba(255,167,61,1) 51%,rgba(255,124,0,1) 51%,rgba(255,169,86,1) 100%); /* IE10+ */
}
#panel a{
	/*text-shadow*/
	text-shadow: 0px 3px 0px #000;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 52px
 }

/* #contents */
#contents {
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	_zoom: 1; /* for IE6 */
}


/* #main */
#main{
	text-align:left;
	float: left;
}

/* #side */
#side {
	text-align: left;
	width: 310px;
	float: right;
	padding: 0px;
}
#side .box{
	width: 100%;
	margin: 0px 0px 10px 0px;
	border:1px solid #ccc;
	background-color: #fff;
	/* box-sizing */
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	/* border-radius */
 	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
*+html #side .box{ width: 308px; }

#side #ad {
	padding: 4px;
	width: 300px;
	height: 250px;
	/* box-sizing */
    -moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#side #banner_navimail {
	padding-bottom: 10px;
	width: 300px;
	height: auto;
}
#side #banner_navimail a:hover {
	opacity: 0.5;
}

#side div.title{
	display: block;
	width: 100%;
	border-bottom: 1px solid #c1c1c1;
	/* border-radius */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	overflow: hidden;
	_zoom: 1; /* for IE6 */
}

#side div.title h4{
	height: 26px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: 9px 7px;
	overflow: hidden;
}
#side #oa h4{ background-image: url("../images/side/oa/title.png"); }
#side #recommend h4{background-image: url("../images/side/recommend/title.png");}
#side #topics h4{background-image: url("../images/side/topics/title.png");}
#side #app h4{background-image: url("../images/side/app/title.png");}
#side #blog h4{background-image: url("../images/side/blog/title.png");}
#side #sponcerlink h4{background-image: url("../images/side/sponcerlink/title.png");}
#side #present h4{
	background-image: url("../images/side/present/title.png");
	background-position: 9px 5px;
}


/* #side #oa */

#side #oa .oalist{
	border-bottom: 1px dotted #c1c1c1;
	overflow: hidden;
	clear: left;
	_zoom:1; /* for IE6 */
}

#side #oa .oalist:last-of-type{ border: none; }

#side #oa .oalist div{ padding: 8px 0px ; }

#side #oa .oalist div.time{
	width:49px;
	float: left;
	text-indent: 12px;
	color: #000;
}
#side #oa .oalist div.time img{ padding: 0px 0px 0px 9px; }

#side #oa .oalist div.text{
	width: 250px;
	float: left;
	color: #162d9f;
}

#side #oa .oalist div.text a{
	color: #162d9f;
	text-decoration: none;
}

#side #oa .oalist div.text a:hover{
	text-decoration: underline;
	opacity: 0.5;
}

#side #oa .oa{
	display: block;
	overflow:hidden;
	background: #ebf0f2;
	_zoom: 1; /* for IE6 */
}

#side #oa h4{
	width: 50%;
	float:left;
}

#side #oa  p.info a {
	width: 92px;
	height: 17px;
	display: block;
	float: right;
	text-indent:-9999px;
	margin: 4px 5px 0px 0px;
	background-color: rgba(255,255,255,0.5);
	background-image: url(../../basic2011/images/img-btn-program.png);
	background-repeat: no-repeat;
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

#side #oa  p.info a:hover { opacity: 0.5; }

/* #side #pr */
#side #pr {
	padding:0px 0px 10px 0px;
	text-indent: 34px;
	line-height: 19px;
	background: url("../images/side/pr/pr.gif") left top no-repeat ;
}

#side #pr span{ padding:0px 0px 0px 6px; }

#side #pr a{
	color: #000;
	text-decoration: underline;
}

#side #pr a:hover{
	color: #000;
	text-decoration: none;
}

/* #side #recommend */
#side #recommend div.title{ padding: 0px; }

#side #recommend .structure {
	padding: 11px 0px 11px 11px;
	overflow: hidden;
	_zoom: 1; /* for IE6 */
}

#side #recommend .program {
	padding:0px 5px 5px 0px;
	width: 140px;
	float: left;
}

#side #recommend .program p { line-height: 140%; }

#side #recommend .program a {
	color: #162d9f;
	text-decoration: none;
}
#side #recommend .program a:hover{
	text-decoration: underline;
	opacity: 0.5;
}

#side #recommend .program img{
	border: 1px solid #d4d4d4;
	margin-bottom: 5px;
}



/* #side #topics */
#side #topics .program{ padding: 10px 12px; }

#side #topics .program p { line-height: 140%; }

#side #topics .program img{
	padding:0px 10px 14px 0px;
	float: left;
	width: 80px;
}
#side #topics .program ul{
	clear: both;
	line-height: 160%;
}
#side #topics .program ul li{
	padding-left: 35px;
	list-style: none;
}
#side #topics .program ul li.new{ background: url("../images/side/topics/new.gif") 0px 2px no-repeat ; }
#side #topics .program ul li{ background: url("../images/side/topics/circle.gif") 18px 4px no-repeat ; }

#side #topics .program a{
	color: #162d9f;
	text-decoration: none;
}

#side #topics .program a:hover{
	text-decoration: underline;
	opacity: 0.5;
}

/* #side #blog */
#side #blog .title{ padding: 0px; }

#side #blog .entry{
	border-bottom: 1px dotted #c1c1c1;
	padding:8px 12px;
}

#side #blog :last-child{ border: none; }

#side #blog .entry a{
	color: #162d9f;
	text-decoration: none;
}

#side #blog .entry a:hover{
	text-decoration: underline;
	opacity: 0.5;
}

#side #blog h4{
	width: 50%;
	float:left;
}

#side #blog #newBlogList .entry p { line-height: 140%; }

#side #blog .blgname{
	font-size: 11px;
	color: #0000;
}

#side #blog .blgdate{
	font-size: 11px;
	color: #999;
}
#side #blog .info a {
	width: 92px;
	height: 17px;
	display: block;
	float: right;
	text-indent:-9999px;
	margin: 4px 5px 0px 0px;
	background-image: url(../../basic2011/images/img-btn-blog.png);
	background-repeat: no-repeat;
	overflow: hidden;
}
#side #blog .info a:hover{
	opacity: 0.5;
}

/* #side #sponcerlink */
#side #sponcerlink iframe{
	height: 370px;
	background:#fff;
}

/* #side #present */
#side #present .structure {
	padding: 11px;
	overflow: hidden;
	_zoom: 1; /* for IE6 */
}

#side #present .structure div {
	width: 90px;
	float: left;
}

#side #present .structure p {
	line-height: 140%;
	margin-left: 90px;
}

#side #present .structure p a {
	color: #162D9F;
	text-decoration: none;
}

#side #present .structure p a:hover {
	text-decoration: underline;
}

#side #present .structure img{
	width: 80px;
	height: auto;
	border: solid 1px #ccc;
}


/* #footer */
#footer {
	width: 100%;
	/* height: 100%; */
	background: #000;
}

#footer #device-switch,
#footer #btn-footer { display: none; }

#footer .copyright {
	background: #000;
	background-image: url(../images/copyright.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
	color: #fff;
	text-indent: -9999px;
	width: 1000px;
	/* min-height: 100px; */
	margin: 0 auto;
	padding: 10px 0;
	_text-align: center;
}

/* #btnSocial 2013.01.24追加 */

#btnSocial { display: none; }

/* #lineBtn 2013.01.24追加 */
#side #lineBtn .box {
	border: 2px solid #3fc500;
	margin-bottom: 10px;
	overflow: hidden;
}
*+html #side #lineBtn .box {
	width: 306px;
}
#side #lineBtn .box .lb_inner {
	padding: 10px;
	zoom:1;
}
#side #lineBtn .box .lb_inner:before,
#side #lineBtn .box .lb_inner:after {
	content:"";
	display:table;
}
#side #lineBtn .box .lb_inner:after {
	clear:both;
}
#side #lineBtn h4 {
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
	width: 100%;
}
#side #lineBtn h4.lb_default {
	background: #3fc500 url(../images/lb_parts_tlt_default.gif) no-repeat center center;
}
#side #lineBtn h4.lb_drama {
	background: #3fc500 url(../images/lb_parts_tlt_drama.gif) no-repeat center center;
}
#side #lineBtn h4.lb_golf {
	background: #3fc500 url(../images/lb_parts_tlt_golf.gif) no-repeat center center;
}
#side #lineBtn ul {
	background: url(../images/lb_parts_bg.gif) no-repeat left bottom transparent;
	display: block;
	float: left;
	width: 160px;
	padding: 10px 0 20px;
}
#side #lineBtn ul li {
	background: url(../images/lb_parts_list.gif) no-repeat transparent;
	font-weight: bold;
	font-size: 16px;
	padding-left: 18px;
	white-space: nowrap;
	line-height: 1;
	margin-bottom: 14px;
}
#side #lineBtn ul li.lb_list01 {
	background-position: 0 0px;
}
#side #lineBtn ul li.lb_list02 {
	background-position: 0 -29px;
}
#side #lineBtn ul li.lb_list03 {
	background-position: 0 -59px;
}