/************************************************************
アクセスランキング
************************************************************/


#contents{font-size:100%;width:527px; margin-left:20px; margin-right:16px; background:#FFF;}

ul#lnavi{ height:45px; width:527px;}
ul#lnavi li{ display:inline; height:45px;}

ul#lnavi li#weekly{width:263px;}
ul#lnavi li#month{width:264px;}
ul#lnavi li#tankou{ width:164px;}
ul#lnavi li#bunko{ width:148px;}
ul#lnavi li#ranking{ width:215px;}

#container{
font-size:90%;
background:#FFF;
padding:15px 20px 0 20px;
width:487px;
_width:527px;
}

#container p.txt{
line-height:1.5;
margin-bottom:10px;
}

#container p.txt img{
vertical-align:middle;
margin:3px 3px 3px 0;
}

#container p.lnk{
line-height:1.5;
text-align:right;
margin-bottom:15px;
}

body#weekly #container h2{
background:url(../img/h2_ttl_accessrank.gif) no-repeat left bottom;
width:487px;
height:20px;
font-size:85%;
color:#366db5;
letter-spacing:0.1em;
text-align:right;
}

body#monthly #container h2{
background:url(../img/h2_ttl_accessrank.gif) no-repeat left bottom;
width:487px;
height:3px;
}

body#tachiweekly #container h2{
background:url(../../../tachiyomi/img/ranking/h2_ttl_weeklyrank.gif) no-repeat left top;
width:487px;
height:26px;
font-size:85%;
color:#666;
letter-spacing:0.1em;
text-align:right;
padding-top:7px;
padding-right:5px;
}

body#tachimonthly #container h2{
background:url(../../../tachiyomi/img/ranking/h2_ttl_monthlyrank.gif) no-repeat left top;
width:487px;
height:26px;
font-size:85%;
color:#666;
text-align:right;
padding-top:7px;
}

body#year #container h2{
background:url(../../../stockfile/img/h2_ttl_yearrank.gif) no-repeat left bottom;
width:487px;
height:3px;
}

body#century #container h2{
background:url(../../../stockfile/img/h2_ttl_centuryrank.gif) no-repeat left bottom;
width:487px;
height:3px;
}

/************************************************************
　ランキング
************************************************************/
ol.rankingTopthree{padding-top:2px; margin-top:0px;}
ol.ranking{ margin-bottom:30px; }

ol li{margin-bottom:2px; background: url(../../../img_common/ln_dot01.gif) repeat-x left bottom; }

/*各位*/
ol li div{
width:487px;
position:relative;
top:0;
left:0;
background:left top;
}

ol.rankingTopthree li div p{
position:absolute;
top:65px;
left:22px;
font-size:85%;
width:33px;
text-align:center;
letter-spacing:0.1em;
}

ol.ranking li div p{
position:absolute;
top:29px;
left:22px;
font-size:85%;
width:33px;
text-align:center;
letter-spacing:0.1em;
}

/*ランキング表示*/
div#one{ background:url(../../../img_common/rank_base01.gif) no-repeat;}
div#two{ background:url(../../../img_common/rank_base02.gif) no-repeat;}
div#three{ background:url(../../../img_common/rank_base03.gif) no-repeat;}
body#tachiweekly div#one{ background:url(../../../img_common/rank_base01g.gif) no-repeat;}
body#tachiweekly div#two{ background:url(../../../img_common/rank_base02g.gif) no-repeat;}
body#tachiweekly div#three{ background:url(../../../img_common/rank_base03g.gif) no-repeat;}
div#four{ background:url(../../../img_common/rank_04.gif) no-repeat;}
div#five{ background:url(../../../img_common/rank_05.gif) no-repeat;}
body#salesrank div#four{ background:url(../../../img_common/rank_base04.gif) no-repeat;}
body#salesrank div#five{ background:url(../../../img_common/rank_base05.gif) no-repeat;}
body#salesrank div#six{ background:url(../../../img_common/rank_base06.gif) no-repeat;}
body#salesrank div#seven{ background:url(../../../img_common/rank_base07.gif) no-repeat;}
body#salesrank div#eight{ background:url(../../../img_common/rank_base08.gif) no-repeat;}
body#salesrank div#nine{ background:url(../../../img_common/rank_base09.gif) no-repeat;}
body#salesrank div#ten{ background:url(../../../img_common/rank_base10.gif) no-repeat;}
div#six{ background:url(../../../img_common/rank_06.gif) no-repeat;}
div#seven{ background:url(../../../img_common/rank_07.gif) no-repeat;}
div#eight{ background:url(../../../img_common/rank_08.gif) no-repeat;}
div#nine{ background:url(../../../img_common/rank_09.gif) no-repeat;}
div#ten{ background:url(../../../img_common/rank_10.gif) no-repeat;}
body#year div#one{ background:url(../../../img_common/rank_base01r.gif) no-repeat;}
body#year div#two{ background:url(../../../img_common/rank_base02r.gif) no-repeat;}
body#year div#three{ background:url(../../../img_common/rank_base03r.gif) no-repeat;}
body#century div#one{ background:url(../../../img_common/rank_base01p.gif) no-repeat;}
body#century div#two{ background:url(../../../img_common/rank_base02p.gif) no-repeat;}
body#century div#three{ background:url(../../../img_common/rank_base03p.gif) no-repeat;}
body#year div#four, body#century div#four{ background:url(../../../img_common/rank_04g.gif) no-repeat;}
body#year div#five, body#century div#five{ background:url(../../../img_common/rank_05g.gif) no-repeat;}
body#year div#six, body#century div#six{ background:url(../../../img_common/rank_06g.gif) no-repeat;}
body#year div#seven, body#century div#seven{ background:url(../../../img_common/rank_07g.gif) no-repeat;}
body#year div#eight, body#century div#eight{ background:url(../../../img_common/rank_08g.gif) no-repeat;}
body#year div#nine, body#century div#nine{ background:url(../../../img_common/rank_09g.gif) no-repeat;}
body#year div#ten, body#century div#ten{ background:url(../../../img_common/rank_10g.gif) no-repeat;}
body#year div#next, body#century div#next{ background:url(../../../img_common/rank_next.gif) no-repeat;}
div#eleven{ background:url(../../../img_common/rank_11g.gif) no-repeat;}
div#twelve{ background:url(../../../img_common/rank_12g.gif) no-repeat;}
div#thirteen{ background:url(../../../img_common/rank_13g.gif) no-repeat;}
div#fourteen{ background:url(../../../img_common/rank_14g.gif) no-repeat;}
div#fifteen{ background:url(../../../img_common/rank_15g.gif) no-repeat;}
div#sixteen{ background:url(../../../img_common/rank_16g.gif) no-repeat;}
div#seventeen{ background:url(../../../img_common/rank_17g.gif) no-repeat;}
div#eighteen{ background:url(../../../img_common/rank_18g.gif) no-repeat;}
div#nineteen{ background:url(../../../img_common/rank_19g.gif) no-repeat;}
div#twenty{ background:url(../../../img_common/rank_20g.gif) no-repeat;}
div#twentyone{ background:url(../../../img_common/rank_21g.gif) no-repeat;}
div#twentytwo{ background:url(../../../img_common/rank_22g.gif) no-repeat;}
div#twentythree{ background:url(../../../img_common/rank_23g.gif) no-repeat;}
div#twentyfour{ background:url(../../../img_common/rank_24g.gif) no-repeat;}
div#twentyfive{ background:url(../../../img_common/rank_25g.gif) no-repeat;}
div#twentysix{ background:url(../../../img_common/rank_26g.gif) no-repeat;}
div#twentyseven{ background:url(../../../img_common/rank_27g.gif) no-repeat;}
div#twentyeight{ background:url(../../../img_common/rank_28g.gif) no-repeat;}
div#twentynine{ background:url(../../../img_common/rank_29g.gif) no-repeat;}
div#thirty{ background:url(../../../img_common/rank_30g.gif) no-repeat;}

/*各位の高さ*/
ol.rankingTopthree li div{height:91px;_height:88px;}
ol.ranking li div{height:53px;_height:50px;}

/*書影*/
div.cover{margin-left:82px; width:62px;} 
div.cover img{ border:#dededc solid 1px; }

/*書誌名*/
ol li div h3{
height:25px;
line-height:1.8;
font-size:130%;
font-weight:bold;
}
ol.rankingTopthree li div h3{
margin-bottom:3px;
}
ol.ranking li div h3{
font-size:110%;
}
ol.rankingTopthree li div h3 span{
font-size:95%;
font-weight:normal;
margin-left:3px;
}
ol.ranking li div h3 span{
font-size:95%;
font-weight:normal;
margin-left:3px;
}
ol.ranking li div h3.long{
font-size:90%;
}

ol.rankingTopthree li div h3.long{
font-size:90%;
letter-spacing:-1;
}

/*書誌名リンク色設定*/
ol h3 a,ol h3 a:link,ol h3 a:visited{ color:#183057; text-decoration:none}
ol h3 a:hover{ color:#183057; text-decoration:underline;}
body#year ol h3, body#century ol h3{ color:#333333; text-decoration:none}
body#year ol h3 a,body#year ol h3 a:link,body#year ol h3 a:visited, body#century ol h3 a,body#century ol h3 a:link,body#century ol h3 a:visited{color:#003366; text-decoration:underline}
body#year ol h3 a:hover, body#century ol h3 a:hover{ color:#003366; text-decoration:underline;}


/*著者名*/
ol.ranking li div strong{font-weight:normal;line-height:2;font-size:105%;}

/*各位内容*/
ol li div.outlineTopthree,ol li div.outline{padding-left:6px; position:absolute;top:0;}
ol li div.outlineTopthree{ left:145px;width:336px; _width:342px; background: url(../../../img_common/bg_ranking_monthly1_3.gif) repeat-x;}
body#tachiweekly ol li div.outlineTopthree{ left:145px;width:336px; _width:342px; background: url(../../../img_common/bg_ranking_weekly1_3.gif) repeat-x;}
body#year ol li div.outlineTopthree{ left:80px;width:401px; _width:407px; background: url(../../../img_common/bg_ranking_year1_3.gif) repeat-x;}
body#century ol li div.outlineTopthree{ left:80px;width:401px; _width:407px; background: url(../../../img_common/bg_ranking_century1_3.gif) repeat-x;}
ol li div.outline{ left:80px;width:401px; _width:407px; background:url(../../../img_common/bg_ranking4_10.gif) repeat-x;}



/*立ち読みボタン*/
ol li div.tachiyomiBtn{
width:63px;
height:15px;
position:absolute;
top:4px;
}
ol.rankingTopthree li div.tachiyomiBtn{left:274px;}
ol.ranking li div.tachiyomiBtn{left:340px;}


/*ミステリー点数と出版社*/
ol li div.mistery_score{
font-weight:bold;
float:right;
width:auto;
height:auto;
}
ol.rankingTopthree li div.mistery_score{color:#960101;font-size:25px;margin-top:32px;_margin-top:33px;margin-right:7px;}
ol.rankingTopthree li div.mistery_score span{color:#333333;font-size:15px;margin-left:3px;}
ol.ranking li div.mistery_score{color:#960101;font-size:17px;margin-top:3px;margin-right:7px;}
ol.ranking li div.mistery_score span{color:#333333;font-size:12px;margin-left:3px;}

ol li div.mistery_publisher{
float:right;
width:auto;
color:#ffffff;
height:16px;
clear:both;
font-size:11px;
padding:0px;
}
ol li div.mistery_publisher img{
vertical-align:bottom;
}

ol.rankingTopthree li div.mistery_publisher{background:#cda3af;margin:3px 7px 0px 0px;}
body#year ol.rankingTopthree li div.mistery_publisher span{padding:0px 2px 0px 2px;line-height:15px;_vertical-align:bottom;}
body#century ol.rankingTopthree li div.mistery_publisher span{background:#9d87bb;height:14px;_height:16px;vertical-align:top;display:inline-block;padding-top:2px;_padding-top:3px;padding-right:2px;padding-left:2px;}
ol.ranking li div.mistery_publisher{background:#999999;margin:8px 7px 0px 0px;}
ol.ranking li div.mistery_publisher span{padding:0px 2px 0px 2px;line-height:15px;_vertical-align:bottom;}




div.banner{ width:133px; text-align:center; margin:0 12px;}
div.banner img{ margin-bottom:5px;}