@charset "utf-8";

/*---------------------------------
見出し(画像置換をOFF)
--------------------------------- */
h1{
background-image:url("../../img/tite_blank.gif");
background-position:left center;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:35px;
line-height:35px;
text-indent:10px;
width:580px;
}

h2{
text-indent:0px;
font-size:12px;
line-height:140%;
font-size:12px;
width:auto;
height:auto;
font-weight:normal;
}

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;
}
/*---------------------------------
ナビ部分
--------------------------------- */
.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:#c6a65e;
color:#ffffff;
text-decoration:none;
}

ul.rank-page{
margin-bottom:5px;
}
ul.rank-page li{
list-style-type:none;
float:left;
padding-right:5px;
margin-right:5px;
border-right:1px solid #d6d6d6;
}
ul.rank-page li a{
text-decoration:none;
}

.rank-navi{
margin-bottom:20px;
}

/*---------------------------------
ランキングの見出し
--------------------------------- */
h2.rank-head-box{
background-color:#efefef;
border:1px solid #d6d6d6;
padding:5px;
margin-bottom:20px !important;
}
h2.rank-head-box p{
font-weight:normal;
line-height:120%;
}
h2.rank-head-box .rank-head{
float:left;
width:379px;
}
h2.rank-head-box p{
line-height:120%;
color:#50504f;
}
h2.rank-head-box 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 p.rank-genre{
padding-left:20px;
}
h2.rank-head-box .rank-parts{
margin-left:5px;
margin-top:2px;
float:right;
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 !important;
}

/*---------------------------------
ランキング
--------------------------------- */
.rankgenre{
border-top:1px dotted #d6d6d6;
border-bottom:1px dotted #d6d6d6;
padding-top:5px;
padding-bottom:5px;
}
.rankgenretit{
font-size:14px;
font-weight:bold;
padding:5px 0px;
color:#231f20;
margin-bottom:10px;
}

.lead{
margin-bottom:30px;
line-height:140%;
}
.lead dt{
font-size:14px;
margin-bottom:7px;
color:#c6a65e;
font-weight:bold;
}
.votetxt{
background-image:url(../img/ico_presenttxt.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:94px;
color:#445dbf;
border-top:1px dotted #d6d6d6;
border-bottom:1px dotted #d6d6d6;
padding-top:5px;
padding-bottom:5px;
}
.votetxt a{
color:#445dbf;
text-decoration:none;
}
.votetxt a:visited{
color:#445dbf;
text-decoration:none;
}
.votetxt a:hover{
color:#445dbf;
text-decoration:underline;
}
/*---------------------------------
ランキング-ブログパーツへのリンク
--------------------------------- */
.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:270px;
}
.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 #f0e4ce;
}
.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:#f0e4ce;
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 #f0e4ce;
}
.rank-box dl dd table tr.r-first td{
vertical-align:top;
padding-bottom:15px;
}
.ranklink{
margin-top:5px !important;
font-size:10px;
text-align:right;
}
/*---------------------------------
ランキングリスト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 5px 0px 15px;
text-align:center;
}
.rank-vote-btn .votelink{
background-image:url(../img/star.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:16px;


}
/*---------------------------------
ランキング 書誌情報
--------------------------------- */
table.rank-detail{
border-collapse:collapse;
margin-bottom:20px;
}
table.rank-detail td{
vertical-align:top;
border-top:1px dotted #d6d6d6;
padding-top:10px;
padding-bottom:10px;
}
tr.top10 td{
padding-top:25px;
padding-bottom:25px;
}
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;
}
/*---------------------------------
--------------------------------- */
.txt_red_b{
color:#a30000;
}
.vote-detail{
border-collapse:collapse;
line-height:140%;
}
.vote-detail td,.vote-detail th{
border:1px solid #d6d6d6;
padding:5px;
}
.vote-detail th{
font-weight:normal;
width:110px;
background-color:#efefef;
}
.batxt{
line-height:170%;
}
.batxt .speaker{
color:#66862c;
font-weight:bold;
}
.batxt p{
margin-bottom:15px;
}
.batxt p.interviewer{
color:#445dbf;
}
.batxt .ptitle{
font-size:14px;
font-weight:bold;
color:#50504f;
/*border-left:4px solid #445dbf;
background-color:#efefef;
padding-left:6px;*/
margin-bottom:25px;
}
.batxt .ptitle02{
font-weight:bold;
color:#445dbf;
border-left:4px solid #445dbf;
padding-left:6px;
}
div.interviewpage{
}

div.interviewpage ul{
font-size:12px;
list-style-type:none;
width:316px;
_width:334px;
margin:0px auto 30px auto;
font-size:12px;
}
div.interviewpage ul li{
text-align:center;
width:18px;
margin:0px 3px 0px 3px;
float:left;
border:1px solid #d6d6d6;
line-height:18px;
}
div.interviewpage ul li a.page{
display:block;
color:#1e1e1e;
background-color:#efefef;
text-decoration:none;

}
div.interviewpage ul li a.page:hover{
background-color:#fff1cd;
}
div.interviewpage ul li#current{
border:1px solid #445dbf;
background-color:#445dbf;
color:#ffffff;
}
div.interviewpage ul li.gopage{
width:100px;
border-width:0px;
line-height:18px;
}
/*---------------------------------
投票関係
--------------------------------- */
.voteform{
background-color:#f1e9d9;
background-image:url(../img/voteform_bottom.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
.voteform .voteformtable{
padding:0px 30px 20px 30px;
width:484px;
}
.voteform .voteformtable table th,.voteform .voteformtable table td{
padding:2px;
font-weight:normal;
vertical-align:top;
}
.votenotes{
list-style-type:none;
margin:0;
line-height:150%;
margin-bottom:20px;
}
.votenotes li{
text-indent:-1em;
padding-left:1em;
}
.tejun td{
vertical-align:top;
padding:10px 5px;
}
.tejun td img{
border:1px solid #d6d6d6;
}

/*---------------------------------
100冊 ボックス
--------------------------------- */
.column2{
background-image:url("../img/background-border.gif");
background-repeat:repeat-y;
background-position:center bottom;
border-bottom:1px solid #d6d6d6;
margin:0;
}
.maruzen100{
width:255px !important;
padding:15px 5px !important;
}
.maruzen100 .img{
float:left;
width:70px !important;
}
.maruzen100 .text{
float:right;
width:175px !important;
}
.maruzen100 .comment{
margin-top:7px;
}
.maruzen100 .comment .comment1,.maruzen100 .comment .comment2,.maruzen100 .comment .comment3{
background-image:url("../img/ico_comment.gif");
background-repeat:no-repeat;
background-position:left 2px;
padding-left:16px;
line-height:140%;
margin-bottom:5px;
}
/*---------------------------------
投票結果
--------------------------------- */
.votelist{
width:255px !important;
padding:15px 5px !important;
}
.votelist .img{
float:left;
width:70px !important;
}
.votelist .text{
float:right;
width:175px !important;
}
.votelist .text dl{
float:left;
width:163px;
/*width:110px;*/
}
.votelist .text form{
float:right;
width:53px;
}
.votelist .comment{
margin-top:7px;
}
.votelist .comment .comment1,.votelist .comment .comment2,.votelist .comment .comment3{
background-image:url("../img/ico_comment.gif");
background-repeat:no-repeat;
background-position:left 2px;
padding-left:16px;
line-height:140%;
margin-bottom:5px;
}
.rank-detail .comment{
margin-top:10px;
padding:10px;
background-color:#f4ecde;
}
.rank-detail .comment p{
background-image:url("../img/ico_comment_02.gif");
background-repeat:no-repeat;
background-position:left 2px;
padding-left:16px;
line-height:140%;
margin-bottom:5px;
}



/*---------------------------------
トップページ
--------------------------------- */
.topr{
float:right;
width:167px;
}
.toprbox{
background-image:url("../img/topbox-bottom.gif");
background-repeat:no-repeat;
background-position:left bottom;
background-color:#f0e4ce;
padding-bottom:6px;
}
.toprbox dd{
background-image:url("../img/topbox-bg.gif");
background-repeat:no-repeat;
background-position:left top;
padding:0px 11px 10px 11px;
line-height:130%;
}
.topl{
float:left;
width:368px;

}
.toprankgenre{
font-size:14px;
padding-left:10px;
background-image:url("../img/toprankbox-bg.gif");
background-repeat:no-repeat;
background-position:left top;
line-height:44px;
margin-bottom:5px;
}
.toprank{
padding:10px;
margin-bottom:15px;
}
.toprank .bookdata{
width:109px;
float:left;
padding-right:10px;
}
.toprank .bookdata dt{
font-size:12px;
}
.toprank .bookdata dt img{
vertical-align:top;
}
.toprank .bookdata dd{
padding-left:5px;
}