@charset "EUC-JP";

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


/*
----------------------------------------------------------------
/static/clutshow.tpl TVカルトショー〜スターとトーキングアバウトページ

cssは/etc/korea/css/strongheat.cssを複製

--------------------------------*/

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

/*コンテンツページ共通
--------------------------------*/
#mainContents .wrapIntro{
	width: 595px;
	padding-bottom: 13px;
	background: url(../enter/cultshow/bottomintro.gif) no-repeat;
	background-position: left bottom;
	margin-bottom:5px;
}
#mainContents .wrapIntro #intro{
	width: 595px;
	background: url(../enter/cultshow/bg_intro.gif) no-repeat;
	height:234px;
	padding-top:9px;
}
#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 #000;
	padding:2px;
}

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

/* コンテンツ*/
#mainContents #contents{
	width: 583px;
	background: #e8afd0 url(../enter/cultshow/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:#4c4c4c;
	text-align:right;
}

/*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;