@charset "EUC-JP";

@import "reset.css";
@import "base.css";
@import "navi.css";
@import "left.css";

/*
----------------------------------------------------------------
/genre/korea.tpl トップページ
--------------------------------*/


/*メインコンテンツ
--------------------------------*/
/*フラッシュと大画像*/
#mainContents .swfBox{
	padding:4px;
	background:#fff;
	border:1px solid #CCC;
	margin-bottom: 10px;
}

/*キャンペーン時バナー箱*/
#mainContents .cpnBox{
	margin-bottom: 10px;
}

/*ドラマIMG*/
#mainContents .boxL div img,
#mainContents .boxM div img,
#mainContents .boxS div img,
#mainContents .unit div img{
	border: 1px solid #CCC;
}
/*ドラマボックスの高さ*/
#mainContents .boxL{
	height:240px;
}
*html #mainContents .boxL{
	height:240px;
}
*+html #mainContents .boxL{
	height:240px;
}
#mainContents .boxS h3{
	height:36px;
}
#mainContents .boxS h3.sizeS{
	height:16px;
}
#mainContents h3{
	margin:5px 0 0;
}
#mainContents .boxM{
	height:170px;
}
*html #mainContents .boxM{
	height:180px;
}
/*for Safari*/
html:not(:only-child:only-child) #mainContents .boxM{
	height:180px;
}
/*for FireFox*/
/*#mainContents .boxM, x:-moz-any-link{
	height:190px;
}*/

/*#mainContents h4{
	color:#999933;
}*/

#mainContents .wrapLeft{
	float: left;
}
/*画像横幅128px 新着など*/
#mainContents .boxLWrap{
	width: 433px;
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #CCC;
}
#mainContents .boxLWrap .wrapper{
	margin: 10px 0;
	width: 433px;
	background: url(../img/top/bgboxl.gif) repeat-y;
	_background:none;/*forIE6*/
}
#mainContents .boxLWrap .wrapper:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
/*序盤会員見放題1 新着3のとき*/
#mainContents .boxLWrap .boxL{
	float: left;
	width: 130px;
	margin: 0 7px 5px;
	display:inline;/*forIE6*/
	_margin-right: -1px;/*forIE6*/
}
/*新着4のとき*/
#mainContents .boxMWrap .boxL{
	float: left;
	width: 130px;
	margin: 0 9px 5px;
	_margin: 0 9px 5px 8px;/*forIE6*/
	display:inline;/*forIE6*/
}


/*画像横幅128px 序盤会員見放題*/
#mainContents .boxLWrapSingle{
	width: 147px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #dfdea1;
	border: 1px solid #CCC;
}
#mainContents .boxLWrapSingle .wrapper{
	width: 143px;
	margin: 5px 2px;
	padding: 5px 0px;
	background: #FFF;
}
#mainContents .boxLWrapSingle .wrapper:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#mainContents boxLWrapSingle .boxL{
	width: 130px;
	display:inline;/*forIE6*/
}

/*画像横幅128px まだまだ大人気など*/
#mainContents .boxMWrap{
	width: 593px;
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #CCC;
}
#mainContents .boxMWrap .wrapper{
	margin: 10px 0;
	width: 593px;
	background: url(../img/top/bgboxm.gif) repeat-y;
	_background:none;/*forIE6*/
}
#mainContents .boxMWrap .wrapper:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

#mainContents .boxM{
	float: left;
	width: 130px;
	margin: 0 9px 5px;
	_margin: 0 9px 5px 8px;/*forIE6*/
	display:inline;/*forIE6*/
}

/*画像横幅93px contents_l.jpg流用 歴史ドラマなど*/
#mainContents .boxSWrap{
	width: 593px;
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #CCC;
}
#mainContents .boxSWrap .wrapper{
	margin: 10px 0;
	width: 593px;
	background: url(../img/top/bgboxs.gif) repeat-y;
	_background:none;/*forIE6*/
}
#mainContents .none .wrapper{
	background:none;
}
#mainContents .boxSWrap .wrapper:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

/*おすすめドラマ枠*/
#mainContents .boxSWrap .recommend{
	margin: 10px;
}
#mainContents .boxSWrap .recommend li{
	border-bottom:1px dotted #CCC;
	margin-bottom:4px;
	padding-bottom:4px;
}

#mainContents .none .wrapper:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#mainContents .boxS{
	float: left;
	width: 95px;
	margin: 0 12px 5px 11px;
	display:inline;/*forIE6*/
}

#mainContents .boxOther{
	padding: 10px;
	background: #FFF url(../img/top/bgboxother.gif) repeat-x;
	border-top: 1px solid #CCC;
}
#mainContents .boxOther h3,
#mainContents .boxOther strong{
	padding: 0 8px;
	border-left: 1px solid #CCC;
	line-height:1.8;
	display: inline;
}
#mainContents .boxOther strong.last{
	border-right: 1px solid #CCC;
}
#mainContents .endContents{
	border-top:none;
	background:#FFF;
}




/*画像横幅75px 台湾ドラマなどcontents_m.サイズ*/
#mainContents .boxSIIWrap{
	width: 593px;
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #CCC;
}
#mainContents .boxSIIWrap .wrapper{
	margin: 10px 0;
	width: 593px;
	background: url(../img/top/bgboxunit.gif) repeat-y;
	_background:none;/*forIE6*/
}
#mainContents .boxSIIWrap .wrapper:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

#mainContents .boxSII{
	float: left;
	width: 179px;
	margin: 0 9px 5px;
	_margin: 0 9px 5px 8px;/*forIE6*/
	display:inline;/*forIE6*/
}
#mainContents .boxSII div img{
	display:inline;
	float:left;
	width:75px;
	margin:0 4px 4px 0;
}
#mainContents .boxSII h3{
	line-height:1.2;
}
#mainContents .boxSII p{
	font-size:10px;
}

/*for Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	 #mainContents .boxSII p {
		font-size:10px;
		letter-spacing:-0.1em;
	}
}




/*コピーライト*/
#mainContents .copyright{
	clear: both;
	border: 1px #CCC solid;
	padding:10px;
}
#mainContents .copyright p{
	padding: 10px;
}

/*アドセンス*/
#mainContents .adsenseArea{
	clear:both;
	margin:10px auto 0;
	width:336px;
}


/*期間限定パック*/
#mainContents .cpn{
	position:relative;
}
#mainContents .cpn .freeCampaign{
	position: absolute;
	width: 66px;
	height: 65px;
	z-index: 1;
}
#mainContents .cpn .right{
	right: 2px;
	top: 92px;
}
#mainContents .cpn .left{
	left: 2px;
	top: 92px;
}
#mainContents .cpn .freeCampaign img{
	border: none;
}
#mainContents .cpnOff,
#mainContents .alert{
	font-weight:bold;
	color:#F00;
}

/*割引セール*/
#mainContents .sale{
	background:url(../img/top/sale_box_back.png) no-repeat;
	background-position:0 160px;
}
#mainContents .sale strong{
	display:inline-block;
	color:#FFF;
	font-size:10px;
	margin:0 0 0 50px;
	font-weight:bold;
}
#mainContents .sale h3{
	padding:0 5px;
}
#mainContents .sale p{
	padding:0 5px;
}