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

 ranking page ランキング ページ
 
-----------------------------------------------*/

div#ranking{width:800px; margin:0 auto; padding-bottom:30px; overflow:auto;}
div#ranking h2{background:url(../img/ranking/headline.gif) no-repeat; width:800px; height:26px; text-indent:-9000px;}

/*-----------------------------------------------
 ranking this week
-----------------------------------------------*/
#rankAreaLeft{width:385px; float:left;}

/*-----------------------------------------------
 ranking last week
-----------------------------------------------*/
#rankAreaRight{width:385px;	float:left;}

/*-----------------------------------------------
 ranking headline
-----------------------------------------------*/
.rankAreaText{width:390px; float:left; padding: 0px; font-size:12px; color: #000000; height:30px; margin-top:15px;}
.rankAreaText span.subtitle{background:#330000; color:#FFF; width:390px; height:22px; display:block; line-height:1.6em;}

#rankIn{width:190px; float:left;}
.rankThum{ width:190px;	height:100px; float:left; border:#330000 solid 1px;	margin:5px 0px 0px 0px; background:#EEE;}


/*-----------------------------------------------
 top3 ranking style
-----------------------------------------------*/
.rankLeft{width:35px; height:100px;	float:left;	background-color:#330000;}
.rankRank{ width:35px; height:20px;	float:left;	font-size:12px;	color: #FFFFFF;	text-align:center; padding:20px 0px 0px 0px; font-weight: bold;}
.rankArrow{	width:35px;	height:30px; float:left; text-align:center;	padding:0px;}
.rankNumber{width:35px;	height:30px; float:left; text-align:center;	padding:0px; font-size:11px; color: #FFFFFF;}

/*-----------------------------------------------
 top4-20 ranking style
-----------------------------------------------*/
.rankLeftWhite{	width:35px;	height:100px; float:left; background-color:#DAC0AD;	border-right:#330000 solid 1px;}
.rankRankWhite{	width:35px;	height:20px; float:left; font-size:12px; text-align:center; padding:20px 0px 0px 0px; font-weight: bold;}
.rankArrowWhite{width:35px;	height:30px; float:left; text-align:center;	padding:0px 0px 0px 0px;}
.rankNumberRed{	width:32px;	height:30px; float:left; text-align:center;	padding:0px; font-size:11px;}


.rankPerformername{	width:92px;	height:20px; float:left; font-size:10px; text-align:center;	padding-top:3px; overflow: hidden; font-weight:bold;}
.rankPerformernamePhoto{ width:150px; height:75px; float:left; text-align:center; padding-top:0px;}

.rankProfile{width:55px; height:20px; float:left; text-align:center; padding-top:3px;}
.rankProfile ul li.profile a{background:url(../img/home/profile_sml.gif) 0px 0; width:55px; height:15px; display:block; text-indent:-9000px; margin-top:1px;}
.rankProfile ul li.profile a:hover{background:url(../img/home/profile_sml.gif) -55px 0;}
.rankProfile ul li.online a{background:url(../img/home/chat_sml.gif) 0 0; width:55px; height:15px; display:block; text-indent:-9000px; margin-top:1px;}
.rankProfile ul li.online a:hover{background:url(../img/home/chat_sml.gif) -55px 0;}


/*-----------------------------------------------
 space
-----------------------------------------------*/
.spaceSmall{ width:5px;	height:autopx; float:left;}
.spaceLarge{ width:20px; height:1150px;	float:left;	background:url(../img/ranking/line.gif) center repeat-y;}
.spaceLarge2{ width:20px; height:100px;	float:left;	background:url(../img/ranking/line.gif) repeat-y;}