@charset "utf-8";
/* CSS Document */

/*------------------------------------------ トップ */

/*------------- CD・DVD */
#top {
	margin:15px 15px 20px 15px;
}

	
/*------------------------------------------ 動画 */

/*------------- 動画記事本文 */

.entry_movie {
	margin:15px 15px 20px 15px;
}

/*------------- ムービーリスト */

.movie_box{
	width: 200px;
	height:150px;
	float: left;
	display:inline;
	margin: 0px 15px 30px 0px;
	_margin: 0px 11px 15px 0px;
}

.movie_box div.img_oh{
	display:block;
	width:200px;
	height:110px;
	background-color:#ebebeb;
	overflow:hidden;
}

.movie_box img{
	max-width:200px;
	position:absolute;
	top: -20px;
	top: -75px\9;
	/top: -20px;
	left:0;
}

.movie_box div.text_oh{
	margin:5px 1px 0 1px;
	width: 198px;
	height:35px;
	overflow: hidden;
}

/*------------- 写真リスト */

.ph_box{
	width: 200px;
	height:240px;
	float: left;
	display:inline;
	background-color:#000000;
	margin: 0px 15px 20px 0px;
	_margin: 0px 11px 16px 0px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}

.ph_box div.img_oh{
	position:relative;
	top:5px;
	left:5px;
	width: 190px;
	height:190px;
	background-color:#111;
	overflow: hidden;
}

.ph_box img{
	max-width:190px;
	max-height:190px;
}

.ph_box div.text_oh{
	margin:10px 6px 5px 6px;
	width: 188px;
	height:35px;
	overflow: hidden;
}

.ph_box a{
	color:#ccc;
}

.ph_box a:hover{
	color:#999;
}
/*------------------------------------------ CD DVD */

/*------------- 一覧 */

.cddvd_box{
	width: 140px;
	float: left;
	display:inline;
	margin: 0px 23px 15px 0px;
	_margin: 0px 19px 15px 0px;
}

.cddvd_box div.img_oh{
	width:140px;
	height:140px;
	background-color:#f1f1f1;
	overflow:hidden;
}

.cddvd_box img{
	max-width:140px;
	max-height:140px;
}

.cddvd_box div.text_box{
	line-height:140%;
	color:#333;
	width:138px;
	margin:5px 1px 0 1px;
}

.cddvd_box h4{
	font-size:10px;
	font-weight:bold;
	display:block;
	max-height:35px;
	_height:35px;
	overflow:hidden;
	margin-top:2px;
}

.cddvd_box h3{
	max-height:50px;
	_height:50px;
	overflow: hidden;
	margin-top:2px;
}

/*------------- 個別記事内 */

.cddvd_entry{
	margin:15px;
}

.cddvd_entry div.img_box{
	float:left;
	width:190px;
	overflow:hidden;
}

.cddvd_entry div.text_box{
	float:right;
	width:430px;
}

.cddvd_entry h2{
	font-size:18px;
	font-weight:bold;
	line-height:150%;
	margin-top:3px;
}

.cddvd_entry h3{
	margin-top:5px;
	font-weight:bold;
}

.cddvd_entry p.url{
	font-size:14px;
	color:#000;
	font-weight:bold;
	margin-top:10px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
	padding-left:1.3em;
	text-indent:-1.3em;
}

.cddvd_entry p.price{
	font-size:16px;
	color:#000;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-top:12px;
}

.cddvd_entry p.sum{
	line-height:130%;
	margin-top:10px;
}

.cddvd_entry p.btn{
	margin-top:10px;
}

/*------------- 個別記事下コンテンツ */

.cddvd_con{
	margin-top:20px;
}

.cddvd_con h3{
	margin:0 0 10px 0;
}

.cddvd_con p{
	margin:5px 0 0 10px;
}

.cddvd_con p.copy{
	font-size:10px;
	color:#888;
	margin:10px 0 0 0;
}


/*------------------------------------------ イベント */

/*------------- メイン */

#event_main{
	margin:15px;
}

#event_main div.img_box{
	float:left;
	width:200px;
	margin:0 20px 10px 0;
	_margin:0 16px 10px 0;
	overflow:hidden;
	z-index:2;
}

#event_main div.text_box{
}

#event_main div.detail{
	display:inline-block;
	width:400px;
	background:#f1f1f1;
	padding:10px;
	margin:10px 0 0 0;
	line-height:200%;
}

#event_main div.detail p {
	margin-bottom: 0.8em;
}

#event_main h2{
	font-size:18px;
	font-weight:bold;
	line-height:150%;
	margin-top:5px;
}

#event_main p.cast{
	font-size:14px;
	line-height:150%;
	margin:5px 0;
}

#event_main p.cast strong{
	font-weight:bold;
}

#event_main p.url{
	font-size:12px;
	color:#000;
	font-weight:bold;
	margin-top:10px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}

#event_main p.copy{
	font-size:10px;
	color:#888;
	margin:10px 0 0 0;
}

#event_main .tag02 span{
	font-size:12px;
	padding:4px 10px;
	margin:0 1px 1px 0;
}

/*------------- リスト */

.event_list{
	margin:15px;
}

.event_list h2{
	font-size:22px;
	font-weight:normal;
	line-height:130%;
	margin-top:5px;
}

.event_list p.cast{
	font-size:16px;
	line-height:130%;
	margin:4px 0 9px 0;
}

.event_list p.cast strong{
	font-weight:bold;
}

.event_list .tag02 span{
	font-size:12px;
	padding:4px 10px;
	margin:0 1px 1px 0;
}

/*------------------------------------------ ドラマ */

/*-- シーズン+SNS */

#sea_sns {
	background-color:#f1f1f1;
	padding:10px;
}

#sea_sns .sea {
	float:left;
	width:310px;
	min-height:21px;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 35px;
}

/* 春 */
#sea_sns .sea01 {
	background:url(../img/icon_drama01.png) 0px 0px no-repeat;
}

/* 夏 */
#sea_sns .sea02 {
	background:url(../img/icon_drama02.png) 0px 0px no-repeat;
}

/* 秋 */
#sea_sns .sea03 {
	background:url(../img/icon_drama03.png) 0px 0px no-repeat;
}

/* 冬 */
#sea_sns .sea04 {
	background:url(../img/icon_drama04.png) 0px 0px no-repeat;
}

#sea_sns .sns {
	float:right;
	width:300px;
}

#sea_sns .sns ul {
	margin:2px 0 0 0;
}

#sea_sns .sns li {
	float:right;
	margin-right:10px;
}

/*-- シーズン+トップバック */

#sea_top{
	background-color:#EBEBEB;
	padding:10px;
}

#sea_top div.tit{
	width:480px;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	padding:5px 5px 5px 5px;
}

#sea_top div.btn{
	width:160px;
	display:block;
	display:block;
	float:right;
	text-align:right;
	padding-top:13px;
}

#sea_top div.tit h3.speakers {
	font-size: 12px;
	font-weight: bold;

}
#sea_top div.tit h3.location {
	font-size: 12px;
	font-weight: bold;
}

/*-- ドラマメイン */

#drama{
	margin:15px 15px 20px 15px;
}

#drama p{
	line-height:160%;
	margin-bottom: 1.2em;
}

#drama div.box{
}

#drama div.img_box{
	float:right;
	width:300px;
	overflow:hidden;
	margin-bottom:15px;
}

#drama div.text_box{
	float:left;
	width:320px;
}

#drama div.detail{
	font-weight:bold;
	background-color:#f1f1f1;
	padding:15px;
}

#drama div.detail p{
	margin:0;
}

#drama div.detail p {
	line-height:160%;
}

#drama p.time{
	font-size:14px;
	color:#000;
	margin:5px 0;
}

#drama span.cau{
	color:#FF6600;
	margin-right:3px;
}

#drama p.cap{
	font-size:10px;
	color:#666;
	margin-top:5px;
}

#drama p.cast{
	color:#000;
	font-weight:bold;
	line-height:150%;
	margin-top:6px;
}

#drama p.staff{
	margin-top:8px;
}

#drama h3{
	font-weight:bold;
	color:#CC0033;
	background-color:#f1f1f1;
	padding:8px;
	margin-top:25px;
}

#drama h3.back{
	font-weight:bold;
	color:#000;
	background-color:#ebebeb;
	padding:8px;
	margin-top:25px;
}

#drama ul.lis{
	margin:15px 15px 5px 15px;
}

#drama li.lis{
	margin-bottom:15px;
	padding-left:1.3em;
	text-indent:-1.3em;
}

#drama div.sum{
	margin:7px 5px 0 5px;
}

#drama div.sum p{
	line-height:160%;
}

#drama div.press_box{
	margin-top:20px;
}

#drama p.sub_t{
	font-size:10px;
	font-weight:bold;
	color:#ccc;
	background-color:#CC0033;
	padding:2px 5px;
}

#drama h2{
	font-size:16px;
	font-weight:bold;
	background-color:#f1f1f1;
	padding:8px;
}

#drama p.read{
	font-weight:bold;
	line-height:160%;
	margin:0px 0px 15px 0px;
}

#drama h4{
	font-size:14px;
	font-weight:bold;
	color:#CC0033;
	margin-bottom:15px;
}

#drama h5{
	font-size:13px;
	font-weight:bold;
	color:#111;
	margin:10px 0px 10px 0px;
}

#drama span.name{
	font-weight:bold;
	color:#000;
}


/*------------- ドラマアーカイブ */

#drama_arc{
	margin-bottom:20px;
}

#drama_arc h2{
	font-size:16px;
	font-weight:bold;
	background-color:#f1f1f1;
	padding:10px;
}

#drama_arc div.box{
	margin:15px 15px 10px 15px;
}

#drama_arc ul.inli{
	margin:0 5px 5px 5px;
}

#drama_arc li{
	font-weight:bold;
	display:inline-block;
	background: url(../img/icon_arrow04.gif) no-repeat 0 6px;
	margin:10px 15px 0 0;
	padding-left:10px;
}


#drama_arc ul.inli a:link{
	color:#000;
}

#drama_arc ul.inli a:visited{
	color:#000;
}

#drama_arc ul.inli a:hover{
	color:#333;
}

#drama_arc p{
	font-weight:bold;
	text-align:right;
	margin-top:10px;
}


#drama_arc div.base{
	float:left;
	width:310px;
	margin:15px 0 0 15px;
}

#drama_arc div.in_box{
	padding:0px 10px 10px 10px;
	background-color:#ccc;
}

#drama_arc div.box_c01{
	background-color:#66CCCC;
}

#drama_arc div.box_c02{
	background-color:#FFCC33;
}

#drama_arc div.box_c03{
	background-color:#FF6633;
}

#drama_arc div.box_c04{
	background-color:#ccc;
}


/*------------- シーズン */

#drama_sea{
}

#drama_sea div.tit_btn{
	
	background-color:#f1f1f1;
	padding:10px;
}

#drama_sea div.tit{
	float:left;
	/*width:450px;*/
	width:100%;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:6px;
}

#drama_sea div.btn{
	float:right;
	width:165px;
}

#drama_sea div.box{
	margin:15px 20px;
}


#drama_sea ul{
	display:table;
	table-layout: fixed;
	width: 100%;
}

#drama_sea li{
	display: table-cell;
	font-size:20px;
	/*height:60px;*/
	font-weight:bold;
	vertical-align: middle;
	text-align:center;
}

#drama_sea li:nth-of-type(4n){
	display: table-row;
}

#drama_sea ul ol{
  display: table-row;
}

@media screen and (min-width:767px) {
#drama_sea li:nth-of-type(4n){
	display: none;
}
}


#drama_sea h3{
	/*width:618px;*/
	box-sizing: border-box;
	font-size:16px;
	font-weight:bold;
	padding:12px 1em;
}

/* 春 */
#drama_sea h3.c01{
	background-color:#59B5B5;
}

/* 夏 */
#drama_sea h3.c02{
	background-color:#FFCC33;
}

/* 秋 */
#drama_sea h3.c03{
	background-color:#FF6633;
}

/* 冬 */
#drama_sea h3.c04{
	background-color:#CCCCCC;
}

#drama_sea div.base{
	float:left;
	width:48%;
	max-width:200px;
	_width:200px;
	overflow:hidden;
	margin:1em 2% 0 0;
	_margin:18px 14px 0 0;
}

@media screen and (min-width:767px) {
#drama_sea div.base{
	float:left;
	width:26%;
	max-width:200px;
	_width:200px;
	overflow:hidden;
	margin:18px 18px 0 0;
	_margin:18px 14px 0 0;
}
}

#drama_sea div.base img{
	/*width:auto;*/
	/*height:150px;*/
}

#drama_sea h4{
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
}

#drama_sea p{
	color:#666;
}

#drama_sea span{
	color:#FF6600;
	margin-right:3px;
}

#drama_sea p.no{
	font-size:14px;
	color:#666;
	margin:18px 18px 0 10px;
}

/*----- 曜日タブ */

/* 春 */
.tabs01 a{
	/*width:70px;*/
	padding: 1em 0;
	display:block;
	color:#59B5B5;
	background:#EBEBEB;
	margin-right:1px;
}

.tabs01 a:visited{
	_color:#333;
}

.tabs01 a:hover{
	color:#333;
	background:#59B5B5;
	-webkit-transition: background 0.1s linear;
	-moz-transition: -moz-background 0.1s linear;	
}

.tabs01 li.act a{
	color:#333;
	background:#59B5B5;
}

/* 夏 */
.tabs02 a{
	/*width:70px;*/
	padding: 1em 0;
	display:block;
	color:#FFCC33;
	background:#EBEBEB;
	margin-right:1px;
}

.tabs02 a:visited{
	_color:#333;
}

.tabs02 a:hover{
	color:#333;
	background:#FFCC33;
	-webkit-transition: background 0.1s linear;
	-moz-transition: -moz-background 0.1s linear;	
}

.tabs02 li.act a{
	color:#333;
	background:#FFCC33;
}


/* 秋 */
.tabs03 a{
	/*width:70px;*/
	padding: 1em 0;
	display:block;
	color:#FF6633;
	background:#EBEBEB;
	margin-right:1px;
}

.tabs03 a:visited{
	_color:#333;
}

.tabs03 a:hover{
	color:#333;
	background:#FF6633;
	-webkit-transition: background 0.1s linear;
	-moz-transition: -moz-background 0.1s linear;	
}

.tabs03 li.act a{
	color:#333;
	background:#FF6633;
}

/* 冬 */
.tabs04 a{
	/*width:70px;*/
	padding: 1em 0;
	display:block;
	color:#999;
	background:#EBEBEB;
	margin-right:1px;
}

.tabs04 a:visited{
	_color:#333;
}

.tabs04 a:hover{
	color:#333;
	background:#CCCCCC;
	-webkit-transition: background 0.1s linear;
	-moz-transition: -moz-background 0.1s linear;	
}

.tabs04 li.act a{
	color:#333;
	background:#CCCCCC;
}

/*--------------ドラマ見出し---*/

/*春*/
p.dramguide-sub01 {background:#59B5B5; display: block;}
p.dramguide-sub01 img {max-width: 100%; height:auto;}

/*夏*/
p.dramguide-sub02 {background:#FFCC33; display: block;}
p.dramguide-sub02 img {max-width: 100%; height:auto;}

/*秋*/
p.dramguide-sub03 {background:#FF6633; display: block;}
p.dramguide-sub03 img {max-width: 100%; height:auto;}

/*冬*/
p.dramguide-sub04 {background:#999; display: block;}
p.dramguide-sub04 img {max-width: 100%; height:auto;}

/*------------- ドラマリスト */

.drama_list{
	margin:0 20px 25px 20px;
}

.drama_list h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.drama_list li{
	font-size:14px;
	line-height:140%;
	font-weight:bold;
	display:inline-block;
	float:left;
	width:270px;
	_width:268px;
	margin:15px 17px 0 0;
	_margin:15px 12px 0 0;
	padding-left:1.3em;
	text-indent:-1.3em;
}

.drama_list p{
	color:#666;
	margin-top:15px;
}


/*------------------------------------------ ランク */

#tv_rank{
	width:670px;
	margin:0 auto 15px auto;
}

#tv_rank div.box{
	background-color:#FFFFFF;
}

#tv_rank div.header{
	height:53px;
}

#tv_rank div.logo{
	margin:15px 10px 0px 10px;
}

#tv_rank h1{
	font-size:16px;
	font-weight:bold;
	color:#D6D6D6;
	background-color:#000;
	padding:10px;
}

#tv_rank div.rank_box{
	margin:15px 0px 0px 15px;
}

#tv_rank div.link{
	margin:10px 15px;
	text-align:right;
}

#tv_rank div.ranking{
	display:inline;
	float:left;
	width:315px;
	background-color:#EBEBEB;
	padding-bottom:10px;
	margin:0 10px 15px 0;
}

#tv_rank h2{
	font-size:12px;
	font-weight:bold;
	text-shadow: 1px 1px 0px #E0E0E0; 
	background-color:#ccc;
	padding:8px 10px;
}

#tv_rank ul{
	margin:0px 10px;
}

#tv_rank li{
	display:block;
	font-size:12px;
	color:#333;
	font-weight:bold;
	min-height:31px;
	padding:0px 10px 0px 40px;
	margin:15px 0px 0px 0px;
}

#tv_rank li.no01{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no01.png) 0px 0px no-repeat;
	_background:url(../img/icon_no01.png) 0px 5px no-repeat;
	_padding-top:5px;
}

#tv_rank li.no02{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no02.png) 0px 0px no-repeat;
}

#tv_rank li.no03{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no03.png) 0px 0px no-repeat;
}

#tv_rank li.no04{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no04.png) 0px 0px no-repeat;
}

#tv_rank li.no05{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no05.png) 0px 0px no-repeat;
}

#tv_rank li.no06{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no06.png) 0px 0px no-repeat;
}

#tv_rank li.no07{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no07.png) 0px 0px no-repeat;
}

#tv_rank li.no08{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no08.png) 0px 0px no-repeat;
}

#tv_rank li.no09{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no09.png) 0px 0px no-repeat;
}

#tv_rank li.no10{
	min-height:31px;
	_height:31px;
	background:url(../img/icon_no10.png) 0px 0px no-repeat;
}

#tv_rank li.no{
	_height:1px;
}

#tv_rank li a{
	color:#333;
}

#tv_rank li a:visited{
	color:#333;
}

#tv_rank li a:hover{
	color:#999;
}
	

/*------------------------------------------ インフォメーション系 */

.info{
	margin:20px 20px 30px 20px;
	min-height:450px;
}


.info h2{
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	padding:8px 10px;
	background-color:#ebebeb;
}

.info h3{
	font-size:14px;
	font-weight:bold;
}

.info p.txt{
	margin-left:5px;
	line-height:180%;
}

.info p.link{
	font-weight:bold;
	margin:15px 0 0 10px;
}

.info div.box{
	line-height:180%;
	padding:20px;
	background-color:#f1f1f1;
	margin:15px 0 0 0;
}


/*------------------------------------------ お問い合わせ */

.contact{
}


.contact h4{
	font-size:14px;
	font-weight:bold;
	margin:20px;
}

.contact div.box{
	padding:30px;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	margin:20px;
}

.contact div.box02{
	font-weight:bold;
	padding:15px;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	text-align:center;
	margin:40px 0 0 0;
}


.contact div.err{
	color:#FF6600;
	font-weight:bold;
	padding:10px;
	line-height:180%;
	border:5px solid #D6D6D6;
	margin:20px 0 0 0;
}

.contact h5{
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
}

.contact p{
	color:#666;
	font-size:10px;
	margin:5px 0 0 0;
}

.contact div.fobox{
	margin:50px 30px 30px 30px;
}

.contact div.ltext{
	float:left;
	width:170px;
	margin-top:5px;
}

.contact div.rtext{
	float:left;
	width:400px;
}

.contact p.conf{
	font-size:14px;
	color:#333;
	line-height:160%;
	font-weight:bold;
	margin-top:3px;
}

.contact span.req{
	color:#FF6600;
}

.contact select,
.contact input[type=text]{
	background: #fff;
	border:1px solid #999;
	color: #333;
	/*line-height:200%;*/
	/*text-indent:5px;*/
	padding:6px 5px;
	margin:0;
	vertical-align:middle;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background-color 0.3s linear;					
}

.contact textarea:hover,
.contact select:hover,
.contact input[type=text]:hover { 
	background: #FFFBEE;
	border:1px solid #999;
}

.contact textarea{
	background: #fff;
	border:1px solid #999;
	color: #333;
	width:390px;
	width:385px;
	max-width:390px;
	/*line-height:200%;*/
	/*text-indent:5px;*/
	padding:6px 5px;
	vertical-align:middle;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background-color 0.3s linear;					
}

.btn_contact{
	margin:0 10px;
	cursor:pointer;
}

.btn_contact:hover {
    opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	zoom:1;
}

.contact .text_in04 {
	background: url('../img/icon_arrow04.gif') no-repeat 0 6px;
	text-indent: 0;
	padding-left: 0.8em;
}

.iqfm-table dl {
	padding-top: 30px;
}

.iqfm-table dt {
	width: 170px;
	float: left;
	padding:6px 0;
}

/*------------------------------------------ エラー */

.error {
	min-height:450px;
}


.error h1{
	padding:15px 20px;
	width:250px;
	font-size:30px;
	color:#ccc;
	letter-spacing:1px;
	background-color:#000;
	margin-top:20px;
}

.error div.box{
	margin:30px;
	line-height:200%;
}

.error p.link{
	font-weight:bold;
	margin:10px 0 0 10px;
}

/*------------------------------------------ イメージ */

.image_box {
	min-height:250px;
	background-color:#ccc;
}

.image_box img{
	display:block;
	text-align:center;
	margin:20px auto;
	max-width:670px;
	overflow:hidden;
}

/*
.image_box {
	display: table-cell;
	width: 670px;
	min-height:250px;
	background-color:#ccc;
	text-align: center;
}

.image_box img{

	text-align:center;
	margin:20px auto;
	max-width:670px;
	overflow:hidden;
}
*/

.image_box div{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#666;
	letter-spacing:1px;
	background-color:#f1f1f1;
	margin-bottom:20px;
	padding:15px;
}