@charset "utf-8";

/*---------------------------------
見出し(画像置換をOFF)
--------------------------------- */

h1{
text-indent:0px;
line-height:35px;
width:580px;
height:35px;
background-image:url("../../feature/img/tite_blank.gif");
background-repeat:no-repeat;
background-position:left center;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-indent:10px;
}
h2{
text-indent:0px;
margin:0px 0px 5px 0px !important;
line-height:100%;
}
h3{
text-indent:0px;
font-size:12px;
line-height:140%;
font-size:12px;
width:auto;
height:auto;
background-image:url("http://www.maruzen.co.jp/shopinfo/common/img/blue_block.jpg");
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
margin-bottom:10px;
}
/*---------------------------------
intro
--------------------------------- */
.subtit{
color:#50504f;
}
/*---------------------------------
ナビ部分
--------------------------------- */
.category-navi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.category-navi {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .category-navi {height: 1%;} 
.category-navi {display: block;}
/* End hide from IE-mac */

.category-navi{
margin-top:10px;
margin-bottom:15px;
padding-left:7px;
padding-right:7px;
background-image:url("../../feature/img/tab_bottom.gif");
background-position:left bottom;
background-repeat:repeat-x;
}
.category-navi li{
list-style-type:none;
float:left;
margin-left:3px;
margin-right:3px;
line-height:30px;
background-image:url("../../feature/img/tab-left.gif");
background-position:left top;
background-repeat:repeat-y;
border-bottom:1px solid #d6d6d6;
}
.category-navi li.current{
background-image:url("../../feature/img/tab-left_current.gif");
background-position:left top;
background-repeat:repeat-y;
border-bottom:1px solid #ffffff;
}
.category-navi li span{
}
.category-navi li span a{
color:#1e1e1e;
text-decoration:none;
display:block;
margin-left:7px;
padding-right:7px;
background-image:url("../../feature/img/tab-right.gif");
background-position:right top;
background-repeat:repeat-y;
}
.category-navi li span a:visited{
color:#1e1e1e;
}
.category-navi li span a:hover{
color:#0000ff;
}
.category-navi li.current span a{
background-image:url("../../feature/img/tab-right_current.gif");
background-position:right top;
background-repeat:repeat-y;
}

.area-navi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.area-navi {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .area-navi {height: 1%;} 
.area-navi {display: block;}
/* End hide from IE-mac */

.area-navi{
margin-top:7px;
}
.area-navi li{
list-style-type:none;
float:left;
background-image:url(../../present/img/bluearrow.gif);
background-repeat:no-repeat;
padding-left:12px;
background-position:left center;
margin-right:10px;
}



ul.subnavi-list{
width:580px;
clear:both;
margin-bottom:5px;
}
ul.subnavi-list li{
display:block;
float:left;
border-right:1px solid #d6d6d6;
padding-left:7px;
padding-right:7px;
}
ul.subnavi-list li.first{
border-left:1px solid #d6d6d6;
}
ul.subnavi-list li a{
display:block;
padding:2px;
}
ul.subnavi-list li a.current{
padding:2px 4px 2px 4px;
background-color:#466ccb;
color:#ffffff;
text-decoration:none;
}

.rank-seg{
margin-bottom:30px;
border-top:1px dotted #d6d6d6;
border-bottom:1px dotted #d6d6d6;
padding:7px 0;
}
.rank-seg-tit{
float:left;
padding-left:7px;
width:60px;
}
ul.rank-time{
float:right;
width:510px;
}
ul.rank-time li{
display:block;
float:left;
padding-left:7px;
padding-right:7px;
border-right:1px solid #d6d6d6;
}
ul.rank-time li.first{
border-left:1px solid #d6d6d6;
}
ul.rank-time li a.current{
padding:2px 4px 2px 4px;
background-color:#466ccb;
color:#ffffff;
text-decoration:none;
}


/*---------------------------------
ランキングの見出し
--------------------------------- */
h2.rank-head-box{
background-image:url(../img/bg_rank-head.gif);
background-repeat:no-repeat;
border-bottom:1px solid #d6d6d6;
padding:7px;
}
h2.rank-head-box p{
font-weight:normal;
line-height:120%;
}
h2.rank-head-box .rank-head{
border-left:4px solid #466ccb;
padding-left:6px;
float:left;
width:261px;
}
h2.rank-head-box .rank-head p{
line-height:120%;
color:#50504f;
}
h2.rank-head-box .rank-head p.rank-title{
font-weight:bold;
font-size:14px;
background-image:url(../img/ico_rank_01.gif);
background-repeat:no-repeat;
padding-left:20px;
}
h2.rank-head-box .rank-info{
float:left;
width:134px;
border-left:1px dotted #d6d6d6;
border-right:1px dotted #d6d6d6;
padding-left:7px;
padding-right:7px;
margin-top:2px;
}
h2.rank-head-box .rank-parts{
margin-left:5px;
margin-top:2px;
float:left;
width:120px;
background-color:#ffffff;
padding:7px 10px 7px 10px;
}
h2.rank-head-box .rank-parts p{
text-align:center;
}
h2.rank-head-box .rank-parts p a{
background-image:url(../img/ico_enpitu.gif);
background-repeat:no-repeat;
padding-left:14px;
}

/*---------------------------------
ランキングの日付
--------------------------------- */
/*---------------------------------
ランキング-ブログパーツへのリンク
--------------------------------- */
.rankparts{
text-align:right;
}

/*---------------------------------
ベスト本投票 ソース
--------------------------------- */
.source{
border:1px solid #d6d6d6;
background-color:#efefef;
padding:10px;
}
.source-list{
list-style-type:none;
}
.source-list li{
line-height:120%;
float:left;
border-left:1px solid #d6d6d6;
}
.source-list li a{
display:block;
border-top:1px solid #d6d6d6;
padding:5px 10px 5px 10px
}
/*---------------------------------
ランキング 小さいボックス
--------------------------------- */
div.rank-box *{
margin:0px;
padding:0px;
}
div.rank-box{
margin-bottom:15px;
}
.rank-box dl{
width:285px;
}
.rank-box dl.rank-box_l{
float:left;
}
.rank-box dl.rank-box_r{
float:right;
}
.rank-box dl dt{
background-image:url(../img/rankbox-hd.gif);
height:40px;
line-height:40px;
padding-left:5px;
padding-right:5px;
font-weight:bold;
font-size:14px;
border-bottom:1px dotted #d6d6d6;
}
.rank-box dl dt a{
text-decoration:none;
background-image:url(../img/ico_rank_01.gif);
background-repeat:no-repeat;
padding-left:20px;
}
.rank-box dl dd{
border-width:0px 1px 1px 1px;
border-color:#d6d6d6;
border-style:solid;
padding:15px 5px 10px 5px;
line-height:120%;
}
.rank-box dl dd table td{
vertical-align:middle;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted #d6d6d6;
}
.rank-box dl dd table tr.r-first td{
vertical-align:top;
padding-bottom:15px;
}
/*---------------------------------
ランキングリストList
--------------------------------- */
ul.rank-list{
display:inline;
}
ul.rank-list li{
display:inline;
margin-left:1em;
margin-right:1em;
}

/*---------------------------------
ランキング 投票ボタン大
--------------------------------- */
.rank-vote-btn{
width:120px;
float:right;
padding:0px 10px 0px 10px;
}
/*---------------------------------
ランキング 書誌情報
--------------------------------- */
table.rank-detail{
border-collapse:collapse;
}
table.rank-detail td{
vertical-align:top;
border-top:1px dotted #d6d6d6;
padding-top:10px;
padding-bottom:10px;
}
table.top10 td{
padding-top:15px;
padding-bottom:15px;
}
table.rank-detail tr.rank-even td{
background-color:#efefef;
}
dl.bookdata dt{
margin-bottom:5px;
font-size:14px;
}
dl.bookdata dd.detailtext{
margin-top:15px;
line-height:140%;
}
/*---------------------------------
ランキング 11位以下
--------------------------------- */
.rank-no{
text-align:center;
color:#7f7d7b;
font-weight:bold;
}
/*---------------------------------
パーツ
--------------------------------- */
.parts-source{
padding:7px;
background-color:#efefef;
margin-bottom:40px;
}
/*---------------------------------
月間ランキングバックナンバー
--------------------------------- */
.rank-monthly-back{
margin-top:40px;
margin-bottom:40px;
}
.rank-monthly-back .rank-monthly-back-title{
border-left:4px solid #466ccb;
padding-left:6px;
font-size:14px;
font-weight:bold;
color:#50504f;
margin-bottom:10px;
}
.rank-monthly-back .rank-monthly-back-year{
width:50px;
float:left;
}
.rank-monthly-back .rank-monthly-back-list{
width:510px;
float:right;
}
.rank-monthly-back .rank-monthly-back-list li{
list-style-type:none;
float:left;
}
.rank-monthly-back .rank-monthly-back-list li a{
padding:0 5px;
border-left:1px solid #d6d6d6;
}