@charset "UTF-8";
/*** RESET STYLES ***/
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    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,'Lucida Grande',sans-serif;
    *font-size:small;
    *font:x-small;
}
select,input,button,textarea{ font:99% Arial,Verdana,Helvetica,Helvetica,sans-serif; }
table { font-size:100%; }
th,td { font-size:inherit; }
pre,code,kbd,samp,tt{ font-family:monospace;*font-size:108%;line-height:100%; }
html, body { height: 100%; }
body { line-height: 1; }
hr { display: none; }
ol, ul { list-style: none; }
select { padding: 2px 2px 2px 0; }
header, footer, section, nav { display:block; }

/*** FONT FAMILY ***/
.gothic         { font-family:HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif; }
.gothic-b       { font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;font-weight:bold; }
.mincho         { font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif; }
.macmin_wingoth { font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif; }
.mincho-b       { font-family:HiraMinProN-W6,HiraMinPro-W6,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;font-weight:bold; }

/*** FONT SIZE ***/
.fs10 { font-size:77%;    }
.fs11 { font-size:85%;    }
.fs12 { font-size:93%;    }
.fs13 { font-size:100%;   }
.fs14 { font-size:108%;   }
.fs15 { font-size:116%;   }
.fs16 { font-size:123.1%; }
.fs17 { font-size:131%;   }
.fs18 { font-size:138.5%; }
.fs19 { font-size:146.5%; }
.fs20 { font-size:153.9%; }
.fs21 { font-size:161.6%; }
.fs22 { font-size:167%;   }
.fs23 { font-size:174%;   }
.fs24 { font-size:182%;   }
.fs25 { font-size:189%;   }
.fs26 { font-size:197%;   }
.fs27 { font-size:204%;   }
.fs28 { font-size:212%;   }

/*** FONT COLOR ***/
.thin-gray { color:#9FA0A0 !important; }
.red       { color:#E72828 !important; }
.orange    { color:#F08300 !important; }
.yellow    { color:#FDD000 !important; }
.required  { color:#f00;               }
.silver    { color:#eeefef !important; }

/*** CLEARFIX ***/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*** UTILITY ***/
.right { text-align:right; }
.left { text-align:left; }
.centerizer { text-align:center; }
.centerizer-margin { margin-left:auto;margin-right:auto; }
.nowrap { white-space:nowrap; }
.translucentizer { margin:0;padding:0; }
.clearer { clear:both; }
.inline { display:inline; }
/* =============================================
 * BCCKS
 * ============================================= */
/*** GLOBAL SETTING ***/
body { margin:0;background:#E6E6E6;text-align:center;position:relative; }
a:link    { color:#fff; }
a:hover   { color:#fff;text-decoration:underline; }
a:visited { color:#fff; }
a:active  { color:#fff; }
/*** WRAPPER ***/
#wrapper { margin:0 auto;padding:0;width:960px;background:#E6E6E6;color:#CCC;text-align:left; }
/*** HEADER ***/
#header { padding:0;position:relative;background-color:#595757; }
/*** GLOBAL NAVIGATION ***/
#global-nav { float:left;width:960px;height:64px; }
#global-nav>li { float:left;display:block;width:192px;height:64px; }
#global-nav>li>a { display:block;width:192px;height:64px;background:url(../images/sprites/global_button_01.png) no-repeat;text-indent:-9999px;cursor:pointer; }
#global-nav>li>a#global-nav-top     { background-position:    0      0;   }
#global-nav>li>a#global-nav-library { background-position: -768px    0;   }
#global-nav>li>a#global-nav-bccks   { background-position: -192px    0;   }
#global-nav>li>a#global-nav-create  { background-position: -384px    0;   }
#global-nav>li>a#global-nav-shelves { background-position: -192px -128px; }
#global-nav>li>a#global-nav-auth    { background-position:    0   -128px; }
#global-nav>li>a#global-nav-cart    { background-position: -576px    0;   }
#global-nav>li>a#global-nav-top:hover, #global-nav>li>a#global-nav-top.current         { background-position:    0    -64px;  }
#global-nav>li>a#global-nav-library:hover, #global-nav>li>a#global-nav-library.current { background-position: -768px  -64px;  }
#global-nav>li>a#global-nav-bccks:hover, #global-nav>li>a#global-nav-bccks.current     { background-position: -192px  -64px;  }
#global-nav>li>a#global-nav-auth:hover                                                 { background-position:    0    -192px; }
#global-nav>li>a#global-nav-create:hover, #global-nav>li>a#global-nav-create.current   { background-position: -384px  -64px;  }
#global-nav>li>a#global-nav-cart:hover, #global-nav>li>a#global-nav-cart.current       { background-position: -576px  -64px;  }
#global-nav>li>a#global-nav-shelves.inactive { opacity:0.5; }

/*#global-nav>li>a#global-nav-shelves:hover { background-position: -576px  -64px; }*/
/*** GLOBAL SUB NAVIGATION ***/
.global-subnav { position:relative;display:none;z-index:8; }
.global-subnav>li
{
    height:40px;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ccc), to(#eee));
    background: -moz-linear-gradient(0% 100% 0deg, #eee, #ccc);
    overflow:hidden;
}
.global-subnav>li>a { display:block;height:40px;background:url(../images/sprites/pulldown_alluser.png) no-repeat;text-indent:-9999px; }
.global-subnav>li>a#global-subnav-myshelves        { background-position:    0      0  ; }
.global-subnav>li>a#global-subnav-recommends       { background-position:    0    -40px; }
.global-subnav>li>a#global-subnav-events           { background-position:    0    -80px; }
.global-subnav>li>a#global-subnav-shops            { background-position:    0   -120px; }
.global-subnav>li>a#global-subnav-personal         { background-position:    0   -160px; }
.global-subnav>li>a#global-subnav-myshelves:hover  { background-position: -192px    0  ; }
.global-subnav>li>a#global-subnav-recommends:hover { background-position: -192px  -40px; }
.global-subnav>li>a#global-subnav-events:hover     { background-position: -192px  -80px; }
.global-subnav>li>a#global-subnav-shops:hover      { background-position: -192px -120px; }
.global-subnav>li>a#global-subnav-personal:hover   { background-position: -192px -160px; }
/*** USER NAVIGATION ***/
#user-nav { position:relative;float:left;width:960px;height:48px;background:url(../images/common/bg_header.gif) repeat-x 0 0;z-index:4; }
#user-nav>li { float:left;display:block;height:48px; }
#user-nav>li>a { display:block;height:48px;background:url(../images/common/library_nav.png) no-repeat;text-indent:-9999px; }
#user-nav>li>a#unav-top             { width:69px;margin-left:61px;background-position:   -61px  0; }
#user-nav>li>a#unav-shelf           { width:94px;margin-left:111px;background-position: -241px  0; }
#user-nav>li>a#unav-stores          { width:99px;margin-left:95px;background-position:  -430px  0; }
#user-nav>li>a#unav-help            { width:51px;margin-left:118px;background-position: -647px  0; }
#user-nav>li>a#unav-preferences     { width:57px;margin-left:138px;background-position: -836px  0; }
/*#user-nav>li>a#unav-entries       { background-position: -384px  0; }*/
#user-nav>li>a#unav-stores.inactive,
#user-nav>li>a#unav-stores.inactive:hover { background-position:    0  -96px; opacity: 0.8; }

#user-nav>li>a#unav-top:hover           { background-position:  -61px -48px; }
#user-nav>li>a#unav-shelf:hover         { background-position: -241px -48px; }
#user-nav>li>a#unav-stores:hover        { background-position: -430px -48px; }
#user-nav>li>a#unav-help:hover          { background-position: -647px -48px; }
#user-nav>li>a#unav-preferences:hover   { background-position: -836px -48px; }

#user-nav>li>a#unav-top.current         { background-position:  -61px -96px; }
#user-nav>li>a#unav-shelf.current       { background-position: -241px -96px; }
#user-nav>li>a#unav-stores.current      { background-position: -430px -96px; }
#user-nav>li>a#unav-help.current        { background-position: -647px -96px; }
#user-nav>li>a#unav-preferences.current { background-position: -836px -96px; }

/* #user-nav>li>a#unav-entries:hover { background-position: -384px -65px; } */
#user-nav #shelf-subnav { }
#user-nav #shelf-subnav li,#user-nav #shelf-subnav li a { display:block;width:192px;height:40px; }
#user-nav #shelf-subnav a { background:url(../images/sprites/pulldown_buttons.png) no-repeat;text-indent:-9999px; }
#user-nav #shelf-subnav a#shelf1 { background-position:0 0; }
#user-nav #shelf-subnav a#shelf1:hover { background-position:-192px 0; }
#user-nav #shelf-subnav a#shelf2 { background-position:0 -40px; }
#user-nav #shelf-subnav a#shelf2:hover { background-position:-192px -40px; }
#user-nav #shelf-subnav a#shelf3 { background-position:0 -80px; }
#user-nav #shelf-subnav a#shelf3:hover { background-position:-192px -80px; }
#user-nav #shelf-subnav a#tsundoku { background-position:0 -120px; }
#user-nav #shelf-subnav a#tsundoku:hover { background-position:-192px -120px; }
#user-nav #shelf-subnav a#public-shelf { background-position:0 -160px; }
#user-nav #shelf-subnav a#public-shelf:hover { background-position:-192px -160px; }
#user-nav #shelf-subnav a#bcck-list { background-position:0 -200px; }
#user-nav #shelf-subnav a#bcck-list:hover { background-position:-192px -200px; }
#user-nav #shelf-subnav a#shelf-arrange { background-position:0px -240px; }
#user-nav #shelf-subnav a#shelf-arrange:hover { background-position:-192px -240px; }
/*** GO TO ALPHA BCCKS ***/
#go2alpha { dispaly:block;position:relative;left:0px;top:0;background:url(../images/sprites/utilities.png) no-repeat 0px -23px;width:125px;height:20px;text-indent:-9999px;float:left; }
/*** SEARCH BOX FIRSTRELEASE ***/
#search-box { float:left;width:192px;height:64px;text-align:center; }
#search-box.top { background:url(../images/sprites/serch_parts_old.png) no-repeat 0 0; }
#search-box-kw  { width:170px;height:16px;margin:18px auto;font-weight:bold;font-size:108%; }
#search-box-btn { display:none; }
/*** SEARCH BOX RENEWAL（※120112newtop.cssからコピー） ***/
#search { height:96px;background:url(/global/images/common/bg_search.png) repeat 0 0;position:relative; }
#search form { width:364px;height:32px;line-height:32px;position:absolute;left:302px;top:32px; }
#search form.readbcck { width:auto;left:142px; }
#search #search-btn { float:left;line-height:32px; }
/*** INFORMATION LINE ***/
#information #news-ticker { float:left;width:480px;overflow:hidden;padding-left:24px;line-height:18px; }
#information #news-ticker>li { display:inline;white-space:nowrap; }
#information #news-ticker>li>a { font-size:93%;color:#fc0;text-decoration:none; }
#information { height:36px;padding:0 10px;background:url(/global/images/common/bg_information.png) repeat-y 0 0;overflow:hidden; }
#information h1 { float:left;width:87px;height:20px;text-indent:-9999px;background:url(/global/images/sprites/utilities.png) no-repeat 0 0; }
#information #user-info { float:right;width:288px; }
#information #user-info * { line-height:18px; }
#information #user-info>p { text-align:right;font-size:85%; }
#information #auth-nav { text-align:right; }
#information #auth-nav>li { display:inline; }
#information #auth-nav>li>a { font-size:85%; }
#information #user-info>p#breadcrumb,#information #user-info>p#breadcrumb a { font-size:12px;color:#f08200; }
/*** FOOTER NAVIGATION NEW ***/
#footer {}
/*#footer .footer-wrap { background-color:black;opacity:0.95; }*/
#footer-nav { height:auto;background-color:white;opacity:0.69;padding:11px 0;font-size:0;text-align:center; }
#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,'Lucida Grande',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,'Lucida Grande',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#incorporated { width:960px;height:19px;color:#9FA0A0;background:#FFF;opacity:0.69; }
#copyrights { float:right;margin:4px 42px 0 0;font-size:77%;font-weight:bold;letter-spacing:0.1em; }

/*** FOOTER NAVIGATION MOBILE ***/
#footer-nav-mobile { background-color:white;opacity:0.69;padding:21px 14px; }
#footer-nav-mobile div { text-align:center;font-size:123.1%;color:#4C4949;line-height:28px; }
#footer-nav-mobile div a { font-size:100%;color:#4C4949; }

/*** CONTENT ***/
#content { }
/*** BCCK LIST MENU ***/
#allbccks-sidebar {
position:fixed;
top:48px;
z-index:3;
}

#allbccks-sidebar .bccklist-sort,
#allbccks-sidebar .bccklist-mode {
background-color: #E6E6E6;
}

#local-nav          { float:left;display:block;width:192px; }
#local-nav-allbccks { display:block;width:192px; }
.bccklist-mode>li
{
    display:block;
    width:96px;
    height:48px;
    float:left;
}
.bccklist-mode>li>a,
.bccklist-sort>li>a
{
    display:block;
    height:48px;
    text-indent:-9999px;
    background:url(../images/sprites/allbccks_nav.png) 0 0 no-repeat;
}
.bccklist-mode>li>a#bccklist-mode-thumbnail       { background-position:  0   -144px; }
.bccklist-mode>li>a#bccklist-mode-list            { background-position:  0   -240px; }
.bccklist-mode>li>a#bccklist-mode-ranking         { background-position:-96px -144px; }
.bccklist-mode>li>a#bccklist-mode-latest          { background-position:-96px -240px; }
.bccklist-mode>li>a#bccklist-mode-thumbnail:hover { background-position:  0   -192px; }
.bccklist-mode>li>a#bccklist-mode-list:hover      { background-position:  0   -288px; }
.bccklist-mode>li>a#bccklist-mode-ranking:hover   { background-position:-96px -192px; }
.bccklist-mode>li>a#bccklist-mode-latest:hover    { background-position:-96px -288px; }

.bccklist-sort>li
{
    display:block;
    width:48px;
    height:48px;
    float:left;
}

.bccklist-sort>li>a#bccklist-sort-all             { background-position:   0     0  ; }
.bccklist-sort>li>a#bccklist-sort-all:visited     { background-position:   0   -48px; }
.bccklist-sort>li>a#bccklist-sort-all:hover       { background-position:   0   -48px; }
.bccklist-sort>li.current>a#bccklist-sort-all     { background-position:   0   -96px; }
.bccklist-sort>li>a#bccklist-sort-free            { background-position: -48px   0  ; }
.bccklist-sort>li>a#bccklist-sort-free:active     { background-position: -48px -48px; }
.bccklist-sort>li>a#bccklist-sort-free:hover      { background-position: -48px -48px; }
.bccklist-sort>li.current>a#bccklist-sort-free    { background-position: -48px -96px; }
.bccklist-sort>li>a#bccklist-sort-paidfor         { background-position: -96px   0  ; }
.bccklist-sort>li>a#bccklist-sort-paidfor:active  { background-position: -96px -48px; }
.bccklist-sort>li>a#bccklist-sort-paidfor:hover   { background-position: -96px -48px; }
.bccklist-sort>li.current>a#bccklist-sort-paidfor { background-position: -96px -96px; }
.bccklist-sort>li>a#bccklist-sort-paper           { background-position:-144px   0  ; }
.bccklist-sort>li>a#bccklist-sort-paper:active    { background-position:-144px -48px; }
.bccklist-sort>li>a#bccklist-sort-paper:hover     { background-position:-144px -48px; }
.bccklist-sort>li.current>a#bccklist-sort-paper   { background-position:-144px -96px; }

.bccklist-menu { position:relative; }
.bccklist-menu>li
{
    display:block;
    height:40px;
    overflow:hidden;
}
.bccklist-menu>li:hover, .bccklist-menu>li.current {}
.bccklist-menu>li>a {
    display:block;
    height:40px;
    text-indent:-9999px;
    background:url("../images/sprites/genre_nav.png") no-repeat 0 0;
}
.bccklist-menu>li>a#allgenres  { background-position: 0    0  ; }
.bccklist-menu>li>a#category-1 { background-position: 0  -40px; }
.bccklist-menu>li>a#category-2 { background-position: 0  -80px; }
.bccklist-menu>li>a#category-3 { background-position: 0 -120px; }
.bccklist-menu>li>a#category-4 { background-position: 0 -160px; }
.bccklist-menu>li>a#category-5 { background-position: 0 -200px; }
.bccklist-menu>li>a#category-6 { background-position: 0 -240px; }
.bccklist-menu>li>a#allgenres:hover  { background-position:-192px    0  ; }
.bccklist-menu>li>a#category-1:hover { background-position:-192px  -40px; }
.bccklist-menu>li>a#category-2:hover { background-position:-192px  -80px; }
.bccklist-menu>li>a#category-3:hover { background-position:-192px -120px; }
.bccklist-menu>li>a#category-4:hover { background-position:-192px -160px; }
.bccklist-menu>li>a#category-5:hover { background-position:-192px -200px; }
.bccklist-menu>li>a#category-6:hover { background-position:-192px -240px; }
.bccklist-menu>li.current>a#allgenres  { background-position:-384px    0  ; }
.bccklist-menu>li.current>a#category-1 { background-position:-384px  -40px; }
.bccklist-menu>li.current>a#category-2 { background-position:-384px  -80px; }
.bccklist-menu>li.current>a#category-3 { background-position:-384px -120px; }
.bccklist-menu>li.current>a#category-4 { background-position:-384px -160px; }
.bccklist-menu>li.current>a#category-5 { background-position:-384px -200px; }
.bccklist-menu>li.current>a#category-6 { background-position:-384px -240px; }

#allbccks-sidebar a#r18         { display:block;width:48px;height:25px;background:url("../images/sprites/r18_nav.png") no-repeat 0 0;text-indent:-9999px; }
#allbccks-sidebar a#r18:hover   { background-position: 0 -25px; }
#allbccks-sidebar a#r18.current { background-position: 0 -50px; }

#bookshop-list-allbccks {
    position:absolute;
    top:420px;
    left:18px;
    margin:0;
    padding:0;
    width:174px;
}
#bookshop-list-allbccks li {
    margin-top:10px;
}
#bookshop-list-allbccks > h1 {
    margin-bottom:10px;
    font-size:10px;
    color:#4C4949;
    letter-spacing:1px;
}
#bookshop-list-allbccks a.store-icon {
    display:block;
    float:left;
    position:relative;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    margin: 0 10px 0 0;
}
#bookshop-list-allbccks 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-allbccks a.store-icon:hover .mask {
    opacity: 1;
}
#bookshop-list-allbccks .bookshop-data-s {
    width:118px;
    padding:0;
}
#bookshop-list-allbccks .bookshop-data-s h1 {
   margin:1px 0 2px 0;
   font-size:12px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   -webkit-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
}
#bookshop-list-allbccks .bookshop-data-s h1 a {
    color:#727171;
}
#bookshop-list-allbccks .bookshop-data-s p {
    max-height:24px;
    font-size:10px;
    line-height:12px;
    color:#727171;
    overflow:hidden;
}

#bookshop-list-allbccks #bt-bookshop-list {
    margin:30px 0 32px 48px;
}

/*** BCCK LIST MENU LIBRARY OLD ***/
.bccklist-menu-library { position:relative;z-index:8; }
.bccklist-menu-library>li
{
    display:block;
    height:40px;
    overflow:hidden;
}
.bccklist-menu-library>li>a {
    display:block;
    height:40px;
    text-indent:-9999px;
    background:url("../images/sprites/genre_nav.png") 0 0 no-repeat;
}
.bccklist-menu-library>li.blank          { background:url("../images/sprites/genre_nav.png") 0 -320px; }
.bccklist-menu-library>li>a#allgenres    { background-position: 0    0  ; }
.bccklist-menu-library>li>a#mybccks      { background-position: 0 -280px; }
.bccklist-menu-library>li>a#category-1   { background-position: 0  -40px; }
.bccklist-menu-library>li>a#category-2   { background-position: 0  -80px; }
.bccklist-menu-library>li>a#category-3   { background-position: 0 -120px; }
.bccklist-menu-library>li>a#category-4   { background-position: 0 -160px; }
.bccklist-menu-library>li>a#category-5   { background-position: 0 -200px; }
.bccklist-menu-library>li>a#category-6   { background-position: 0 -240px; }
.bccklist-menu-library>li>a#allgenres:hover    { background-position:-192px    0  ; }
.bccklist-menu-library>li>a#mybccks:hover      { background-position:-192px -280px; }
.bccklist-menu-library>li>a#category-1:hover   { background-position:-192px  -40px; }
.bccklist-menu-library>li>a#category-2:hover   { background-position:-192px  -80px; }
.bccklist-menu-library>li>a#category-3:hover   { background-position:-192px -120px; }
.bccklist-menu-library>li>a#category-4:hover   { background-position:-192px -160px; }
.bccklist-menu-library>li>a#category-5:hover   { background-position:-192px -200px; }
.bccklist-menu-library>li>a#category-6:hover   { background-position:-192px -240px; }
.bccklist-menu-library>li.current>a#allgenres    { background-position:-384px     0 ; }
.bccklist-menu-library>li.current>a#mybccks      { background-position:-384px -280px; }
.bccklist-menu-library>li.current>a#category-1   { background-position:-384px  -40px; }
.bccklist-menu-library>li.current>a#category-2   { background-position:-384px  -80px; }
.bccklist-menu-library>li.current>a#category-3   { background-position:-384px -120px; }
.bccklist-menu-library>li.current>a#category-4   { background-position:-384px -160px; }
.bccklist-menu-library>li.current>a#category-5   { background-position:-384px -200px; }
.bccklist-menu-library>li.current>a#category-6   { background-position:-384px -240px; }

/*** BCCK LIST
#bccklist-column { float:left;display:block;width:768px; }
#bccklist-column h1 { display:none; }
ul.bcck-grids { margin:15px 0 -15px 0;min-height:460px; }
ul.bcck-grids li { position:relative;float:left;display:block;width:96px;margin-left:48px;margin-bottom:30px; }
ul.bcck-grids-icons { position:absolute;height:160px;margin-bottom:3px;bottom:0;left:-23px;width:20px; }
ul.bcck-grids-icons li { margin:0 0 1px 0;padding:0;width:20px;height:20px;background-image:url(../images/sprites/icons_state.png);text-indent:-9999px; }
ul.bcck-grids-icons li.icon-blank { background-position:20px 20px; }
ul.bcck-grids-icons li.icon-none { display:none; }
ul.bcck-grids-icons li.icon-spacer { background-position:20px 20px;height:32px; }
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-free-paper { background-position:-160px 0; }
ul.bcck-grids-icons li.icon-price-paper { background-position:-140px 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 85% sans-serif;line-height:18px; }
ul.bcck-grids-icons li.icon-review span { display:none; }
 ***/

/*** BCCK LIST NEW ***/
#bccklist-column,#bccklist-column-list { display:block;float:left;width:720px;margin-left:216px;margin-top:24px; }
#bccklist-column h1 { display:none; }
ul.bcck-grids { margin:0 0 12px 24px;min-height:460px; }
div#content section#main section.bookshops ul.bcck-grids { margin:0;min-height:192px; }/*top*/
ul.bcck-grids>li { position:relative;display:block;float:left;width:144px;height:192px;text-align:center; }
ul.bcck-grids>li a img { max-width:140px;max-height:165px; }
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-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:3px;width:144px;height:20px;text-align:center; }
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;vertical-align:top; }
ul.bcck-grids-icons li.icon-blank       { background-position:20px 20px; }
ul.bcck-grids-icons li.icon-none        { display:none; }
ul.bcck-grids-icons li.icon-spacer      { background-position:20px 20px;height:32px; }
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-free-paper  { background-position:-160px 0; }
ul.bcck-grids-icons li.icon-price-paper { background-position:-140px 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 85% sans-serif;line-height:16px; }
ul.bcck-grids-icons li.icon-review span { display:none; }

.bcck-table-container,.bcck-table-container-list { width:640px;margin:0 auto 24px auto; }
table.bcck-table { border-collapse:collapse;width:100%;margin:0; }
table.bcck-table th { border:1px solid #b5b6b6;border-width:1px 1px 1px 1px;background:#E6E6E7;color:#333;text-align:left;padding:3px 6px;font:normal 93% sans-serif;vertical-align:middle; }
table.bcck-table th.bcck-title-th     { min-width:192px; }
table.bcck-table th.bcck-author-th    { min-width:84px; }
table.bcck-table th.bcck-publisher-th { text-align:right;min-width:84px; }
table.bcck-table th.bcck-date-th      { width:64px; }
table.bcck-table th.bcck-rating-th    { width:48px;padding:3px 5px; }
table.bcck-table td { border:1px solid #b5b6b6;border-width:1px 0 1px 0;background:#F5F6F6;color:#333;text-align:left;padding:8px 6px;word-break:break-all; }
table.bcck-table td a { color:#464646;text-align:left; }
table.bcck-table td.bcck-title { text-align:left;border-width:1px 0 1px 1px; }
table.bcck-table td.bcck-title a { font:16px "HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","IPA明朝","IPAMincho","ＭＳ 明朝","MS Mincho",serif;text-align:left; }
table.bcck-table td.bcck-title a:hover { color:#F08300;text-decoration:none; }
table.bcck-table td.bcck-author { text-align:left; }
table.bcck-table td.bcck-author a { font:normal 14px serif; }
table.bcck-table td.bcck-author a:hover { color:#F08300;text-decoration:none; }
table.bcck-table td.bcck-publisher { text-align:right;font:normal 85% serif; }
table.bcck-table td.bcck-date   { text-align:left;font:normal 85% sans-serif; }
table.bcck-table td.bcck-rating { text-align:right;border:1px solid #b5b6b6;border-width:1px 1px 1px 0; }
table.bcck-table td.bcck-rating span.on  { text-align:right;font:normal 50% serif;color:#666; }
table.bcck-table td.bcck-rating span.off { 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_2.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;  }
/* 書斎TOPでのratingアイコンの為に残す */
.icon-rating.rate1      { background-position-x:  -80px;  }
.icon-rating.rate2      { background-position-x:  -60px;  }
.icon-rating.rate3      { background-position-x:  -40px;  }
.icon-rating.rate4      { background-position-x:  -20px;  }
.icon-rating.rate5      { 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: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; }
.icon-ranking-text span { display:none; }

/*** 鍵付きアイコン ***/
.icon-key {
    display:block;
    width:64px;
    height:64px;
    background:url(../images/common/icon_key.png) no-repeat 0 0;
    position:absolute;
    top:64px;
    left:40px;
}
.icon-key a {
    display:block;
    width:64px;
    height:64px;
}
.icon-key-library {
    display:block;
    width:64px;
    height:64px;
    background:url(../images/common/icon_key.png) no-repeat 0 0;
    position:absolute;
    top:50px;
    left:48px;
    opacity:0.5;
}
.icon-key-library a {
    display:block;
    width:64px;
    height:64px;
}
.icon-key-storetop {
    display:block;
    width:64px;
    height:64px;
    background:url(../images/common/icon_key.png) no-repeat 0 0;
    position:absolute;
    top:64px;
    left:40px;
}
.icon-key-storetop a {
    display:block;
    width:64px;
    height:64px;
}
.icon-key-storetop-allstores {
    display:block;
    width:32px;
    height:32px;
    background:url(../images/common/icon_key_32.png) no-repeat 0 0;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-16px;
    margin-top:-16px;
}
.icon-key-storetop-allstores a {
    display:block;
    width:32px;
    height:32px;
}
.icon-key-perma {
    display:block;
    width:128px;
    height:128px;
    background:url(../images/common/icon_key_big.png) no-repeat 0 0;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-64px;
    margin-top:-84px;
}

/*** 非公開アイコン ***/
.icon-notpublic-library {
    display:block;
    width:64px;
    height:64px;
    background:url(../images/common/icon_notpublic.png) no-repeat 0 0;
    position:absolute;
    top:50px;
    left:48px;
    opacity:0.5;
}
.icon-notpublic-library a {
    display:block;
    width:64px;
    height:64px;
}
.icon-notpublic-storetop {
    display:block;
    width:64px;
    height:64px;
    background:url(../images/common/icon_notpublic.png) no-repeat 0 0;
    position:absolute;
    top:64px;
    left:40px;
}
.icon-notpublic-storetop a {
    display:block;
    width:64px;
    height:64px;
}
.icon-notpublic-storetop-allstores {
    display:block;
    width:32px;
    height:32px;
    background:url(../images/common/icon_notpublic.png) no-repeat 0 0;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-16px;
    margin-top:-16px;
}
.icon-notpublic-storetop-allstores a {
    display:block;
    width:32px;
    height:32px;
}
.icon-notpublic-perma {
    display:block;
    width:128px;
    height:128px;
    background:url(../images/common/icon_notpublic_big.png) no-repeat 0 0;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-64px;
    margin-top:-88px;/* マークサイズ/2-24アイコン */
}

/*** 18禁アイコン ***/
.icon-rated a {
    width: 64px;
    height:16px;
    background:url("../images/common/icon_r18.png") no-repeat 0 0;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-32px;
    margin-top:32px;
    text-indent:-9999px;
}
#bcckbox-column .icon-rated a {
    opacity:0.5;/* 書斎では半透明 */
}

ul#initial-index { height:48px;width:576px;margin-left:32px;background:#B5B6B6 url(/global/images/common/bg_header.gif) repeat-x; }
ul#initial-index li {
    display:block;width:48px;height:48px;float:left;
}
ul#initial-index li a {
    display:block;width:48px;height:48px;
    background:url(/global/images/sprites/allbccks_index.png) no-repeat 0 0;
    font-size:1px;
    text-indent:-9999px;
}
ul#initial-index li a.index-あ {
background-position:0 0;
}
ul#initial-index li a.index-あ:hover {
background-position:0 -48px;
}
ul#initial-index li a.index-あ.selected {
background-position:0 -96px;
}
ul#initial-index li a.index-か {
background-position:-48px 0;
}
ul#initial-index li a.index-か:hover {
background-position:-48px -48px;
}
ul#initial-index li a.index-か.selected {
background-position:-48px -96px;
}
ul#initial-index li a.index-さ {
background-position:-96px 0;
}
ul#initial-index li a.index-さ:hover {
background-position:-96px -48px;
}
ul#initial-index li a.index-さ.selected {
background-position:-96px -96px;
}
ul#initial-index li a.index-た {
background-position:-144px 0;
}
ul#initial-index li a.index-た:hover {
background-position:-144px -48px;
}
ul#initial-index li a.index-た.selected {
background-position:-144px -96px;
}
ul#initial-index li a.index-な {
background-position:-192px 0;
}
ul#initial-index li a.index-な:hover {
background-position:-192px -48px;
}
ul#initial-index li a.index-な.selected {
background-position:-192px -96px;
}
ul#initial-index li a.index-は {
background-position:-240px 0;
}
ul#initial-index li a.index-は:hover {
background-position:-240px -48px;
}
ul#initial-index li a.index-は.selected {
background-position:-240px -96px;
}
ul#initial-index li a.index-ま {
background-position:-288px 0;
}
ul#initial-index li a.index-ま:hover {
background-position:-288px -48px;
}
ul#initial-index li a.index-ま.selected {
background-position:-288px -96px;
}
ul#initial-index li a.index-や {
background-position:-336px 0;
}
ul#initial-index li a.index-や:hover {
background-position:-336px -48px;
}
ul#initial-index li a.index-や.selected {
background-position:-336px -96px;
}
ul#initial-index li a.index-ら {
background-position:-384px 0;
}
ul#initial-index li a.index-ら:hover {
background-position:-384px -48px;
}
ul#initial-index li a.index-ら.selected {
background-position:-384px -96px;
}
ul#initial-index li a.index-わ {
background-position:-432px 0;
}
ul#initial-index li a.index-わ:hover {
background-position:-432px -48px;
}
ul#initial-index li a.index-わ.selected {
background-position:-432px -96px;
}
ul#initial-index li a.index-A {
background-position:-480px 0;
}
ul#initial-index li a.index-A:hover {
background-position:-480px -48px;
}
ul#initial-index li a.index-A.selected {
background-position:-480px -96px;
}
ul#initial-index li a.index-0 {
background-position:-528px 0;
}
ul#initial-index li a.index-0:hover {
background-position:-528px -48px;
}
ul#initial-index li a.index-0.selected {
background-position:-528px -96px;
}

/*** BCCK SHELF ***/
#shelf-body { margin-top:96px; }
#bccklist-column-library { float:left;display:block;width:768px; }
#bccklist-column-library h1 { display:none; }

ul.bcck-shelf { margin:32px 32px 16px 32px;text-align:center; }
ul.bcck-shelf li { position:relative;display:inline-block;margin-bottom:32px; }
ul.bcck-shelf li a.bcck-tn img {
  position: relative;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  -webkitbox-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 3;
}
ul.bcck-shelf li a.bcck-tn img:hover { box-shadow: 0 0 10px #fff;-webkit-box-shadow: 0 0 10px #fff;-moz-box-shadow: 0 0 10px #fff;z-index:4; }

ul.bcck-shelf li a.bcck-tn img.tn-bunkoLandscape     { height:224px; }
ul.bcck-shelf li a.bcck-tn img.tn-shinshoLandscape   { height:272px; }
ul.bcck-shelf li a.bcck-tn img.tn-inch10Landscape    { height:292px; }
ul.bcck-shelf li a.bcck-tn img.tn-a5deformeLandscape { height:330px; }
ul.bcck-shelf li a.bcck-tn img.tn-postcardLandscape  { height:143px; }
ul.bcck-shelf li a.bcck-tn img.tn-cabinetLandscape   { height:173px; }
ul.bcck-shelf li a.bcck-tn img.tn-octavoLandscape    { height:202px; }

/*** ENTRY LIST ***/
ul.entry-list { margin:0; }
ul.entry-list li { position:relative;height:96px;overflow:hidden;color:#333;background:#f6ece5;border-top:1px solid #999;text-overflow:ellipsis; }
ul.entry-list li.review { background:rgb(227,206,153); }
ul.entry-list li.information { background:rgb(255,150,0); }
ul.entry-list li.entry  span.entry-first-letters { font-size:250%;line-height:1em;float:left;margin-right:4px;letter-spacing:0.05em;font-family:serif; }
ul.entry-list li.review span.entry-first-letters { font-size:250%;line-height:1em;float:left;margin-right:4px;letter-spacing:0.05em;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',Arial,Verdana,Helvetica,'Lucida Grande',sans-serif; }
ul.entry-list li img.tn { float:left;width:80px;margin-right:8px; }
ul.entry-list li img.bcck-tn { float:right;margin-left:6px;margin-top:16px;cursor:pointer; }
ul.entry-list li p { padding:4px 8px 2px 8px; }
ul.entry-list li p.entry-body { font-size:100%;line-height:1.5em;height:74px;overflow:hidden; }
ul.entry-list li p.entry-info { position:absolute;clear:both;padding:0;bottom:0; }
ul.entry-list li p.entry-info a.author { color:#333;text-decoration:none;margin-left:12px;font:normal 93% sans-serif; }
ul.entry-list li p.entry-info a.date   { color:#999;text-decoration:none;margin-left:12px;font:normal 93% sans-serif; }

/*** MORE BUTTONS ***/
.more                    { text-align:center;margin:0; }
.more-thumb              { text-align:center;margin:0 0 68px 0; }
#more-allbccks           { display:block;margin:0 auto;width:720px;height:76px;text-indent:-9999px;background:url(../images/sprites/allbccks_more.png) no-repeat 0 0; }
#more-allbccks:hover     { background-position:0 -76px; }
#more-allbccks-480       { display:block;margin:0 auto;width:480px;height:96px;text-indent:-9999px;background:url(../images/sprites/buttons_more_480.png) no-repeat 50% 0; }
#more-allbccks-480:hover { display:block;margin:0 auto;width:480px;height:96px;text-indent:-9999px;background:url(../images/sprites/buttons_more_480.png) no-repeat 50% -96px; }
#more-library            { display:block;margin:0 auto;width:480px;height:96px;text-indent:-9999px;background:url(../images/sprites/buttons_more.png) no-repeat 0 0; }
#more-library:hover      { display:block;margin:0 auto;width:480px;height:96px;text-indent:-9999px;background:url(../images/sprites/buttons_more.png) no-repeat 0 -96px; }

/*** HIRANOBON APPLINKS ***/
#app-open-ios               { display:block;width:191px;height:47px;background:url("/global/images/common/bt_19147_01.png") no-repeat -191px 0;text-indent:-9999px; }
#app-open-ios:hover         { background-position: -191px -47px; }
#app-open-android           { display:block;width:191px;height:47px;background:url("/global/images/common/bt_19147_01.png") no-repeat -382px 0;text-indent:-9999px; }
#app-open-android:hover     { background-position: -382px -47px; }
a#tooltip-gotolibrary       { display:block;width:144px;height:64px;background:url("/global/images/sprites/tooltip_sprites_02.png") no-repeat -288px -256px;text-indent:-9999px;  }
a#tooltip-gotolibrary:hover { background-position: -288px -320px; }

/*** TOOLTIP ***/
div.tooltip-container   { padding:20px 0; }
div.tooltip-orange      { background:#ff9600; }
div.tooltip-dark        { background:#4d4948;color:#eeefef; }
div.tooltip-offwhite    { background:#F5F6F6;color:#4C4949; }
div.tooltip-offwhite h1 { color:#4C4949;font-weight:bold;font-size:116%;margin:0 0 1em 0; }
div.tooltip-offwhite .usersetting-nav h1 { margin-bottom: 0; }
div.tooltip-offwhite h2,
div.tooltip-offwhite h3,
div.tooltip-offwhite p       { color:#4C4949;font-size:93%;line-height:1.4em;margin:0 0 .5em 0; }
div.tooltip-offwhite label   { color:#595757;font-size:93%;line-height:1em; }
div.tooltip-offwhite a       { color:#4C4949;text-decoration:none; }
div.tooltip-offwhite a:hover { text-decoration:underline; }
div.tooltip-white            { background:#ffffff;color:#333; }
div.tooltip-white h1         { color:#333;font-weight:bold;font-size:116%;margin:0 0 1em 0; }
div.tooltip-white h2,
div.tooltip-white h3,
div.tooltip-white p       { color:#333;font-size:93%;line-height:1.4em;margin:0 0 .5em 0; }
div.tooltip-white label   { color:#666;font-size:93%;line-height:1em; }
div.tooltip-white a       { color:#000;text-decoration:none; }
div.tooltip-white a:hover { text-decoration:underline; }
div.tooltip-yellow        { background:#fc0;color:#595757; }
div.tooltip-clearyellow   { background:#ffe100;color:#595757; }
div.tooltip-gray          { background: #EEEFEF;color: #595757; }

.tooltip-box {
/*background:#F5F6F6;*/
position:relative;z-index:4;
margin:0 auto;width:288px;text-align:left;
}
.tooltip-box * {
color:#727171;
}
.tooltip-box section {
padding:10px;
min-height:364px;
}
.tooltip-box-wide {
position:relative;z-index:4;
margin:0 auto;width:576px;min-height:240px;text-align:left;
}
.tooltip-box-720wide {
position:relative;z-index:4;
margin:0 auto;width:720px;min-height:240px;text-align:left;
}
.tooltip-box-superwide {
position:relative;z-index:4;
margin:0 auto;width:1008px;min-height:495px;text-align:left;
margin-left: -24px;
}
.tooltip-box input               { width:260px;font-size:108%;padding:2px; }
.tooltip-box input[type="checkbox"],
.tooltip-box input[type="radio"] { width:auto; }
.tooltip-box textarea            { width:260px;height:4em;font-size:100%;padding:2px; }
.tooltip-box select              { width:260px;font-size:100%;padding:2px; }
.tooltip-box select.birth        { width:auto; }

.tooltip-nav {  }
.tooltip-nav li {
float:left;display:block;width:144px;height:64px;
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#000), to(#555));
background: -moz-linear-gradient(0% 100% 0deg, #000, #555);
/*filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr="#000", endColorstr="#555");
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr="#000", endColorstr="#555")";*/
}
.tooltip-nav-new {
background:url("../images/common/bg_header.gif") repeat-x 0 0;
height:48px;
}
.tooltip-nav-new li {
float:left;display:block;width:144px;height:48px;
}
.tooltip-nav li a { float:left;display:block;width:144px;height:64px;background:url(../images/sprites/tooltip_sprites_01.png) no-repeat 0 0;text-indent:-9999px; }
.tooltip-nav-new li a { float:left;display:block;width:144px;height:48px;background:url(../images/common/bt_tanzaku.png) no-repeat 0 0;text-indent:-9999px; }
.tooltip-nav-new li a.tooltip-submit,
.tooltip-nav-new li a#tooltip-submit { background-position:0 0; }
.tooltip-nav-new li a.tooltip-submit:hover,
.tooltip-nav-new li a#tooltip-submit:hover { background-position:0 -48px; }
.tooltip-nav-new li a.tooltip-cancel,
.tooltip-nav-new li a#tooltip-cancel { background-position:-432px 0; }
.tooltip-nav-new li a.tooltip-cancel:hover,
.tooltip-nav-new li a#tooltip-cancel:hover { background-position:-432px -48px; }
.tooltip-nav-new li a.tooltip-delete,
.tooltip-nav-new li a#tooltip-delete { background-position:-576px 0; }
.tooltip-nav-new li a.tooltip-delete:hover,
.tooltip-nav-new li a#tooltip-delete:hover { background-position:-576px -48px; }
.tooltip-nav-new li a.tooltip-commit,
.tooltip-nav-new li a#tooltip-commit { background-position:0 -96px; }
.tooltip-nav-new li a.tooltip-commit:hover,
.tooltip-nav-new li a#tooltip-commit:hover { background-position:0 -144px; }
.tooltip-nav-new li a.tooltip-confirm { background:url("../images/common/bt_tanzaku_03.png") no-repeat -432px 0; }
.tooltip-nav-new li a.tooltip-confirm:hover { background-position:-432px -48px; }
.tooltip-nav-new li a.tooltip-transmit { background:url("../images/common/bt_tanzaku_05.png") no-repeat -720px 0; }
.tooltip-nav-new li a.tooltip-transmit:hover { background-position:-720px -48px; }
.tooltip-nav-new li a.tooltip-modify { background-position:-576px -96px; }
.tooltip-nav-new li a.tooltip-modify:hover { background-position:-576px -144px; }
.tooltip-nav-new li a#tooltip-get,
.tooltip-nav-new li a.tooltip-get { background:url("../images/common/bt_tanzaku_05.png") no-repeat -864px 0; }
.tooltip-nav-new li a#tooltip-get:hover,
.tooltip-nav-new li a.tooltip-get:hover { background-position:-864px -48px; }
.tooltip-nav-new li a.tooltip-back,
.tooltip-nav-new li a#tooltip-back { background-position:-288px 0; }
.tooltip-nav-new li a.tooltip-back:hover,
.tooltip-nav-new li a#tooltip-back:hover { background-position:-288px -48px; }
.tooltip-nav-new li a.tooltip-next,
.tooltip-nav-new li a#tooltip-next { background-position:-144px 0; }
.tooltip-nav-new li a.tooltip-next:hover,
.tooltip-nav-new li a#tooltip-next:hover { background-position:-144px -48px; }
.tooltip-nav-new li a.tooltip-back-library,
.tooltip-nav-new li a#tooltip-back-library { background-position:-432px -96px; }
.tooltip-nav-new li a.tooltip-back-library:hover,
.tooltip-nav-new li a#tooltip-back-library:hover { background-position:-432px -144px; }
.tooltip-nav-new li a.tooltip-execute,
.tooltip-nav-new li a#tooltip-execute { background-position:-864px -96px; }
.tooltip-nav-new li a.tooltip-execute:hover,
.tooltip-nav-new li a#tooltip-execute:hover { background-position:-864px -144px; }
.tooltip-nav-new li input.tooltip-execute { width:144px;height:48px;border:none;background:url("../images/common/bt_tanzaku.png") no-repeat -864px -96px;text-indent:-9999px;cursor:pointer; }
.tooltip-nav-new li input.tooltip-execute:hover { background-position:-864px -144px; }
.tooltip-nav-new li a#tooltip-edit { background-position:-1008px -96px; }
.tooltip-nav-new li a#tooltip-edit:hover { background-position:-1008px -144px; }
.tooltip-nav-new li a.tooltip-gotolibrary,
.tooltip-nav-new li a#tooltip-gotolibrary { background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;height:48px;background-position:-432px -96px; }
.tooltip-nav-new li a.tooltip-gotolibrary:hover,
.tooltip-nav-new li a#tooltip-gotolibrary:hover { background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;height:48px;background-position:-432px -144px; }
.tooltip-nav-new li a#switch_0 { background:url("../images/common/bt_tanzaku.png") no-repeat;background-position:-864px -96px;cursor:pointer; }
.tooltip-nav-new li a#switch_0:hover { background-position:-864px -144px; }
.tooltip-nav-new li a.tooltip-login,
.tooltip-nav-new li a#tooltip-login { background-position:-720px -96px; }
.tooltip-nav-new li a.tooltip-login:hover,
.tooltip-nav-new li a#tooltip-login:hover { background-position:-720px -144px; }
.tooltip-nav-new li a.tooltip-logout,
.tooltip-nav-new li a#tooltip-logout { background:url("../images/common/bt_tanzaku_03.png") no-repeat -576px -192px; }
.tooltip-nav-new li a.tooltip-logout:hover,
.tooltip-nav-new li a#tooltip-logout:hover { background:url("../images/common/bt_tanzaku_03.png") no-repeat -576px -240px; }
.tooltip-nav-new li a.tooltip-gotocart,
.tooltip-nav-new li a#tooltip-gotocart { background-position:-288px -96px; }
.tooltip-nav-new li a.tooltip-gotocart:hover,
.tooltip-nav-new li a#tooltip-gotocart:hover { background-position:-288px -144px; }
.tooltip-nav-new li a.tooltip-lookforotherbcck,
.tooltip-nav-new li a#tooltip-lookforotherbcck { background-position:-864px 0; }
.tooltip-nav-new li a.tooltip-lookforotherbcck:hover,
.tooltip-nav-new li a#tooltip-lookforotherbcck:hover { background-position:-864px -48px; }
.tooltip-nav-new li a.tooltip-yes,
.tooltip-nav-new li a#tooltip-yes { background:url("../images/common/bt_tanzaku_03.png") no-repeat 0 0; }
.tooltip-nav-new li a.tooltip-yes:hover,
.tooltip-nav-new li a#tooltip-yes:hover { background-position: 0 -48px; }
.tooltip-nav-new li a.tooltip-no,
.tooltip-nav-new li a#tooltip-no { background:url("../images/common/bt_tanzaku_03.png") no-repeat -144px 0; }
.tooltip-nav-new li a.tooltip-no:hover,
.tooltip-nav-new li a#tooltip-no:hover { background-position:-144px -48px; }
.tooltip-nav-new li input.buy-coupon { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -288px -96px;border:none;text-indent:-9999px;cursor:pointer; }
.tooltip-nav-new li input.buy-coupon:hover { background-position: -288px -144px; }
.tooltip-nav-new li a.tooltip-close,
.tooltip-nav-new li a#tooltip-close { background:url("../images/common/bt_tanzaku_03.png") no-repeat 0 -192px; }
.tooltip-nav-new li a.tooltip-close:hover,
.tooltip-nav-new li a#tooltip-close:hover { background-position: 0 -240px; }
.tooltip-nav-new li a.tooltip-gotoinvitation { background:url("../images/common/bt_tanzaku_03.png") no-repeat -864px -192px; }
.tooltip-nav-new li a.tooltip-gotoinvitation:hover { background-position: -864px -240px; }
.tooltip-nav-new li a.tooltip-gotoyourstore,
.tooltip-nav-new li a#tooltip-gotoyourstore { background:url("../images/common/bt_tanzaku_03.png") no-repeat -1008px -192px; }
.tooltip-nav-new li a.tooltip-gotoyourstore:hover,
.tooltip-nav-new li a#tooltip-gotoyourstore:hover { background-position: -1008px -240px; }
.tooltip-nav-new li a.tooltip-createbcck { background:url("../images/common/bt_tanzaku_05.png") no-repeat 0 0; }
.tooltip-nav-new li a.tooltip-createbcck:hover { background-position: 0 -48px; }
.tooltip-nav-new li a.tooltip-gotohelp { background:url("../images/common/bt_tanzaku_05.png") no-repeat -144px 0; }
.tooltip-nav-new li a.tooltip-gotohelp:hover { background-position: -144px -48px; }
.tooltip-nav-new li a.tooltip-gotocontact { background:url("../images/common/bt_tanzaku_05.png") no-repeat -288px 0; }
.tooltip-nav-new li a.tooltip-gotocontact:hover { background-position: -288px -48px; }
.tooltip-nav-new li a.tooltip-gotobcckstop { background:url("../images/common/bt_tanzaku_05.png") no-repeat -432px 0; }
.tooltip-nav-new li a.tooltip-gotobcckstop:hover { background-position: -432px -48px; }
.tooltip-nav-new li a.tooltip-gotoidset { background:url("../images/common/bt_tanzaku_05.png") no-repeat -576px 0; }
.tooltip-nav-new li a.tooltip-gotoidset:hover { background-position: -576px -48px; }
.tooltip-nav-new li a.tooltip-gotobookshelf { background:url("../images/common/bt_tanzaku_05.png") no-repeat -1008px 0; }
.tooltip-nav-new li a.tooltip-gotobookshelf:hover { background-position: -1008px -48px; }
.tooltip-nav-new li a.tooltip-lookforbcck { background:url("../images/common/bt_tanzaku.png") no-repeat -864px 0; }
.tooltip-nav-new li a.tooltip-lookforbcck:hover { background-position:-864px -48px; }
.tooltip-nav-new li a.tooltip-gotoselectaddress { background:url("../images/common/bt_tanzaku_05.png") no-repeat -432px -96px; }
.tooltip-nav-new li a.tooltip-gotoselectaddress:hover { background-position:-432px -144px; }
.tooltip-nav-new li a.tooltip-gotoselectcard { background:url("../images/common/bt_tanzaku_05.png") no-repeat -576px -96px; }
.tooltip-nav-new li a.tooltip-gotoselectcard:hover { background-position:-576px -144px; }

#dt-buy .tooltip-nav-new li input#submit { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -288px -96px;border:none;text-indent:-9999px;cursor:pointer; }
#dt-buy .tooltip-nav-new li input#submit:hover { background-position: -288px -144px; }
#dt-buy .tooltip-nav-new li input.submit { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -288px -96px;border:none;text-indent:-9999px;cursor:pointer; }
#dt-buy .tooltip-nav-new li input.submit:hover { background-position: -288px -144px; }
#dt-select-first .tooltip-nav-new li input#register { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;border:none;text-indent:-9999px;cursor:pointer;}
#dt-select-first .tooltip-nav-new li input#register:hover { background-position: 0 -48px; }
#dt-select-first .tooltip-nav-new li input.register { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;border:none;text-indent:-9999px;cursor:pointer;}
#dt-select-first .tooltip-nav-new li input.register:hover { background-position: 0 -48px; }
#dt-bcck-stop .tooltip-nav-new li input#register { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;border:none;text-indent:-9999px;cursor:pointer;}
#dt-bcck-stop .tooltip-nav-new li input#register:hover { background-position: 0 -48px; }
#dt-bcck-stop .tooltip-nav-new li input.register { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;border:none;text-indent:-9999px;cursor:pointer;}
#dt-bcck-stop .tooltip-nav-new li input.register:hover { background-position: 0 -48px; }
#dt-bcck-stop-conf .tooltip-nav-new li input#register { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;border:none;text-indent:-9999px;cursor:pointer;}
#dt-bcck-stop-conf .tooltip-nav-new li input#register:hover { background-position: 0 -48px; }
#dt-bcck-stop-conf .tooltip-nav-new li input.register { width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;border:none;text-indent:-9999px;cursor:pointer;}
#dt-bcck-stop-conf .tooltip-nav-new li input.register:hover { background-position: 0 -48px; }

/* shingoedit start（いずれnav-newにして消す） */
.tooltip-nav li a.tooltip-back-s,
.tooltip-nav li a#tooltip-back-s { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -288px 0;border:none;text-indent:-9999px;cursor:pointer; }
.tooltip-nav li a.tooltip-back-s:hover,
.tooltip-nav li a#tooltip-back-s:hover { background-position:-288px -48px; }
.tooltip-nav li a.tooltip-cancel-s,
.tooltip-nav li a#tooltip-cancel-s { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -432px 0;border:none;text-indent:-9999px;cursor:pointer; }
.tooltip-nav li a.tooltip-cancel-s:hover,
.tooltip-nav li a#tooltip-cancel-s:hover { background-position:-432px -48px; }
.tooltip-nav li a.tooltip-delete-s,
.tooltip-nav li a#tooltip-delete-s { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -576px 0;border:none;text-indent:-9999px;cursor:pointer; }
.tooltip-nav li a.tooltip-delete-s:hover,
.tooltip-nav li a#tooltip-delete-s:hover { background-position:-576px -48px; }
.tooltip-nav li input.make-store,
.tooltip-nav li input#make-store { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku_02.png") no-repeat 0 0;border:none;text-indent:-9999px;cursor:pointer; }
.tooltip-nav li input.make-store:hover,
.tooltip-nav li input#make-store:hover { background-position:0 -48px; }
.tooltip-nav li input.save-store,
.tooltip-nav li input#save-store { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku_02.png") no-repeat -144px 0;border:none;text-indent:-9999px;cursor:pointer; }
.tooltip-nav li input.save-store:hover,
.tooltip-nav li input#save-store:hover { background-position:-144px -48px; }
.tooltip-nav li a.tooltip-gotoyourstore-s { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku_03.png") no-repeat -1008px -192px;border:none;text-indent:-9999px;cursor:pointer; }
.tooltip-nav li a.tooltip-gotoyourstore-s:hover { background-position:-1008px -240px; }
/* shingoedit end */

.tooltip-nav-new.preview {
height:48px;
}
.tooltip-nav-new.preview li {
float:right;
}
nav.pod-header {
background:url("/global/images/common/bg_header.gif") repeat-x 0 0;
}
nav.pod-header h1 {
float:left;
width:288px;
height:48px;
background:url("/global/images/common/tooltip_headline.png") no-repeat -576px -96px;
font-size:1px;
text-indent:-9999px;
}

.cart-nav-top li a.tooltip-lookforotherbcck,
.cart-nav-top li a#tooltip-lookforotherbcck,
.cart-nav-bottom li a.tooltip-lookforotherbcck,
.cart-nav-bottom li a#tooltip-lookforotherbcck { background:url("/global/images/common/bt_tanzaku_05.png") no-repeat 0 -96px; }
.cart-nav-top li a.tooltip-lookforotherbcck:hover,
.cart-nav-top li a#tooltip-lookforotherbcck:hover,
.cart-nav-bottom li a.tooltip-lookforotherbcck:hover,
.cart-nav-bottom li a#tooltip-lookforotherbcck:hover { background-position:0 -144px; }
.cart-nav-top li a.tooltip-gotoregister,
.cart-nav-top li a#tooltip-gotoregister,
.cart-nav-bottom li a.tooltip-gotoregister,
.cart-nav-bottom li a#tooltip-gotoregister { background-position:-1008px 0; }
.cart-nav-top li a.tooltip-gotoregister:hover,
.cart-nav-top li a#tooltip-gotoregister:hover,
.cart-nav-bottom li a.tooltip-gotoregister:hover,
.cart-nav-bottom li a#tooltip-gotoregister:hover { background-position:-1008px -48px; }
.cart-nav-top li a.tooltip-back,
.cart-nav-top li a#tooltip-back,
.cart-nav-bottom li a.tooltip-back,
.cart-nav-bottom li a#tooltip-back { background-position:-288px 0; }
.cart-nav-top li a.tooltip-back:hover,
.cart-nav-top li a#tooltip-back:hover,
.cart-nav-bottom li a.tooltip-back:hover,
.cart-nav-bottom li a#tooltip-back:hover { background-position:-288px -48px; }
.cart-nav-top li a.tooltip-firmorder,
.cart-nav-top li a#tooltip-firmorder,
.cart-nav-bottom li a.tooltip-firmorder,
.cart-nav-bottom li a#tooltip-firmorder { background:url("/global/images/common/bt_tanzaku_03.png") no-repeat -288px 0; }
.cart-nav-top li a.tooltip-firmorder:hover,
.cart-nav-top li a#tooltip-firmorder:hover,
.cart-nav-bottom li a.tooltip-firmorder:hover,
.cart-nav-bottom li a#tooltip-firmorder:hover { background-position:-288px -48px; }
.cart-nav-bottom li a.tooltip-changeitem { background:url("../images/common/bt_tanzaku_05.png") no-repeat -720px -96px; }
.cart-nav-bottom li a.tooltip-changeitem:hover { background-position:-720px -144px; }
.cart-nav-top li a.tooltip-login,
.cart-nav-bottom li a.tooltip-login { background-position:-720px -96px; }
.cart-nav-top li a.tooltip-login:hover,
.cart-nav-bottom li a.tooltip-login:hover { background-position:-720px -144px; }
.cart-nav-top li a.tooltip-gotobookshelf,
.cart-nav-bottom li a.tooltip-gotobookshelf { display:none;background:url("../images/common/bt_tanzaku_05.png") no-repeat -1008px 0; }
.cart-nav-top li a.tooltip-gotobookshelf:hover,
.cart-nav-bottom li a.tooltip-gotobookshelf:hover { background-position:-1008px -48px; }

.tooltip-nav li a#tooltip-sample { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat 0 0; }
.tooltip-nav li a#tooltip-sample:hover { background-position:0 -64px; }
.tooltip-nav li a#tooltip-sample-inactive { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat 0 -128px; }
.tooltip-nav li a#tooltip-read { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -144px 0; }
.tooltip-nav li a#tooltip-read:hover { background-position:-144px -64px; }
.tooltip-nav li a#tooltip-buy { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -288px 0; }
.tooltip-nav li a#tooltip-buy:hover  { background-position:-288px -64px; }
.tooltip-nav li a#tooltip-get { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -144px 0; }
.tooltip-nav li a#tooltip-get:hover  { background-position:-144px -64px; }
.tooltip-nav li a#tooltip-commit { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -288px -320px; }
.tooltip-nav li a#tooltip-commit:hover { background-position:-288px -384px; }
.tooltip-nav li a.tooltip-login,
.tooltip-nav li a#tooltip-login { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat 0 -256px; }
.tooltip-nav li a.tooltip-login:hover,
.tooltip-nav li a#tooltip-login:hover { background-position: 0 -320px; }
.tooltip-nav li a#tooltip-back { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -432px 0; }
.tooltip-nav li a#tooltip-back:hover { background-position:-432px -128px; }
.tooltip-nav li a#tooltip-back-library { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat -144px -256px; }
.tooltip-nav li a#tooltip-back-library:hover { background-position:-144px -320px; }
.tooltip-nav li a#tooltip-cancel { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -144px -320px; }
.tooltip-nav li a#tooltip-cancel:hover { background-position:-144px -384px; }
.tooltip-nav li a#tooltip-next { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat -288px -128px; }
.tooltip-nav li a#tooltip-next:hover { background-position:-288px -192px; }
.tooltip-nav li a#tooltip-checkout { background:url(../images/sprites/tooltip_sprites_03.png) no-repeat 0 -128px; }
.tooltip-nav li a#tooltip-checkout:hover { background-position:0 -192px; }
.tooltip-nav li a#tooltip-backto { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -432px -64px;margin-left:144px; }
.tooltip-nav li a#tooltip-backto:hover { background-position:-432px -128px; }
.tooltip-nav li a#tooltip-confirm { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -576px -320px; }
.tooltip-nav li a#tooltip-confirm:hover { background-position:-576px -384px; }
.tooltip-nav li a#tooltip-send { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat -144px 0; }
.tooltip-nav li a#tooltip-send:hover {  background-position:-144px -64px; }
.tooltip-nav li a#tooltip-correct { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat 0 0; }
.tooltip-nav li a#tooltip-correct:hover { background-position:0 -64px; }
.tooltip-nav li a#tooltip-delete-white { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -576px 0; }
.tooltip-nav li a#tooltip-delete-white:hover { background-position:-576px -128px; }
.tooltip-nav li a#tooltip-delete { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -576px -64px; }
.tooltip-nav li a#tooltip-delete:hover { background-position:-576px -128px; }
.tooltip-nav li a#tooltip-yes { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat -432px -128px; }
.tooltip-nav li a#tooltip-yes:hover { background-position:-432px -192px; }
.tooltip-nav li a#tooltip-no { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat -576px -128px; }
.tooltip-nav li a#tooltip-no:hover { background-position:-576px -192px; }
.tooltip-nav li a#tooltip-addtocart { background:url(../images/sprites/tooltip_sprites_03.png) no-repeat -288px -128px; }
.tooltip-nav li a#tooltip-addtocart:hover { background-position:-288px -192px; }
.tooltip-nav li a#tooltip-buysetting { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat -432px -256px; }
.tooltip-nav li a#tooltip-buysetting:hover { background-position:-432px -320px; }
.tooltip-nav li a#tooltip-addcard { background:url(../images/sprites/tooltip_sprites_02.png) no-repeat -576px -256px; }
.tooltip-nav li a#tooltip-addcard:hover { background-position:-576px -320px; }
.tooltip-nav li a#tooltip-lookforbcck { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -288px -192px; }
.tooltip-nav li a#tooltip-lookforbcck:hover { background-position:-288px -256px; }
.tooltip-nav li a#tooltip-lookforotherbcck { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -432px -192px; }
.tooltip-nav li a#tooltip-lookforotherbcck:hover { background-position:-432px -256px; }
.tooltip-nav li a#tooltip-gotocart { background:url(../images/sprites/tooltip_sprites_03.png) no-repeat -144px -128px; }
.tooltip-nav li a#tooltip-gotocart:hover { background-position:-144px -192px; }
.tooltip-nav li a#tooltip-gotoregister { background:url(../images/sprites/tooltip_sprites_03.png) no-repeat -432px -128px; }
.tooltip-nav li a#tooltip-gotoregister:hover { background-position:-432px -192px; }
.tooltip-nav li a#tooltip-firmorder { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -432px -320px; }
.tooltip-nav li a#tooltip-firmorder:hover { background-position:-432px -384px; }
.tooltip-nav li a#tooltip-backsettingstart { background:url(../images/sprites/tooltip_sprites_03.png) no-repeat -576px -128px; }
.tooltip-nav li a#tooltip-backsettingstart:hover { background-position:-576px -192px; }
.tooltip-nav li a#tooltip-createbcck { background:url(../images/sprites/tooltip_sprites_01.png) no-repeat -144px -192px; }
.tooltip-nav li a#tooltip-createbcck:hover { background-position: -144px -256px; }
.tooltip-nav li a#tooltip-practice { background:url(/global/images/sprites/tooltip_sprites_02.png) no-repeat -288px 0; }
.tooltip-nav li a#tooltip-practice:hover { background-position: -288px -64px; }
.tooltip-nav li a#tooltip-save { display:block;width:144px;height:64px;background:url(/global/images/sprites/tooltip_sprites_03.png) no-repeat -144px 0;text-indent:-9999px; }
.tooltip-nav li a#tooltip-save:hover { background-position: -144px -64px; }
.tooltip-nav li a.practice { display:block;width:144px;height:64px;background:url(/global/images/sprites/tooltip_sprites_02.png) no-repeat -288px 0;text-indent:-9999px; }
.tooltip-nav li a.practice:hover { background-position: -288px -64px; }

/* TANZAKU  */
.tooltip-nav-tanzaku {
background:url(../images/common/bg_header.gif) repeat-x 0 0;
height:48px;
}
.tooltip-nav-tanzaku li {
width:144px;
height:48px;
float:left;
}
.tooltip-nav-tanzaku li a {
display:block;
width:144px;
height:48px;
font-size:1px;
text-indent:-9999px;
background:url(../images/common/bt_tooltip_01.png) no-repeat 0 0;
}

.tooltip-nav-tanzaku li a#tooltip-sample {
background-position:0 0;
}
.tooltip-nav-tanzaku li a#tooltip-sample:hover {
background-position:0 -48px;
}
.tooltip-nav-tanzaku li a#tooltip-sample-inactive {
background-position:0 -96px;
}
.tooltip-nav-tanzaku li a#tooltip-read {
background-position:-144px 0;
}
.tooltip-nav-tanzaku li a#tooltip-read:hover {
background-position:-144px -48px;
}
.tooltip-nav-tanzaku li a#tooltip-get {
background-position:-144px 0;
}
.tooltip-nav-tanzaku li a#tooltip-get:hover {
background-position:-144px -48px;
}

input#tooltip-yes { display:block;width:144px;height:64px;background:url("../images/sprites/tooltip_sprites_02.png") no-repeat -432px -128px;text-indent:-9999px; }
input#tooltip-yes:hover { background-position:-432px -192px; }
input#tooltip-no { display:block;width:144px;height:64px;background:url("../images/sprites/tooltip_sprites_02.png") no-repeat -576px -128px;text-indent:-9999px; }
input#tooltip-no:hover { background-position:-576px -192px; }

.tooltip-nav li h1 { float:left;display:block;width:144px;height:64px;background: url("../images/sprites/tooltip_headline_01.png") no-repeat -100px -100px;text-indent:-9999px; }
.tooltip-nav li h1#tooltip-head-idsetting { background-position:    0px    0px; }
.tooltip-nav li h1#tooltip-head-address   { background-position:    0px  -64px; }
.tooltip-nav li h1#tooltip-head-financial { background-position:    0px -128px; }
.tooltip-nav li h1#tooltip-head-convert   { background-position: -144px    0;   }
.tooltip-nav li h1#tooltip-head-import    { background-position: -144px  -64px; }
.tooltip-nav li h1#tooltip-head-cart      { background-position: -288px    0;   }
.tooltip-nav li h1#tooltip-head-paperbcck { background-position: -432px    0;   }

#tooltip-head-creditcard              { float:left;display:block;width:288px;height:64px;background: url("../images/sprites/tooltip_headline_02.png") no-repeat -576px 0;text-indent:-9999px; }
#tooltip-head-orderbcck               { float:left;display:block;width:288px;height:64px;background: url("../images/sprites/tooltip_headline_02.png") no-repeat -288px -192px;text-indent:-9999px; }
#tooltip-head-royalty                 { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png") no-repeat -864px -96px;text-indent:-9999px; }
#tooltip-head-copy                    { margin:0;float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png") no-repeat 0 -192px;text-indent:-9999px; }
#tooltip-head-coupon                  { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png") no-repeat -288px -144px;text-indent:-9999px; }
#tooltip-head-buildstore              { float:left;display:block;width:288px;height:48px;background: url("../images/common/ttl_01.png") no-repeat 0 -48px;text-indent:-9999px; }
#tooltip-head-storesettings           { margin:0;float:left;display:block;width:288px;height:48px;background: url("../images/common/ttl_01.png") no-repeat 0 0;text-indent:-9999px; }
#tooltip-head-paperbcck               { margin:0;float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png") no-repeat -288px -192px;text-indent:-9999px; }
#tooltip-head-import                  { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -576px -192px;text-indent:-9999px; }
#tooltip-head-convert                 { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -864px -192px;text-indent:-9999px; }
#tooltip-head-distributecoupon        { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -576px -336px;text-indent:-9999px; }
#tooltip-head-couponlist              { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -864px -336px;text-indent:-9999px; }
#tooltip-head-corporationregistration { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -288px -384px;text-indent:-9999px; }
#tooltip-head-invitecoedit            { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -576px -384px;text-indent:-9999px;margin:0; }
#tooltip-head-upgrade                 { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -864px -384px;text-indent:-9999px; }
#tooltip-head-downgrade               { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat    0   -384px;text-indent:-9999px; }
#tooltip-head-zipupload               { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -288px -432px;text-indent:-9999px;margin:0; }
#tooltip-head-contact                 { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -576px -432px;text-indent:-9999px;margin:0; }
#tooltip-head-epubupload              { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat    0      0  ;text-indent:-9999px;margin:0; }
#tooltip-head-dist-reqserv            { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -288px    0  ;text-indent:-9999px;margin:0; }
#tooltip-head-dist-book               { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -576px    0  ;text-indent:-9999px;margin:0; }
#tooltip-head-dist-purticket          { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -864px    0  ;text-indent:-9999px;margin:0; }
#tooltip-head-dist-error              { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat    0    -48px;text-indent:-9999px;margin:0; }
#tooltip-head-dist-stop               { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -288px  -48px;text-indent:-9999px;margin:0; }
#tooltip-head-address-select          { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -288px  -48px;text-indent:-9999px;margin:0; }
#tooltip-head-address-entry           { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -576px  -48px;text-indent:-9999px;margin:0; }
#tooltip-head-purchase-comp           { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -864px  -48px;text-indent:-9999px;margin:0; }
#tooltip-head-payment-method          { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat    0    -96px;text-indent:-9999px;margin:0; }
#tooltip-head-credit-registration     { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -288px  -96px;text-indent:-9999px;margin:0; }
#tooltip-head-shipdate-destinagion    { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -576px  -96px;text-indent:-9999px;margin:0; }
#tooltip-head-bcckperm-description    { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -864px  -96px;text-indent:-9999px;margin:0; }
#tooltip-head-bcckperm-authname       { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat    0   -144px;text-indent:-9999px;margin:0; }
#tooltip-head-error                   { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -288px -144px;text-indent:-9999px;margin:0; }
#tooltip-head-bookdelete              { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -576px -144px;text-indent:-9999px;margin:0; }
#tooltip-head-filedownload            { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -864px -144px;text-indent:-9999px;margin:0; }
#tooltip-head-deletestore             { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat    0   -192px;text-indent:-9999px;margin:0; }
#tooltip-head-authquit                { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -576px -192px;text-indent:-9999px;margin:0; }
#tooltip-head-blogparts               { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat -288px -240px;text-indent:-9999px;margin:0; }

#tooltip-head-import-text-complete    { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline_02.png") no-repeat    0   -240px;text-indent:-9999px;margin:0; }

#tooltip-head-createbcck              { float:left;display:block;width:288px;height:48px;background: url("../images/common/tooltip_headline.png")    no-repeat -576px -240px;text-indent:-9999px;margin:0; }

.tooltip-content { padding:8px 4px; }
.tooltip-content .tooltip-bcck-detail { text-align:center;padding:8px 0;position:relative; }
.tooltip-content .tooltip-bcck-detail.wide { padding-top:48px; }
.tooltip-content .tooltip-bcck-detail .bcck-thumbnail img { max-width:160px;max-height:165px;box-shadow:2px 2px 8px #808080;-webkit-box-shadow:2px 2px 8px #808080;-moz-box-shadow:4px 4px 8px #80800; }
.tooltip-content .tooltip-bcck-detail .bcck-thumbnail img:hover { box-shadow:2px 2px 8px #fff;-webkit-box-shadow:2px 2px 8px #fff;-moz-box-shadow:2px 2px 8px #fff; }

.tooltip-bcck-detail img {
  box-shadow:4px 4px 8px rgba(0,0,0,0.2);
  -webkit-box-shadow:4px 4px 8px rgba(0,0,0,0.2);
  -moz-box-shadow:4px 4px 8px rgba(0,0,0,0.2);
}
.tooltip-bcck-detail img.tn-bunkoLandscape { /*width:79px; height:112px;*/height:165px; }
.tooltip-bcck-detail img.tn-shinshoLandscape { /*width:84px; height:136px;*/height:165px; }
.tooltip-bcck-detail img.tn-inch10Landscape { /*width:112px; height:146px;*/height:165px; }
.tooltip-bcck-detail img.tn-a5deformeLandscape { /*width:105px; height:165px;*/height:165px; }
.tooltip-bcck-detail img.tn-postcardLandscape { width:160px;/*width:100px; height:71px;*/ }
.tooltip-bcck-detail img.tn-cabinetLandscape { width:160px;/*width:120px; height:86px;*/ }
.tooltip-bcck-detail img.tn-octavoLandscape { width:160px;/*width:140px; height:100px;*/ }

.tooltip-content .tooltip-bcck-description { text-align:left;margin:24px 0 4px 0; }
.tooltip-content .tooltip-bcck-description p { padding:4px;line-height:1.4em;text-align:justify;text-justify:inter-ideograph; }
.tooltip-content .tooltip-bcck-permalink { margin-top:6px; }
.tooltip-content .tooltip-bcck-title { font-size:123.1%;margin:16px 0 4px 0; }
.tooltip-content .tooltip-bcck-title a { color:#333 !important; }
.tooltip-content .tooltip-bcck-author { font-size:108%;margin-bottom:4px; }
.tooltip-content .tooltip-bcck-author a { color:#333 !important; }
.tooltip-content .tooltip-bcck-genre { font-size:108%;margin-bottom:4px;margin-bottom:4px; }
.tooltip-content .tooltip-bcck-genre a { color:#333 !important; }
.tooltip-content .tooltip-bcck-reviews, .tooltip-content .tooltip-bcck-recommends { text-align:right;font-size:138.5%;margin-bottom:18px;font-family: "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "IPA明朝", "IPAMincho", "ＭＳ 明朝", "MS Mincho", serif; }
.tooltip-content .tooltip-bcck-reviews h1, .tooltip-content .tooltip-bcck-recommends h1 { display:inline;font-size:108%;margin-bottom:0;font-family: "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "IPA明朝", "IPAMincho", "ＭＳ 明朝", "MS Mincho", serif; }
.tooltip-content #tooltip-read-review, .tooltip-content #tooltip-close-review { font-size:16px; }

.tooltip-content .tooltip-bcck-infolink {
    position:absolute;
    top:8px;
    right:4px;
    width:48px;
    height:32px;
    background:url("/global/images/sprites/bcck_setting_button.png") no-repeat -64px -64px;
    text-indent:-9999px;
}
.tooltip-content .tooltip-bcck-infolink:hover { background-position:-64px -96px; }

.tooltip-content .tooltip-bcck-rating { margin-top:4px;color:#bbb; }
.tooltip-content .tooltip-bcck-rating span.on  { color:#fff; }
.tooltip-content .tooltip-bcck-rating span.off { color:#bbb; }
.tooltip-content .tooltip-num { color:#fff;font-size:138.5%;font-family: "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "IPA明朝", "IPAMincho", "ＭＳ 明朝", "MS Mincho", serif; }
.tooltip-content .tooltip-review { text-align: left; }
.tooltip-content .tooltip-review .hidden { display: none;}
.tooltip-content .tooltip-review .tooltip-bcck-review h1 {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 4px;
}
.tooltip-content .tooltip-review .tooltip-bcck-review textarea {
    font-size: 16px;
    height: 350px;
    padding: 0px;
    width: 268px;
}
.tooltip-content .tooltip-review .tooltip-bcck-rating {
    margin-top: 10px;
}
.tooltip-content .tooltip-review .tooltip-bcck-rating h1 {
    font-weight: normal;
    color: black;
    font-size: 16px;
    margin-bottom: 4px;
}
.tooltip-content .tooltip-review .tooltip-bcck-rating a,
.tooltip-content .tooltip-review .tooltip-bcck-rating a:hover,
.tooltip-content .tooltip-review .tooltip-bcck-rating a:active
{
    display: block;
    width: 268px;
    height: 30px;
    text-decoration: none;
}
.tooltip-content .tooltip-review .tooltip-bcck-rating span.stars {
    display: block;
    color: transparent;
    width: 268px;
    height: 30px;
    padding: 0;
    background:#fff url(/global/images/common/rating_on_review.png) -301px 0px no-repeat;
}
.tooltip-content .tooltip-review .tooltip-bcck-status {
    margin-top: 10px;
    height: 68px;
}
.tooltip-content .tooltip-review .tooltip-bcck-status h1 {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 4px;
}
.tooltip-content .tooltip-review .tooltip-bcck-status li {
    floatle: left;
    font-size: 32px;
    margin-right: 10px;
}
.tooltip-content .tooltip-review .tooltip-bcck-status li a {
    font-size: 32px;
    color: #d3d3d4 !important;
}
.tooltip-content .tooltip-review .tooltip-bcck-status li a:hover,
.tooltip-content .tooltip-review .tooltip-bcck-status li a:active {
    color: #ff8900 !important;
    text-decoration: none;
}
.tooltip-content .tooltip-review .tooltip-bcck-status li a.selected {
    color: #ff8900 !important;
}
.tooltip-content a:link { color:#fff; }
.tooltip-content a:hover   { color:#fff; }
.tooltip-content a:visited { color:#fff; }
.tooltip-content a:active  { color:#fff; }

.tooltip-bcck-togglebox { margin:0 0 6px 0; }
.tooltip-bcck-togglebox h1 {
    margin-left:216px;
    display:block;
    width:64px;
    height:16px;
    font-size:77%;
    text-align:center;
    line-height:16px;
    cursor:pointer;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#323232), to(#a0a0a0));
    background: -moz-linear-gradient(0% 100% 0deg, #323232, #a0a0a0);
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.75) inset,-1px -1px 1px 0px rgba(0,0,0,0.75) inset;
}
.tooltip-bcck-togglebox a { display:block;margin-right:4px;font-size:131%;text-align:right;text-decoration:none;cursor:pointer; }
.tooltip-bcck-togglebox a:hover { color:#666; }
.tooltip-bcck-togglebox h1.perm { color:#65AADE; }
.tooltip-bcck-togglebox h1.blog { color:#EB68A2; }
.tooltip-bcck-togglebox h1:hover { color:#fff; }
.tooltip-bcck-togglebox-box {
    color:#fff;
    padding:2px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.75) inset,-1px -1px 1px 0px rgba(0,0,0,0.75) inset;
}
.tooltip-bcck-togglebox-box.perm-box {
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#1f2740), to(#77bad1));
    background: -moz-linear-gradient(0% 100% 0deg, #1f2740, #77bad1);
}
.tooltip-bcck-togglebox-box.blog-box {
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#aa4442), to(#f09096));
    background: -moz-linear-gradient(0% 100% 0deg, #aa4442, #f09096);
}
.tooltip-bcck-togglebox-input { width:266px;font-size:93%;font-family:monospace; }

.onlyuser { background:url(../images/common/bg_header.gif) repeat-x 0 0; }
.onlyuser li { height:48px;background:none; }
.onlyuser li a#tooltip-back { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -288px 0;text-indent:-9999px; }
.onlyuser li a#tooltip-back:hover { background-position:-288px -48px; }
.onlyuser li a#tooltip-login { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -720px -96px;text-indent:-9999px; }
.onlyuser li a#tooltip-login:hover { background-position:-720px -144px; }

.tooltip-bcck-notlogin { height: 384px; }
.tooltip-bcck-notlogin p {
  font-family: "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "IPA明朝", "IPAMincho", "ＭＳ 明朝", "MS Mincho", serif;
  margin-top:26px;
  color: #e6c500;
  font-size: 18px;
  line-height: 26px;
}
.tooltip-bcck-onlyuser {
  font-family: "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "IPA明朝", "IPAMincho", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-size: 108%;
  line-height: 19px;
  color:#E6C500 !important;
}

.tooltip-content .field-left { width:268px; float:left; margin: 33px 10px 0 6px; }
.tooltip-content .field-right { width:268px; float:left; margin: 33px 6px 0 10px; }
.tooltip-content .field-left input { width:262px; }
.tooltip-content .field-right textarea { max-width:262px;width:262px;height:360px; }
.tooltip-content .field-left .image-load-bg { width:128px;height:128px;background-color:#E6E6E7; }

.tooltip-content .field-left div.connect-zocial { margin-bottom:25px; }
.tooltip-content .field-left div.connect-zocial div { margin-top:10px; }
.tooltip-content .field-left div.connect-zocial div span { margin:0 4px;font-size:77%;color:#727171; }
.tooltip-content .field-left div.connect-zocial div a { font-size:138.5%;color:#FF8900 !important; }
.tooltip-content .field-left div.connect-zocial div img.fbicon { margin:0 2px 0 1px;vertical-align:-2px; }
.tooltip-content .field-left div.connect-zocial div img.twiticon { vertical-align:-2px; }

.tooltip-content .field-left a.premium-cancel { margin-left:12px;font-size:11px;color:#FF8900 !important; }
/*
.tooltip-content .field-left .zocial-common-connect,
.tooltip-content .field-left .zocial-common-disconnect { float:left;width:67px;height:32px; }
.zocial-common-connect.facebook { margin-right:7px;background:url("/global/images/sprites/social_connect_button.png")no-repeat 0 0;text-indent:-9999px; }
.zocial-common-connect.facebook:hover { background-position: 0 -32px; }
.zocial-common-disconnect.facebook { margin-right:7px;background:url("/global/images/sprites/social_connect_button.png")no-repeat 0 -64px;text-indent:-9999px; }
.zocial-common-disconnect.facebook:hover { background-position: 0 -96px; }
.zocial-common-connect.twitter { background:url("/global/images/sprites/social_connect_button.png")no-repeat -68px 0;text-indent:-9999px; }
.zocial-common-connect.twitter:hover { background-position: -68px -32px; }
.zocial-common-disconnect.twitter { background:url("/global/images/sprites/social_connect_button.png")no-repeat -68px -64px;text-indent:-9999px; }
.zocial-common-disconnect.twitter:hover { background-position: -68px -96px; }
*/

/*** USER SETTING ***/
.usersetting-nav {
height:48px;
background:url("../images/common/bg_header.gif") repeat-x 0 0;
}
.usersetting-nav ul li {
float:right;
}
.usersetting-nav ul li a {
background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;
}
.usersetting-nav h1 {
margin:0;
float:left;
width:288px;
height:48px;
background:url("../images/common/tooltip_headline.png") no-repeat 0 0;
font-size:1px;
text-indent:-9999px;
}
.usersetting-nav h1#tooltip-head-idsetting {
background-position:-288px 0;
}
.usersetting-nav h1#tooltip-head-address {
background-position:-288px -48px;
}
.usersetting-nav h1#tooltip-head-financial {
background-position:-288px -96px;
}
.usersetting-nav h1#tooltip-head-creditcard {
background:url("../images/common/tooltip_headline.png") no-repeat -576px 0;
height:48px;
}

.usersetting-nav .tooltip-nav li,.usersetting-nav .tooltip-nav li a {
display:block;
width:144px;
height:48px;
background:none;
}
.usersetting-nav .tooltip-nav li a#tooltip-submit,
.usersetting-nav .tooltip-nav li a.tooltip-submit,
.usersetting-nav .tooltip-nav li a#tooltip-commit,
.usersetting-nav .tooltip-nav li a.tooltip-commit {
background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;
cursor:pointer;
}
.usersetting-nav .tooltip-nav li a#tooltip-submit:hover,
.usersetting-nav .tooltip-nav li a.tooltip-submit:hover,
.usersetting-nav .tooltip-nav li a#tooltip-commit:hover,
.usersetting-nav .tooltip-nav li a.tooltip-commit:hover {
background-position:0 -48px;
}
.usersetting-nav .tooltip-nav li a#tooltip-cancel,
.usersetting-nav .tooltip-nav li a.tooltip-cancel {
background:url("../images/common/bt_tanzaku.png") no-repeat -432px 0;
}
.usersetting-nav .tooltip-nav li a#tooltip-cancel:hover,
.usersetting-nav .tooltip-nav li a.tooltip-cancel:hover {
background-position:-432px -48px;
}
.usersetting-nav .tooltip-nav li a#tooltip-delete,
.usersetting-nav .tooltip-nav li a.tooltip-delete {
background:url("../images/common/bt_tanzaku.png") no-repeat -576px 0;
}
.usersetting-nav .tooltip-nav li a#tooltip-delete:hover,
.usersetting-nav .tooltip-nav li a.tooltip-delete:hover {
background-position:-576px -48px;
}
.usersetting-nav .tooltip-nav li a#tooltip-back,
.usersetting-nav .tooltip-nav li a.tooltip-back {
background:url("../images/common/bt_tanzaku.png") no-repeat -288px 0;
}
.usersetting-nav .tooltip-nav li a#tooltip-back:hover,
.usersetting-nav .tooltip-nav li a.tooltip-back:hover {
background-position:-288px -48px;
}
.usersetting-nav .tooltip-nav li a#tooltip-back,
.usersetting-nav .tooltip-nav li a.tooltip-back {
background:url("../images/common/bt_tanzaku.png") no-repeat -288px 0;
}
.usersetting-nav .tooltip-nav li a#tooltip-back:hover,
.usersetting-nav .tooltip-nav li a.tooltip-back:hover {
background-position:-288px -48px;
}
.usersetting-nav .tooltip-nav li a#tooltip-correct,
.usersetting-nav .tooltip-nav li a.tooltip-correct {
background:url("../images/common/bt_tanzaku.png") no-repeat -576px -96px;
}
.usersetting-nav .tooltip-nav li a#tooltip-correct:hover,
.usersetting-nav .tooltip-nav li a.tooltip-correct:hover {
background-position:-576px -144px;
}
.usersetting-nav .tooltip-nav li a#tooltip-addcard,
.usersetting-nav .tooltip-nav li a.tooltip-addcard {
background:url("../images/common/bt_tanzaku.png") no-repeat -720px 0;
}
.usersetting-nav .tooltip-nav li a#tooltip-addcard:hover,
.usersetting-nav .tooltip-nav li a.tooltip-addcard:hover {
background-position:-720px -48px;
}
.usersetting-nav .tooltip-nav li a.tooltip-gotocart {
background:url("../images/common/bt_tanzaku.png") no-repeat -288px -96px;
}
.usersetting-nav .tooltip-nav li a.tooltip-gotocart:hover {
background-position:-288px -144px;
}
.usersetting-nav .tooltip-nav li a.tooltip-addaddress {
background:url("../images/common/bt_tanzaku_05.png") no-repeat -144px -96px;
}
.usersetting-nav .tooltip-nav li a.tooltip-addaddress:hover {
background-position:-144px -144px;
}
.usersetting-nav .tooltip-nav li a.tooltip-addbank {
background:url("../images/common/bt_tanzaku_05.png") no-repeat -288px -96px;
}
.usersetting-nav .tooltip-nav li a.tooltip-addbank:hover {
background-position:-288px -144px;
}
.usersetting-nav .tooltip-nav li a.tooltip-addcard {
background:url("../images/common/bt_tanzaku.png") no-repeat -720px 0;
}
.usersetting-nav .tooltip-nav li a.tooltip-addcard:hover {
background-position:-720px -48px;
}

/*** 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:1px 0; }
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,'Lucida Grande',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;cursor:pointer; }
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; }

/*** POPUP HELP ***/
div#tip-window { position: absolute; background-color: #F47C00; opacity: .85; min-width: 200px; max-width: 265px; line-height: 15px; padding: 5px; font-size: 12px; color: #fff; text-align: left; border: 1px solid white; z-index: 1100; }

/*** ERROR PAGE ***/
.error-page { padding:100px;text-align:center; }
.error-system { background:url(../images/common/bg_header.gif) repeat-x 0 0; }
.error-system li { height:48px;background:none; }
.error-system li a#tooltip-back { width:144px;height:48px;background:url(../images/common/bt_tanzaku.png) no-repeat -288px 0;text-indent:-9999px; }
.error-system li a#tooltip-back:hover { background-position:-288px -48px; }
.error-system li a#tooltip-login { width:144px;height:48px;background:url(../images/common/bt_tanzaku.png) no-repeat -720px -96px;text-indent:-9999px; }
.error-system li a#tooltip-login:hover { background-position:-720px -144px; }
.convert-error-space01 { margin-top:55px; }
.convert-error-space02 { margin-top:15px;line-height:23px; }
.convert-error-space03 { margin: 40px 0 5px 0 }
.convert-error-space04 { line-height:17px; }
.convert-error-space05 { margin-top:23px; }
.convert-error-space06 { margin-top:43xp; }
/*** ERROR MESSAGE ***/
#error-message { position:relative;z-index:3;margin:11px auto;padding:11px;width:480px;max-height:34px;/*56-padding*/background:#f5f6f6;overflow:hidden; }
#error-message ul.errors { margin:0; }
#error-message ul li { font-size:14px;line-height:20px;color:#f08200;font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;font-weight:bold; }

/*** AUTH ***/
#auth-box { min-height:480px;padding:8px; }
#auth-box h1 { display:none; }
#auth-box label { margin:0;padding:0;line-height:1.5em;font-size:98%;color:#666; }
#auth-box input[type="text"],
#auth-box input[type="password"] { margin:4px 0;width:264px;font-size:123.1%; }
ul.auth-login-options { margin-top:10px;font-size:93%; }
ul.auth-login-options li { line-height:1.4em;padding-top:8px; }
a.auth-signup { font-size:187%;color:#ff8900 !important;font-family: "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "IPA明朝", "IPAMincho", "ＭＳ 明朝", "MS Mincho", serif; }
a.auth-forgot { color:#727171 !important; }

p.note { color:#727171;font-size:85%;margin:0 0 .25em 0; }

#button-create-bcck-bg { display:block;width:480px;height:96px;background:url(../images/sprites/buttons_top_more.png) no-repeat -480px -192px; }
#button-create-bcck { position:relative;left:144px;top:16px;display:block;width:192px;height:64px;text-indent:-9999px;background:url(../images/sprites/bcckmake_button.png) no-repeat 0 -64px; }
#button-create-bcck:hover { background-position:-192px -64px; }
#button-video-guidance { display:block;width:480px;height:96px;background:url(../images/sprites/buttons_top_more.png) no-repeat 0px -192px;text-indent:-9999px;cursor:pointer; }
#button-video-guidance:hover { display:block;width:480px;height:96px;background:url(../images/sprites/buttons_top_more.png) no-repeat 0px -288px;text-indent:-9999px;cursor:pointer; }
#button-write-entry { display:block;width:480px;height:96px;background:url(../images/sprites/buttons_top_more.png) no-repeat 0 -193px;text-align:center; }
#button-write-entry input#top-search-entry { margin-top:20px;width:240px;font:normal 123.1% sans-serif; }
#button-write-entry input#top-search-entry-button { margin-top:16px;margin-left:8px;width:192px;height:67px;border:0;background:url(../images/sprites/buttons_top_more.png) no-repeat -270px -208px;text-indent:-9999px;cursor:pointer; }

.side-column { float:left;width:192px; }
table.entry-note { float:left;width:768px;border-collapse:collapse;border:0; }
table.entry-note th { background:#ffe;text-align:left; }
table.entry-note td { background:#ffe;text-align:left;border:1px solid #ccc;color:#333;padding:8px; }
table.entry-note td p.entry-body { width:480px; }

ul.entry-archive { padding:10px;border-bottom:1px solid #fff; }
ul.entry-archive li { text-align:left;font-size:100%;line-height:1.5em; }
ul.entry-archive li span.month { font-size:123.1%; }


div.login-zocial { text-align:left; }
div.login-zocial div { margin:8px 0 22px 0; }
div.login-zocial span { margin:0 4px;font-size:77%;color:#9FA0A0; }
div.login-zocial a { font-size:138.5%;color:#FF8900 !important; }
div.login-zocial img.fbicon { margin:0 2px 0 1px;vertical-align:-2px; }
div.login-zocial img.twiticon { vertical-align:-2px; }
/*
.zocial-common { display:inline-block;width:32px;height:32px;margin:0;padding:0; }
.zocial-common.facebook { background:url("/global/images/sprites/goto_import_button.png")no-repeat -64px 0;text-indent:-9999px; }
.zocial-common.facebook:hover { background-position: -64px -32px; }
.zocial-common.twitter { margin-right:6px;background:url("/global/images/sprites/goto_import_button.png")no-repeat -96px 0;text-indent:-9999px; }
.zocial-common.twitter:hover { background-position: -96px -32px; }
*/

/*** account-connect(bem) ***/
.account-connect {
  margin-top: 28px;
}
.account-connect__title,
div.tooltip-offwhite h1.account-connect__title {
  font-size: 14px;
  font-weight: normal;
}
.account-connect__list {
  margin-top:1em;
}
.account-connect__list-item {
  display: block;
  margin-bottom: 22px;
  font-size: 10px;
  color: #9FA0A0;
  display: inline-block;
  width:85px;
  text-align: center;
}
.account-connect__service-icon {
  display: block;
  float: left;
  text-indent: -9999px;
  vertical-align: baseline;
  margin-right: 6px;
}
.account-connect__service-icon--bw01 {
  background: url(/global/images/common/icon_bw_b.svg) no-repeat 0 0;
  width: 63px;
  height: 30px;
  margin-top: -6px;
}
.account-connect__service-icon--bw02 {
   background: url(/global/images/common/icon_bw_a.svg) no-repeat 0 0;
   width: 105px;
   height: 11px;
   margin: 2px 0 1px;
}
.account-connect__service-icon--fb01 {
  background: url(/global/images/common/icon_fb.svg) no-repeat 0 0;
  width: 18px;
  height: 18px;
  margin: 0 6px 0 6px;
}
.account-connect__service-icon--tw01 {
  background: url(/global/images/common/icon_tw.svg) no-repeat 0 0;
  width: 21px;
  height: 17px;
  margin: 1px 3px 0 5px;
}
.account-connect__link,
a.account-connect__link:link,
a.account-connect__link:hover,
a.account-connect__link:active,
a.account-connect__link:visited {
  font-size: 14px;
  color: #FF8900;
}
.account-connect__link img{
  margin: 0 auto;

}



.account-connect__note,
div.tooltip-offwhite p.account-connect__note {
  font-size: 10px;
  line-height: 1.4;
  margin-top: 8px;
  color: #9FA0A0;
  text-align: left;
  text-indent: -1em;
  margin-left: 1em;
}
/* modifier: 連携済み */
.account-connect__link--connected {
  color: #727171;
}
/* modifier: ユーザー設定画面 */
.account-connect--preferences {
  border-top: 1px solid #C9C9CA;
  margin: 0 10px;
  padding-top: 10px;
}
.account-connect--preferences__list-item {
  float: left;
  width: 178px;
  margin: 14px 10px 22px 0;
}
.account-connect--preferences__list-item:nth-child(n+3) {
  margin-right: 0;
}
.account-connect--preferences .account-connect__link,
.account-connect--preferences a.account-connect__link,
.account-connect--preferences a.account-connect__link:link,
.account-connect--preferences a.account-connect__link:hover,
.account-connect--preferences a.account-connect__link:active,
.account-connect--preferences a.account-connect__link:visited {
  font-size: 12px;
}

/*** select-payment(bem) ***/
.select-payment {
  margin: 16px 0;
}

#payment-method .form-section.select-payment__form-section,
.select-payment__form-section {
  padding: 0;
  margin: 12px 0 12px 18px;
}
.select-payment__text,
div.tooltip-offwhite p.select-payment__text {
  font-size: 12px;
  margin: 1em 0 0 1.5em;
}
.select-payment__text--register-card,
div.tooltip-offwhite p.select-payment__text--register-card {
  margin-left: 0;
}
.select-payment__link,
div.tooltip-offwhite a.select-payment__link {
  font-size: 12px;
  color: #F08300;
}
.select-payment__service-icon {
  display: inline-block;
  text-indent: -9999px;
  height: 14px;
  vertical-align: baseline;
  margin-right: 6px;
}
.select-payment__service-icon--bw01 {
  width: 105px;
  background: url(/global/images/common/icon_bw_a.svg) no-repeat 0 2.5px;
}
.select-payment__note,
div.tooltip-offwhite p.select-payment__note {
  font-size: 10px;
  line-height: 1.4;
  margin-top: 4px;
  color: #9FA0A0;
  text-align: left;
  text-indent: -1em;
  margin-left: 2.75em;
}
.select-payment__note--register-card,
div.tooltip-offwhite p.select-payment__note--register-card {
  margin-left: 1em;
}
.select-payment__label--disabled {
  opacity: 0.4;
}

/*** LIBRARY ***/
aside#sidebar { float:left;background:#e6e6e7; }
#myprofile { position:relative;padding:0 15px 0 17px;display:block;width:160px;}
#library-header { min-height:96px; }
#library-header-avatar { float:none;display:block;margin-top:17px;width:96px;height:96px;background-color:black; }
#library-header-username { margin-top:13px;font-size:93%;font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;font-weight:bold;word-break:break-all;color:#727171; }
#myprofile p { font-size:77%;color:#727171;word-break:break-all; }
#myprofile .user-data { margin-top:6px; }
#myprofile .description { margin-top:26px;line-height:1.8em; }
#myprofile .myprofile-block { margin-top:26px;color:#727171; }
#myprofile dt { display:inline-block;margin-right:8px;font-size:77%;font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;font-weight:bold;line-height:1.8em; }
#myprofile dd { display:inline-block;font-size:77%;line-height:1.8em; }
#myprofile dd a { font-size:100%;color:#727171; }

#myprofile dd a.read-review { display:block;width:53px;height:20px;background:url("/global/images/sprites/bt_premium.png") no-repeat -209px -4px;text-indent:-9999px; }
#myprofile dd a.read-review:hover { background-position:-209px -24px; }
#myprofile dd a.advice_standard { display:inline-block;width:104px;height:20px;background:url("/global/images/sprites/bt_premium.png") no-repeat -1px 0;text-indent:-9999px; }
#myprofile dd a.advice_standard:hover { background-position:-1px -20px; }
#myprofile dd a.advice_premium { display:inline-block;width:104px;height:20px;background:url("/global/images/sprites/bt_premium.png") no-repeat -104px 0;text-indent:-9999px; }
#myprofile dd a.advice_premium:hover { background-position:-104px -20px; }

#myprofile .userstore-block { margin:38px 0; }
#myprofile .userstore-name { margin-bottom:8px;font-size:93%;font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;font-weight:bold;line-height:1.8em;word-break:break-all;color:#727171; }
#myprofile .userstore-name span { font-size:10px;font-family:HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;font-weight:normal; }
#myprofile a.store-icon { display:block;float:left;position:relative;width:40px;height:40px;line-height:40px;text-align:center;margin: 4px 8px 0 0; }
#myprofile a.store-icon .mask { 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; }
#myprofile a.store-icon:hover .mask { opacity: 1; }
#myprofile .icon-bookshop-s { max-width:40px;max-height:40px;vertical-align:middle; }
#myprofile .icon-bookshop-s:hover { opacity: 0.8; }
#myprofile .bcck-grids-s { float:left;width:108px;height:48px;margin-bottom:6px;}

/* bcck grids s */
#myprofile ul.bcck-grids-s > li { display:block;position:relative;float:left;width:36px;height:48px;text-align:center; }
#myprofile ul.bcck-grids-s > li a img { box-shadow:2px 2px 4px #999;-moz-box-shadow:2px 2px 4px #999;-webkit-box-shadow:2px 2px 4px #999;}
#myprofile ul.bcck-grids-s > 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; }
#myprofile ul.bcck-grids-s > li a img.tn-bunkoLandscape     { /*width:20px;*/ height:28px; }
#myprofile ul.bcck-grids-s > li a img.tn-shinshoLandscape   { /*width:21px;*/ height:34px; }
#myprofile ul.bcck-grids-s > li a img.tn-inch10Landscape    { /*width:28px;*/ height:36px; }
#myprofile ul.bcck-grids-s > li a img.tn-a5deformeLandscape { /*width:26px;*/ height:41px; }
#myprofile ul.bcck-grids-s > li a img.tn-postcardLandscape  { width:25px; /*height:18px;*/ }
#myprofile ul.bcck-grids-s > li a img.tn-cabinetLandscape   { width:30px; /*height:22px;*/ }
#myprofile ul.bcck-grids-s > li a img.tn-octavoLandscape    { width:35px; /*height:25px;*/ }

#bcckbox-column { float:left;width:768px;margin:0;padding:0; }
ul.bcck-boxes li#nobcck { width:767px;height:96px; }
.nobcck-first-letters { font-size:250%;line-height:1em;float:left;margin-right:4px;letter-spacing:0.05em;font-weight:bold; }
ul.bcck-boxes li.bcck-box { position:relative;float:left;margin:0;padding:0;width:383px;height:287px;border:1px solid #c9c9ca;border-width: 0 0 1px 1px;background-color:rgba(255,246,233,0.9);/* IE6,IE7,IE8 */filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E6FEF5E8, endcolorstr=#E6FEF5E8, gradienttype=0); }
ul.bcck-boxes li .jacket { position:absolute;display:table-cell;left:0px;top:74px;opacity:1;text-align:center;width:160px;height:165px;max-width:160px;max-height:165px;line-height:165px;vertical-align:middle; }
ul.bcck-boxes li .jacket img { vertical-align:middle;max-width:140px;max-height:165px;box-shadow:4px 4px 8px #999;-webkit-box-shadow:4px 4px 8px #999;-moz-box-shadow:4px 4px 8px #999; }
ul.bcck-boxes li .jacket 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-boxes li .jacket img.tn-bunkoLandscape     { /*width:79px;*/  height:112px; }
ul.bcck-boxes li .jacket img.tn-shinshoLandscape   { /*width:84px;*/  height:136px; }
ul.bcck-boxes li .jacket img.tn-inch10Landscape    { /*width:112px;*/ height:146px; }
ul.bcck-boxes li .jacket img.tn-a5deformeLandscape { /*width:105px;*/ height:165px; }
ul.bcck-boxes li .jacket img.tn-postcardLandscape  { width:100px;  /*height:71px;*/ }
ul.bcck-boxes li .jacket img.tn-cabinetLandscape   { width:120px;  /*height:86px;*/ }
ul.bcck-boxes li .jacket img.tn-octavoLandscape    { width:140px; /*height:100px;*/ }

ul.bcck-boxes li .bcck-title { margin: 7px 2px 5px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; }
ul.bcck-boxes li .bcck-title a:link,
ul.bcck-boxes li .bcck-title a:visited,
ul.bcck-boxes li .bcck-title a:active { color:#4c4949;font-family:"HiraMinPro-W6","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;font-weight:bold; }
ul.bcck-boxes li .bcck-title a:hover { color:#ff6600;text-decoration:none; }





ul.bcck-boxes li h2.bcck-type-d { display:inline-block;padding-left:162px;color:#4c4949;font-size:77%;line-height:1.4em;text-indent:-0.6em; }
ul.bcck-boxes li h2.bcck-type-p { display:inline-block;margin-top:6px;padding-left:162px;color:#4c4949;font-size:77%;line-height:1.4em;text-indent:-0.6em; }
ul.bcck-boxes li p { padding:0;color:#4c4949;font:normal 77% sans-serif;line-height:1.4em; }

ul.bcck-boxes li .bcck-ud-box { display:block;margin:0 0 0 9px; }
ul.bcck-boxes li p.bcck-author-name { float:left;font-size:12px;line-height:12px;max-width:98px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
ul.bcck-boxes li p.bcck-author { float:left;font-size:12px;line-height:12px;  }
ul.bcck-boxes li p.bcck-publisher { float:left;margin: 1px 0 0 12px;line-height:12px;max-width:92px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
ul.bcck-boxes li p.bcck-genre { float:left;line-height:12px;margin: 1px 0 0 12px; }
ul.bcck-boxes li p.bcck-permission { clear:both;padding-top:4px;font-size:77%;line-height:1em;color:#4c4949; }
ul.bcck-boxes li p.bcck-permission span { font-size:100%; }

ul.bcck-boxes li p.left-space { padding:0 8px 0 162px; }
ul.bcck-boxes li#nobcck p { padding:8px;color:#727171;font:normal 100% sans-serif; }
ul.bcck-boxes li ul.buttons { position:absolute;left:4px;bottom:4px;height:32px;width:378px; }
ul.bcck-boxes li ul.buttons.bcck-share { left:346px;width:32px; }
ul.bcck-boxes li ul.buttons li { margin-right:3px; }

ul.bcck-boxes li ul.buttons li a { float:left;display:block;margin:0 2px 0 0;width:32px;height:32px;background: url("/global/images/common/bt_3232_01.png") no-repeat 0 0;text-indent:-9999px; }
ul.bcck-boxes li ul.buttons li.edit-button a                    { background-position:  -32px -128px; }
ul.bcck-boxes li ul.buttons li.edit-button a:hover              { background-position:  -32px -160px; }
ul.bcck-boxes li ul.buttons li.copy-button a                    { background-position:  -64px -128px; }
ul.bcck-boxes li ul.buttons li.copy-button a:hover              { background-position:  -64px -160px; }
ul.bcck-boxes li ul.buttons li.import-button a                    { background-position:  -192px -192px; }
ul.bcck-boxes li ul.buttons li.import-button a:hover              { background-position:  -192px -224px; }
ul.bcck-boxes li ul.buttons li.create-paperbcck-button a        { background-position:  -96px -128px; }
ul.bcck-boxes li ul.buttons li.create-paperbcck-button a:hover  { background-position:  -96px -160px; }
ul.bcck-boxes li ul.buttons li.preview-paperbcck-button a       { background-position: -128px -128px; }
ul.bcck-boxes li ul.buttons li.preview-paperbcck-button a:hover { background-position: -128px -160px; }
ul.bcck-boxes li ul.buttons li.epub-button a                    { background-position: -160px -128px; }
ul.bcck-boxes li ul.buttons li.epub-button a:hover              { background-position: -160px -160px; }
ul.bcck-boxes li ul.buttons li.download-button a                { background-position: -160px -128px; }
ul.bcck-boxes li ul.buttons li.download-button a:hover          { background-position: -160px -160px; }
ul.bcck-boxes li ul.buttons li.webwidget-button a               { background-position: -256px -128px; }
ul.bcck-boxes li ul.buttons li.webwidget-button a:hover         { background-position: -256px -160px; }

ul.bcck-boxes li ul.buttons li.set-bcck-button a                { background-position: -32px    0;   }
ul.bcck-boxes li ul.buttons li.set-bcck-button a:hover          { background-position: -32px   -32px; }
ul.bcck-boxes li ul.buttons li.share-button a                   { background-position: -288px  -64px; }
ul.bcck-boxes li ul.buttons li.share-button a:hover             { background-position: -288px  -96px; }
ul.bcck-boxes li ul.buttons li.dist-button a                    { background-position: -224px  -64px; }
ul.bcck-boxes li ul.buttons li.dist-button a:hover              { background-position: -224px  -96px; }
ul.bcck-boxes li ul.buttons li.dist-button-off a                { background-position: -224px -128px; }

ul.bcck-boxes li ul.buttons li.coupon-button a                  { background-position: -256px  -64px; }
ul.bcck-boxes li ul.buttons li.coupon-button a:hover            { background-position: -256px  -96px; }
ul.bcck-boxes li ul.buttons li.delete-button a                  { background-position:  -96px    0;   }
ul.bcck-boxes li ul.buttons li.delete-button a:hover            { background-position:  -96px  -32px; }
ul.bcck-boxes li ul.buttons li.not-delete-button a,
ul.bcck-boxes li ul.buttons li.not-delete-button a:hover        { background-position: -128px    0;   }
ul.bcck-boxes li ul.buttons li.now-printing { display:block;width:226px;height:17px;margin:15px 0 0 4px;padding:0;background:url(../images/common/shimaneko_printnow.png) no-repeat 0 0;text-indent:-9999px; }

#study-room ul.bcck-boxes ul.bcck-grids-icons { top:62px;width:160px; }
/*ul.bcck-boxes ul.bcck-grids-icons li { display:inline-block;margin:0 2px 0 0; }*/
ul.bcck-boxes ul.bcck-grids-icons li.icon-none { display:none; }
#mybccks-head { position:relative;display:block;width:192px;height:48px;background:url("/global/images/common/bg_header.gif") repeat-x; }

#bcckshelf-settings { margin:5px 0 19px 0;width:192px; }

/* library book sort buttons */
#sort            { display:inline-block;width:191px;height:47px;background:url("/global/images/common/bt_19147_01.png") no-repeat 0 -94px;text-indent:-9999px;cursor:pointer; }
#sort-done       { display:inline-block;width:191px;height:47px;background:url("/global/images/common/bt_19147_01.png") no-repeat -191px -94px;text-indent:-9999px;cursor:pointer; }
#sort:hover      { background-position: 0 -141px; }
#sort-done:hover { background-position:-191px -141px; }
#all-cover       { margin:1px 1px 0 0;display:inline-block;width:95px;height:47px;background:url("/global/images/common/bt_9547_01.png") no-repeat -190px 0;text-indent:-9999px;cursor:pointer; }
#all-spine       { margin:1px 0   0 0;display:inline-block;width:95px;height:47px;background:url("/global/images/common/bt_9547_01.png") no-repeat -285px 0;text-indent:-9999px;cursor:pointer; }
#all-cover:hover { background-position: -190px -47px; }
#all-spine:hover { background-position: -285px -47px; }

div.inner-content section#library-header dl#shelf-navi dt { float:left;font-size:15px;color:#666;margin-left:8px; }
div.inner-content section#library-header dl#shelf-navi dd ul.list li { float:left;font-size:15px;color:#666;margin-left:20px; }
div.inner-content section#library-header dl#shelf-navi dd ul.list li a:link { font-size:15px;color:#666; }

#library-subnav {
width:192px;
height:144px;
background:url(../images/common/bg_header.gif) repeat 0 0;
}

#create-book {
display:block;
background:url(../images/common/library_subnav.png) no-repeat;
background-position:0 0;
font-size:1px;
text-indent:-9999px;
width:192px;
height:48px;
}
#create-book:hover { background-position:0 -48px; }
#create-book.size_s { background-position:-192px 0; }
#create-book.size_s:hover { background-position:-192px -48px; }

#imports {
position:relative;
display:block;
background:url("../images/common/library_subnav.png") no-repeat;
/* background-position:-400px 0; two */
background-position:-384px 0;/* three */
width:192px;
height:48px;
}

#import-epub {
position:absolute;
top:8px;
left:19px;
display:block;
background:url("../images/common/bt_3232_02.png") no-repeat 0 0;
font-size:1px;
text-indent:-9999px;
width:32px;
height:32px;
}
#import-epub:hover {
background-position:0 -32px;
}

#import-zipupload {
position:absolute;
top:8px;
left:51px;/* three */
/* left:35px; two */
display:block;
background:url("../images/common/bt_3232_02.png") no-repeat -32px 0;
font-size:1px;
text-indent:-9999px;
width:32px;
height:32px;
}
#import-zipupload:hover {
background-position:-32px -32px;
}

#import-instagram {
position:absolute;
top:8px;
/* left:50px; one */
/* left:67px; two */
left: 83px;/* three */
display:block;
background:url("../images/common/bt_3232_02.png") no-repeat -64px 0 ;
font-size:1px;
text-indent:-9999px;
width:32px;
height:32px;
}
#import-instagram:hover {
background-position:-64px -32px;
}

#make-store {
display:block;
background:url(../images/common/library_subnav.png) no-repeat;
background-position:-576px 0;
font-size:1px;
text-indent:-9999px;
width:192px;
height:48px;
}
#make-store:hover { background-position:-576px -48px; }
#make-store.size_s { background-position:-768px 0; }
#make-store.size_s:hover { background-position:-768px -48px; }

#buy-ticket-btn {
display:block;
background:url(../images/common/library_subnav.png) no-repeat;
background-position:-960px 0;
font-size:1px;
text-indent:-9999px;
width:192px;
height:48px;
}
#buy-ticket-btn:hover {
background-position:-960px -48px;
}

/*** SHELVES ***/
body#shelf-arrange #content { background:url("../images/patterns/bg_shelf-arrange.png") repeat-y 0 0; }
#shelves-nav { float:left;width:51px;height:100%;padding:0 20px; }
#shelves-nav li { width:51px;height:80px;margin-top:14px;white-space:nowrap; }
#shelves-nav li a { display:block;height:80px;font-size:12px;color:#fff;background:url(../images/sprites/icons_organizebcck.png) no-repeat 0 -61px; }
#shelves-nav li#trash a { margin-top:40px;width:48px;height:61px;background-position:-103px -79px; }
#shelves-nav li.ui-state-hover a,#shelves-nav li.ui-state-active a { color:#f08200;background-position:0px 18px;text-decoration:none; }
.shelf-number:after { display:inline;content:"へ移動";font-size:12px; }
.ui-state-active .shelf-number:after { display:inline;content:"編集中";font-size:12px; }
.ui-tabs-hide { display: none !important; }
.ui-sortable-helper { opacity:0.75; }
.bcck-grids-half { margin:16px 20px 16px 12px; }
.bcck-grids-half li { float:left;width:96px;height:160px;margin:16px 4px;text-align:center; }

/*** TEMP ***/
.errors    { margin:1em 0; }
.errors li { color:#e72828;font-size:12px; }

/*.errors li { color:#f08300;font-size:14px;line-height:20px;font-family:HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;font-weight:bold; }*/

#shelf-list { }
#shelf-list li {
    float:left;display:block;width:96px;height:32px;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#ccc), to(#eee));
    background: -moz-linear-gradient(0% 100% 0deg, #eee, #ccc);
}

.tiled-sheet { position:relative;z-index:1;background:url(../images/patterns/default_pattern_gray.png); }
.user-sheet { position:relative;z-index:1;background:#CDCEAE; }
.inner-content { position:relative;z-index:4; }
.sheet { position:relative;z-index:4;width:768px;margin:0 auto;background:#fff;color:#000;text-align:left;padding-bottom:64px; }
.sheet-wide { position:relative;z-index:4;width:960px;margin:0 auto;background:#fff;color:#000;text-align:left;padding-bottom:24px; }
.strip { position:relative;z-index:4;width:288px;margin:0 auto;background:#fff;color:#000;text-align:left;padding-bottom:64px; }
.strip-orange { position:relative;z-index:4;width:288px;margin:0 auto;background:#f90;color:#333;text-align:left; }
.strip-dark { position:relative;z-index:4;width:288px;margin:0 auto;background:#4d4948;color:#eeefef;text-align:left; }
.col-half { float:left;width:480px; }
.more-button { display:block;height:120px;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#000), to(#555));
    background: -moz-linear-gradient(0% 100% 0deg, #555, #000);
}
.hide { display:none; }
.tn { cursor:pointer; }
/*** USER PAGE ***/
#user-page { position:relative;z-index:1;background:url(/global/data/users/default_pattern.png); }

/*** FORM ***/
.formError { color:#f00; }
.form-section { clear:both;padding-top:16px; }
.form-label { clear:both;display:block;color:#666;padding-bottom:4px; }

/*** CONVERTER ***/
section div.centerizer.space09 table { display:inline-table;height:24px;width:90%;border-top:1px solid #595757;border-right:1px solid #595757;border-bottom:1px solid #595757;border-left:1px solid #595757;border-collapse:collapse; }
section div.centerizer.space09 table td.move { width:0%;background-image:url('/global/images/common/progression_unit.png');background-repeat:repeat-x; }
section div.centerizer.space09 table td.stillness { width:100%;background-color:white; }

.space01 { padding-top:64px; }
.space02 { padding-top:64px; }
.space03 { padding-top:42px;line-height:1.6em; }
.space04 { padding-top:51px; }
.space05 { padding:19px 0 0 175px; }
.space06 { padding-top:19px; }
.space07 { padding-left:15px; }
.space08 { padding-top:19px; }
.space09 { padding-top:31px;width:100%; }
.space10 { padding-top:2px; }

/*** POD ***/
.edit-papercover         { display:block;width:288px;height:64px;background:url(../images/sprites/tooltip_sprites_wide_01.png) no-repeat -288px -256px;text-indent:-9999px;border:none; }
.edit-papercover:hover   { background-position: -288px -320px; }
.preview-printdata       { display:block;width:288px;height:48px;background:url(../images/common/bt_wide.png) no-repeat 0 0;text-indent:-9999px;border:none; }
.preview-printdata:hover { background-position: 0 -48px; }
.create-printdata        { display:block;width:288px;height:48px;background:url(../images/common/bt_wide.png) no-repeat 0 -96px;text-indent:-9999px;border:none;cursor:pointer; }
.create-printdata:hover  { background-position: 0 -144px; }

div.box-cutstyle,
div.box-nocutstyle                                { display:inline-block;margin:3px 16px 10px 0;width:132px;/* height:178px;  */}
div.box-cutstyle p,
div.box-nocutstyle p                              { line-height:16px; }
li.css_cut .radio-selector a.print                { margin:12px 36px 0 4px;display:inline-block;width:125px;height:114px;background:url(../images/sprites/select_cutstyle.png) no-repeat 0 -114px;text-indent:-9999px; }
li.css_cut .radio-selector a.print:hover,
li.css_cut .radio-selector a.print.selected       { background-position: 0 0; }
li.css_cut .radio-selector a.print_nocut          { display:inline-block;margin-top:12px;width:101px;height:114px;background:url(../images/sprites/select_cutstyle.png) no-repeat -127px -114px;text-indent:-9999px; }
li.css_cut .radio-selector a.print_nocut:hover,
li.css_cut .radio-selector a.print_nocut.selected { background-position: -127px 0; }

/*** COUPON ***/
section#coupon-wrap { margin:0;padding:0; }
section#coupon-wrap .head-wide { width:288px; }
section#coupon-wrap section.space01 { min-height:380px; }
section#coupon-wrap section.space01 h1 { font-size:18px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal; }
section#coupon-wrap section.space01 label.fs12 { color:#727171; }
section#coupon-wrap section.space01 label.fs12 input { width:240px; }
section#coupon-wrap section.space01 div { padding-bottom:12px; }

.coupon-head { height:48px;background:url("../images/common/bg_header.gif") repeat-x 0 0; }
.coupon-head li { background:none; }
.coupon-head li a#tooltip-commit,
.coupon-head li a.commit { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat 0 0;text-indent:-9999px; }
.coupon-head li a#tooltip-commit:hover,
.coupon-head li a.commit:hover { background-position: 0 -48px; }
.coupon-head li a#tooltip-cancel,
.coupon-head li a.cancel { display:block;width:144px;height:48px;background:url("../images/common/bt_tanzaku.png") no-repeat -432px 0;text-indent:-9999px; }
.coupon-head li a#tooltip-cancel:hover,
.coupon-head li a.cancel:hover { background-position:-432px -48px;}
div#coupon-bcckdetail { padding:48px 4px 35px 4px; }
div#coupon-bcckdetail .tooltip-bcck-detail { padding:0; }
form#coupon-use h3 { padding-bottom:32px;line-height:24px;font-size:18px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;text-align:center; }
form#coupon-use p.attention { padding-bottom:48px;line-height:24px;font-size:14px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;text-align:center; }

section#cart-wrap p.cart-empty.fs12 { text-align:right;margin: 0 11px 9px 0; }
section#cart-wrap p.cart-empty.fs12 a { font-size:100%; }

#coupon-use-activation h3 { padding-bottom:32px;font-size:18px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif; }
#coupon-use-activation p.attention { font-size:14px;line-height:24px;padding-bottom:48px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif; }

/*** COEDITOR INVITE SEND  ***/
.tooltip-nav-new li a#goto-shareset,
.tooltip-nav-new li a.goto-shareset { background:url("/global/images/common/bt_tanzaku_03.png")no-repeat -720px -192px; }
.tooltip-nav-new li a#goto-shareset:hover,
.tooltip-nav-new li a.goto-shareset:hover { background-position:-720px -240px; }
#invite-coedit nav ul li input#invite-submit,
#invite-coedit nav ul li input.invite-submit { display:block;width:144px;height:48px;border:none;background:url("/global/images/common/bt_tanzaku.png")no-repeat 0 0;text-indent:-9999px;cursor:pointer; }
#invite-coedit nav ul li input#invite-submit:hover,
#invite-coedit nav ul li input.invite-submit:hover { background-position:0 -48px; }
#invite-coedit h1.info { text-align:center;margin:45px 0 30px 0;font-size:18px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;color:#595757; }
#invite-coedit p.info  { text-align:center;margin:0 0 32px 0;font-size:14px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;color:#595757; }

section.bcck-box-invite {
  display: block;
  margin: 0 auto 46px auto;
  width: 358px;
}

#invite-coedit div.basic-info {
  margin-bottom: 3px;
}

#invite-coedit h1.title {
  margin: 0;
  font-size: 14px;
  font-family: HiraMinProN-W6,HiraMinPro-W6,"ヒラギノ明朝 ProN W6","ヒラギノ明朝 Pro W6","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
  font-weight: bold;
  color: #9fa0a0;
  text-indent: -0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#invite-coedit p.author {
  display: inline-block;
  margin: 0 12px 0 0;
  max-width: 170px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #9fa0a0;
}

#invite-coedit p.publisher {
  display: inline-block;
  margin: 0;
  font-size: 10px;
  max-width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #9fa0a0;
}

#invite-coedit div.jacket {
  position: relative;
  float:left;
  display: block;
  width: 140px;
  height: 192px;
  line-height: 192px;
  text-align: center;
}

#invite-coedit div.jacket img {
  vertical-align: middle;
  box-shadow: 4px 4px 8px #BBB;
  -webkitbox-shadow: 4px 4px 8px #BBB;
  -moz-box-shadow: 4px 4px 8px #BBB;
}

#invite-coedit .jacket img.tn-bunkoLandscape     { /*width: 79px;*/height:112px; }
#invite-coedit .jacket img.tn-shinshoLandscape   { /*width: 84px;*/height:136px; }
#invite-coedit .jacket img.tn-inch10Landscape    { /*width:112px;*/height:146px; }
#invite-coedit .jacket img.tn-a5deformeLandscape { /*width:105px;*/height:165px; }
#invite-coedit .jacket img.tn-postcardLandscape  { width:100px;/*height: 71px;*/ }
#invite-coedit .jacket img.tn-cabinetLandscape   { width:120px;/*height: 86px;*/ }
#invite-coedit .jacket img.tn-octavoLandscape    { width:140px;/*height:100px;*/ }

#invite-coedit ul.bcck-grids-icons {
  width: 140px;
  font-size: 0;
  text-align: center;
  bottom: 23px;
}

#invite-coedit div.bcck-info {
  float: left;
  display: block;
  margin: 10px 0 0 12px;
  max-width: 224px;
}

#invite-coedit div.bcck-info h2 {
  margin: 0;
  float: left;
  font-size: 10px;
  line-height: 1.4em;
  color: #9fa0a0;
  text-indent: -0.5em;
}
#invite-coedit div.bcck-info p {
  margin: 0;
  float: none;
  font-size: 10px;
  line-height: 1.4em;
  color: #9fa0a0;
}
#invite-coedit div.bcck-info p.date {
  float: left;
  margin-left: 1em;
}

#invite-coedit div.bcck-info p span {
  font-size:100%;
}

#invite-coedit fieldset { margin:0 auto 28px auto;width:384px; }
#invite-coedit fieldset legend { padding-bottom:6px;font-size:12px;color:#595757; }
#invite-coedit fieldset input { margin-bottom:6px;width:292px;font-size:12px; }
#invite-coedit fieldset select#permission { width:80px;font-size:11px;cursor:pointer; }
#invite-coedit fieldset select#permission option { font-size:11px; }
#invite-coedit fieldset p.note { margin:0;font-size:10px;line-height:1.6em;color:#9fa0a0; }

section.already-requested { margin:0 auto 48px auto;width:384px;border-bottom:solid 1px #727171; }
section.already-requested img { display:inline-block;width:96px;height:96px;vertical-align:top; }
section.already-requested div.user-info { padding:12px 0;border-top:solid 1px #727171; }
section.already-requested div.user-info div { display:inline-block;margin-left:6px;max-width:276px;vertical-align:top; }
section.already-requested div.user-info div p { margin:0;font-size:12px;line-height:1.3em;color:#595757; }
section.already-requested span.invite-name { font-size:100%;color:#ed6e47;word-break:break-all; }
section.already-requested span.permission { font-size:100%;color:#00b1ed; }
section.already-requested h2 { margin:0 0 10px 0;font-size:12px;color:#595757; }
section.already-requested div.user-info div input,
section.already-requested div.user-info div label { margin:0 2px 0 0;font-size:12px;line-height:1.3em;color:#9fa0a0;vertical-align:middle; }

#invite-coedit-done {}
#invite-coedit-done h1.info { text-align:center;margin:45px 0 43px 0;font-size:18px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;color:#595757; }
#invite-coedit-done section { margin:0 auto;min-height:276px;width:432px; }
#invite-coedit-done section p { text-align:center;margin:0 0 35px 0;font-size:14px;line-height:24px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;color:#595757;word-break:break-all; }

/*** COEDITOR INVITE RECEIVE ***/
#invitation-coedit {
  margin: 32px 96px;
  min-height: 320px;
}
#invitation-coedit > div.invitation {
  border-bottom: solid 1px #727171;
}
#invitation-coedit > div.invitation > div {
  padding: 28px 0 32px 0;
  border-top: solid 1px #727171;
}

#invitation-coedit > div.invitation p {
  font-size: 12px;
  line-height: 1.3em;
  color: #595757;
}

#invitation-coedit > div.invitation p span.invitees {
  font-size: 100%;
  color: #ED6E47;
}

#invitation-coedit > div.invitation p span.permission {
  font-size:100%;
  color: #00B1ED;
}

#invitation-coedit > div.invitation label {
  display: inline-block;
  margin: 24px 0 29px 0;
  font-size: 16px;
  color: #595757;
  cursor: pointer;
}
#invitation-coedit > div.invitation label input {
  margin: 0 0 0 2px;
  font-size: 15px;
  vertical-align: 2px;
  cursor: pointer;
}

#invitation-coedit > div.invitation .basic-info {
  margin-bottom: 3px;
}

#invitation-coedit > div.invitation h1.title {
  margin: 0;
  font-size: 14px;
  font-family: HiraMinProN-W6,HiraMinPro-W6,"ヒラギノ明朝 ProN W6","ヒラギノ明朝 Pro W6","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
  font-weight: bold;
  color: #4c4949;
  text-indent: -0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#invitation-coedit > div.invitation div.basic-info p {
  margin: 0;
  font-size: 10px;
  line-height: 1.4em;
  color: #727171;
}

#invitation-coedit > div.invitation div.basic-info p.author {
  display: inline-block;
  margin-right: 12px;
  max-width: 184px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#invitation-coedit > div.invitation div.basic-info p.publisher {
  display: inline-block;
  max-width: 184px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#invitation-coedit > div.invitation div.jacket {
  position: relative;
  float:left;
  display: block;
  margin-top: -14px;
  width: 140px;
  height: 192px;
  line-height: 192px;
  text-align: center;
}

#invitation-coedit > div.invitation div.jacket img {
  vertical-align: middle;
  box-shadow: 4px 4px 8px #BBB;
  -webkitbox-shadow: 4px 4px 8px #BBB;
  -moz-box-shadow: 4px 4px 8px #BBB;
}

#invitation-coedit > div.invitation .jacket img.tn-bunkoLandscape     { /*width: 79px;*/height:112px; }
#invitation-coedit > div.invitation .jacket img.tn-shinshoLandscape   { /*width: 84px;*/height:136px; }
#invitation-coedit > div.invitation .jacket img.tn-inch10Landscape    { /*width:112px;*/height:146px; }
#invitation-coedit > div.invitation .jacket img.tn-a5deformeLandscape { /*width:105px;*/height:165px; }
#invitation-coedit > div.invitation .jacket img.tn-postcardLandscape  { width:100px;/*height: 71px;*/ }
#invitation-coedit > div.invitation .jacket img.tn-cabinetLandscape   { width:120px;/*height: 86px;*/ }
#invitation-coedit > div.invitation .jacket img.tn-octavoLandscape    { width:140px;/*height:100px;*/ }

#invitation-coedit > div.invitation ul.bcck-grids-icons {
  width: 140px;
  font-size: 0;
  text-align: center;
  bottom: 23px;
}

#invitation-coedit > div.invitation div.bcck-info {
  float: left;
  display: block;
  margin-left: 12px;
  max-width: 224px;
}

#invitation-coedit > div.invitation div.bcck-info h2 {
  margin: 0;
  float: left;
  font-size: 10px;
  line-height: 1.4em;
  color: #727171;
  text-indent: -0.5em;
}
#invitation-coedit > div.invitation div.bcck-info p {
  margin: 0;
  float: none;
  font-size: 10px;
  line-height: 1.4em;
  color: #727171;
}
#invitation-coedit > div.invitation div.bcck-info p.date {
  float: left;
  margin-left: 1em;
}

#invitation-coedit > div.invitation div.bcck-info p span {
  font-size: 100%;
}

#invitation-coedit p.accept,
#invitation-coedit p.refuse,
#invitation-coedit p.notfound {
  margin: 0;
  padding: 32px 0;
  font-size: 16px;
  font-family: HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
  line-height: 24px;
  color: #595757;
  text-align: center;
}

#no-invitation section { min-height:365px;margin-top:67px; }
#no-invitation section h1 { margin:0 0 29px 0;font-size:18px;color:#595757;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal; }
#no-invitation section p { font-size:14px;line-height:24px;color:#595757;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal; }

#already-invited section { min-height:317px;margin-top:67px; }
#already-invited section p { font-size:16px;line-height:24px;color:#595757;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal; }

#invite-limit section { min-height:317px;margin-top:67px; }
#invite-limit section p { font-size:16px;line-height:24px;color:#595757;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal; }

#invalid-access section { min-height:317px;margin-top:67px; }
#invalid-access section p { font-size:16px;line-height:24px;color:#595757;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal; }

/*** GLOBAL HEADLINE ***/
#global_headline { display:block;width:288px;height:48px;background:url(../images/common/tooltip_headline.png) no-repeat -864px 0;text-indent:-9999px; }

/*** MAIN SECTION ***/
section#main { float:left;margin-bottom:40px; }
section#main .more a { display:block;width:720px;height:96px;background:url(../images/sprites/buttons_more_720.png) no-repeat 0 0;text-indent:-9999px; }
section#main .more a:hover { background-position:0px -96px; }

/*** DATA-HEADER ***/
#data-header { position:relative;width:auto;height:80px;margin:0;background-color:#F5F6F6; }
#data-header h1 { color:#727171;margin-bottom:4px; }
#data-header span { color:#727171; }
#data-header p.annotation { color:#727171; }
#time-specification { width:312px;padding:12px;float:left; }
#time-specification select { font-size:16px; }
#time-specification input { padding:0;border:0;width:48px;height:24px;background:url("../images/common/bt_4824_01.png") no-repeat -48px 0;text-indent:-9999px;cursor:pointer; }
#time-specification input:hover { background-position:-48px -24px; }
#sales-data { width:384px;padding-top:12px ;float:left; }
#sales-data h2 { color:#727171;font-size:12px;line-height:14px; }
#sales-data dl dt,#sales-data dd { display:inline;color:#727171;font-size:12px;line-height:12px; }
#sales-data dl span { font-family:HelveticaNeue,Helvetica,Arial,sans-serif;line-height:12px; }
#csv-export { position:absolute;right:0;top:0; }
#csv-export a { display:block;width:192px;height:40px;background:url(../images/sprites/export_button.png) no-repeat 0 0;text-indent:-9999px; }
#csv-export a:hover { background-position:0px -40px; }
#pdf-export { position:absolute;right:0;top:0; }
#pdf-export a { display:block;width:192px;height:40px;background:url(../images/sprites/export_button.png) no-repeat -192px 0;text-indent:-9999px; }
#pdf-export a:hover { background-position:-192px -40px; }

/*** SETTING-BUTTONS ***/
#setting-buttons-edit { display:block;width:32px;height:32px;background:url(../images/common/bt_3232_01.png) no-repeat 0 0;text-indent:-9999px; }
#setting-buttons-edit:hover { background-position: 0 -32px; }
#setting-buttons-setting { display:block;width:33px;height:17px;background:url(../images/sprites/buttons_bcckbox.png) no-repeat -33px 0;text-indent:-9999px; }
#setting-buttons-setting:hover { background-position: -33px -17px; }
#setting-buttons-open { display:block;width:33px;height:17px;background:url(../images/sprites/buttons_bcckbox.png) no-repeat -66px 0;text-indent:-9999px; }
#setting-buttons-open:hover { background-position: -66px -17px; }
#setting-buttons-close { display:block;width:33px;height:17px;background:url(../images/sprites/buttons_bcckbox.png) no-repeat -99px 0;text-indent:-9999px; }
#setting-buttons-close:hover { background-position: -99px -17px; }
#setting-buttons-detail { display:block;width:33px;height:17px;background:url(../images/sprites/buttons_bcckbox.png) no-repeat -132px 0;text-indent:-9999px; }
#setting-buttons-detail:hover { background-position: -132px -17px; }
#setting-buttons-copy { display:block;width:33px;height:17px;background:url(../images/sprites/buttons_bcckbox.png) no-repeat -165px 0;text-indent:-9999px; }
#setting-buttons-copy:hover { background-position: -165px -17px; }
#setting-buttons-delete { display:block;width:32px;height:32px;background:url(../images/common/bt_3232_01.png) no-repeat -160px -64px;text-indent:-9999px; }
#setting-buttons-delete:hover { background-position: -160px -96px; }
#setting-buttons-invite { display:block;width:33px;height:17px;background:url(../images/sprites/buttons_bcckbox.png) no-repeat -231px 0;text-indent:-9999px; }
#setting-buttons-invite:hover { background-position: -231px -17px; }

.adress-edit { float:left;margin-top:5px; }
.adress-delete { margin-left:34px;margin-top:5px; }
.card-delete {  margin-left:234px;margin-top:29px; }
.search-address { width:86px !important;height:23px;border:none;background:url("/global/images/sprites/search_button_text.png") no-repeat 0 0;text-indent:-9999px;cursor:pointer; }
.search-address:hover { background-position:0 -23px; }

/*** SIDE-NAV ***/
#side-nav { float:left;width:192px; }
#side-nav li a,#side-nav li.current {
  box-sizing: border-box;
  display:block;
  width:192px;
  height:40px;
  font-size: 14px;
  line-height: 40px;
  padding: 0 6px;
}
#side-nav li a {
  color: #f5f5f5;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
#side-nav li.current {
  color: #f08c00;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.25);
}
#side-nav li a:hover {
  color: #f08300;
}
#side-nav li:nth-child(odd) {
  background: linear-gradient(left, #999, #d7d7d7);
  background: -webkit-linear-gradient(left, #999, #d7d7d7);
}
#side-nav li:nth-child(even) {
  background: linear-gradient(left, #bebebe, #e7e7e7);
  background: -webkit-linear-gradient(left, #bbb, #e0e0e0);
}

.sidenav-space-list { padding: 0 48px 48px 0; }
.sidenav-space-wide { padding: 0 96px 48px 0; }
.sidenav-space-tanzaku { padding-right:240px; }

.sidenav-tanzaku { float:left;margin:40px 0; }

.list-headline {
width:720px;
height:48px;
background:url("../images/common/bg_header.gif") repeat-x 0 0;
}
.list-headline h1 {
background:url(../images/common/tooltip_headline.png) no-repeat 0 0;
width:288px;
height:48px;
font-size:1px;
text-indent:-9999px;
}
#ttl-buying-history {
background-position:-864px -48px;
}
#ttl-sales-results {
background-position:-864px -96px;
}
#ttl-royality-list {
background-position:0 -144px;
}


/*** DATA-TABLE ***/
table.data-table { border-collapse:collapse;border-spacing:0; }
.data-table th { font-size:10px;color:#1D1B1B;background-color:#DCDDDD;border:1px solid #B5B5B6;padding:0 6px;cursor:pointer; }
.data-table tr { color:#4C4949;background-color:#EEEFEF; }
.data-table tr.odd { background-color:#F5F6F6; }
.data-table th, .data-table td { vertical-align:middle;height:32px; }
.data-table td.detail-button a { display:block;width:32px;height:32px;padding:0;margin:2px auto;background:url(../images/common/bt_3232_01.png) no-repeat -192px -128px;text-indent:-9999px; }
.data-table td.detail-button a:hover { background-position:-192px -160px; }
.data-table td.author,
.data-table td.bcck-type,
.data-table td.customer-type { font-size:12px; }
.unspecified { color:#65AADE; }

/*** BUYING-HISTORY-TABLE ***/
#buying-history-table { width:720px; }
#buying-history-table td.title { font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;font-size:14px;padding:0 4px; }
#buying-history-table td.author { font-size:12px;padding:0 4px; }
#buying-history-table td.bcck-type { font-size:12px;padding:0 4px;text-align:center; }
#buying-history-table td.dl-date,
#buying-history-table td.price,
#buying-history-table td.quantity,
#buying-history-table td.price-total { font-size:10px;padding:0 4px; }
#buying-history-table td.price,
#buying-history-table td.quantity,
#buying-history-table td.price-total { text-align:right; }

/*** SALES-RESULTS-TABLE  ***/
#sales-results-table { width:720px; }
#sales-results-table td.title { font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;font-size:10px;padding:6px 4px; }
#sales-results-table td.author { font-size:10px;padding:6px 4px;max-width:109px; }
#sales-results-table td.bcck-type { font-size:10px;padding:0 4px;text-align:center; }
#sales-results-table td.dl-date,
#sales-results-table td.price,
#sales-results-table td.royalty-ratio,
#sales-results-table td.royalty,
#sales-results-table td.quantity,
#sales-results-table td.royalty-total { font-size:10px;padding:0 4px; }
#sales-results-table td.customer-type { font-size:10px;padding:0 4px; }
#sales-results-table td.price,
#sales-results-table td.royalty-ratio,
#sales-results-table td.royalty,
#sales-results-table td.quantity,
#sales-results-table td.royalty-total { text-align:right; }

/*** ROYALTY-LIST-TABLE  ***/
#royalty-list-table td.title { font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;font-size:14px;padding:6px 4px; }
#royalty-list-table td.author { font-size:12px;padding:6px 4px; }
#royalty-list-table td.quantity,
#royalty-list-table td.royalty-total { font-size:10px;padding:0 4px;text-align:right; }

/*** ROYALTY-DETAIL-TABLE ***/
#royalty-detail-table { width:720px; }
#royalty-detail-table td.title { font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;font-size:10px;padding:6px 4px; }
#royalty-detail-table td.author { font-size:10px;padding:6px 4px; }
#royalty-detail-table td.bcck-type { font-size:10px;padding:0 4px;text-align:center; }
#royalty-detail-table td.dl-date,
#royalty-detail-table td.customer-type,
#royalty-detail-table td.price,
#royalty-detail-table td.royalty-ratio,
#royalty-detail-table td.royalty,
#royalty-detail-table td.quantity,
#royalty-detail-table td.royalty-total { font-size:10px;padding:0 4px; }
#royalty-detail-table td.price,
#royalty-detail-table td.royalty-ratio,
#royalty-detail-table td.royalty,
#royalty-detail-table td.quantity,
#royalty-detail-table td.royalty-total { text-align:right; }

/*** USER CANCELLATION & DOWNGRADE ***/
#request-cancel-dg { min-height:384px; }
#request-cancel-dg h1 { margin:45px 0 0 0;font-size:18px;line-height:24px;text-align:center;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;color:#595757; }
#request-cancel-dg p { margin:0;font-size:14px;line-height:24px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;text-align:center;color:#595757; }
#request-cancel-dg div.form-section { margin:48px 0 48px 0;padding:0;text-align:center; }
#request-cancel-dg label { display:inline-block;text-align:left;font-size:16px;line-height:0.9em;vertical-align:top;color:#595757;cursor:pointer; }
#request-cancel-dg label span { font-size:10px;color:#727171; }
#request-cancel-dg label input { margin:0 0 0 3px;cursor:pointer; }
#request-cancel-dg dl { margin:0 0 0 144px;color:#727171; }
#request-cancel-dg dl dt,
#request-cancel-dg dl dd  { font-size:10px;line-height:1.6em; }
#request-cancel-dg p.note { margin:0 0 48px 144px;text-align:left;font-size:10px;line-height:1.6em;color:#727171;font-family:HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;font-weight:normal; }

#request-cancel-dg-conf { min-height:384px; }
#request-cancel-dg-conf h1 { margin:45px 0 32px 0;font-size:18px;line-height:24px;text-align:center;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;color:#595757; }
#request-cancel-dg-conf p { margin:0;font-size:14px;line-height:24px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;text-align:center;color:#595757; }

#request-cancel-dg-error { min-height:384px; }
#request-cancel-dg-error h1 { margin:45px 0 32px 0;font-size:18px;line-height:24px;text-align:center;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;color:#595757; }
#request-cancel-dg-error p { margin:0 0 0 144px;font-size:14px;line-height:24px;color:#f08200; }

#request-cancel-dg-done { min-height:384px; }
#request-cancel-dg-done h1 { margin:45px 0 32px 0;font-size:18px;line-height:24px;text-align:center;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;color:#595757; }
#request-cancel-dg-done p { margin:0;font-size:14px;line-height:24px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;font-weight:normal;text-align:center;color:#595757; }

/*** DIALOG-CREATE  ***/
div.blockPage ul.navi li { float:left;display:inline-block;}
div.tooltip-content div.form-element { padding: 15px 25px 25px 10px; }
div.tooltip-content div.form-element.bordered { border-top: 2px solid #333; }
div.tooltip-content div.form-element:last { border-bottom: none; }
div.tooltip-content div.form-element div.head { height: 15px; margin-bottom: 15px; }
div.tooltip-content div.form-element div.head h2 { display: inline-block; margin-right: 15px; font-size: 13px; letter-spacing: 2px; }
div.tooltip-content div.form-element span.note { font-size: 12px; color: #999; }
div.tooltip-content div.form-element dl dt { display: inline-block; width: 80px; font-size: 10px; color: #999; vertical-align : top; }
div.tooltip-content div.form-element dl dd { display: inline-block; width: 449px; margin-bottom: 8px; color: #666; }
div.tooltip-content div.form-element dl dd.main { font-family: serif; font-size: 14px; }
div.tooltip-content div.form-element dl dd input[type="text"] { width: 457px; font-size: 15px; }
div.tooltip-content div.form-element dl dd select { margin-right: 10px; font-size: 20px; }
div.tooltip-content div.form-element dl dd textarea { width: 458px; height: 80px; }
div.tooltip-content div.form-element span.caution { color: #F47C00; }

dd.format-device .radio-selector { display:inline-block; }

dd.format-device .radio-selector { display:inline-block; }

dd.format-device .radio-selector a {
  display: inline-block;
  margin: 0 5px;
  font-size: 10px;
  color: #b8b8b8;
}

dd.format-device .radio-selector a.selected {
  color: #f47c00;
}

/*dd.format-device .radio-selector a { display: inline-block; width: 74px; height: 114px; background: url(/global/images/sprites/select_bccksize.png) 0 0 no-repeat; text-indent: -9999px; }*/
dd.format-device .radio-selector a.bunkopodLandscape { width: 74px; background-position: 0 -114px; margin-left: 14px; margin-right: 15px; }
dd.format-device .radio-selector a.bunkopodLandscape.selected/* , .radio-selector a.bunkopodLandscape:hover, .radio-selector a.bunkopodLandscape:active */ { background-position: 0 0;}
dd.format-device .radio-selector a.shinshopodLandscape { width: 79px; background-position: -101px -114px; margin-left: 12px; margin-right: 12px; }
dd.format-device .radio-selector a.shinshopodLandscape.selected/* , .radio-selector a.shinshopodLandscape:hover, .radio-selector a.shinshopodLandscape:active */ { background-position: -101px 0; }
dd.format-device .radio-selector a.inch10podLandscape { width: 103px; background-position: -195px -114px; }
dd.format-device .radio-selector a.inch10podLandscape.selected/* , .radio-selector a.inch10podLandscape:hover, .radio-selector a.inch10podLandscape:active */ { background-position: -195px 0; }
dd.format-device .radio-selector a.a5deformepodLandscape { width: 97px; background-position: -303px -114px; margin-left: 3px; margin-right: 3px; }
dd.format-device .radio-selector a.a5deformepodLandscape.selected/* , .radio-selector a.a5deformepodLandscape:hover, .radio-selector a.a5deformepodLandscape:active */ { background-position: -303px 0; }

dd.format-device .radio-selector a.tofu01podLandscape { background:none;width:auto;height:auto;font-size:12px;text-indent:0;text-decoration:none;color:#9fa0a0 !important; }
dd.format-device .radio-selector a.tofu01podLandscape.selected { text-decoration:none;color:#f08300 !important; }

dd.select-device .radio-selector a { display: inline-block; width: 74px; height: 115px; background: url(/global/images/sprites/select_bccksize.png) 0 0 no-repeat; text-indent: -9999px; }
dd.select-device .radio-selector a.bunkopodLandscape { width: 74px; background-position: 0 -115px; margin-left: 14px; margin-right: 15px; }
dd.select-device .radio-selector a.bunkopodLandscape.selected/* , .radio-selector a.bunkopodLandscape:hover, .radio-selector a.bunkopodLandscape:active */ { background-position: 0 0;}
dd.select-device .radio-selector a.shinshopodLandscape { width: 79px; background-position: -101px -115px; margin-left: 12px; margin-right: 12px; }
dd.select-device .radio-selector a.shinshopodLandscape.selected/* , .radio-selector a.shinshopodLandscape:hover, .radio-selector a.shinshopodLandscape:active */ { background-position: -101px 0; }
dd.select-device .radio-selector a.inch10podLandscape { width: 103px; background-position: -195px -115px; }
dd.select-device .radio-selector a.inch10podLandscape.selected/* , .radio-selector a.inch10podLandscape:hover, .radio-selector a.inch10podLandscape:active */ { background-position: -195px 0; }
dd.select-device .radio-selector a.a5deformepodLandscape { width: 97px; background-position: -303px -115px; margin-left: 3px; margin-right: 3px; }
dd.select-device .radio-selector a.a5deformepodLandscape.selected/* , .radio-selector a.a5deformepodLandscape:hover, .radio-selector a.a5deformepodLandscape:active */ { background-position: -303px 0; }

dd.select-device .radio-selector a.tofu01podLandscape { background:none;width:auto;height:auto;font-size:12px;text-indent:0;text-decoration:none;color:#9fa0a0 !important; }
dd.select-device .radio-selector a.tofu01podLandscape.selected { text-decoration:none;color:#f08300 !important; }

dd.select-device .radio-selector a.postcardpodLandscape { width: 80px; background-position: -409px -115px; margin-left: 42px; margin-right: 15px; margin-bottom: 8px; }
dd.select-device .radio-selector a.postcardpodLandscape.selected, dd.format-device .radio-selector a.postcardLandscape:hover, dd.format-device .radio-selector a.postcardLandscape:active { background-position: -409px 0;}
dd.select-device .radio-selector a.cabinetpodLandscape { width: 92px; background-position: -509px -115px; margin-left: 12px; margin-right: 12px; margin-bottom: 8px; }
dd.select-device .radio-selector a.cabinetpodLandscape.selected, dd.format-device .radio-selector a.cabinetLandscape:hover, dd.format-device .radio-selector a.cabinetLandscape:active { background-position: -509px 0; }
dd.select-device .radio-selector a.octavopodLandscape { width: 108px; background-position: -607px -115px; margin-bottom: 8px; }
dd.select-device .radio-selector a.octavopodLandscape.selected, dd.format-device .radio-selector a.octavoLandscape:hover, dd.format-device .radio-selector a.octavoLandscape:active { background-position: -607px 0; }

/* LOADING-CREATE-BCCK */
div.blockPage div.loading { text-align: center; }
div.blockPage div.loading img { margin: 35px 0; }
div.blockPage div.loading h1 { font-family:serif;font-size:18px;font-weight:normal;color:#666;}
div.blockPage div.loading div.progress { margin-top:20px;color:#999;}

div.editable-entry {
  position: relative;
}

div.editable-entry a.edit-entry {
  opacity: 0.5;
  position: absolute;
  top:0;
  left:0;
  text-align: center;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background-color: #323232;
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#323232), to(#a0a0a0));
  background: -moz-linear-gradient(0% 100% 0deg, #323232, #a0a0a0);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.75) inset,-1px -1px 1px 0px rgba(0,0,0,0.75) inset;
  font-size: 14px;
  line-height: 33px;
  color: #fff;
}

div.editable-entry a.edit-entry:hover {
  opacity: 1;
  color: #F08300;
  text-decoration: none;
}

/*** DIALOG-DRM-EPUB-CREATE ***/
#create-drm-epub { position:relative;width:100%;height:480px; }
#create-drm-epub ul.tooltip-nav-new { width:100%;background:#B5B6B6 url("/global/images/common/bg_header.gif") repeat-x; }
#create-drm-epub ul.tooltip-nav-new li { float:right; }
#create-drm-epub ul.tooltip-nav-new li a.tooltip-close,
#create-drm-epub ul.tooltip-nav-new li a#tooltip-close { background:url("/global/images/common/bt_tanzaku_03.png") no-repeat 0 -192px; }
#create-drm-epub ul.tooltip-nav-new li a.tooltip-close:hover,
#create-drm-epub ul.tooltip-nav-new li a#tooltip-close:hover { background-position: 0 -240px; }
#create-drm-epub h1 { margin-top:60px;font-size:18px;line-height:24px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;color:#727171; }

/*** DIALOG-CREATE-MARKDOWNIMPORT ***/
#markdown-import section { min-height:368px; }
#markdown-import section input#markdown-file-select { padding-top:48px; }


/***
BCCKSHELF STORESHELF
本棚と書店の消去が同じになっており、
現状は書店でしか使われていないので、
.tooltip-shelf-detailを
.tooltip-store-detailとして
store_settingに書いてある
 ***/
.tooltip-shelf-detail {
  text-align: center;
}
.tooltip-shelf-detail figure {
  margin: 0 auto;
  width: 120px;
  height: 120px;
  line-height: 120px;
  vertical-align: middle;
  text-align: center;
}
.tooltip-shelf-detail figure img {
  max-width: 120px;
  max-height: 120px;
}

.tooltip-shelf-detail .tooltip-shelf-title { font-size:123.1%;margin:16px 0 4px 0; }
.tooltip-shelf-detail .tooltip-shelf-title a { color:#333 !important; }

#smartphone-header,#smartphone-footer {
display:none;
}

/*** PAGER ***/
.pager-box {
background:url("../images/common/bg_header.gif") repeat-x 0 0;
height:48px;
text-align:center;
}
#pager {
display:inline-block;
height:20px;
padding:14px 0;
}
#pager a {
font-size:11px;
font-weight:bold;
padding-top:4px;
color:#E6E6E7;
text-shadow: 1px 1px 2px #9fa0a0;
}
#pager a:hover {
text-decoration:none;
color:#F08200;
}
#pager a.current {
color:#FFF;
}
#pager a,#pager span {
margin:0 4px;
display:block;
float:left;
}
#pager .prev {
width:10px;
height:20px;
background:url(../images/common/pager.png) no-repeat 0 0;
font-size:1px;
text-indent:-9999px;
}
#pager .prev:hover {
background-position:-22px 0;
}
#pager .inactivePrev {
width:10px;
height:20px;
background:url(../images/common/pager.png) no-repeat -44px 0;
font-size:1px;
text-indent:-9999px;
}
#pager .next {
width:12px;
height:20px;
background:url(../images/common/pager.png) no-repeat -10px 0;
font-size:1px;
text-indent:-9999px;
}
#pager .next:hover {
background-position:-32px 0;
}
#pager .inactiveNext {
width:12px;
height:20px;
background:url(../images/common/pager.png) no-repeat -54px 0;
font-size:1px;
text-indent:-9999px;
}

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

body { text-size-adjust:100%;-webkit-text-size-adjust:100%; }
#sidebar { height:auto !important; } /*スマホビューの際に、サイドバーの高さをautoにする*/
.tooltip-box section { min-height:288px; }


}

/*** dialog common parts ***/
/* dialog temp */
.dialog {
  width: 576px;
  min-height: 480px;
  background: #f5f6f6;
}
.dialog__header, .dialog__footer {
  height: 48px;
  background: #b5b5b6;
  -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15) inset;
  overflow: hidden;
  *zoom: 1;
}
.dialog__body {
  min-height: 384px;
  color: #727171;
  text-align: center;
  padding: 40px;
}
.dialog__header-title {
  float: left;
  width: 288px;
  font-family: HiraKakuProN-W6, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: bold;
  font-size: 10px !important;
  color: #727171 !important;
  line-height: 1.2 !important;
  padding: 1em;
}
.dialog__header-title::first-line {
  font-size: 14px;
}
.dialog__button {
  display: block;
  float: right;
  width: 120px;
  height: 48px;
  margin: 0;
  text-align: center;
  font-family: HiraKakuProN-W6, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.2;
  padding: 1em 0;
  color: #f5f6f6 !important;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.dialog__button::first-line {
  font-size: 13px;
}
.dialog__button:hover {
  color: #f47300 !important;
  text-decoration: none !important;
}
.dialog__body-title {
  font-family: HiraMinProN-W3, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W3", "ＭＳ 明朝", serif;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 40px;
}
.dialog__body-text {
  font-family: HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: normal;
  font-size: 14px;
  margin: 20px;
}
.dialog__mini-button {
  display: inline-block;
  margin: 4px;
  width: auto;
  height: 24px;
  background: #b5b5b6;
  border-radius: 4px;
  border: none;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 1;
  padding: 5px 10px;
  cursor: pointer;
}
.dialog__mini-button:hover {
  color: #f08300;
}
.dialog__label {
  font-family: HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
}

.mybook-filter {
  height: 48px;
  background: #B5B6B6 url(/global/images/common/bg_header.gif) repeat-x;
  border-left: 1px solid #a1a1a1;
}

.mybook-filter h1 {
  font-size: 10px;
  line-height: 14px;
  padding: 10px 0 10px 12px;
  float: left;
  width: 96px;
  color: #727172;
  visibility: hidden;
}
.mybook-filter h1:first-line {
  font-size: 14px;
}
.mybook-filter select {
  float: right;
  margin: 12px 38px 0 0;
  height: 22px;
}