@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------
	ランキング専用
----------------------------------------------------------*/

#mainContent .ranking h2{
	width: 600px;
	height: 32px;
	margin-bottom: 10px !important;
	color: #FFF;
	display: block;
	text-indent:-9999px;
}

#mainContent .ranking h2.top{
background:url(/images/ranking/h2_ranking_top.gif) no-repeat 0 0;}

#mainContent .ranking h2.common{
background:url(/images/ranking/h2_common.gif) no-repeat 0 0;}

#mainContent .ranking h2.adult{
background:url(/images/ranking/h2_adult.gif) no-repeat 0 0;}

#mainContent .ranking h2.lady{
background:url(/images/ranking/h2_lady.gif) no-repeat 0 0;}

	/* -----------------無料作品見出し----------------*/
	
	#mainContent .ranking h2.topF{
	background:url(/images/ranking/h2_ranking_top_free.gif) no-repeat 0 0;}
	
	#mainContent .ranking h2.commonF{
	background:url(/images/ranking/h2_common_f.gif) no-repeat 0 0;}
	
	#mainContent .ranking h2.adultF{
	background:url(/images/ranking/h2_adult_f.gif) no-repeat 0 0;}
	
	#mainContent .ranking h2.ladyF{
	background:url(/images/ranking/h2_lady_f.gif) no-repeat 0 0;}

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

#mainContent .ranking div.rankingBtn{
	text-align:center;
	margin-bottom:10px;}

#mainContent .ranking .Info{
	width:360px !important;}
	

#mainContent .ranking .item .rank{
	float:left;
	width:105px;
	text-align:center;
	height:74px;
	padding-top:20px;
	margin-right:10px;
	background:url(/images/ranking/icon_ranking.jpg) no-repeat 0 0;}
	
	#mainContent .ranking .item .rank .rankNum{
		font-size:131.25% !important;
		font-weight:bold;
		font-family: "trebuchet MS",sans-serif;
		color:#F18300 !important;
		margin-bottom:11px;}
		
	#mainContent .ranking .item .rank .dlNum{
		font-size:112.5% !important;
		font-family: "trebuchet MS",sans-serif;
		font-weight:bold;
		color:#FFF !important;}

/* ---------------------------------
ナビ
*/

#mainContent .ranking #nav{
margin-bottom:20px;
width:600px;
height:33px;}
	
	/* -----------------IE6----------------*/
	* html #mainContent .ranking #nav{
	margin-bottom:0;}
	/* ------------------------------------*/


#mainContent .ranking #nav ul li{
	float: left;
	margin:0;
	padding:0;
	display: inline;
}

#mainContent .ranking #nav ul li a {
	height: 33px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}	
		
	/*過去7日間*/
	#mainContent .ranking #nav ul li#rnav1{
	width: 167px;
	background:url(/images/ranking/nav_day_f2.gif) no-repeat 0 0;
	}
	
	#mainContent .ranking #nav ul li#rnav1Actv{
	width: 167px;
	background:url(/images/ranking/nav_day_actv.gif) no-repeat 0 0;
	}


	
	#mainContent .ranking #nav ul li#rnav1 a{
	width: 167px;
	background:url(/images/ranking/nav_day.gif) no-repeat 0 0;
	}


	
	#mainContent .ranking #nav ul li#rnav1 a:hover{
	background: none;
	}
	
	/*過去一ヶ月*/
	#mainContent .ranking #nav ul li#rnav2{
	width: 169px;
	background:url(/images/ranking/nav_month_f2.gif) no-repeat 0 0;
	}
	
	#mainContent .ranking #nav ul li#rnav2Actv{
	width: 169px;
	background:url(/images/ranking/nav_month_actv.gif) no-repeat 0 0;
	}


	
	#mainContent .ranking #nav ul li#rnav2 a{
	width: 167px;
	background:url(/images/ranking/nav_month.gif) no-repeat 0 0;
	}


	
	#mainContent .ranking #nav ul li#rnav2 a:hover{
	background: none;
	}
	
	#mainContent .ranking #nav ul li#rnav1 a:hover{
	background: none;
	}
	
	/*累計*/
	#mainContent .ranking #nav ul li#rnav3{
	width: 133px;
	background:url(/images/ranking/nav_total_f2.gif) no-repeat 0 0;
	}
	
	#mainContent .ranking #nav ul li#rnav3Actv{
	width: 133px;
	background:url(/images/ranking/nav_total_actv.gif) no-repeat 0 0;
	}


	
	#mainContent .ranking #nav ul li#rnav3 a{
	width: 133px;
	background:url(/images/ranking/nav_total.gif) no-repeat 0 0;
	}


	
	#mainContent .ranking #nav ul li#rnav3 a:hover{
	background: none;
	}
	
	/*年間*/
	#mainContent .ranking #nav ul li#rnav4{
	width: 131px;
	background:url(/images/ranking/nav_year_f2.gif) no-repeat 0 0;
	}
	
	#mainContent .ranking #nav ul li#rnav4Actv{
	width: 131px;
	background:url(/images/ranking/nav_year_actv.gif) no-repeat 0 0;
	}


	
	#mainContent .ranking #nav ul li#rnav4 a{
	width: 131px;
	background:url(/images/ranking/nav_year.gif) no-repeat 0 0;
	}


	
	#mainContent .ranking #nav ul li#rnav4 a:hover{
	background: none;
	}


	
/* ---------------------------------
ソート
*/

#mainContent .ranking #sort{
	font-size:75%;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	text-align:right;
	}
	
	#mainContent .ranking #sort span.actv{
		margin-right:5px;}
	
	#mainContent .ranking #sort a:link,
	#mainContent .ranking #sort a:visited,
	#mainContent .ranking #sort a:active{
	padding:2px 10px 2px 10px;
	border:2px solid #CCC;
	background:#FFF;
	text-decoration:none;
	color:#0099FF !important;}
	
	#mainContent .ranking #sort a:hover{
	background:#EEE;}
	
	#mainContent .ranking #sort img{
		margin-right:5px;}


/* ---------------------------------
ランキングトップ
*/

.rankingBtn{
	margin-bottom:10px;
	padding:5px;
	background:#EEE;
	text-align:right;
	font-size:81.25%;}
	
	.rankingBtn a.back{
		background:url(/images/icons/icons_back.gif) no-repeat 0 2px;
		padding-left:15px;
		font-size:81.25%;}
	
	.rankingBtn a.back:link,
	.rankingBtn a.back:visited,
	.rankingBtn a.back:active{
		color: #9E1D20 !important;
		text-decoration: none;
	}
	
	.rankingBtn a.back:hover{
		color: #9E1D20 !important;
		text-decoration: none;
	}
		

#mainContent .rankingBox{
	margin-bottom:20px;
	line-height:120% !important;}

#mainContent .ranking div.ranking{
	width:188px;
	float:left;
	background:#F2F2F2;
	font-size:81.25%;
	padding:4px 2px 2px 2px;
	border:1px solid #E2E2E2;}
	
#mainContent .ranking div.rankingCenter{
	width:188px;
	float:left;
	margin-left:8px;
	margin-right:8px;
	background:#F2F2F2;
	font-size:81.25%;
	padding:4px 2px 2px 2px;
	border:1px solid #E2E2E2;}

#mainContent div.ranking h4{
	margin-bottom: 10px;
	display: block;
	margin-left:1px;
}

#mainContent div.ranking .itemName{
font-size:112.5%;}


#mainContent .ranking div.inner{
	margin-bottom: 5px;
	text-align: left;
}

#mainContent div.ranking .more{
	background:#F2F2F2 url(/images/ranking/more_bg.gif) no-repeat right;
	line-height:120% !important;
	padding-right:20px !important;
	margin-right:5px;
	font-size:81.25%;
	}
	
	#mainContent div.ranking .more a:link,
	#mainContent div.ranking .more a:visited,
	#mainContent div.ranking .more a:active{
	/*color:#333 !important;*/
	text-decolation:none;}
	
	#mainContent div.ranking .more a:hover{
	/*color:#333 !important;*/
	text-decolation:underline;
	}

#mainContent .ranking div.inner div.rank1,
#mainContent .ranking div.inner div.rank2,
#mainContent .ranking div.inner div.rank3,
#mainContent .ranking div.inner div.rank4,
#mainContent .ranking div.inner div.rank5{
	width: 170px;
	margin-bottom: 5px;
	padding: 0 0 5px 13px;
	padding-left: 13px;
	border-bottom: 1px dotted #CCC;
}


#mainContent .ranking div.inner div.rank1 img,
#mainContent .ranking div.inner div.rank2 img,
#mainContent .ranking div.inner div.rank3 img,
#mainContent .ranking div.inner div.rank4 img,
#mainContent .ranking div.inner div.rank5 img{
	float: left;
	margin-right: 5px;
	display: block;
}


#mainContent .ranking div.inner div.rank1 div.detail,
#mainContent .ranking div.inner div.rank2 div.detail,
#mainContent .ranking div.inner div.rank3 div.detail,
#mainContent .ranking div.inner div.rank4 div.detail,
#mainContent .ranking div.inner div.rank5 div.detail{
	float: left;
	width: 115px;
}


#mainContent div.ranking div.inner div p.itemName a:link,
#mainContent div.ranking div.inner div p.itemName a:visited,
#mainContent div.ranking div.inner div p.itemName a:active{
	font-weight: bold;
	color: #9E1D20 !important;
	text-decoration: none;
}


#mainContent div.ranking div.inner div p.itemName a:hover{
	text-decoration: underline;
}


#mainContent div.ranking div.inner div p.circleName a:link,
#mainContent div.ranking div.inner div p.circleName a:visited,
#mainContent div.ranking div.inner div p.circleName a:active{
	color: #0097CC !important;
	text-decoration: none;
}


#mainContent div.ranking div.inner div p.circleName a:hover{
	text-decoration: underline;
}


#mainContent div.ranking div.inner div.rank1{
	background: url(/images/rank1.jpg) no-repeat 0 0;
}


#mainContent div.ranking div.inner div.rank2{
	background: url(/images/rank2.jpg) no-repeat 0 0;
}


#mainContent div.ranking div.inner div.rank3{
	background: url(/images/rank3.jpg) no-repeat 0 0;
}


#mainContent div.ranking div.inner div.rank4{
	background: url(/images/rank4.jpg) no-repeat 0 0;
}


#mainContent div.ranking div.inner div.rank5{
	background: url(/images/rank5.jpg) no-repeat 0 0;
}