@charset "UTF-8";


/*** STORES HEADER ***/
#store-header {
margin-top:18px;
width:466px;
float:left;
margin-right:28px;
}
#store-header h1 {
font-family:HiraMinProN-W6,HiraMinPro-W6,"ヒラギノ明朝 ProN W6","ヒラギノ明朝 Pro W6","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
font-size:36px;
color:#727171;
float:left;
margin-left:18px;
margin-right:12px;
background:url(/global/images/store/bg_store_h1.png) no-repeat 0 2px;
text-indent:44px;
}
#store-header #catch {
float:left;
font-size:15px;
line-height:19px;
color:#727171;
margin-top:4px;
}
#store-number {
font-family:HiraMinProN-W6,HiraMinPro-W6,"ヒラギノ明朝 ProN W6","ヒラギノ明朝 Pro W6","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
font-size:16px;
letter-spacing:1px;
color:#727171;
margin-left:18px;
margin-bottom:2px;
}
#book-number {
font-size:10px;
color:#727171;
margin-left:18px;
}
#store-news {
margin:10px 0 0 18px;
}
#store-news li {
font-size:16px;
line-height:25px;
color:#FF9600;
}
#store-news li a {
font-size:16px;
color:#FF9600;
}

#store-sidebar {
float:left;
}
#bookshop-list-inner {
float:left;
width:232px;
margin-top:18px;
padding:0;
}
#bookshop-list-inner ul.bcck-grids-s {
width:36px;
height:48px;
float:left;
}

#book-ranking-inner {
float:left;
padding:0;
margin-top:18px;
}

#book-ranking-inner .book-ranking-author {
margin-left:12px;
}

/*** MAIN ***/
#stores-main {}
/*** SELECTION ***/
#select-stores li.bookstore {
display:block;
position:relative;
width:466px;height:212px;
float:left;
margin-top:12px;
margin-bottom:12px;
background:#fafafa url(/global/images/top/bg_store.png) no-repeat 0 0;
}
#select-stores .left {
margin-right:28px;
}

#select-stores li h2.headline {
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
position:absolute;
left:4px;
top:4px;
height:14px;
padding-right:4px;
overflow:hidden;
color:#727171;
}
#select-stores .bt-gotostore {
display:block;
width:72px;
height:18px;
background:url("/global/images/common/bt_gotostore.png") no-repeat 0 0;
font-size:1px;
text-indent:-9999px;
position:absolute;
left:4px;
bottom:4px;
}
#select-stores .bt-gotostore:hover {
background-position:0 -18px;
}
#select-stores li a .mask {
width:80px;
height:80px;
position:absolute;
top:0;
left:0;
opacity:0;
background-color: rgba(255,255,255, 0.4);
}
#select-stores li a:hover .mask {
opacity: 1;
}
#select-stores .bookstore-icon {
position:absolute;
left:32px;
top:36px;
width:80px;
height:80px;
line-height:80px;
text-align:center;
}
#select-stores .store-data {
position:absolute;
left:16px;
top:124px;
width:112px;
}
#select-stores .store-data .inner {
max-height:59px;
overflow:hidden;
}
#select-stores .store-data h3 {
font-size:11px;
font-weight:bold;
line-height:14px;
text-align:center;
color:#727171;
margin-bottom:3px;
max-height:27px;
overflow:hidden;
}
#select-stores .store-data p {
font-size:10px;
line-height:14px;
max-height:42px;
color:#727171;
text-align:justify;
overflow:hidden;
}

#select-stores li.bookstore ul.bcck-grids {
position:absolute;
left:144px;
top:18px;
margin:0;
width:300px;
height:192px;
min-height:192px;/*commonの数値を打ち消し*/
}

#select-stores #tobccksall {
clear:both;
display:block;
width:466px;
height:82px;
position:relative;
background:#F5F6F6 url(/global/images/store/bg_all_book.png) no-repeat 0 0;
margin-bottom:68px;
}
#select-stores #tobccksall h2 {
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
position:absolute;
left:4px;
top:4px;
color:#727171;
}
#select-stores #tobccksall:hover {
text-decoration:none;
}

#select-stores .store-value {
display:block;
font-size:10px;
color:#727171;
text-align:center;
vertical-align:middle;
}

#select-stores .store-value span         { display:inline-block;margin:0 2px 0 0;padding-top:2px;height:20px;line-height:20px;font-size:10px;vertical-align:middle; }
#select-stores .store-value span.num-txt { margin:0;padding-top:1px;font-size:14px;font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;font-weight:bold; }

/* ICONS STORE 15px */
#select-stores .store-value .icon-ranking           { margin:0 8px 0 0;padding-top:0;width:15px;height:15px;background:url(/global/images/sprites/icon_num_15.png)no-repeat 0 0;text-indent:-9999px; }
#select-stores .store-value .icon-ranking.rank1     { background-position:   0     0  ; }
#select-stores .store-value .icon-ranking.rank2     { background-position: -15px   0  ; }
#select-stores .store-value .icon-ranking.rank3     { background-position: -30px   0  ; }
#select-stores .store-value .icon-ranking.rank4     { background-position: -45px   0  ; }
#select-stores .store-value .icon-ranking.rank5     { background-position: -60px   0  ; }
#select-stores .store-value .icon-ranking.rank6     { background-position: -75px   0  ; }
#select-stores .store-value .icon-ranking.rank7     { background-position: -90px   0  ; }
#select-stores .store-value .icon-ranking.rank8     { background-position:-105px   0  ; }
#select-stores .store-value .icon-ranking.rank9     { background-position:-120px   0  ; }
#select-stores .store-value .icon-ranking.rank10    { background-position:-135px -15px; }
#select-stores .store-value .icon-ranking.rank11    { background-position:   0   -15px; }
#select-stores .store-value .icon-ranking.rank12    { background-position: -15px -15px; }
#select-stores .store-value .icon-ranking.rank13    { background-position: -30px -15px; }
#select-stores .store-value .icon-ranking.rank14    { background-position: -45px -15px; }
#select-stores .store-value .icon-ranking.rank15    { background-position: -60px -15px; }
#select-stores .store-value .icon-ranking.rank16    { background-position: -75px -15px; }
#select-stores .store-value .icon-ranking.rank17    { background-position: -90px -15px; }
#select-stores .store-value .icon-ranking.rank18    { background-position:-105px -15px; }
#select-stores .store-value .icon-ranking.rank19    { background-position:-120px -15px; }
#select-stores .store-value .icon-ranking.rank20    { background-position:-135px -15px; }
#select-stores .store-value .icon-ranking-text      { background-position:-120px -20px;display:block;width:20px;height:20px;text-indent:0 !important;line-height:24px;vertical-align:bottom;color:#f93 !important;text-align:center;font-family:Futura-CondensedLight,"Futura Condensed Light","Futura CondensedLight", "Futura Condensed-Light", "Futura-Condensed-Light", "Futura-Condensed", "Futura Condensed", "Helvetica","Arial","Verdana",sans-serif;font-size:16px; }
#select-stores .store-value .icon-ranking-text span { display:none; }

/*** ALL ***/
aside#allstores-sidebar {
position:relative;
margin-top:12px;
}
aside#allstores-sidebar ul {
position:absolute;
left:0;
top:0;
}
aside#allstores-sidebar ul li#storelist-mode-latest {
display:block;
width:48px;
height:48px;
background:url("../images/sprites/allstores_nav.png")no-repeat 0 0;
text-indent:-9999px;
}
/*aside#allstores-sidebar ul li {
display:block;
width:96px;
height:48px;
}
aside#allstores-sidebar ul li a {
display:block;
height:48px;
text-indent:-9999px;
background:url("../images/sprites/allbccks_nav.png") 0 0 no-repeat;
}
aside#allstores-sidebar ul li a#storelist-mode-ranking         { background-position:-96px -144px; }
aside#allstores-sidebar ul li a#storelist-mode-latest          { background-position:-96px -240px; }
aside#allstores-sidebar ul li a#storelist-mode-ranking:hover   { background-position:-96px -192px; }
aside#allstores-sidebar ul li a#storelist-mode-latest:hover    { background-position:-96px -288px; }
*/
#all-stores {
}
#all-stores > li {
margin:4px 1px;
width:318px;
height:104px;
float:left;
display:block;
position:relative;
background: #FAFAFA url(/global/images/store/bg_store_allstores.png) no-repeat 0 0;
}
#all-stores li a .mask {
width:70px;
height:70px;
position:absolute;
top:0;
left:0;
opacity:0;
background-color: rgba(255,255,255, 0.4);
}
#all-stores li a:hover .mask {
opacity: 1;
}
#all-stores .bookstore-icon {
position:relative;
display:block;
float:left;
width:70px;
height:70px;
line-height:70px;
text-align:center;
margin: 17px 0 0 24px;
}
#all-stores .icon-bookshop-m {
max-width:70px;
max-height:70px;
}

#all-stores ul.bcck-grids {
float:left;
min-height: 0;
margin:0;
width:90px;
height:104px;
}
#all-stores ul.bcck-grids>li { position:relative;display:block;float:left;width:90px;height:104px;line-height:104px;text-align:center; }
#all-stores ul.bcck-grids>li a img { max-width:70px;max-height:83px; }
#all-stores ul.bcck-grids>li a img:hover { border:none;box-shadow:4px 4px 8px #FFA366;-webkit-box-shadow:4px 4px 8px #FFA366;-moz-box-shadow:4px 4px 8px #FFA366; }
#all-stores ul.bcck-grids>li a img.tn-tofu01Landscape     { /*width:20px;*/  height:35px; }
#all-stores ul.bcck-grids>li a img.tn-bunkoLandscape     { /*width:40px;*/  height:56px; }
#all-stores ul.bcck-grids>li a img.tn-shinshoLandscape   { /*width:42px;*/  height:68px; }
#all-stores ul.bcck-grids>li a img.tn-inch10Landscape    { /*width:56px;*/ height:73px; }
#all-stores ul.bcck-grids>li a img.tn-a5deformeLandscape { /*width:53px;*/ height:83px; }
#all-stores ul.bcck-grids>li a img.tn-postcardLandscape  { width:50px ; /*height:36px;*/ }
#all-stores ul.bcck-grids>li a img.tn-cabinetLandscape   { width:60px;  /*height:43px;*/ }
#all-stores ul.bcck-grids>li a img.tn-octavoLandscape    { width:70px; /*height:50px;*/ }

#all-stores .store-data {
margin-top:9px;
float:left;
width:119px;
height:86px;
}
#all-stores .store-data .inner {
margin-bottom: 3px;
/*max-height:59px; ランキング冊数アリの場合 */
max-height:71px;/* ランキング冊数ナシの場合 */
overflow:hidden;
}
#all-stores .store-data h1 {
margin-bottom:4px;
max-height:28px;
/*height:14px;*/
font-size:12px;
line-height:14px;
color:#494646;
overflow: hidden;
}
#all-stores .store-data h2.headline {
position:relative;
left:auto;
top:auto;
margin-bottom:4px;
height:auto;
max-height:11px;
font-size:10px;
font-weight:bold;
letter-spacing:0;
color:#727171;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
#all-stores .store-data p {
font-size:10px;
line-height:13px;
color:#727171;
}
#all-stores .store-data p.store-discription {
/* max-height:39px; ランキング冊数アリの場合 */
max-height:51px;/* ランキング冊数ナシの場合 */
text-align:justify;
overflow:hidden;
}
#all-stores .store-value {
display:block;
line-height:10px;
vertical-align:middle;
}

#all-stores .store-value span { display:inline-block;margin-left:2px;padding-top:1px;height:10px;font-size:100%;line-height:10px;vertical-align:middle; }

#all-stores .store-value .icon-ranking { padding:0;width:10px;height:10px; }
#all-stores .store-value .icon-ranking.rank-1  { background:url(/global/images/top/icon_ranking_s_01.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-2  { background:url(/global/images/top/icon_ranking_s_02.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-3  { background:url(/global/images/top/icon_ranking_s_03.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-4  { background:url(/global/images/top/icon_ranking_s_04.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-5  { background:url(/global/images/top/icon_ranking_s_05.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-6  { background:url(/global/images/top/icon_ranking_s_06.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-7  { background:url(/global/images/top/icon_ranking_s_07.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-8  { background:url(/global/images/top/icon_ranking_s_08.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-9  { background:url(/global/images/top/icon_ranking_s_09.png) no-repeat 0 0; }
#all-stores .store-value .icon-ranking.rank-10 { background:url(/global/images/top/icon_ranking_s_10.png) no-repeat 0 0; }

/*** PAGER ***/
.pager-box-store                      { height:44px;/*48-4*/text-align:center; }
.pager-box-store #pager               { display:inline-block;height:20px;padding:14px 0; }
.pager-box-store.top #pager           { padding-bottom:10px;/*14-4*/ }
.pager-box-store.bottom #pager        { padding-top:10px;/*14-4*/ }
.pager-box-store #pager a             { font-size:11px;font-weight:bold;padding-top:4px;color:#b5b6b6;text-shadow: 1px 1px 2px #9fa0a0; }
.pager-box-store #pager a:hover       { text-decoration:none;color:#F08200; }
.pager-box-store #pager a.current     { color:#595757; }
.pager-box-store #pager a,#pager span { margin:0 4px;display:block;float:left; }

.pager-box-store #pager .prev         { width:10px;height:20px;background:url(../images/common/pager.png) no-repeat -44px 0;font-size:1px;text-indent:-9999px; }
.pager-box-store #pager .prev:hover   { background-position:-22px 0; }
.pager-box-store #pager .inactivePrev { width:10px;height:20px;background:url(../images/common/pager.png) no-repeat -66px 0;font-size:1px;text-indent:-9999px; }
.pager-box-store #pager .next         { width:12px;height:20px;background:url(../images/common/pager.png) no-repeat -54px 0;font-size:1px;text-indent:-9999px; }
.pager-box-store #pager .next:hover   { background-position:-32px 0; }
.pager-box-store #pager .inactiveNext { width:12px;height:20px;background:url(../images/common/pager.png) no-repeat -76px 0;font-size:1px;text-indent:-9999px; }

/*** SMARTPHON ***/
@media screen and (max-width: 480px) {

#select-stores {
display:none;
}

#allstores-body {
margin-top:-48px;
}
#allstores-body h1 {
letter-spacing:-1px;
}
#allstores-body p#catch {
display:none;
}

#store-header {
width:100%;
}
#book-number {
font-size:12px;
}
#store-news {
margin:10px 18px;
}
#store-news li {
font-size:14px;
line-height:24px;
text-indent:-18px;
margin-left:18px;
}
#store-news li a {
font-size:14px;
text-indent:-14px;
}
#store-sidebar {
display:none;
}

#stores-main li.bookstore {
width:300px;
overflow:hidden;
float:none;
margin:10px auto;
}

#select-stores {
margin-bottom:24px;
}
#select-stores li.bookstore ul.bcck-grids {
width:144px;
overflow:hidden;
}

.pager-box-store {
height:auto;
width:300px;
margin-left:auto;
margin-right:auto;
font-size:0;
}
.pager-box-store #pager {
padding:4px 0;
height:auto;
min-height:20px;
}
.pager-box-store.top #pager {
padding-top:8px;
padding-bottom:4px;
}
.pager-box-store #pager a, #pager span {
margin: 8px 7px;
}

aside#allstores-sidebar {
width:300px;
margin:10px auto 0 auto;
}
aside#allstores-sidebar ul {
position:relative;
}

#all-stores > li {
float:none;
margin-left:auto;
margin-right:auto;
width:300px;
}
#all-stores .bookstore-icon {
margin-right:24px;
}
#all-stores ul.bcck-grids {
display:none;
}
#all-stores .store-data {
width:163px;
}

}