@charset "utf-8";
/*
 * layout.css 日テレ番組共通テンプレート PC共通部分表示用cssファイル
 *
 * ■表示内容
 * PC 共通要素
 *
 * ○変更履歴
 * 2013.01.24 m.kameyama： PCの環境でのソーシャルボタンの非表示
 * 2013.04.03 k.maekochi： LINE友達追加ボタンの追加
 * 2014.07.29 m.negishi： 日テレテンプレート改修
 * 2015.03.26 m.kameyama： 右カラムに動画エリア 追加
 * 2015.03.26 m.kameyama： おすすめ番組４件表示対応
 * 2015.04.24 m.kameyama： 右カラム 見逃し配信枠のキャッチアップ動画をエンベッド化
 * 2015.05.22 m.kameyama： ラージバナー中央寄せの改修
 * 2015.07.17 m.kameyama： Huluおすすめコンテンツ枠 追加
 * 2015.09.30 m.kameyama： Countdown Hulu枠 追加
 * 2016.06.23 y.matsushita： 見逃し配信枠 静止画API対応 追加
 * 2018.01.15 y.matsushita： 右カラム 日テレアプリバナー 追加
 * 2018.01.19 y.matsushita： 右カラム チャリンバナー 追加
 */

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

/*topics_box*/
#ntv_topics_box{display:none}

/*sp_ad*/
#sp_ad{display:none}

/* #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 {
	width: 300px;
	height: auto;
	margin-bottom: 10px;
}
#side #banner_navimail a:hover {
	opacity: 0.5;
}
#side #banner_navimail img { vertical-align: bottom; }

#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 #access_ranking_sp */

#side #access_ranking_sp{ display:none}

/*recommend_contents*/
#recommend_contents{display:none}

/* #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;
}
#oa .oalist div.time img{ padding: 0px 0px 0px 9px; }

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

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

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

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

#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 */
/* 2015.03.23 m.kameyama おすすめ番組４件表示対応 */
#side #recommend div.title{ padding: 0px; }

#side #recommend .structure {
	margin: 0 -4px;
	/* padding: 11px 0px 11px 11px; */
	padding: 11px 10px;
	overflow: hidden;
}

#side #recommend .program {
	float: left;
	width: 140px;
	margin: 0px 4px 10px;
	/* padding-right: 5px; */
}

#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;
}

/* Huluおすすめコンテンツ枠 追加 */
#side #recommend_hulu h4 { background-image: url("/basic2014/images/side/hulu/title.png"); }
#side #recommend_hulu .structure {
	width: 290px;
	margin: 10px;
}
#side #recommend_hulu p a {
	color: #162d9f;
	text-decoration: none;
}
#side #recommend_hulu img {
  max-width: 100%;
  height: auto;
}

/* Countdown Hulu枠 追加 */
#side #cntdwn_hulu h4 { background-image: url("/basic2014/images/side/cntdwn_hulu/title.png"); }
#side #cntdwn_hulu .structure {
	width: 290px;
	margin: 10px;
}
#side #cntdwn_hulu .cntdwn_hulu_copyright {
	padding: .1em .5em;
	background: #222;
	color: #fff;
	font-size: 11px;
	text-align: left;
	word-break: normal;
}
#side #cntdwn_hulu .cntdwn_hulu_txt {
	padding: 0;
}
/*
#side #cntdwn_hulu .cntdwn_hulu_txt {
	margin-top: .2em;
	word-break: break-all;
}
#side #cntdwn_hulu .cntdwn_hulu_txt a {
	color: #162d9f;
	text-decoration: none;
}
*/
#side #cntdwn_hulu img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* 日テレアプリ 追加 */
#side #sub-ntv_portal_app {
	margin-bottom: 10px;
}

#side #sub-ntv_portal_app img {
	width: 100%;
}

/* チャリン 追加 */
#side #sub-ntv_charin {
	margin-bottom: 10px;
}

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


#global_footer { display: none; }

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

/* コピーライトテキスト版
#footer .copyright {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
	color: #fff;
	font-size: 16px;
	text-align: right;
} */

/* #btnSocial 2013.01.24追加 */

#btnSocial { display: none; }

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

/*スマホヘッダー広告用CSS*/
/*#sp_header_ad {
	display: none;
}*/

/* #main .box-movie 2015.03.26追加 */
#main .box-movie { display: none; }

/* #side .box-movie 2015.03.26追加 */
/* #side .box-movie 2016.06.23追加変更 */

#side .box-movie {
	width: 310px;
	margin-bottom: 10px;
	background-color: #fff;
	border-style: solid;
	border-width: 4px;
	border-radius: 8px;
}

#side .box-movie .movie-title {
	text-align: center;
}

#side .box-movie .movie-title img {
	vertical-align: bottom;
}

#side .box-movie .movie-list {
	border-bottom: solid 1px #ccc;
}

#side .box-movie .movie-list a:hover {
	opacity: 0.5;
}
#side .box-movie .movie-list img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#side .box-movie .movie-list:last-child {
	border-bottom: none;
}

#side .box-movie .box-catchUp {
	padding: 1.5%;
	background: #ebe9d7;
	text-align: center;
}

#side .box-movie .box-catchUp .tit-catchUp {
	margin-bottom: 5px;
	background: #000;
	text-align: center;
}
#side .box-movie .box-catchUp .tit-catchUp a {
	padding: 0 14%;
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
#side .box-movie .box-catchUp .tit-catchUp img {
	max-width: 100%;
	height: auto;
}
/* movieEnbed時 */
#side .box-movie .box-catchUp #movie {
	text-align: center;
}
#side .box-movie .box-catchUp #movie object {
	vertical-align: bottom;
}
/* 静止画API時 */
#side .box-movie .box-catchUp .thumb-catchUp {
    position: relative;
}
#side .box-movie .box-catchUp .thumb-catchUp:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
    right: 2%;
    width: 9px;
    height: 9px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#side .box-movie .box-catchUp .thumb-catchUp a {
    display: inline-block;
    width: 72%;
}