@charset "UTF-8";

/*
移行過渡期のレガシー指定引き継ぎ用スタイル
クラス指定してあるもののみ入れ、汎用指定は入れないこと
*/

/*** 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:10px;    }
.fs11 { font-size:11px;    }
.fs12 { font-size:12px;    }
.fs13 { font-size:13px;   }
.fs14 { font-size:14px;   }
.fs15 { font-size:15px;   }
.fs16 { font-size:16px; }
.fs17 { font-size:17px;   }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px;   }
.fs23 { font-size:23px;   }
.fs24 { font-size:24px;   }
.fs25 { font-size:25px;   }
.fs26 { font-size:26px;   }
.fs27 { font-size:27px;   }
.fs28 { font-size:28px;   }

/*** 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; }

/*** 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:15px;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:12px;line-height:1.4em;margin:0 0 .5em 0; }
div.tooltip-offwhite label   { color:#595757;font-size:12px;line-height:1em; }
div.tooltip-offwhite a       { color:#4C4949;text-decoration:none;transition: linear 0s; }
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:15px;margin:0 0 1em 0; }
div.tooltip-white h2,
div.tooltip-white h3,
div.tooltip-white p       { color:#333;font-size:12px;line-height:1.4em;margin:0 0 .5em 0; }
div.tooltip-white label   { color:#666;font-size:12px;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:14px;padding:2px; }
.tooltip-box input[type="checkbox"],
.tooltip-box input[type="radio"] { width:auto; }
.tooltip-box textarea            { width:260px;height:4em;font-size:13px;padding:2px; }
.tooltip-box select              { width:260px;font-size:13px;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;transition: linear 0s; }
.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;transition: linear 0s; }
.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; }

/*** RECCOMEND BCCK BALLOON ***/
#recommends-bcck {
  padding: 0 0 24px 0;
}
#recommends-bcck h1 {
  margin: 28px 0 0 0;
  font-size: 18px;
  font-family: "HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-weight: normal;
  color: #595757;
  text-align: center;
}
#recommends-bcck > h2 {
  margin: 24px 0 0 0;
  font-size: 14px;
  color: #727171;
  text-align: center;
}
ul.bcck-grids-recommends {
  margin-left: 0px;
  width: 576px;
  height: 268px;
  font-size: 0;
  text-align: center;
}
ul.bcck-grids-recommends > li {
  position: relative;
  display: inline-block;
  width: 144px;
  height: auto;
  text-align: center;
  vertical-align: top;
}
ul.bcck-grids-recommends > li a {
  line-height: 192px;
}
ul.bcck-grids-recommends > li a img {
  max-width: 140px;
  max-height: 165px;
  vertical-align: middle;
  box-shadow: 4px 4px 8px #BBB;
  -webkit-box-shadow: 4px 4px 8px #BBB;
  -moz-box-shadow: 4px 4px 8px #BBB;
}
ul.bcck-grids-recommends > 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-recommends > li a img.tn-tofu01Landscape     { /*width:40px;*/  height:70px; }
ul.bcck-grids-recommends > li a img.tn-bunkoLandscape     { /*width:79px;*/  height:112px; }
ul.bcck-grids-recommends > li a img.tn-shinshoLandscape   { /*width:84px;*/  height:136px; }
ul.bcck-grids-recommends > li a img.tn-inch10Landscape    { /*width:112px;*/ height:146px; }
ul.bcck-grids-recommends > li a img.tn-a5deformeLandscape { /*width:105px;*/ height:165px; }
ul.bcck-grids-recommends > li a img.tn-postcardLandscape  { width:100px;  /*height:71px;*/ }
ul.bcck-grids-recommends > li a img.tn-cabinetLandscape   { width:120px;  /*height:86px;*/ }
ul.bcck-grids-recommends > li a img.tn-octavoLandscape    { width:140px; /*height:100px;*/ }

ul.bcck-grids-recommends .bcck-data {
  width: 120px;
  text-align: left;
  margin: 0 auto;
  color: #9fa0a0;
}

ul.bcck-grids-recommends .bcck-data h2.bcck-title {
  font-size: 12px;
  margin: 0 0 2px 0;
  color: #727171;
  text-align: center;
}

ul.bcck-grids-recommends .bcck-data h2.bcck-title a {
  display: inline-block;
  width: auto;
  width: 100%;
  max-height: 16px;
  font-size: 93%;
  font-family: "HiraMinPro-W6","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-weight: bold;
  line-height: 16px;
  color: #727171;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
}
ul.bcck-grids-recommends .bcck-data h2.bcck-title a:hover {
  text-decoration: underline;
}

ul.bcck-grids-recommends .bcck-data p {
  font-size: 10px;
  line-height: 1.3em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

ul.bcck-grids-recommends .bcck-data p span.bcck-price {
  font-size: 12px;
  line-height: 16px;
  font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;
  font-weight: bold;

}