/* update:2011/04/21 */

/*****************
contentClass "ranking"
******************/

/*ranking*/
#contents .rankingBox{ float: left; width: 48%; margin:5px 1% 10px 2px;}
#contents .rankingBox .inner{ min-height: 200px;}
#contents .rankingBox h3{ font-weight: bold}

#accessRanking{ margin-bottom: 30px;}
#accessRanking li{ line-height: 2; padding: 0 10px;}
#accessRanking .rank1{ font-size: 153.9%; font-weight: bold;}
#accessRanking .rank2,
#accessRanking .rank3,
#accessRanking .rank4,
#accessRanking .rank5{ font-size: 146.5%; font-weight: bold;}
#accessRanking .rank6,
#accessRanking .rank7,
#accessRanking .rank8,
#accessRanking .rank9,
#accessRanking .rank10{ font-size: 138.5%;}
#accessRanking .rank11,
#accessRanking .rank12,
#accessRanking .rank13,
#accessRanking .rank14{ font-size: 131%;}
#accessRanking .rank15,
#accessRanking .rank16,
#accessRanking .rank17,
#accessRanking .rank18,
#accessRanking .rank19,
#accessRanking .rank20{ font-size: 116%;}
#accessRanking .even{ background: #ebf3f6;}

#voteRanking{ margin-bottom: 30px;}
#voteRanking li{ line-height: 2; padding: 0 10px;}
#voteRanking .rank1{ font-size: 153.9%; font-weight: bold;}
#voteRanking .rank2{ font-size: 146.5%; font-weight: bold;}
#voteRanking .rank3{ font-size: 138.5%; font-weight: bold}
#voteRanking .rank4{ font-size: 131%;}
#voteRanking .rank5{ font-size: 116.5%;}

#genreRanking{ overflow: hidden; width: 100%;}
#genreRanking .section{ float: left; width: 48%; margin:0 2% 15px 0;}
#genreRanking .section .inner{ padding: 0 10px 10px;}
#genreRanking .section li{ font-size: 108%; line-height: 1.5; margin-bottom: 8px;}
#genreRanking .section .hgroup,
#genreRanking .section h2{background: url(http://image.excite.co.jp/jp/news201006/bar01.gif) no-repeat right;height: 35px; margin-bottom: 5px; overflow: hidden}
#genreRanking .section h2{ float: left; background-position: left; line-height: 2.5; padding-left: 25px; width: 300px; font-weight: bold}
#genreRanking .section .hSide{ float: right; padding-right: 10px; line-height: 2.5}
#genreRanking .section a{ text-decoration: none}
#genreRanking .section a:hover{ text-decoration:underline}

#peopleRanking{ overflow: hidden; width: 100%;}
#peopleRanking .inner{ padding: 0 10px 10px;}
#peopleRanking .section .name{ font-size: 123.1%; font-weight: bold; line-height: 2}
#peopleRanking .section .desc{ line-height: 1.5}
#peopleRanking .section{ float: left; width: 45%; margin:0 0 15px 0; border: solid 1px #fff; padding: 10px; background: #f1f4e7;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 0px 2px gray; 
-moz-border-radius:10px;
-moz-box-shadow: 0px 0px 2px gray;
}
#peopleRanking .section.clear{ margin-right: 2%;}