@charset "UTF-8";

/*** BODY（※後にcommonへ） ***/
body { background:#E6E6E6;text-align:center; }
a:link    { color:#fff; }
a:hover   { color:#fff;text-decoration:underline; }
a:visited { color:#fff; }
a:active  { color:#fff; }

/*** WRAPPER（※後にcommonへ） ***/
#bg-belt { position:fixed;background:#B5B6B6 url(/global/images/common/bg_header.gif) repeat-x;top:0;left:0;width:100%;height:48px;z-index:5; }
#bg-belt-2 { position:fixed;background:#B5B6B6 url(/global/images/common/bg_header.gif) repeat-x;top:48px;left:0;width:100%;height:48px;z-index:5; }
#bg-belt-3 { position:fixed;background:#B5B6B6 url(/global/images/common/bg_header.gif) repeat-x;top:96px;left:0;width:100%;height:48px;z-index:5; }
#wrapper { margin:0 auto;padding:0;width:960px;background:#e6e6e6;color:#ccc;text-align:left; }
#pc-header {
position:fixed;
top:0;
margin:0 auto;
height:48px;
width:960px;
z-index:6;
}

/*** HEADER NAV（※後にcommonへ） ***/
#header-nav { background-color:#b5b6b6; }
#header-nav li {
display:block;
height:48px;
background:url(/global/images/common/global_header_nav.png) no-repeat;
float:left;
}
#header-nav #global-header-nav-bccks {
width:86px;
background-position:-8px 0;
}
#header-nav #global-header-nav-bccks:hover {
background-position:-8px -48px;
}
#header-nav #global-header-nav-bccks.current {
background-position:-8px -96px;
}
#header-nav #global-header-nav-bccks a {
display:block;
width:86px;
height:48px;
font-size:1px;
text-indent:-9999px;
}

#header-nav #global-header-nav-read {
width:69px;
background-position:-86px 0;
}
#header-nav #global-header-nav-read:hover {
background-position:-86px -48px;
}
#header-nav #global-header-nav-read.current {
background-position:-86px -96px;
}
#header-nav #global-header-nav-read a {
display:block;
width:69px;
height:48px;
font-size:1px;
text-indent:-9999px;
}

#header-nav #global-header-nav-store {
width:75px;
background-position:-155px 0;
}
#header-nav #global-header-nav-store:hover {
background-position:-155px -48px;
}
#header-nav #global-header-nav-store.current {
background-position:-155px -96px;
}
#header-nav #global-header-nav-store a {
display:block;
width:75px;
height:48px;
font-size:1px;
text-indent:-9999px;
}

#header-nav #global-header-nav-create {
width:83px;
background-position:-230px 0;
}
#header-nav #global-header-nav-create:hover {
background-position:-230px -48px;
}
#header-nav #global-header-nav-create a {
display:block;
width:83px;
height:48px;
font-size:1px;
text-indent:-9999px;
}

#header-nav #global-header-nav-bookshelf {
width:69px;
background-position:-313px 0;
}
#header-nav #global-header-nav-bookshelf:hover {
background-position:-313px -48px;
}
#header-nav #global-header-nav-bookshelf.current {
background-position:-313px -96px;
}
#header-nav #global-header-nav-bookshelf.notlogin {
display:none;
}
#header-nav #global-header-nav-bookshelf a {
display:block;
width:69px;
height:48px;
font-size:1px;
text-indent:-9999px;
}

#global-header-nav {
float:left;
width:400px;
}

#content { margin-top:48px; }

/*** SEARCH ***/
#searchbox {
float:left;
height:32px;
padding-top:10px;
}
#search-btn {
float:left;
display:block;
width:28px;
height:28px;
background:url(/global/images/common/search_button.png) no-repeat 0 0;
font-size:1px;
text-indent:-9999px;
cursor:pointer;
}
#search-btn:hover {
background-position:0 -28px;
}
#search-box-kw {
float:left;
}

/*** LOGIN ***/
#login {
float:right;
text-align:right;
margin-right:8px;
margin-top:8px;
}
#login span {
color:#EEEFEF;
}
#login p {
margin-right:2px;
margin-bottom:3px;
}

.library-info {
position:relative;
float:right;
display:block;
margin:0 9px 0 0;
width:220px;
height:100%;
}

#to-library {
position:absolute;
display:block;
top:16px;
right:0;
height:25px;
max-width:200px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding-left:6px;/* ディセンダの文字が行頭にきた際に欠ける対策 */
}
#to-library.current {
color:#F08300;
}
#to-library:hover {
text-decoration:none;
color:#F08300;
}

#to-library span {
display:inline-block;
padding:0;
width:31px;
height:25px;
background:url("/global/images/common/bg_library.png") no-repeat 0 0;
text-indent:9999px;
vertical-align:bottom;
}
#to-library:hover span.guest,
#to-library:hover span.member     { background-position:   0   -25px; }
#to-library.current span.guest,
#to-library.current span.member   { background-position:   0   -50px; }
#to-library span.standard         { background-position: -31px   0;   }
#to-library:hover span.standard   { background-position: -31px -25px; }
#to-library.current span.standard { background-position: -31px -50px; }
#to-library span.premium          { background-position: -62px   0;   }
#to-library:hover span.premium    { background-position: -62px -25px; }
#to-library.current span.premium  { background-position: -62px -50px; }
#to-library span.admin            { background-position: -93px   0;   }
#to-library:hover span.admin      { background-position: -93px -25px; }
#to-library.current span.admin    { background-position: -93px -50px; }

#invitation {
position:absolute;
top:7px;
right:0;
display:block;
width:31px;
font-size:10px;
font-family:HiraKakuProN-W3,HiraKakuPro-W3,'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,sans-serif;
color:#f00;
text-align:center;
text-decoration: none;
}
#invitation span       { font-size:100%; }
#invitation span:hover { text-decoration: underline; }
#invitation .message {
/*opacity:0;*/
display:block;
position:absolute;
left:-10px;
top:34px;
background-color:#F47C00;
width:156px;
padding:5px;
color:white;
border:1px solid white;
font-size:11px;
z-index:1111;
/*animation:blink01 2s ease 0s 5 normal;
-webkit-animation:blink01 2s ease 0s 5 normal;
-moz-animation:blink01 2s ease 0s 5 normal;*/
}
#invitation .top-arrow {
position:absolute;
top:-5px;
left:20px;
width:8px;
height:8px;
border-top:solid 1px white;
border-right:solid 1px white;
background-color:#F47C00;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
}

@keyframes blink01 {
0%   { opacity:1;top:20px; }
79%  { opacity:1;top:20px; }
80%  { opacity:0;top:20px; }
99%  { opacity:0;top:-1000px; }
100% { opacity:0;top:-1000px; }
}
@-webkit-keyframes blink01 {
0%   { opacity:1;top:20px; }
79%  { opacity:1;top:20px; }
80%  { opacity:0;top:20px;  }
99%  { opacity:0;top:-1000px; }
100% { opacity:0;top:-1000px; }
}
@-moz-keyframes blink01 {
0%   { opacity:1;top:20px; }
79%  { opacity:1;top:20px; }
80%  { opacity:0;top:20px;  }
99%  { opacity:0;top:-1000px; }
100% { opacity:0;top:-1000px; }
}

#bcckstte {
display:block;
width:80px;
height:14px;
background:url("/global/images/common/bt_bcckstte.png") no-repeat 0 0;
font-size:1px;
text-indent:-9999px;
}
#bcckstte:hover {
background-position:0 -14px;
}

/*** CART ***/
#cart {
float:right;
width:22px;
height:32px;
text-align:center;
margin-right:14px;
margin-top:7px;
}
#cart a {
display:block;
width:22px;
height:33px;
font-size:10px;
background:url("/global/images/common/bg_cart.png") no-repeat 0 11px;
}
#cart a:hover {
background-position:0 -29px;
color:#F08300;
text-decoration:none;
}

/*** BILLBOARD BANNERS ***/
#billboard-banners-wrap {
width:640px;
float:left;
position:relative;
}
.billboard-banners {
position:absolute;
}
#billboard-nav-left {
display:block;
width:320px;
height:58px;
background:url(/global/images/common/billboard_nav_left.png) no-repeat 0 0;
z-index:4;
position:absolute;
left:0px;
top:230px;
}
#billboard-nav-right {
display:block;
width:320px;
height:58px;
background:url(/global/images/common/billboard_nav_right.png) no-repeat 0 0;
z-index:4;
position:absolute;
right:0px;
top:230px;
}
#billboard-nav-left:hover,#billboard-nav-right:hover {
cursor:pointer;
background-position:0 -58px;
}

.billboard-banners a {
display:block;
width:640px;
height:288px;
font-size:1px;
text-indent:-9999px;
}
#billboard-01 {
background:url(/global/images/top/billboard_banners/billboard_01.jpg) no-repeat 0 0;
}
#billboard-01:hover {
background-position:0 -288px;
}
#billboard-02 {
background:url(/global/images/top/billboard_banners/billboard_02.jpg) no-repeat 0 0;
}
#billboard-02:hover {
background-position:0 -288px;
}
#billboard-03 {
background:url(/global/images/top/billboard_banners/billboard_03.jpg) no-repeat 0 0;
}
#billboard-03:hover {
background-position:0 -288px;
}
#billboard-04-a {
width:320px;
float:left;
background:url(/global/images/top/billboard_banners/billboard_04_a.jpg) no-repeat 0 0;
}
#billboard-04-a:hover {
background-position:0 -288px;
}
#billboard-04-b {
width:320px;
float:left;
background:url(/global/images/top/billboard_banners/billboard_04_b.jpg) no-repeat 0 0;
}
#billboard-04-b:hover {
background-position:0 -288px;
}
#billboard-05 {
background:url(/global/images/top/billboard_banners/billboard_05.jpg) no-repeat 0 0;
}
#billboard-05:hover {
background-position:0 -288px;
}
#billboard-06 {
background:url(/global/images/top/billboard_banners/billboard_06.jpg) no-repeat 0 0;
}
#billboard-06:hover {
background-position:0 -288px;
}
#billboard-07 {
background:url(/global/images/top/billboard_banners/billboard_07.jpg) no-repeat 0 0;
}
#billboard-07:hover {
background-position:0 -288px;
}

/*** MINI BANNERS ***/
#mini-banners {
width:320px;
height:288px;
float:left;
margin-left:640px;
}
#mini-banners li {
position:absolute;
width:320px;
}

#mini-banners li img {
position:relative;
}

#mini-banners li img:hover {
box-shadow: 0 0 10px 0 #999;
-webkit-box-shadow: 0 0 10px 0 #999;
-moz-box-shadow: 0 0 10px 0 #999;
z-index:4;
}

/*** NEWS ***/
#news {
width:768px;
float:left;
}
#news-ticker {
margin-top:8px;
margin-left:8px;
}
#news-ticker li {
width:760px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
#news-ticker a {
font-size:12px;
color:#727171;
}

/*** ALERT ***/
#news-alert {
display:block;
width:760px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
#news-alert a {
margin-left:8px;
font-size:12px;
font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,sans-serif;
font-weight:bold;
color:#ff9600;
}

/*** APPS ***/
#apps {
float:left;
width:192px;
height:48px;
position:relative;
background:url(/global/images/top/bg_apps.png) no-repeat 0 0;
}
#apps-android {
position:absolute;
left:124px;
top:12px;
}
#apps-android a {
display:block;
width:57px;
height:12px;
font-size:1px;
text-indent:-9999px;
background:url(/global/images/top/bt_apps_android.png) no-repeat 0 0;
}
#apps-android a:hover {
background-position:0 -12px;
}
#apps-ios {
position:absolute;
left:124px;
top:26px;
}
#apps-ios a {
display:block;
width:27px;
height:12px;
font-size:1px;
text-indent:-9999px;
background:url(/global/images/top/bt_apps_ios.png) no-repeat 0 0;
}
#apps-ios a:hover {
background-position:0 -12px;
}

/*** SIDE BAR ***/
#side-bar {
width:240px;
float:left;
}

/*** RECOMMEND ***/
.recommend {
width:240px;
height:240px;
}
.recommend a {
display:block;
position:relative;
margin-left:48px;
margin-top:16px;
width:120px;
height:120px;
font-size:0;
line-height:120px;
text-align:center;
}
.recommend a .mask {
width:120px;
height:120px;
position:absolute;
top:0;
left:0;
opacity:0;
background-color: rgba(255,255,255, 0.4);
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
}
.recommend a:hover .mask {
opacity: 1;
}
.icon-bookshop-recommend {
max-width:120px;
max-height:120px;
vertical-align:middle;
}
#recommend_01,#recommend_02 {
background:url(/global/images/top/bg_recommend_01.png) no-repeat 0 2px;
padding-top:1px;
}

/*** CASE STUDY ***/
.banner_case_study {
display:block;
width:204px;
height:92px;
margin:32px 18px 26px 18px;
background:url(/global/images/top/banner_case_study.png) no-repeat 0 0;
text-indent:-9999px;
}
.banner_case_study:hover {
background-position:0 -92px;
}
/*** BOOKSHOP DATA ***/
.bookshop-data {
padding:4px 28px;
}
.bookshop-data h2 {
margin-bottom:2px;
max-height:34px;
font-size:14px;
font-family:HiraMinProN-W6,HiraMinPro-W6,"ヒラギノ明朝 ProN W6","ヒラギノ明朝 Pro W6","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
font-weight:bold;
color:#727171;
overflow:hidden;
text-align:justify;
}
.bookshop-data p {
max-height:71px;
font-size:10px;
line-height:14px;
color:#727171;
overflow:hidden;
text-align:justify;
}

/*** BOOKSHOP LIST ***/
#bookshop-list {
margin-bottom:32px;
}
#bt-bookshop-list {
display:block;
width:60px;
height:30px;
background:url(/global/images/top/bt_bookshop_list.png) no-repeat 0 0;
font-size:1px;
text-indent:-9999px;
margin-top:16px;
margin-bottom:32px;
margin-left:85px;
}
#bt-bookshop-list:hover {
background-position:0 -30px;
}
#bookshop-list-inner {
padding:0 10px 0 20px;
}
#bookshop-list-inner h3 {
font-size:10px;
color:#4C4949;
margin-bottom:6px;
letter-spacing:1px;
}

#bookshop-list-inner a.store-icon {
display:block;
float:left;
position:relative;
width:40px;
height:40px;
line-height:40px;
text-align:center;
margin:4px 9px 0 0;
}
#bookshop-list-inner a.store-icon .mask {
margin-top:1px;
width:40px;
height:40px;
position:absolute;
top:0;
left:0;
opacity:0;
background-color: rgba(255,255,255, 0.4);
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
}
#bookshop-list-inner a.store-icon:hover .mask {
opacity: 1;
}
.icon-bookshop-s {
max-width:40px;
max-height:40px;
vertical-align:middle;
}
#bookshop-list .bcck-grids-s {
float:left;
width:36px;
height:48px;
margin-bottom:6px;
}
.bookshop-data-s {
float:left;
width:118px;
padding:4px 0 0 6px;
}
.bookshop-data-s h4 {
font-size:12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.bookshop-data-s h4 a {
color:#727171;
}
.bookshop-data-s p {
font-size:10px;
line-height:14px;
color:#727171;
max-height:28px;
overflow:hidden;
}

#book-ranking-inner {
padding:10px 10px 40px 20px;
}
#book-ranking-inner h3 {
font-size:10px;
color:#4C4949;
margin-bottom:10px;
letter-spacing:1px;
}
#book-ranking-inner .book-ranking-data a,
#book-ranking-inner .book-ranking-data-stores a,
#book-ranking-inner .book-ranking-data p,
#book-ranking-inner .book-ranking-data-stores p {
color:#4C4949;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}

#book-ranking-inner ol li {
line-height:10px;
}
#book-ranking-inner a.book-ranking-title {
display:block;
font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
font-weight:normal;
font-size:12px;
text-indent:12px;
width:168px;
}
.book-ranking-title {
font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
font-size:12px;
}
.book-ranking-author,.book-ranking-publisher {
display:inline-block;
font-size:10px;
color:#4C4949;
max-width:93px;
}
#rank-1 {
background:url(/global/images/top/icon_ranking_s_01.png) no-repeat 0 2px;
}
#rank-2 {
background:url(/global/images/top/icon_ranking_s_02.png) no-repeat 0 2px;
}
#rank-3 {
background:url(/global/images/top/icon_ranking_s_03.png) no-repeat 0 2px;
}
#rank-4 {
background:url(/global/images/top/icon_ranking_s_04.png) no-repeat 0 2px;
}
#rank-5 {
background:url(/global/images/top/icon_ranking_s_05.png) no-repeat 0 2px;
}
#rank-6 {
background:url(/global/images/top/icon_ranking_s_06.png) no-repeat 0 2px;
}
#rank-7 {
background:url(/global/images/top/icon_ranking_s_07.png) no-repeat 0 2px;
}
#rank-8 {
background:url(/global/images/top/icon_ranking_s_08.png) no-repeat 0 2px;
}
#rank-9 {
background:url(/global/images/top/icon_ranking_s_09.png) no-repeat 0 2px;
}
#rank-10 {
background:url(/global/images/top/icon_ranking_s_10.png) no-repeat 0 2px;
}

#book-ranking-inner div {
float:left;
}
#book-ranking-inner .book-ranking-data {
float:left;margin-left:4px;line-height:12px;margin-top:5px;
}

/*** MAIN ***/
#main {
width:720px;
float:left;
}

.bookshops {
position:relative;
background:#fafafa url(/global/images/top/bg_store.png) no-repeat 0 0;
}
#bccks-all-new,
#bccks-all-sell {
background:#EEEFEF;
/*background:#EEEFEF url(/global/images/top/bg_all_book.png) no-repeat 0 0;*/
}

/*** BOOKSHOPS ***/
.bookshops {
height:212px;
margin-bottom:23px;
}
.headline {
font-size:12px;
letter-spacing:0.1em;
position:absolute;
left:4px;
top:4px;
height:14px;
overflow:hidden;
color:#9f9f9f;
}
#bccks-all-sell > .headline {
left:0;
top:0;
width:151px;
height:32px;
background:url("/global/images/top/bg_sell_new.png") no-repeat 0 0;
text-indent:-9999px;
}
#bccks-all-new > .headline {
left:0;
top:0;
width:151px;
height:32px;
text-indent:-9999px;
}
#bccks-all-new > .headline a {
display:block;
background:url("/global/images/top/bg_sell_new.png") no-repeat 0 -66px;
width:151px;
height:32px;
}
#bccks-all-new > .headline a:hover {
background-position:0 -99px;
}
.bookshops .bookstore-icon {
position:absolute;
left:27px;
top:60px;
width:80px;
height:80px;
text-align:center;
}
.bookshops .bcck-grids {
position:absolute;
left:125px;
top:20px;
}
.bookshops .bcck-grids.newbccks { left:0; }
.bookshops .bcck-grids.soldbccks { left:0; }
.bookshops h3 {
position:absolute;
left:3px;
top:144px;
width:128px;
font-size:12px;
font-weight:bold;
color:#9f9f9f;
text-align:center;
}
a .mask {
width:80px;
height:80px;
position:absolute;
top:0;
left:0;
opacity:0;
background-color: rgba(255,255,255, 0.4);
}
a:hover .mask {
opacity: 1;
}
.icon-bookshop-m {
max-width:80px;
max-height:80px;
vertical-align:middle;
margin-bottom:5px;
}
#bccks-all .bookshop-more {
display:block;
width:72px;
height:18px;
background:url(/global/images/top/bt_toallbook.png) no-repeat 0 0;
font-size:1px;
text-indent:-9999px;
}
.bookshop-kanban a:hover .bookshop-more {
background-position:0 -18px;
}
#bccks-all a:hover .bookshop-more {
background-position:0 -18px;
}

/*** BCCK GRIDS & ICONS NEW（120730） ***/
ul.bcck-grids { margin-left:0px; }
ul.bcck-grids>li { position:relative;display:block;float:left;width:144px;height:192px;line-height:192px;text-align:center; }
ul.bcck-grids>li a.jacket { /*width:144px;height:192px;line-height:192px;*/ }
ul.bcck-grids>li a img {
max-width:140px;
max-height:165px;
box-shadow:4px 4px 8px #BBB;
-webkit-box-shadow:4px 4px 8px #BBB;
-moz-box-shadow:4px 4px 8px #BBB;
}
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;
}
ul.bcck-grids>li a img.tn-tofu01Landscape     { /*width:40px;*/  height:70px; }
ul.bcck-grids>li a img.tn-bunkoLandscape     { /*width:79px;*/  height:112px; }
ul.bcck-grids>li a img.tn-shinshoLandscape   { /*width:84px;*/  height:136px; }
ul.bcck-grids>li a img.tn-inch10Landscape    { /*width:112px;*/ height:146px; }
ul.bcck-grids>li a img.tn-a5deformeLandscape { /*width:105px;*/ height:165px; }
ul.bcck-grids>li a img.tn-postcardLandscape  { width:100px;  /*height:71px;*/ }
ul.bcck-grids>li a img.tn-cabinetLandscape   { width:120px;  /*height:86px;*/ }
ul.bcck-grids>li a img.tn-octavoLandscape    { width:140px; /*height:100px;*/ }

ul.bcck-grids-icons { position:absolute;display:block;margin:0;padding:0;left:0px;bottom:1px;width:144px;height:20px;text-align:center;font-size:0; }
/* 他の場所に影響出るので暫定 スタート */
.bookshops ul.bcck-grids-icons, /* top */
#stores-main ul.bcck-grids-icons, /*書店top*/
#bccklist-column ul.bcck-grids-icons /*すべての本*/
{ top:1px; }
/* 他の場所に影響出るので暫定 エンド */
ul.bcck-grids-icons li                  { padding:0;width:20px;height:20px;background-image:url(../images/sprites/icons_state_2.png);text-indent:-9999px;margin:0 1px;display:inline-block;verticail-align:top; }
ul.bcck-grids-icons li.icon-blank       { background-position:20px 20px; }
ul.bcck-grids-icons li.icon-spacer      { background-position:20px 20px;height:32px; }
ul.bcck-grids-icons li.icon-none        { display:none; }
ul.bcck-grids-icons li.icon-free        { background-position:-40px 0; }
ul.bcck-grids-icons li.icon-price       { background-position:-60px 0; }
ul.bcck-grids-icons li.icon-new         { background-position:-80px 0; }
ul.bcck-grids-icons li.icon-updated     { background-position:-20px 0; }
ul.bcck-grids-icons li.icon-own-bcck    { background-position:-100px 0; }
ul.bcck-grids-icons li.icon-review      { background-position:-120px 0;text-indent:0;text-align:center;font:normal 11px sans-serif;line-height:16px;color:#c9c9ca; }
ul.bcck-grids-icons li.icon-review span { display:none; }

/*** BCCK GRIDS S ***/
ul.bcck-grids-s>li { position:relative;display:block;width:36px;height:48px;line-height:48px !important;text-align:center; }
ul.bcck-grids-s>li a img {
box-shadow:2px 2px 4px #999;
-webkit-box-shadow:2px 2px 4px #999;
-moz-box-shadow:2px 2px 4px #999;
}
ul.bcck-grids-s>li a img:hover {
box-shadow:2px 2px 4px #FFA366;
-webkit-box-shadow:2px 2px 4px #FFA366;
-moz-box-shadow:2px 2px 4px #FFA366;
}
ul.bcck-grids-s>li a img.tn-tofu01Landscape     { /*width:10px;*/ height:18px; }
ul.bcck-grids-s>li a img.tn-bunkoLandscape     { /*width:20px;*/ height:28px; }
ul.bcck-grids-s>li a img.tn-shinshoLandscape   { /*width:21px;*/ height:34px; }
ul.bcck-grids-s>li a img.tn-inch10Landscape    { /*width:28px;*/ height:36px; }
ul.bcck-grids-s>li a img.tn-a5deformeLandscape { /*width:26px;*/ height:41px; }
ul.bcck-grids-s>li a img.tn-postcardLandscape  { width:25px; /*height:18px;*/ }
ul.bcck-grids-s>li a img.tn-cabinetLandscape   { width:30px; /*height:22px;*/ }
ul.bcck-grids-s>li a img.tn-octavoLandscape    { width:35px; /*height:25px;*/ }

/*** FOOTER NAVIGATION NEW ***/
#footer { }
#footer-nav { background-color:#f5f6f6;opacity:1;padding: 11px 0;text-align:center;font-size:0; }
#footer-nav dl { display:inline-block;width:154px;margin: 0 14px;vertical-align:top;text-align:left; }
#footer-nav dl dt { border-bottom:solid 1px #4C4949;margin-bottom:5px;font-size:123.1%;font-family:"HiraMinPro-W6","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,serif;font-weight:bold;line-height:26px;color:#4C4949; }
#footer-nav dl dd { font-size:85%;color:#4C4949; }
#footer-nav dl dd.notlogin { color:#B5B6B6; }
#footer-nav dl dd span.special { font-size:100%;font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,sans-serif;font-weight:bold; }
#footer-nav dl dd a { font-size:100%;line-height:15px;color:#4C4949; }
#footer-nav dl dd ul li { margin-left:12px;font-size:85%;line-height:15px;color:#4C4949; }
#footer-nav dl dd.notlogin ul li { color:#B5B6B6; }
#footer div { width:960px;height:19px;background-color:#f5f6f6; }
#copyrights { float:right;margin:4px 42px 0 0;font-size:77%;font-weight:bold;letter-spacing:0.1em;color:#9fa0a0; }


/*** TANZAKU BCCKBUYBTN ***/
div#bcck-buybtns { width:275px;margin:13px 4px 33px 9px; }
div#bcck-buybtns form#cart-add-screen,
div#bcck-buybtns form#cart-add-paper,
div#bcck-buybtns form#cart-add-both,
div#bcck-buybtns section { height:24px;margin-bottom:4px; }
div#bcck-buybtns div { float:left;width:243px;height:24px; }
div#bcck-buybtns div { float:left;width:243px;height:24px;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;font:13px/1.231 HiraKakuProN-W3,HiraKakuPro-W3,'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,sans-serif;border-image:initial; }
div#bcck-buybtns div h1.bccktype-name { float:left;padding:5px 8px 0 0;font-size:108%;font-weight:normal;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif; }
div#bcck-buybtns div p.bccktype-detail { float:left;padding-top:8px;font-size:77%; }
div#bcck-buybtns div p.bccktype-price { text-align:right;padding:1px 4px 0 0;font-size:146.5%;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif; }
div#bcck-buybtns .bcckbuy_btn { width:32px;height:24px;background:url("/global/images/sprites/cart_buttons.png") no-repeat 0 0;border:none;margin:0;padding:0;overflow:hidden;outline:none; }
div#bcck-buybtns .bcckbuy_btn:hover { background-position: 0 -24px; }
div#bcck-buybtns .bccknonsale { width:32px;height:24px;background:url("/global/images/sprites/cart_buttons.png") no-repeat 0 -48px;border:none;margin:0;padding:0;overflow:hidden;outline:none; }
div#bcck-buybtns .bcckread_btn { width:32px;height:24px;background:url("/global/images/sprites/cart_buttons.png") no-repeat -32px 0;border:none;margin:0;padding:0;overflow:hidden;outline:none;cursor:pointer; }
div#bcck-buybtns .bcckread_btn:hover { background-position: -32px -24px; }
div#bcck-buybtns p.use-coupon { padding-top:6px; }

/*** RANKING RATING ICONS ***/
table.bcck-table td.bcck-rating { text-align:right; }
table.bcck-table td.bcck-rating span.on  { text-align:right;font:normal 9px serif;color:#4c4949; }
table.bcck-table td.bcck-rating span.off { display:none;/*text-align:right;font:normal 50% serif;color:#ccc;*/ }
table.bcck-table td.bcck-ranking,
table.bcck-table td.bcck-icon { background:transparent;border:0;width:20px;text-indent:-9999px; }
table.bcck-table td.bcck-icon p.icon { padding:0;width:20px;height:20px;background-image:url(../images/sprites/icons_state.png);text-indent:-9999px; }
table.bcck-table td.bcck-icon p.icon.icon-new { background-position:-80px 0; }
table.bcck-table td.bcck-icon p.icon.icon-updated { background-position:-20px 0; }
table.bcck-table td.bcck-icon p.icon.icon-ranking { }
table.bcck-table td.bcck-icon p.icon.icon-ranking-text { }

.icon-rating { background-position:-120px -20px; }
.icon-rating span { display:block;width:20px;height:20px;background-image:url(../images/sprites/icons_state_2.png); }
.icon-rating span.r10   { background-position-y:  -20px;  }
.icon-rating span.r5    { background-position-y:  -40px;  }
.icon-rating span.r1    { background-position-y:  -60px;  }
.icon-rating span.r0    { display:none !important; }
.icon-rating.rate0      { display:none !important; }
.icon-rating.rate1 span { background-position-x:  -80px;  }
.icon-rating.rate2 span { background-position-x:  -60px;  }
.icon-rating.rate3 span { background-position-x:  -40px;  }
.icon-rating.rate4 span { background-position-x:  -20px;  }
.icon-rating.rate5 span { background-position-x:      0;  }

.icon-ranking { background-position:20px 20px; }
.icon-ranking.rank1  { background-position:0 -80px; }
.icon-ranking.rank2  { background-position:-20px  -80px; }
.icon-ranking.rank3  { background-position:-40px  -80px; }
.icon-ranking.rank4  { background-position:-60px  -80px; }
.icon-ranking.rank5  { background-position:-80px -80px; }
.icon-ranking.rank6  { background-position:-100px -80px; }
.icon-ranking.rank7  { background-position:-120px -80px; }
.icon-ranking.rank8  { background-position:-140px -80px; }
.icon-ranking.rank9  { background-position:-160px -80px; }
.icon-ranking.rank10 { background-position:-180px -80px; }
.icon-ranking.rank11 { background-position:0  -100px; }
.icon-ranking.rank12 { background-position:-20px  -100px; }
.icon-ranking.rank13 { background-position:-40px  -100px; }
.icon-ranking.rank14 { background-position:-60px  -100px; }
.icon-ranking.rank15 { background-position:-80px -100px; }
.icon-ranking.rank16 { background-position:-100px -100px; }
.icon-ranking.rank17 { background-position:-120px -100px; }
.icon-ranking.rank18 { background-position:-140px -100px; }
.icon-ranking.rank19 { background-position:-160px -100px; }
.icon-ranking.rank20 { background-position:-180px -100px; }
.icon-ranking-text { background-position:-120px -20px;display:block;width:20px;height:20px;text-indent:0 !important;line-height:21px;vertical-align:bottom;color:#727171 !important;text-align:center;font-family:Futura-CondensedMedium, "Futura Condensed Medium", Helvetica, Arial, HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ ゴシック", sans-serif;font-size:16px; }
.icon-ranking-text span { display:none; }

#bcckslogo {
display:block;
position:absolute;
right:2px;
top:4px;
width:54px;
height:16px;
background:url(/global/images/sprites/utilities.png) no-repeat -22px -26px;
font-size:1px;
text-indent:-9999px;
}
#bcckslogo:hover {
background-position:-22px -44px;
}

/*** PREFERENCES ***/
#preferences {
padding-top:48px;
}

/*** SMARTPHON ***/

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

/*** COMMON ***/
#bg-belt,#bg-belt-2 {
display:none;
}
#smartphone-header,#smartphone-footer {
display:block;
}
#pc-header,#footer {
display:none;
}
#wrapper {
width:100%;
}
#content {
margin-top:48px;
}
#smartphone-header {
width:100%;
position:relative;
margin:0;
height:96px;
z-index: 6;
}
#smartphone-header #header-first,
#smartphone-header #header-secound {
height:48px;
background: url("/global/images/common/bg_header.gif") repeat-x;
}
#smartphone-header ul li {
float:left;
}
#global-header-nav {
float:none;
width:100%;
}
#global-header-nav li a {
background:url(../images/common/global_header_nav_sp.png) no-repeat 0 0;
display:block;
font-size:1px;
text-indent:-999px;
}
li#global-header-nav-bccks a {
width:72px;
height:48px;
background-position:0 0;
}
li#global-header-nav-bccks.current a {
background-position:0 -96px;
}
li#global-header-nav-read a {
width:55px;
height:48px;
background-position:-72px 0;
}
li#global-header-nav-read.current a {
background-position:-72px -96px;
}
li#global-header-nav-store a {
width:62px;
height:48px;
background-position:-127px 0;
}
li#global-header-nav-store.current a {
background-position:-127px -96px;
}
li#global-header-nav-bookshelf a {
width:59px;
height:48px;
background-position:-189px 0;
}
li#global-header-nav-bookshelf.current a {
background-position:-189px -96px;
}
#cart {
float:none;
position:absolute;
right:32px;
top:0;
}
#auth {
position:absolute;
right:8px;
top:4px;
}
#smartphone-footer {
width:100%;
text-align:center;
margin-top:24px;
line-height:28px;
}
#smartphone-footer,#smartphone-footer a {
color:#727171;
font-size:14px;
}
#copyrights {
float:none;
text-align:right;
margin-top:24px;
margin-right:8px;
}

#header-secound form {
height:48px;
line-height:48px;
text-align:center;
}
#search-box-kw {
display:inline-block;
float:none;
margin:11px 0 0 0;
width:77%;
height:20px;
font-size:16px;
color:#4c4949;
vertical-align:top;
}
#search-btn {
float:none;
margin-left:2px;
display:inline-block;
vertical-align:middle;
}

/*** TOP ***/
#billboard-banners-wrap,#mini-banners,#news,#apps,#book-ranking,#bookshop-list {
display:none;
}
#side-bar {
float:none;
margin:0 auto;
padding-left:22px;
}
.bookshops {
width:300px;
overflow:hidden;
margin-bottom:10px;
}
section#main {
float:none;
width:300px;
margin:0 auto;
}
ul.bcck-grids > li {
margin-bottom:20px;
}

/*** ALL BOOKS ***/
#allbccks-sidebar {
position:static;
width:192px;
margin:0 auto;
margin-top:-24px;
margin-bottom:24px;
}
#allbccks-sidebar #local-nav-allbccks,
#bookshop-list-allbccks {
display:none;
}
#bccklist-column {
float:none;
width:288px;
margin:0px auto;
}
#bcckslogo {
display:none;
}
#more-allbccks {
width:288px;
background-position:-212px 0;
}
#more-allbccks:hover {
background-position:-212px -76px;
}
.more-thumb {
margin-bottom:24px;
}

#initial-index {
display:none;
}
td.bcck-ranking,td.bcck-icon,.bcck-publisher-th,.bcck-date-th,.bcck-rating-th,.bcck-publisher,.bcck-date,.bcck-rating {
display:none;
}
table.bcck-table td.bcck-title a,table.bcck-table td.bcck-author a {
font-size:14px;
}

#bccklist-column-list {
float:none;
margin:0;
width:100%;
}
.bcck-table-container-list {
width:100%;
margin:0 0 24px 0;
}

/*** ALL STORES
※stores_top.cssに記載
***/

/*** SHELF ***/
#shelf-body #local-nav {
display:none;
}
#shelf-body {
margin-top:-48px;
}
#bccklist-column-library {
float:none;
width:100%;
}
ul.bcck-shelf {
padding-top:32px;
margin:0 auto;
}

/*** PREFERENCES ***/
#preferences {
margin-top:-48px;
}

#preferences .inner-content {
padding-top:20px;
}

#preferences #side-nav {
display:none;
}

#preferences h1 {
display:none;
}

#preferences .sidenav-tanzaku {
float:none;
}

#preferences .tooltip-box-wide {
width:288px;
margin:0 auto;
margin-bottom:20px;
}


/*** OTHERS LIBRARY TOP ***/
aside#sidebar {
float:none;
width:100%;
}
#myprofile .userstore-block {
display:none;
}
dl#library-data {
padding-bottom:26px;
}
#bcckbox-column {
float:none;
width:100%;
}
ul.bcck-boxes li.bcck-box {
width:100%;
}
ul.bcck-boxes h1 {
max-width:96%;
text-overflow:ellipsis;
}
ul.bcck-boxes li h2.bcck-type-d,
ul.bcck-boxes li h2.bcck-type-p,
ul.bcck-boxes li h3 {
padding-left:172px;
}
ul.bcck-boxes li p.left-space {
padding-left:172px;
}

}