/*** FONT FAMILY ***/
.gothic { font-family:HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif; }
.mincho { font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif; }

/*** 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; }
.orange { color:#F08300 !important; }
.yellow { color:#FDD000 !important; }

.tooltip-orange { background:#ff9600; }
.tooltip-dark { background: #4d4948; }
.tooltip-offwhite    { background:none;color:#4C4949; }
.tooltip-offwhite h1 { color:#4C4949;font-weight:bold;font-size:116%; }
.tooltip-offwhite h2,
.tooltip-offwhite h3,
.tooltip-offwhite p       { color:#4C4949;font-size:93%;line-height:1.4em;word-break:break-all; }
.tooltip-offwhite label   { color:#666;font-size:93%;line-height:1em; }
.tooltip-offwhite a       { color:#4C4949;text-decoration:none; }
.tooltip-offwhite a:hover { text-decoration:underline; }
.tooltip-white  { background:#ffffff;color:#333; }
.tooltip-white h1 { font-weight: normal; color:#333;font:bold 116% sans-serif;margin:0 0 1em 0; }
.tooltip-white h2,
.tooltip-white h3,
.tooltip-white p { font-weight: normal; color:#333;font:normal 93% sans-serif;line-height:1.4em;margin:0 0 .5em 0; }
.tooltip-white label { color:#666;font:normal 93% sans-serif;line-height:1em; }
.tooltip-white a { color:#333;text-decoration:none; }
.tooltip-white a:hover { text-decoration:underline; }
.tooltip-box { 
    position:relative;z-index:4;
    margin:0 auto;background:#fff;width:288px;min-height:600px;text-align:left;padding-bottom:64px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
}
.tooltip-box section { padding:10px; }
.tooltip-box input { width:260px;font-size:108%;padding:2px; }
.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 { background:url("/global/images/common/bg_header.gif") repeat-x 0 0;height:48px; }
.tooltip-nav li { 
    float:left;display:block;width:144px;height:48px;
} 
.tooltip-nav li a                        { float:left;display:block;width:144px;height:48px;background:url("/global/images/common/bt_tanzaku.png") no-repeat 0 0;text-indent:-9999px; }
.tooltip-nav li a#tooltip-commit         { background-position:   0      0;   }
.tooltip-nav li a#tooltip-commit:hover   { background-position:   0    -48px; }
.tooltip-nav li a#tooltip-login          { background-position:-720px  -96px; }
.tooltip-nav li a#tooltip-login:hover    { background-position:-720px -144px; }
.tooltip-nav li a#tooltip-back           { background-position:-288px    0;   }
.tooltip-nav li a#tooltip-back:hover     { background-position:-288px  -48px; }
.tooltip-nav li a#tooltip-cancel         { background-position:-432px    0;   }
.tooltip-nav li a#tooltip-cancel:hover   { background-position:-432px  -48px; }
.tooltip-nav li a#tooltip-gotocart       { background-position:-288px -144px; }
.tooltip-nav li a#tooltip-gotocart:hover { background-position:-288px -192px; }

.tooltip-content { padding:10px; }
.tooltip-content .tooltip-bcck-detail { text-align:center;padding:8px 0; }
.tooltip-content .tooltip-bcck-description { text-align:left;margin:24px 0; }
.tooltip-content .tooltip-bcck-permalink { margin-top:6px; }
.tooltip-content .tooltip-bcck-title { font-weight: normal; font-size:123.1%;margin:16px 0 4px 0; }
.tooltip-content .tooltip-bcck-author { font-weight: normal;font-size:108%;margin-bottom:4px; }
.tooltip-content .tooltip-bcck-reviews, .tooltip-content .tooltip-bcck-recommends { text-align:right;font-size:138.5%;margin-bottom:8px; }
.tooltip-content .tooltip-bcck-reviews h1, .tooltip-content .tooltip-bcck-recommends h1 { font-size:108%;margin-bottom:0; }
.tooltip-content .tooltip-bcck-rating{ margin-top:4px;color:#fff; }
.tooltip-content .tooltip-num { color:#4c4949;font-size:138.5%; }
.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: 12px;
    height: auto;
    min-height: 53px;
    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:url("/global/images/common/rating_on_review.png")no-repeat -301px 0px;
}
.tooltip-content .tooltip-review .tooltip-bcck-status {
    margin-top: 10px;
    height: 68px;
}
.tooltip-content .tooltip-review .tooltip-bcck-status h1 {
    font-weight: normal; 
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 4px;
}
.tooltip-content .tooltip-review .tooltip-bcck-status li {
    float: left;
    font-size: 32px;
    margin-right: 10px;
}
.tooltip-content .tooltip-review .tooltip-bcck-status li a {
    font-size: 32px;
    color: #d3d3d4;
}
.tooltip-content .tooltip-review .tooltip-bcck-status li a:hover,
.tooltip-content .tooltip-review .tooltip-bcck-status li a:active {
    color: #ff8900;
    text-decoration: none;
}
.tooltip-content .tooltip-review .tooltip-bcck-status li a.selected {
    color: #ff8900;
}
.tooltip-content a:link { color:#333; }
.tooltip-content a:hover   { color:#333;text-decoration:underline; }
.tooltip-content a:visited { color:#333; }
.tooltip-content a:active  { color:#333;text-decoration:underline; }
.tooltip-bcck-permalink {
  position: relative;
}

.tooltip-content #tooltip-bcck-permalink-box-open {
  font-size: 10px;
  font-weight: normal;
  text-align: right;
}
.tooltip-bcck-permalink a:link,
.tooltip-bcck-permalink a:active,
.tooltip-bcck-permalink a:hover,
.tooltip-bcck-permalink a:visited {
  color: #727172;
}
.tooltip-bcck-permalink-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 268px;
  height: 15px;
  padding: 15px 0;
  background-color: #c9c9ca;
}
.tooltip-content .tooltip-bcck-permalink-box a {
  color: #727172;
  font-size: 10px;
  font-weight: normal;
  text-align: right;
  position: absolute;
  top: 2px;
  right: 5px;
  color: #73707e;
}

.tooltip-content .tooltip-bcck-permalink-box a:active {
  color: #727172;
}

.tooltip-bcck-permalink-box input {
  margin: 0 5px;
  width: 258px;
  height: 15px;
  padding: 2px;
  font-size: 12px;
  background-color: #e3e3e4;
}

.tooltip-bcck-notlogin {
  height: 544px;
}

.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-social {
  padding-left:10px !important;
  margin:0 auto;
}

.tooltip-bcck-togglebox { margin:0 0 16px 0; }
.tooltip-bcck-togglebox h1,
.tooltip-bcck-togglebox a { display:block;font-size:93%;color:#666;text-align:right;cursor:pointer; }
.tooltip-bcck-togglebox-box { background:#ccc;padding:2px; }
.tooltip-bcck-togglebox-input { width:270px;font-size:93%;font-family:monospace; }

div#bcck-buybtns { width:275px;margin:13px 4px 9px 9px; }
div#bcck-buybtns form#cart-add-screen,
div#bcck-buybtns form#cart-add-paper,
div#bcck-buybtns form#cart-add-both { height:24px;margin:1px 0; }
div#bcck-buybtns div { float:left;width:243px;height:24px;margin:0;padding:0;border:none;outline:0;font-size:100%;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; }
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; }

.tooltip-content div.tooltip-bcck-detail h1.tooltip-bcck-title,
.tooltip-content div.tooltip-bcck-detail h2.tooltip-bcck-author,
.tooltip-content div.tooltip-bcck-detail p,
.tooltip-content .tooltip-bcck-togglebox h1.tooltip-bcck-togglebox-open,
.tooltip-content .tooltip-bcck-togglebox h1.tooltip-bcck-togglebox-close,
.tooltip-content .tooltip-bcck-reviews h1,
.tooltip-content .tooltip-bcck-reviews span,
.tooltip-content .tooltip-bcck-recommends h1,
.tooltip-content .tooltip-bcck-recommends span
{ font-weight:normal;font-family:HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;word-break:break-all; }

.tooltip-content div.tooltip-bcck-reviews a#tooltip-read-review,
.tooltip-content div.tooltip-bcck-reviews a#tooltip-close-review { color:#F08300;font-size:100%;font-weight:normal;font-family:HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif; }

/*** 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 ***/
.centerizer { text-align:center; }
.clearer { clear:both; }


/*** NEWDESIGN （スタイルの場所暫定） ***/
.tooltip-nav-new {
background:url("/global/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-new li a { float:left;display:block;width:144px;height:48px;background:url("/global/images/common/bt_tanzaku.png") no-repeat 0 0;text-indent:-9999px; }
.tooltip-nav-new li a.tooltip-submit { background-position:0 0; }
.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-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; }