@charset "EUC-JP";

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


/*
----------------------------------------------------------------
/static/mnet_on.tpl
/static/mnet_on/xxx.tpl Mnetページ
--------------------------------*/

/*メインコンテンツ
--------------------------------*/
/*トピックパス*/
#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;
}

/*タイトル*/
#mainContents h1{
	padding: 4px;
	border-bottom: none;
}
#mainContents .wrapper{
	width: 595px;
	background-color: #000000!important;
}

/*トップページ
--------------------------------*/
#mainContents .contents{
	width: 585px;
	margin:5px;
}
#mainContents .section{
	width: 573px;
	background: #475163 url(../mnet_on/listtop.gif) no-repeat;
	background-position:left top;
	border: 1px solid #1a1a1a;
	padding:23px 5px 5px;
	margin:10px 0;
	position:relative;
}
#mainContents .section:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#mainContents .section .img{
	float:left;
	display:inline;
	width:230px;
	margin-right:8px;
}
#mainContents .section .txt{
	float:left;
	display:inline;
	width:335px;
}
#mainContents .section .txt p{
	color:#e5e5e5;
	line-height:1.5;
	padding:10px 0;
}
#mainContents .section .txt .btn{
	position:absolute;
	bottom:5px;
	right:5px;
}

#mainContents .contents .otherContents{
	padding-bottom:10px;
}
#mainContents .contents .otherContents:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#mainContents .contents .otherContents #tbs{
	float:left;
	display:inline;
	width:403px;
	margin-right:12px;
}
#mainContents .contents .otherContents #tbs .wrapper{
	width: 401px;
	border: 1px solid #1a1a1a;
	border-top:none;
	background:#333;
}

#mainContents .contents .otherContents #tbs .wrapper .unit{
	width: 385px;
	padding:8px;
}
#mainContents .contents .otherContents #tbs .wrapper .unit:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#mainContents .contents .otherContents #tbs .wrapper .unit .img{
	float:left;
	display:inline;
	width:75px;
	margin-right:8px;
}
#mainContents .contents .otherContents #tbs .wrapper .unit .txt{
	float:left;
	display:inline;
	width:302px;
}
#mainContents .contents .otherContents #tbs .wrapper .unit .txt h3 a{
	color:#e5e5e5;
	font-weight:bold;
}
#mainContents .contents .otherContents #tbs .wrapper .unit .txt p{
	color:#e5e5e5;
}
#mainContents .contents .otherContents #tbs p.link a{
	color:#e5e5e5;
	text-align:right;
}

#mainContents .contents .otherContents #swf{
	float:left;
	display:inline;
	width:170px;
}

/*コンテンツページ共通
--------------------------------*/
#mainContents .wrapIntro{
	width: 595px;
	padding-bottom: 13px;
	background: url(../mnet_on/bottomintro.gif) no-repeat;
	background-position: left bottom;
	margin-bottom:5px;
}
#mainContents .wrapIntro #intro{
	width: 595px;
	/*background: #3a4251 url(../mnet_on/bg_intro.gif) repeat-x;*/
	background: #454e60;
	padding-bottom:5px;
}
#mainContents .wrapIntro #intro:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
/* イントロ*/
#intro .leftArea{
	float: left;
	width: 277px;
	margin-right:11px;
}
#intro .rightArea{
	float: right;
	width: 307px;
}
/* イントロ メインイメージ*/
#intro .mainImg{
	width: 270px;
	padding: 0 0 0 7px;
}
#intro .mainImg img{
	width: 264px;
	border: 1px solid #999;
	padding:2px;
}

#intro .rightArea p{
	color:#e5e5e5;
	font-size:10px;
	line-height:1.5;
}
#intro .rightArea p.detail{
	color:#ffb2c8;
}
/* お知らせ*/
#mainContents .info{
	width:563px;
	margin:5px auto;
	padding: 10px;
	background: #cccccc;
	border: 1px solid #1a1a1a;
}
#mainContents .info strong{
	color:#94173a;
	font-weight:bold;
}
#mainContents .info span{
	color:#C00;
}

/* メニュー*/
#mainContents #mnetMenu{
	clear:both;
	width: 585px;
	margin:5px;
}
#mainContents #mnetMenu:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
	content: ".";
}
#mainContents #mnetMenu li{
	display: inline;
	float: left;
	margin-left:-1px;
}
#mainContents #mnetMenu li.first{
	margin-left:0;
}
#mainContents #mnetMenu li a{
	display: block;
	width: 147px;
	height: 30px;
	background: url(../mnet_on/bg_menu.gif) no-repeat;
	text-align:center;
	line-height:2.5;
	color:#ed5a84;
}



/*totta メニュー（CSSspriteロールオーバー）
--------------------------------*/
#mainContents #tottaMenu{
	clear:both;
	width: 585px;
	margin:5px 5px -6px;
}
#mainContents #tottaMenu:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
	content: ".";
}
#mainContents #tottaMenu li{
	display: inline;
	float: left;
}
#mainContents #tottaMenu li.menu01 {
	margin-left: 0;
}

#mainContents #tottaMenu li a{
	display: block;
	width: 117px;
	height: 41px;
	overflow: hidden;
	background: #FFF url(/etc/korea/mnet_on/totta/menu.gif) no-repeat;
	text-indent: -9999px;
}
#mainContents #tottaMenu li.menu01 a {
	background-position: 0  0;
}
#mainContents #tottaMenu li.menu02 a {
	background-position: -117px 0;
}
#mainContents #tottaMenu li.menu03 a {
	background-position: -234px 0;
}
#mainContents #tottaMenu li.menu04 a {
	background-position: -351px 0;
}
#mainContents #tottaMenu li.menu05 a {
	background-position: -468px 0;
}

#mainContents #tottaMenu li.menu01 a:hover {
	background-position: 0  -41px;
}
#mainContents #tottaMenu li.menu02 a:hover {
	background-position: -117px -41px;
}
#mainContents #tottaMenu li.menu03 a:hover {
	background-position: -234px -41px;
}
#mainContents #tottaMenu li.menu04 a:hover {
	background-position: -351px -41px;
}
#mainContents #tottaMenu li.menu05 a:hover {
	background-position: -468px -41px;
}

.totta #mainContents #tottaMenu li.menu01 a{
	background-position: 0  -41px;
}
.div2 #mainContents #tottaMenu li.menu02 a{
	background-position: -117px -41px;
}
.div3 #mainContents #tottaMenu li.menu03 a{
	background-position: -234px -41px;
}
.div4 #mainContents #tottaMenu li.menu04 a{
	background-position: -351px -41px;
}
.div5 #mainContents #tottaMenu li.menu05 a{
	background-position: -468px -41px;
}



#mainContents #tottaMenu li{
	position:relative;
}
#mainContents #tottaMenu li img{
	position: absolute;
	width: 35px;
	height: 35px;
	z-index: 1;
	right: 0px;
	top:3px;
}


/*メニューが揃うまで仮対応*/
/*#mainContents #tottaMenu li{
	display: block;
	width: 117px;
	height: 41px;
	overflow: hidden;
	background: #FFF url(/etc/korea/mnet_on/totta/menu_temp.gif) no-repeat;
	text-indent: -9999px;
}
#mainContents #tottaMenu li.menu05{
	background-position: -468px 0;
}*/
/*メニューが揃うまで仮対応*/

/* コンテンツ*/
#mainContents #contents{
	width: 583px;
	background: #363d4b url(../mnet_on/listtop.gif) no-repeat;
	background-position:left top;
	border: 1px solid #1a1a1a;
	margin:5px;
}
#mainContents #contents:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

/* コンテンツ リスト*/
#contents #contentsList{
	width: 558px;
	margin: 31px 0 13px 13px;
}
#contentsList th,
#contentsListCpn th{
	border: 1px solid #CCC;
	border-collapse: collapse;
	height: 19px;
	overflow: hidden;
	background: #FFF url(../img/drama/drama_parts.gif) no-repeat;
	text-indent: -9999px;
}
#contentsList th#listTitle,
#contentsListCpn th#listTitleCpn{
	background-position: -1px -76px;
	width:378px;
}
#contentsList th#listTime,
#contentsListCpn th#listTimeCpn{
	background-position: -380px -76px;
	width:89px;
}
#contentsList th#listView,
#contentsListCpn th#listViewCpn{
	background-position: -470px -76px;
	width:87px;
}

#contentsList td,
#contentsListCpn td{
	padding: 6px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}
#contentsList tr,
#contentsListCpn tr{
	background: #FFF;
}
#contentsList tr.even,
#contentsListCpn tr.even{
	background: #f0f0f0;
}
#contentsList td.img,
#contentsListCpn td.img{
	width: 75px;
	padding-right: 0;
	border-right: none;
}
#contentsList td.title,
#contentsListCpn td.title{
	width: 285px;
	border-left: none;
}
#contentsList td.time,
#contentsListCpn td.time{
	text-align: center;
}
#contentsList td.time p,
#contentsListCpn td.time p{
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCC;
}
#contentsList td.time span,
#contentsListCpn td.time span{
	color: #F00;
}
#contentsList td.view,
#contentsListCpn td.view{
	text-align: center;
}
#contentsList td.view img,
#contentsListCpn td.view img{
	margin: 3px 0;
}
#contentsList td.footerMenu,
#contentsListCpn td.footerMenu{
	height: 19px;
	padding: 0;
	background: url(../img/drama/bglistfooter.gif) no-repeat;
}
#contentsList td.footerMenu .back,
#contentsListCpn td.footerMenu .back{
	float: left;
	padding: 1px 6px 0;
}
#contentsList td.footerMenu .next,
#contentsListCpn td.footerMenu .next{
	float: right;
	padding: 1px 6px 0;
}


/*コピーライト*/
#mainContents .copyright{
	clear: both;
	padding: 0 10px 10px;
	color:#FFF;
	text-align:right;
}

/*ドラマリコメンド枠 /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;
	text-align: center;
}
#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 .wrapper > div{
	margin: 0 auto 10px;
	overflow: hidden;
}
#mainContents .wrapper .header,
#mainContents .wrapper .catch{
	width:575px;
	margin: 0 auto 10px;
	overflow: hidden;
}
#mainContents .boxS{
	width: 93px;
	margin: 0 8px 5px 8px !important;
	display:inline-block;
    vertical-align: top;
}
#mainContents .boxS h3 a{
	color:#FFF;
}
#mainContents .banner {
	width: 585px;
	text-align:center;
	padding:0px 5px 10px;
}
#mainContents .adsenseArea {
clear:both;
margin:10px auto 0;
width:336px;
}

/*clientEnvironments
--------------------------------*/
#mainContents #clientEnvironments{
	width:563px;
	margin:10px auto;
}

/*clientEnvironments
--------------------------------*/
#clientEnvironments{
	margin:10px 0;
	border:1px solid #CCC;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
	padding:5px 10px;
	background: #e4e4e4 url(/etc/korea/img/drama/bg_client.jpg) repeat-x;
	font-size:12px;
}
#clientEnvironments ul{
	clear:both;
	margin:6px 0 4px;
	font-size:10px;
}
#clientEnvironments ul:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
	content: ".";
}
#clientEnvironments ul li{
	display: inline;
	float: left;
	margin-right:5px;
}
#clientEnvironments ul li#wp a,
#clientEnvironments ul li#android a,
#clientEnvironments ul li#ios a,
#clientEnvironments ul li#xbox a{
	display: block;
	width: 66px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/detail/icon_client.png) no-repeat;
	text-align:justify;
}
#clientEnvironments ul li#android a{
	background-position: -66px 0;
}
#clientEnvironments ul li#ios a {
	background-position: -132px 0;
}
#clientEnvironments ul li#xbox a {
	background-position: -198px 0;
}
#clientEnvironments ul li#read{
	width: 250px;