@charset "utf-8";

/* http://www.heyzo.com/listpages/annual_ranking_2013.html*/
 #downloadranking h2 a{color:white;}
section{margin-bottom: 50px; float: left; width: 1100px;}
	#ranking2013{width: 1100px; margin: auto;}
	
    #ranking{width: 1100px; margin: auto;}
    #downloadranking h1:first-letter {
    color: #ffbb00;
    font-size: 60px;
    }
    h1:first-letter {
    color: #fff;
    }
   /* h1#y2013{background: none; padding:0; height: auto; margin: 0; line-height: 0; text-indent: -9999px; background: url(/images/common/parts/ranking2013/ranking-2013.jpg);width: 1100px; height:147px;}
    h1#y2014{background: url(/images/common/parts/ranking/ranking-2014.jpg) !important;height: 194px !important;}*/
	#downloadranking h1{
    color: #ffbb00;
    background: none;
    font-size: 60px;
    margin: 0;
    padding: 60px 0;
    text-shadow: 8px 2px 19px #000;
    width: 1100px;
    font-weight: bold;
    }

	#downloadranking{background: #900; height:2500px; position: relative; z-index: 100; color: white; border-radius: 10px;        /* CSS3草案 */ 
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ }
    #downloadranking a{color:white;}
    #downloadranking a:hover{color:#CCC;}

	#downloadranking h2{font-size: 115%; font-weight: bold; color: white;}
	#no-1{width: 800px; margin:0 auto 30px auto;}
	#no-1 h2{font-size: 198%;}
	#no-1 h2 img{vertical-align: top; margin-right: 10px;}
    .no-1{margin-top:10px; display: inline-block;}
    ul.downloadranking{clear: both; width: 1100px;}
	#no-2,#no-3,ul.downloadranking li{float: left;width: 450px; margin:0 0 50px 68px; position: relative; z-index: 100;}
    .ranking-icon{float: left; margin:0 10px 5px 0;}
	#imgCont{position: absolute; left:0; z-index: 2; overflow:hidden; width:100%; background: #900; padding-bottom: 20px;}
	#rankingImgs{height:2594px; overflow: hidden; width:110%;}
	#rankingImgsBG{position: absolute; z-index: 3; left:50%; margin-left:-550px; width:1100px; height:2478px;}
	#rankingImgs img{float: left;opacity: 0.1; -moz-opacity:0.1;filter:alpha(opacity=10)}
	span.ranking{background: #222; margin:0 5px 5px 0; float: left; padding:0 5px; color: white;}
	
	ul.typeRankin {width:1100px;float: left;}
    ul.typeRankin h2 a{color: black;  font-weight: bold;}
	.typeRankin li{float:left;width:350px; margin:25px 0px;}
	.typeRankin li.center{margin:25px;}
	.typeRankin li img{width: 350px;}
	#avRanking{margin-top: 100px; float: left;}
	#avRanking h1{background: #ff0066; height: auto; width: 350px; line-height: 100%; margin-bottom: 0;}
	#amatureRanking h1{background: #F68132; height: auto; width: 350px; line-height: 100%; margin-bottom: 0;}
	#milfRanking h1{background: #B500A8; height: auto; width: 350px; line-height: 100%; margin-bottom: 0;}
	#reviewRanking h1{background: #35c71d; height: auto; width: 350px; line-height: 100%; margin-bottom: 25px;}

.reviewMovie{clear: left;float: left; width: 358px; margin:0;}

	.review-container {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 8px 0 8px 14px;
    width: 696px;
    float: left;
    margin-bottom: 10px;

}
#reviewRanking h2{float:left; clear: left;}
#reviewRanking h2 a{color:black; font-weight: bold;}
.movieReview{margin-top:0px;float: right;width:710px; height: 210px; overflow: hidden;}
.review-box {
    background: url("../../images/common/parts/review-border.png") repeat-y scroll 203px 0 rgba(0, 0, 0, 0);
    display: inline-block;
}
.posted {
    float: left;
}
span.posted-day {
    color: #FF0066;
    display: block;
    font-size: 15px;
    text-decoration: underline;
}
span.poster {
    clear: both;
    display: block;
    width: 200px;
}
div.review-container p.review {
    float: left;
    line-height: 160%;
    margin: 0 0 0 7px;
    padding: 0 12px;
    width: 465px;
    margin-bottom: 10px;
}
div.review-container p.review_res {
    border-top: 1px solid #D3D3D3;
    color: #A9A9A9;
    padding-top: 2px;
}


span.review-value {
    display: block;
    float: left;
    height: 14px;
    margin-right: 5px;
    overflow: hidden;
}
a.more{
	float: right;
	background: #EEE;
	padding: 5px;
	font-size: 120%;
}
.review-bottm{
	margin: -32px 0 0 0px;
	float: right;
}
.allReveiws{
margin: 30px 0px;
padding: 2px;
background: #EEE;
float: right;
}
.reveiw-border{
 width: 1100px;
 float: left;
}
.mr{
    width: 358px;
    height: 225px;
}
.mrMoving{
    position: fixed;
    top:40px;
    height: 225px;
}

.icon{color:white; padding:0 5px;}