@charset "EUC-JP";

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

/*
----------------------------------------------------------------
/static/korea/movieranking.tpl 映画ランキングページ
--------------------------------*/


/*メインコンテンツ
--------------------------------*/
/*トピックパス*/
#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;
	background: #e6e6e6;
	border: 1px solid #CCC;
	border-bottom: none;
}
#mainContents .wrapper{
	width: 575px;
	padding: 9px;
	background: #FFF;/*ドラマページと変更*/
	border: 1px solid #CCC;
}


/*K-POPトップ*/

/*　領域設定
------------------------------------------------------------*/
#mainContents .wrapper div#ranking{
	float: left;
	width: 395px;
}
#mainContents .wrapper div#ranking:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#mainContents .wrapper div#archive{
	float: left;
	width: 395px;
}
#mainContents .wrapper div#honpen{
	float: right;
	width: 164px;
	margin: 0px 0px 0px 16px;
	background-image: url(/etc/korea/movieranking/img/bg_honpen.gif);
	background-repeat: repeat-y;
	font-size: 12px;
	line-height: 140%;
	display: inline;
}
#mainContents .wrapper div#honpen:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
/*　左側ランキング
------------------------------------------------------------*/
/*リード*/
#mainContents .wrapper div#ranking .read{
	padding: 0px 10px;
	font-size: 12px;
	color: #FF0000;
	line-height: 140%;
}
#mainContents .wrapper div#ranking .read strong{
	color: #4D4D4D;
}

/*メニュー*/
#mainContents .wrapper div #menu{
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
	text-align: right;
}

/*ボックス設定*/
#mainContents .wrapper div#ranking .box{
	clear: left;
	width: 391px;
	margin: 0px 0px 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	border: 2px solid #FF9900;
	font-size: 12px;
	line-height: 140%;
}
#mainContents .wrapper div#ranking .box:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#mainContents .wrapper div#ranking .box h3,#mainContents .wrapper div#ranking .box h4{
	font-size: 12px;
	line-height: 140%;
}
#mainContents .wrapper div#ranking .box h3{
	height: 37px;
	padding: 5px 5px 0px 10px;
	background-image: url(/etc/korea/movieranking/img/bg_title.gif);
	background-repeat: no-repeat;
	color: #ff9900;
}
#mainContents .wrapper div#ranking .box h4{
	padding-left: 10px;
}
#mainContents .wrapper div#ranking .box .img{
	float: left;
	margin: 8px 10px 0px;
}
#mainContents .wrapper div#ranking .box .txt{
	padding: 8px 10px 10px 0px;
	font-size: 12px;
}
#mainContents .wrapper div#ranking .box .cast{
	font-size: 10px;
}

/*ボックス設定（ランキング、アーカイブ共通）*/
/*領域のくずれ防止。*/
#mainContents .wrapper div .box hr{
	height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
#mainContents .wrapper div .box .cast{
	font-size: 10px;
}
#mainContents .wrapper div .box .view-box{
	float: right;
	padding: 8px 0px 0px;
	font-size: 10px;
	line-height: 130%;
}
#mainContents .wrapper div .box .view-box span{
	float: left;
	width: 100px;
	text-align: center;
}
#mainContents .wrapper div .sponsor{
	padding: 10px;
	font-size: 10px;
	text-align: center;
}
#mainContents .wrapper div#ranking .alert{
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}
#mainContents .wrapper div#ranking .copyright{
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
}
	
/*　左側アーカイブ
------------------------------------------------------------*/
#mainContents .wrapper div#archive .read{
	padding: 0px 10px 10px;
	font-size: 12px;
	color: #FF0000;
	line-height: 140%;
}
#mainContents .wrapper div#archive .read strong{
	color: #4D4D4D;
}
#mainContents .wrapper div#archive .box{
	clear: both;
	width: 371px;
	margin: 0px 0px 10px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 2px solid #FF9900;
	font-size: 12px;
	line-height: 140%;
}
#mainContents .wrapper div#archive .box:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
#mainContents .wrapper div#archive .box .img{
	float: left;
	padding-right: 10px;
	background-color: #FFFFFF;
}
#mainContents .wrapper div#archive .box .txt{
	font-size: 12px;
}
#mainContents .wrapper div#archive .box h3{
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: dotted 2px #CCCCCC;
	font-size: 12px;
	color: #ff9900;
}
#mainContents .wrapper div#archive .box h3 span{
	margin-left: 10px;
	font-size: 10px;
	font-weight: lighter;
	color: #4D4D4D;s
}
	
/*　右側本編
------------------------------------------------------------*/
#mainContents .wrapper div#honpen .read{
	margin: 10px 0px;
	padding: 5px 9px;
	background-color: #666666;
	color: #FFFFCC;
}
#mainContents .wrapper div#honpen .box{
	padding: 0px 10px 5px;
}
#mainContents .wrapper div#honpen .box h3{
	font-size: 12px;
}
#mainContents .wrapper div#honpen .box h3 .img{
	margin: 2px 0px 5px;
}
#mainContents .wrapper div#honpen .box .txt{
	font-size: 12px;
	line-height: 140%;
}
#mainContents .wrapper .box .txt .alert{
	color:#F00;
	font-size:10px;
}
#mainContents .wrapper div#honpen .box .cast{
	font-size: 10px;
	line-height: 130%;
}
#mainContents .wrapper div#honpen .box .price{
	font-size: 10px;
	line-height: 130%;
	text-align: right;
}
#mainContents .wrapper div#honpen .box .view img{
	float: right;
	margin: 3px 0px 0px;
}
#mainContents .wrapper div#ranking .copyright{
	clear: both;
	padding: 0px 10px;
	background-color: #FFFFFF;
	font-size: 10px;
	line-height: 130%;
}
#mainContents .wrapper div#honpen .link{
	clear: both;
	margin: 10px 0px;
	padding: 5px 9px;
	text-align: right;
}