/* ==================================
**  autoset.css
**  Created 2017/11/14
**  LastUpdate 2019/8/1
/* ================================== */
@charset "euc-jp";


/*INDEX*/
h2#cat{display:none;}



#if_auto_book_reserve,
#if_auto_cd_reserve,
#if_auto_dvd_reserve{
    width:810px;
    height:2700px;
}


/*-----2C 3C 共通-----*/

.c3_item{
    table-layout: fixed;
}

tr.c2_item_up img,
tr.c3_item_up img{max-height:140px;}

/*-----3C FRAME-----*/

.auto_newpush_c3,
.auto_other_c3{
    border: 2px solid #cccccc;
    margin:0 0;
    padding: 0px;
    border-radius: 4px;
    overflow: hidden;
    }


/*-----3C 共通-----*/
tr.c3_item_up td,
tr.c3_item_btm td{text-align:center;word-wrap: break-word;line-height: 1.2em;}
tr.c3_item_up td{vertical-align:bottom;padding-top:10px;}
tr.c3_item_btm td{vertical-align:top;}

tr.c3_item_up td img{max-width:90px;max-height:120px;border:1px #ccc solid;}

tr.c3_item_btm td h4{padding:5px ;}

tr.c3_item_btm td h5{
    padding:0 10px 10px;
    font-size:0.9em;
}

tr.c3_item_btm td div.day{
	margin:10px 3px 0px;
	padding:3px 0 2px;
	text-align:center;
	border-radius: 5px;
    background-color:#f16387;
	color:#fff;
	font-size:11px;
    }


/*----------*/

.auto_newpush_c3 h3{
    height:32px;
    text-indent:-9999px;
    border-bottom:2px #cccccc solid;
}

.auto_newpush_c3 hr{border:1px dotted #ebebeb;margin: 0; padding: 0;}

.auto_newpush_c3 .push_item td.itemimg{vertical-align:top;}
.auto_newpush_c3 .push_item td.itemimg img{margin-top:0px;}

.newbook h3{background:url('/gold/bookfan/img/title/title_new_book.png') no-repeat #efefef;}

/*--ohter BLOCK--*/
.other_book h3{
    position: relative;
    padding:10px 10px 8px 40px;
    font-size:16px;
    font-weight:bold;
    line-height:1.1em;
    color:#666666;
    background: linear-gradient(#fff, #ebebeb);
    border-bottom:2px #cccccc solid;
    }

    .other_book h3::before{
        content: url('/gold/bookfan/img/title/title_main_other.png');
        position: absolute;
        top: 4px;
        left: 8px;
    }


/*-----2C FRAME-----*/

.auto_newpush_c2,
.auto_res{
    border: 2px solid #cccccc;
    margin:10px 0;
    padding: 0px;
    border-radius: 4px;
    }

/*-----2C 共通-----*/
tr.c2_item_up td,
tr.c2_item_btm td{
    width:20%;
    text-align:center;
}
tr.c2_item_up td{
    vertical-align:bottom;
    padding-top:10px;
}
tr.c2_item_btm td{
    vertical-align:top;
}
tr.c2_item_up td img{
    max-width:80px;
    max-height:120px;
    border:1px #ccc solid;
}

tr.c2_item_btm td h4{font-size:12px;padding:5px ;}
tr.c2_item_btm td h5{font-size:12px;padding:0 5px 10px;}
tr.c2_item_btm td div.day{
    background-color:#0e6fa3;
    margin:10px 10px 0px;
    padding:4px;
    border-radius: 5px;
    color:#fff;
    font-size:0.9em;
}



/*-----2C 予約一覧-----*/
.auto_res_all tr.c2_item_btm td,
.auto_res tr.c2_item_btm td{vertical-align:top;}
.auto_res h3{
    height:30px;
    text-indent:-9999px;
    border-bottom:2px #cccccc solid;
}
.auto_res_all hr,
.auto_res hr{border:1px dotted #ebebeb;}



h2#cat.cattop_resall{
    display:block;
    position: relative;
    padding:10px 10px 8px 40px;
    font-size:16px;
    font-weight:bold;
    line-height:1.1em;
    color:#666666;
    background: linear-gradient(#fff, #ebebeb);
    border-bottom:2px #cccccc solid;
    }

    h2#cat.cattop_resall::before{
        content: url('/gold/bookfan/img/title/title_main_res.png');
        position: absolute;
        top: 3px;
        left: 8px;
    }






/*----------*/


.auto_newpush_c2 h3{height:30px;text-indent:-9999px;border-bottom:2px #cccccc solid;}
.auto_newpush_c2 hr{border:1px dotted #ebebeb;}

.newcd h3{background:url('/gold/bookfan/img/title/h3_new_cd.png') no-repeat #efefef;}
.newdvd h3{background:url('/gold/bookfan/img/title/h3_new_dvd.png') no-repeat #efefef;}

.staffpushbook h3,
.staffpushcd h3,
.staffpushdvd h3{background:url('/gold/bookfan/img/title/h3_staffpush.png');}

.push_item td.itemimg {width:130px;padding:10px 0 10px 20px ;vertical-align:top;}
.push_item td.itemdtl{width:232px;padding:10px 10px 10px 0px;text-align:left;}

.push_item td.itemimg img{margin:0px;width:110px;border:1px solid #ccc;}
.push_item td.itemdtl h4{font-size:13px;}
.push_item td.itemdtl h5{font-size:12px;padding-top:5px;}
.push_item td.itemdtl p{padding-top:5px;}



.bookall h3{background:url('/gold/bookfan/img/title/h3_res_book.png') 0px 2px no-repeat #efefef;}
.cdall h3{background:url('/gold/bookfan/img/title/h3_res_cd.png') 0px 2px no-repeat #efefef;}
.dvdall h3{background:url('/gold/bookfan/img/title/h3_res_dvd.png') 0px 2px no-repeat #efefef;}



.bookall h3,
.cdall h3,
.dvdall h3{
    margin:0;
    height:34px;
    text-indent:-1000%;
    }


/*----予約------*/


.res_more{text-align: right;}
.res_more a{
    display:inline-block;
    width:300px;
    height:34px;
    margin:10px 10px;
    text-indent:-99999px;
    text-align: left;
    }

.bookall .res_more a{background:url('/gold/bookfan/img/common/res/resbtn_book.gif') no-repeat;}
.cdall .res_more a{background:url('/gold/bookfan/img/common/res/resbtn_cd.gif') no-repeat;}
.dvdall .res_more a{background:url('/gold/bookfan/img/common/res/resbtn_dvd.gif') no-repeat;}

.bookall .res_more a:hover,
.cdall .res_more a:hover,
.dvdall .res_more a:hover{opacity:0.6; filter: alpha(opacity=60);}

/*PAGER*/
#pager{padding:0 auto;text-align: center;}
#pager ul {}
#pager ul li {
      display: inline-block;
      margin-right: 10px;
      border: 1px #004f79 solid;
      font-weight: bold;
      border-radius:3px;
}
#pager ul li a {
      position: relative;
      display: block;
      padding: 10px 15px;
      color: #111;
}
#pager ul li a:link,
#pager ul li a:visited {
      text-decoration: none;
}
#pager ul li a:hover,
#pager ul li a:active {
      background-color: #734C33;
      opacity:0.6; filter: alpha(opacity=60);
      text-decoration: none;
      color: #FFFFFF;
}
#pager ul li.select a{
      background: #0e6fa3;
      color: #FFFFFF;
}


/*----2c ランキング------*/

.auto_ranking{
    border: 2px solid #cccccc;
    width: 191px;
    margin: 0 0 10px 0;
    border-radius: 4px;
}


.auto_ranking .rankimg img{width:50px;margin:10px;border:1px #ccc solid;}
.auto_ranking .rankdtl{padding:10px 5px 0 0;}

.auto_ranking h3{height:30px;text-indent:-9999px;border-bottom:2px #cccccc solid;}
.auto_ranking h4{width: 95px;word-wrap: break-word;}
.auto_ranking h5{
    clear:both;
    margin:3px 0 5px 0;
    width: 95px;
    word-wrap: break-word;
    font-size: 0.9em;
}

.rank_book h3{background:url('/gold/bookfan/img/title/h3_ranking_book.png');}
.rank_cd h3{background:url('/gold/bookfan/img/title/h3_ranking_cd.png');}
.rank_dvd h3{background:url('/gold/bookfan/img/title/h3_ranking_dvd.png');}
.rank_mz h3{background:url('/gold/bookfan/img/title/h3_ranking_mz.png');}



.auto_ranking span.ic_rank{display:block;width:14px;height:14px;margin-right:5px;;text-indent:-99999px;float:left;}
.auto_ranking span.rank01{background:url('/gold/bookfan/img/1ranking.jpg');}
.auto_ranking span.rank02{background:url('/gold/bookfan/img/2ranking.jpg');}
.auto_ranking span.rank03{background:url('/gold/bookfan/img/3ranking.jpg');}
.auto_ranking span.rank04{background:url('/gold/bookfan/img/4ranking.jpg');}
.auto_ranking span.rank05{background:url('/gold/bookfan/img/5ranking.jpg');}
.auto_ranking span.rank06{background:url('/gold/bookfan/img/6ranking.jpg');}
.auto_ranking span.rank07{background:url('/gold/bookfan/img/7ranking.jpg');}
.auto_ranking span.rank08{background:url('/gold/bookfan/img/8ranking.jpg');}
.auto_ranking span.rank09{background:url('/gold/bookfan/img/9ranking.jpg');}
.auto_ranking span.rank10{background:url('/gold/bookfan/img/10ranking.jpg');}