@charset "EUC-JP";

@import "/etc/korea/css/reset.css";
@import "/etc/korea/css/base.css";
@import "/etc/korea/css/navi.css";
@import "/etc/korea/css/left.css";
@import "/r_css/parts/snswidget.css";/*snswidget*/

/*メインコンテンツ
--------------------------------*/
/*トピックパス*/
#mainContents .topicPath{
	margin-bottom: 10px;
}
#mainContents .topicPath li{
	padding: 0 4px 0 8px;
	background: url(../img/drama/arrowtopicpath.gif) no-repeat;
	background-position: 0 4px;
	list-style: none;
	display: inline;
}
/*SNS*/
#mainContents .snsWidget{
	float:right;
	margin-bottom:5px;

}
/*タイトル*/
#mainContents .wrapper{
	width: 595px;
}

/*トップページ
--------------------------------*/
#mainContents .wrapper .contents{
	clear:both;
	width: 575px;
	margin:0 10px 10px;
	background:#1a1a1a;
}
#cntHeader{

}
.contentsArea{
	width:557px;
	margin:0 9px;
}
.contentsArea .sectionAlert{
	margin:10px 0 0;
}
.contentsArea .sectionAlert .read{
	background:#CCC;
	border-top:1px solid #999;
}
.contentsArea .sectionAlert .read p{
	background:url(../img/icon.gif) no-repeat;
	margin:10px 20px 0;
	padding:0 0 10px 20px;
	font-size:14px;
	font-weight:bold;
	color:#b04444;
	line-height:1.1;
}
.contentsArea .sectionAlert .read2{
	background:#5e5e66;
}
.contentsArea .sectionAlert .read2 p{
	padding:20px;
	color:#FFF;
	line-height:1.5;
}
.contentsArea .sectionAlert .read2 p span{
	color:#F00;
	
}
.contentsArea .purchase{
	background:#e6e6e6;
	padding:10px 11px;
}
.contentsArea .purchase p{
	text-align:center;
	padding:10px 0;
}

.contentsArea .purchase .buttonArea{
	width:535px;
	height:130px;
	background:url(../img/bg_purchase.gif);
	position:relative;
}
.contentsArea .purchase .ver3{
	background:url(../img/bg_purchase3.gif);
}
.contentsArea .purchase .ver4{
	background:url(../img/bg_purchase4.gif);
}
.contentsArea .purchase .ver5{
	background:url(../img/bg_purchase5.gif);
}
.contentsArea .purchase .ver6{
	background:url(../img/bg_purchase6.gif);
}
.contentsArea .purchase .ver7{
	background:url(../img/bg_purchase7.gif);
}
.contentsArea .purchase .ver8{
	background:url(../img/bg_purchase8.gif);
}
.contentsArea .purchase .buttonArea input{
	position:absolute;
	top:81px;
	left:121px;
}
.contentsArea .purchase .buttonArea div{
	position:absolute;
	top:48px;
	right:35px;
}
.contentsArea .purchase .buttonArea p.alert{
	font-size:14px;
	font-weight:bold;
	color:#F00;
}
.contentsArea .purchase p.alert{
	font-size:10px;
	margin-top:5px;
	color:#b04444;
}
.contentsArea .sectionArtist{
	width:557px;
}
.contentsArea .sectionArtist:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
	content: ".";
}



.contentsArea .sectionArtist .unit{
	float:left;
	width:109px;
	height:156px;
	background:url(../img/bg_unit.gif);
	position:relative;
	margin:3px 1px;
}
.contentsArea .sectionArtist .unit .title{
	height:39px;
	text-align:center;
	color:#FFF;
}
.contentsArea .sectionArtist .unit .title strong{
	font-weight:bold;
	display:block;
	line-height:1;
	padding-top:5px;
}
.contentsArea .sectionArtist .unit .title span{
font-size:10px;
}
.contentsArea .sectionArtist .unit .img{

}
.contentsArea .sectionArtist .unit .button{
	width:67px;
	margin:6px auto 0;
}
.contentsArea .unitOther{
	clear:both;
	width:551px;
	border:1px solid #666666;
	margin:10px 1px;
}
.contentsArea .unitOther p{
	text-align:center;
	color:#FFF;
	padding:5px 10px;
	font-weight:bold;
}
.sectionBanner{
	width:450px;
	margin:20px auto;
}
.sectionBanner p{
	color:#FFF;
	margin:20px 0;
}
.sectionBanner p strong{
	font-weight:bold;
}
.sectionLink{
	text-align:center;
}
.sectionLink a{
	color:#FFF;
}

.credit{
	text-align:center;
	margin:10px;
	color:#FFF;
}


/*モーダルウィンドウ infoページ
--------------------------------*/
#overlay{
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#FFF;
	display:none;
}
.window{
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:9999;
	padding:20px;
}
div#dialogBox{
	width:575px;
	height:520px;
	padding:10px;
	background-color:#eff1f0;
	border:1px solid #666;
	color:#4d4d4d;
}

div#dialogBox .close{
	text-align:center;
	margin:10px 0;
	font-size:10px;
}

div#dialogBox .wrap{
	background:url(../img/bg_info.jpg) no-repeat;
	background-position:340px 100px;
}
div#dialogBox .wrap .title{
	background:#0066ff;
	font-weight:bold;
	color:#FFF;
	padding:2px 4px;
	margin-bottom:15px;
}
div#dialogBox .wrap .read{
	font-weight:bold;
	margin-bottom:10px;
}
div#dialogBox .wrap div{
	margin:10px 10px 20px;
	line-height:1.7;
}
div#dialogBox .wrap div p{
	margin-right:250px;
}
div#dialogBox .wrap .read span,
div#dialogBox .wrap p span{
	color:#F00;
}


/*ドラマリコメンド枠 /genre/korea.tplからコピー
--------------------------------*/

#mainContents .recommendArea{
	clear:both;
	margin-top:10px;
	margin:5px;
}
#mainContents .recommendArea h2{
	margin-bottom:0;
}

/*css/top.cssから流用 一部調整*/
#mainContents .boxS div img{
	border: 1px solid #CCC;
}

/*#mainContents .boxS h3{
	height:36px;
}

#mainContents .boxS h3.sizeS{
	height:16px;
}*/

/*画像横幅93px contents_l.jpg流用 歴史ドラマなど*/
#mainContents .boxSWrap{
	width: 583px;
	margin-bottom: 10px;
	border: 1px solid #1a1a1a;
	border-top:none;
	background:#333;
}
#mainContents .boxSWrap .wrapper{
	margin: 0 auto;
	width: 563px;
	padding-top:10px;
	background:#333;
}
#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 .boxS{
	float: left;
	width: 93px;/*調整*/
	margin: 0 8px 5px 9px;/*調整*/
	_margin: 0 7px 5px;/*調整*/
	display:inline;/*forIE6*/
}
#mainContents .mnet .boxS h3 a{
	color:#FFF;
}
#mainContents .banner {
	width: 585px;
	padding:15px 5px;
}
#mainContents .adsenseArea {
clear:both;
margin:10px auto 0;
width:336px;
}


/*ラブストーリー箱*/
#mainContents .drama .boxSWrap{
	width: 583px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	border-top:none;
	background:#FFF;
}
#mainContents .drama .boxSWrap .wrapper{
	margin: 0 auto;
	width: 563px;
	padding-top:10px;
	background:#FFF;
}



#mainContents .boxSWrap ul li{
	display:inline;
}