@charset "UTF-8";
/*
Movie Walker CSS ranking.css
http://movie.walkerplus.com/
 *
Copyright (c) KADOKAWA MARKETING ALL RIGHTS RESERVED.
 *
Created: Yuya Amano - 2009-07-25 13:21
Updated: Sakata
Directed: Morita
Revision: -
*/

#titleSubText{
	padding:10px 0px 0px 0px;
}

#pageHeaderNoBar h1{
	padding-top:11px;
}
#pageHeaderNoBar h2{
	font-weight:bold;
	padding: 10px 0px 5px 0px;
}

#rankingMenu:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#rankingMenu
{
	min-height: 1px;
	zoom: 1;
}

/*                                 ランキング共有 */
#rankingMenu{
	width:615px;
	margin:0 auto;
	background:url(../images/ranking_local_menu.gif) no-repeat;
}
#rankingMenu li{
	float:left;
}
#rankingMenu li a{
	display:block;
	float:left;
	background:url(../images/ranking_local_menu.gif) no-repeat;
	height:0px;
	padding-top:29px;
	overflow:hidden;
}
#rankingMenu #rm-all a{ background-position:left top; width:71px; }
#rankingMenu #rm-japan a{ background-position:-71px 0px; width:108px; }
#rankingMenu #rm-usa a{ background-position:-179px 0px; width:106px; }
#rankingMenu #rm-usergood a{ background-position:-285px 0px; width:107px; }
#rankingMenu #rm-useraccess a{ background-position:-392px 0px; width:104px; }
#rankingMenu #rm-dvd a{ background-position:-502px 0px; width:106px; }

#rankingMenu #rm-all a:hover{ background-position:left -29px; }
#rankingMenu #rm-japan a:hover{ background-position:-71px -29px; }
#rankingMenu #rm-usa a:hover{ background-position:-179px -29px; }
#rankingMenu #rm-usergood a:hover{ background-position:-285px -29px; }
#rankingMenu #rm-useraccess a:hover{ background-position:-392px -29px; }
#rankingMenu #rm-dvd a:hover{ background-position:-502px -29px; }

.page-all #rankingMenu #rm-all a{ background-position:left -29px; }
.page-japan #rankingMenu #rm-japan a{ background-position:-71px -29px; }
.page-usa #rankingMenu #rm-usa a{ background-position:-179px -29px; }
.page-usergood #rankingMenu #rm-usergood a{ background-position:-285px -29px; }
.page-useraccess #rankingMenu #rm-useraccess a{ background-position:-392px -29px; }
.page-dvd  #rankingMenu #rm-dvd a{ background-position:-502px -29px; }

.rankChange{
	display:block;
	width:27px;
	height:0px;
	padding-top:16px;
	overflow:hidden;
	background:left -70px url(../images/icon_rank_change.gif) no-repeat;
}
.rankChange span{ font-size:10px; }
.rankChange.new{ background-position:left 3px; }
.rankChange.up{ background-position:left -34px; }
.rankChange.down{ background-position:left -106px; }



/*                                 ランキング */
.movieMeta{
	float:left;
	width:200px;
	padding:5px 3px 10px 3px;
	text-align: center;
	background:#e9edf1;
	position: relative;
	left:10px;
}
.movieMetaBox{
	position:relative;
	height: 22px;
}
.movieMetaBox .ranking1{
	display:block;
	width:80px;
	height:0px;
	padding-top:21px;
	overflow:hidden;
	background:left 1px url(/global/images/side/icon_ranking.gif) no-repeat;
}
.movieMetaBox .ranking2{
	display:block;
	width:80px;
	height:0px;
	padding-top:21px;
	overflow:hidden;
	background:left -119px url(/global/images/side/icon_ranking.gif) no-repeat;
}
.movieMetaBox .ranking3{
	display:block;
	width:80px;
	height:0px;
	padding-top:21px;
	overflow:hidden;
	background:left -239px url(/global/images/side/icon_ranking.gif) no-repeat;
}
.movieMetaBox .ranking4{
	display:block;
	width:80px;
	height:0px;
	padding-top:21px;
	overflow:hidden;
	background:left -359px url(/global/images/side/icon_ranking.gif) no-repeat;
}
.movieMetaBox .ranking5{
	display:block;
	width:80px;
	height:0px;
	padding-top:21px;
	overflow:hidden;
	background:left -469px url(/global/images/side/icon_ranking.gif) no-repeat;
}
.movieMetaBox .rankingRank{
	display:block;
	width:20px;
	height:15px;
	padding-top:5px;
	overflow:hidden;
	text-align:center;
}
.movieMetaBox .rankChange{
	height:17px;
	padding:4px 0px 0px 28px;
	width: 80px;
	position:absolute;
	top:1px;
	left:20px;
}
.movieMetaBox .stars{
	position:absolute;
	top:2px;
	left:118px;
}
.movieMetaImage{
	padding:10px 0px 0px 0px;
}

.movieInfo{
	float:left;
	width:400px;
	padding-left:15px;
}
.movieInfo p{
	line-height:1.6em;
}
.movieInfo p strong{
	display:block;
	padding:2px 0px 8px 0px;
}
.movieInfo p strong a{
	font-size: 16px;
	font-weight:bold;
}

.mwb h4{
	margin:10px 0px 10px 0px;
}
.tabRankingTitle{
	position:relative;
}
.tabRankingTitle h5{
	background:url(../images/tab_ranking_bg.gif) no-repeat;
	height:22px;
	width:199px;
	padding: 4px 0px 1px 8px;
}
.tabRankingTitle h5 a:hover{
	color: inherit;
}
.tabRankingTitle h5 a{
	font-size: 14px;
	color: #000000;
}
.tabRankingTitle a.more{
	position:absolute;
	top: 10px;
	left: 220px;
}
.japanRanking,
.usaRanking{
	float:left;
	padding-left: 15px;
}
.rankingTable{
	width:300px;
}
.rankingTable th,
.rankingTable td{
	border: 1px solid #d1d1d1;
	padding: 8px 8px 8px 8px;
	text-align:left;
}
.rankingTable .rankChange{
	height:18px;
	padding:0px 0px 0px 0px;
	text-indent:-9999px;
}
.rankingTable th{
	width:22px;
	text-align:center;
}
.rankingTable th.image{
	width:31px;
	padding:0px 0px 0px 4px;
	background:#e9edf1;
	text-align:left;
}
.rankingTable .ranking1{
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:left 1px url(/global/images/side/icon_ranking.gif) no-repeat;
}
.rankingTable .ranking2{
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:left -120px url(/global/images/side/icon_ranking.gif) no-repeat;
}
.rankingTable .ranking3{
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:left -240px url(/global/images/side/icon_ranking.gif) no-repeat;
}



/*                                 ランキング個別 */
#rankingMovieList .mwb{
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 10px;
}



.rankSpecialLink{
	margin: 10px 1px 1px 3px;
}
.rankSpecialLink .iconTrailer a{
	display:block;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
}
.rankSpecialLink .scheduleLink{
	margin: 5px 2px 5px 2px;
}
.rankSpecialLink .iconTrailer{
	background:left top url(/pages/images/icon_trailer.gif) no-repeat;
	margin: 5px 2px 5px 2px;
}



