/* Theme Name: Qusamura Original style Theme URI: http://knight-dl.jp Description: A original theme to Qusamura. Author: Sachi Hisaho Author URI: http://knight-dl.jp Version: 2 New Color(Base) : #e6f2df; New Color(Dark) : #797e5c; New Color(DarkB) : #aab7a2; */ /* Initial -------------------------------------------------------------------------------*/ @import url("https://use.typekit.net/vnd5mvd.css"); * {word-break:break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none;} html{margin:0; padding:0; overflow-y: scroll;} body{background:#e6f2df; margin:0; padding:0; font:12px/21px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#555; text-align:center;} body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; font-weight:normal; background: transparent; } article,section,nav,header,footer,hgroup,time{display:block;} ul{list-style: none;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} abbr[title], dfn[title]{border-bottom: 1px dotted #000; cursor: help;} table{border-collapse: collapse; border-spacing: 0;} hr{display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} img{vertical-align:bottom;} a,a:link,a:visited{color: #797e5c; outline:none; text-decoration:none;} a:hover,a:active{color: #aab7a2; outline:none; text-decoration:none;} .f-small{font-size:0.82em;} .f-large{font-size:1.25em;} .f-strong{font-weight:bold;} strong{font-weight:bold;} sub, sup{font-size: 75%; line-height: 0; position: relative;} sup{top: -0.5em;} sub{bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;} .clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover */ .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } ::selection{background:#c7dbbb; color:#111;} ::-moz-selection {background:#c7dbbb; color:#111;} /* BASE-COLOR #e6f2df */ /* PAGE: COMMON -------------------------------------------------------------------------------*/ div.wrap{width:950px; text-align:left; margin:30px auto 10px;} div.contentBody{position:relative; clear:both; width:950px; overflow:hidden; zoom:1; opacity:1;} .fadeNav a,.fadeNav a:link,.fadeNav a:visited,.fadeNav a:hover,.fadeNav a:active{color:#000; text-decoration:none;} .divLinkbox{cursor:pointer;} .divLinkbox p.none{display:none; overflow:hidden;} .btn-pageTop{clear:both; text-align:right; padding-bottom:1em; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:12px;} .btn-pageTop a{background:url(img/common/arrow_up.gif) no-repeat 0 3px; padding-left:15px;} .btn-pageTop a:hover{text-decoration:none;} .navigation{position:relative; width:100%; overflow:hidden;} .navigation .next-posts{float:right; margin-right:5px;} .navigation .prev-posts{float:left; margin-left:5px;} .navigation .next-posts a{background:url(img/btn_next_off.gif) no-repeat top right; height:45px; width:45px; overflow:hidden; display:block; text-indent:-9999px;} .navigation .next-posts a:hover{background:url(img/btn_next_on.gif) no-repeat top right;} .navigation .prev-posts a{background:url(img/page_prev_off.gif) no-repeat top left; height:45px; width:45px; overflow:hidden; display:block; text-indent:-9999px;} .navigation .prev-posts a:hover{background:url(img/page_prev_on.gif) no-repeat top left;} /* PAGE: HEADER -------------------------------------------------------------------------------*/ header#global-header{clear:both; position:relative; width:950px; height:90px; margin:0 0 10px; border-bottom:1px solid #FFF;} header#global-header h1{position:absolute; top:0; left:10px; width:175px; height:75px;} header#global-header h1 a{background:url(img/header/logo.png) no-repeat; width:175px; height:75px; text-indent:-9999px; display:block; overflow:hidden;} header#global-header #snsBlock{position:absolute; bottom:15px; right:0;} header#global-header #snsBlock ul{position:relative; width:100%; overflow:hidden;} header#global-header #snsBlock li{position:relative; float:left; width:30px; height:30px;} header#global-header #snsBlock li + li{margin-left:10px;} header#global-header #snsBlock li a{width:30px; height:30px; overflow:hidden;} header#global-header #snsBlock #btn-facebook{} header#global-header #snsBlock #btn-twitter{} /* PAGE: GLOBAL-NAVIGATION -------------------------------------------------------------------------------*/ nav#global-nav{clear:both; position:relative; width:950px; height:28px; overflow:hidden; margin-bottom:35px;} nav#global-nav ul{overflow:hidden; zoom:1;} nav#global-nav li{float:left; background:url(img/header/dotline_nav.gif) repeat-y left; width:104px; padding:0 0 0 1px; height:28px; overflow:hidden;} nav#global-nav li.blankbox{background:none; width:105px; padding:0;} nav#global-nav li a { background-repeat:no-repeat; /*background-image:url(img/header/globalnav.gif);*/ width:96px; height:20px; overflow:hidden; /*text-indent:-9999px;*/ display:block; font-size: 14px; padding: 4px 0 4px 8px; } nav#global-nav li.l0 a{background-position:-1px 0;} nav#global-nav li.l1 a{background-position:-106px 0;} nav#global-nav li.l2 a{background-position:-211px 0;} nav#global-nav li.l3 a{background-position:-316px 0;} nav#global-nav li.l4 a{background-position:-421px 0;} nav#global-nav li.l5 a{background-position:-526px 0;} nav#global-nav li.l6 a{background-position:-631px 0;} nav#global-nav li.l7 a{background-position:-736px 0;} nav#global-nav li.l8 a{background-position:-841px 0;} nav#global-nav li.l0 a.hovered{background-position:-1px -28px;} nav#global-nav li.l1 a.hovered{background-position:-106px -28px;} nav#global-nav li.l2 a.hovered{background-position:-211px -28px;} nav#global-nav li.l3 a.hovered{background-position:-316px -28px;} nav#global-nav li.l4 a.hovered{background-position:-421px -28px;} nav#global-nav li.l5 a.hovered{background-position:-526px -28px;} nav#global-nav li.l6 a.hovered{background-position:-631px -28px;} nav#global-nav li.l7 a.hovered{background-position:-736px -28px;} nav#global-nav li.l8 a.hovered{background-position:-841px -28px;} /* PAGE: ITEM-NAVIGATION -------------------------------------------------------------------------------*/ #item-nav{position:relative; clear:both; z-index:100;} #item-nav > ul.ul-parent{position:relative; height:28px; width:736px; background-color:#e6f2df;} #item-nav > ul.ul-parent li{position:relative; float:left; background:url(img/header/dotline_nav.gif) repeat-y left; width:104px; padding:0 0 0 1px; height:28px;} #item-nav > ul.ul-parent li > a{background-repeat:no-repeat; background-image:url(img/header/itemnav.gif); width:104px; height:28px; overflow:hidden; text-indent:-9999px; display:block;} #item-nav > ul.ul-parent li.l0 > a{background-position:-1px 0;} #item-nav > ul.ul-parent li.l1 > a{background-position:-106px 0;} #item-nav > ul.ul-parent li.l2 > a{background-position:-211px 0;} #item-nav > ul.ul-parent li.l3 > a{background-position:-316px 0;} #item-nav > ul.ul-parent li.l4 > a{background-position:-421px 0;} #item-nav > ul.ul-parent li.l5 > a{background-position:-526px 0;} #item-nav > ul.ul-parent li.l6 > a{background-position:-631px 0;} #item-nav > ul.ul-parent li.l0 > a.hovered{background-position:-1px -28px;} #item-nav > ul.ul-parent li.l1 > a.hovered{background-position:-106px -28px;} #item-nav > ul.ul-parent li.l2 > a.hovered{background-position:-211px -28px;} #item-nav > ul.ul-parent li.l3 > a.hovered{background-position:-316px -28px;} #item-nav > ul.ul-parent li.l4 > a.hovered{background-position:-421px -28px;} #item-nav > ul.ul-parent li.l5 > a.hovered{background-position:-526px -28px;} #item-nav > ul.ul-parent li.l6 > a.hovered{background-position:-631px -28px;} #item-nav > ul.ul-parent li > ul.inner{position:absolute; top:28px; left:0; height:auto; padding:0 0 5px; display:none; border-top:1px dotted #c5d1be;} #item-nav > ul.ul-parent li > ul.inner > li{float:none; background:none; width:114px; height:auto; background:#edf5e9; border:1px dotted #c5d1be; border-top:none;} #item-nav > ul.ul-parent li > ul.inner > li a{background:none; text-indent:0; width:94px; letter-spacing:0.1em; padding:5px 5px 5px 15px; height:auto; display:block; white-space:nowrap;} /*見所｜サブメニュー調整*/ #item-nav > ul.ul-parent li.l1 > ul.inner{width:232px; overflow:hidden; zoom:1; padding-left:1px;} #item-nav > ul.ul-parent li.l1 > ul.inner > li{position:relative; float:left; margin-left:-1px;} #item-nav > ul.ul-parent li.l1 > ul.inner > li a{} /*価格｜サブメニュー調整*/ #item-nav > ul.ul-parent li.l3 > ul.inner > li{width:166px} #item-nav > ul.ul-parent li.l3 > ul.inner > li a{width:144px;} #form-cartBtn{position:absolute; top:0; right:0; width:110px; height:28px; margin:0; padding:0; overflow:hidden; display:block;} #btn-seeCart{position:absolute; top:0; left:0; width:110px; height:28px; background:url(img/btn-cart.gif) no-repeat 0 0; margin:0; padding:0; border:none; overflow:hidden; display:block;} /* PAGE: FOOTER -------------------------------------------------------------------------------*/ footer#global-footer{clear:both; margin:30px auto 0; padding:18px 0; border-top:1px solid #cbd7c4; overflow:hidden; zoom:1; opacity:1;} footer#global-footer #footer-nav{float:left; width:55%;} footer#global-footer #footer-nav ul{overflow:hidden; zoom:1; line-height:16px;} footer#global-footer #footer-nav li{float:left; border-left:1px dotted #b3c2a2; padding:2px 15px 2px 8px; letter-spacing:0.15em; font-size:11px;} footer#global-footer .copyright{float:right; width:45%; text-align:right; font-size:11px; color:#8d9b85; letter-spacing:0.1em;} /* PAGE: HOME- OPENING -------------------------------------------------------------------------------*/ #opng{position:fixed; background:#e6f2df; z-index:480;} #opng #first-logo{position:fixed; top:0; width:970px; height:131px; overflow:hidden; display:none; z-index:500; background:url(img/top/hd_top_bg.gif) no-repeat 0 0; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;} #opng #first-logo a{position:absolute; width:970px; height:131px; display:block;} #opng #first-logo a img{position:absolute; top:0; left:0; width:970px; height:131px;} #opng #first-logo a .defIMG{} #opng #first-logo a .hoverIMG{filter: alpha(opacity=0); -moz-opacity:0; opacity:0;} #opng #first-img{position:fixed; z-index:490;} /* PAGE: HOME -------------------------------------------------------------------------------*/ div.contentBody#page-home{padding-top:20px; padding-bottom:30px;} div#homeimgs{position:relative; z-index:10;} div#homeimgs #visual{width:950px; height:490px; overflow:hidden;} div#homeimgs #visual li{float:left; background-color:#FFF; width:190px; height:490px; overflow:hidden;} /* PAGE: ARCHIVE -------------------------------------------------------------------------------*/ div.contentBody#page-archive{padding-top:20px; padding-bottom:30px;} div.contentBody#page-archive header{display:none;} ul.item-list{overflow:hidden; margin:0 0 0 -25px;} ul.item-list li{position:relative; float:left; width:130px; height:195px; padding:20px; margin:0 0 25px 25px; background:#FFF;} ul.item-list li a{margin:0; padding:0;} /*ul.item-list li img{width:100%;}*/ ul.item-list li .itemThumb{width:130px;} ul.item-list li h3{display:none; position:absolute; top:20px; left:0; width:146px; padding:0 12px; text-align:center; color:#222; letter-spacing:0; font-size:11px; line-height:17px;} ul.item-list li div.mkBox{position:absolute; top:20px; left:20px; width:130px; height:195px; background:#FFF; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} ul.item-list-all{overflow:hidden; margin:0 0 0 -13px;} ul.item-list-all li{float:left; width:70px; height:105px; padding:12px; margin:0 0 14px 13px; background:#FFF;} ul.item-list-all li a{margin:0; padding:0;} ul.item-list-all li img{width:70px; height:105px;} ul.item-list-all li h3{display:none;} .noItem-archive{clear:both; margin:3em 0 5em 5px; letter-spacing:0.1em;} /* PAGE: ITEM-DETAIL -------------------------------------------------------------------------------*/ div.contentBody#page-item{padding-top:20px; padding-bottom:30px;} div.contentBody#page-item article{position:relative; width:100%; overflow:hidden; zoom:1;} div.contentBody#page-item article img.itemImg{float:left; padding:45px; background:#FFF; width:370px;} div.contentBody#page-item article img.itemImgS{position:absolute; top:45px; left:45px; opacity:0;width:370px;} div.contentBody#page-item article img.itemImgSt{position:absolute; left:479px; bottom:0; top:auto !important; width:63px; height:95px; padding:12px; background:#FFF;} div.contentBody#page-item article .item-detail-outer{position:relative; float:right; width:490px; overflow:hidden; zoom:1;} div.contentBody#page-item article dl.item-detail{width:490px; overflow:hidden; zoom:1;} div.contentBody#page-item article dl.item-detail dt{clear:both; float:left; width:100px; text-align:right; padding:10px 0; margin-bottom:10px; color:#797e5c; letter-spacing:0.8em;} div.contentBody#page-item article dl.item-detail dd{margin-left:115px; border-left:1px solid #FFF; padding:10px 0 10px 20px; margin-bottom:15px; letter-spacing:0.1em;} div.contentBody#page-item article dl.item-detail dd.noline{border-left:none; padding-left:21px; line-height:25px;} div.contentBody#page-item article dl.item-detail dd.noline p{margin:0; padding:0;} div.contentBody#page-item article dl.item-detail dd.sri{letter-spacing:0.2em;} div.contentBody#page-item article dl.item-detail dd h1{font-size:15px; line-height:20px; padding-bottom:8px; letter-spacing:0.3em;} div.contentBody#page-item article dl.item-detail dd p.nm-en{font-size:11px; line-height:15px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:0.2em;} div.contentBody#page-item article ul.btns{position:absolute; right:0; bottom:0; top:auto !important; width:220px; height:33px; z-index:80; overflow:hidden; zoom:1;} div.contentBody#page-item article ul.btns li{float:right; width:100px; height:33px; padding-left:10px;} div.contentBody#page-item article ul.btns li.btn-outoforder{background:url(img/item/b_outoforder.gif) no-repeat 10px 0; text-indent:-9999px; display:block; overflow:hidden;} div.contentBody#page-item article ul.btns li a{width:100px; height:33px; text-indent:-9999px; display:block;} div.contentBody#page-item article ul.btns li.btn-order a{background:url(img/item/btn_order.gif) no-repeat 0 0;} /*div.contentBody#page-item article ul.btns li.btn-sim a{background:url(img/item/btn_sim.gif) no-repeat 0 0;}*/ div.contentBody#page-item article ul.btns li.btn-sim a{background:url(img/item/btn_sold.gif) no-repeat 0 0;} /* PAGE:CONCEPT -------------------------------------------------------------------------------*/ div.contentBody#page-concept{padding-top:20px; padding-bottom:10px;} div.contentBody#page-concept .contentHeader{float:left; width:310px;} div.contentBody#page-concept .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:.5em;} div.contentBody#page-concept .contentHeader ul#slt-lang{padding-top:15px; overflow:hidden; zoom:1;} div.contentBody#page-concept .contentHeader ul#slt-lang li{float:left; color:#444; letter-spacing:0.1em;} div.contentBody#page-concept .contentHeader ul#slt-lang li.lang-jp{padding:0 20px 0 0;} div.contentBody#page-concept .contentHeader ul#slt-lang li.lang-en{padding:0 0 0 22px; border-left:1px dotted #b3c2a2;} div.contentBody#page-concept .contentHeader ul#slt-lang li.select{color:#aab7a2;} div.contentBody#page-concept .semiWidthBox div#concept-jp{} div.contentBody#page-concept .semiWidthBox div#concept-en{} div.contentBody#page-concept .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-concept .semiWidthBox p.concept-text{font-size:115%; line-height:250%; letter-spacing:.1em; padding:0 0 30px; border-bottom:1px solid #cbd7c4;} div.contentBody#page-concept .semiWidthBox div#concept-jp p.concept-text{} div.contentBody#page-concept .semiWidthBox div#concept-en p.concept-text{letter-spacing:.2em; border-bottom:none;} div.contentBody#page-concept .semiWidthBox div#concept-profile{padding:25px 0 20px; overflow:hidden; zoom:1;} div.contentBody#page-concept .semiWidthBox div#concept-profile h2{float:left; font-size:15px; padding:0 0 0 3px; letter-spacing:0.2em; width:100px; text-align:left; color:#797e5c; display:block;} div.contentBody#page-concept .semiWidthBox div#concept-profile dl{margin-left:110px;} div.contentBody#page-concept .semiWidthBox div#concept-profile dt{font-size:15px; letter-spacing:0.1em; margin:0 0 15px;} div.contentBody#page-concept .semiWidthBox div#concept-profile dt span{font-size:12px; letter-spacing:0;} div.contentBody#page-concept .semiWidthBox div#concept-profile dd{font-size:12px; line-height:22px; padding:0; letter-spacing:0.17em;} /* PAGE:SHOPS -------------------------------------------------------------------------------*/ div.contentBody#page-shops{padding-top:20px; padding-bottom:30px;} div.contentBody#page-shops .contentHeader{float:left; width:310px;} div.contentBody#page-shops .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.3em;} div.contentBody#page-shops .contentHeader ul#slt-lang{padding-top:15px; overflow:hidden; zoom:1;} div.contentBody#page-shops .contentHeader ul#slt-lang li{float:left; color:#444; letter-spacing:0.1em;} div.contentBody#page-shops .contentHeader ul#slt-lang li.lang-jp{padding:0 20px 0 0;} div.contentBody#page-shops .contentHeader ul#slt-lang li.lang-en{padding:0 0 0 22px; border-left:1px dotted #b3c2a2;} div.contentBody#page-shops .contentHeader ul#slt-lang li.select{color:#aab7a2;} div.contentBody#page-shops .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-shops .semiWidthBox section{clear:both; margin:0 0 3em;} div.contentBody#page-shops .semiWidthBox div#shops-jp{} div.contentBody#page-shops .semiWidthBox div#shops-en{} div.contentBody#page-shops .semiWidthBox div > h2{font-size:15px; line-height:20px; margin:0 0 1.5em; color:#797e5c; letter-spacing:0.2em;} div.contentBody#page-shops .semiWidthBox div > h2.qusamura-shops{border-top:3px double #cbd7c4; padding-top:2em;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-agency{margin:0 0 3em; width:100%;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-agency tbody{} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-agency td{border-bottom:1px dotted #c9d7c1;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-agency td.tA{padding:8px 0 8px; width:20%; white-space:nowrap; color:#797e5c;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-agency td.tB{padding:8px 15px 8px; width:70%;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-agency td.tC{padding:8px 0 8px; width:5%: text-align:right; white-space:nowrap;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-agency{margin:0 0 3em; width:100%;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-agency tbody{} div.contentBody#page-shops .semiWidthBox div#shops-en .list-agency td{border-bottom:1px dotted #c9d7c1;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-agency td.tA{padding:8px 0 8px; width:20%; white-space:nowrap; color:#797e5c;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-agency td.tB{padding:8px 15px 8px; width:70%;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-agency td.tC{padding:8px 0 8px; width:5%: text-align:right; white-space:nowrap;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-own{margin:0 0 2em; overflow:hidden; zoom:1;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-own dt{float:left; width:12em; padding:1em 0; border-top:1px dotted #c9d7c1;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-own dt span{font-size: 11px;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-own dd{position:relative; margin-left:12em; padding:1em 0; border-top:1px dotted #c9d7c1; min-height:28px;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-own dd.no-border{padding:0 0 1em; border-top:0;} div.contentBody#page-shops .semiWidthBox div#shops-jp .list-own dd .btn-webshop{position:absolute; top:1em; right:0; width:110px; height:28px; overflow:hidden; display:block;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-own{margin:0 0 2em; overflow:hidden; zoom:1;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-own dt{float:left; width:12em; padding:1em 0; border-top:1px dotted #c9d7c1;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-own dd{position:relative; margin-left:12em; padding:1em 0; border-top:1px dotted #c9d7c1; min-height:28px;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-own dd.no-border{padding:0 0 1em; border-top:0;} div.contentBody#page-shops .semiWidthBox div#shops-en .list-own dd .btn-webshop{position:absolute; top:1em; right:0; width:110px; height:28px; overflow:hidden; display:block;} /* PAGE:PROFILE -------------------------------------------------------------------------------*/ div.contentBody#page-profile{padding-top:20px; padding-bottom:30px;} div.contentBody#page-profile .contentHeader{float:left; width:310px;} div.contentBody#page-profile .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.2em;} div.contentBody#page-profile .contentHeader ul#slt-lang{padding-top:15px; overflow:hidden; zoom:1;} div.contentBody#page-profile .contentHeader ul#slt-lang li{float:left; color:#444; letter-spacing:0.1em;} div.contentBody#page-profile .contentHeader ul#slt-lang li.lang-jp{padding:0 20px 0 0;} div.contentBody#page-profile .contentHeader ul#slt-lang li.lang-en{padding:0 0 0 22px; border-left:1px dotted #b3c2a2;} div.contentBody#page-profile .contentHeader ul#slt-lang li.select{color:#aab7a2;} div.contentBody#page-profile .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-profile .semiWidthBox section{clear:both; margin:0 0 3em;} div.contentBody#page-profile .semiWidthBox dl{overflow:hidden; zoom:1; border-bottom:1px dotted #c9d7c1;} div.contentBody#page-profile .semiWidthBox dl#profile-jp{} div.contentBody#page-profile .semiWidthBox dl#profile-en{} div.contentBody#page-profile .semiWidthBox dt{clear:both; float:left; width:115px; border-top:1px dotted #c9d7c1; padding:1em 0; color:#797e5c;} div.contentBody#page-profile .semiWidthBox dd{margin-left:116px; border-top:1px dotted #c9d7c1; padding:1em 0;} div.contentBody#page-profile .semiWidthBox dt.first-child,div.contentBody#page-profile .semiWidthBox dd.first-child{border-top:none;} /* PAGE:PRIVACY POLICY -------------------------------------------------------------------------------*/ div.contentBody#page-privacy{padding-top:20px; padding-bottom:30px;} div.contentBody#page-privacy .contentHeader{float:left; width:310px;} div.contentBody#page-privacy .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.3em;} div.contentBody#page-privacy .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-privacy .semiWidthBox section{clear:both; margin:0 0 3.5em;} div.contentBody#page-privacy .semiWidthBox h2{font-size:14px; border-bottom:1px solid #c9d7c1; padding-bottom:0.75em; margin-bottom:1.75em; color:#797e5c;} div.contentBody#page-privacy .semiWidthBox p{margin-bottom:1.5em;} div.contentBody#page-privacy .semiWidthBox ul{margin:0 0 1em 1em; padding:0 0 0 1em; list-style:disc;} div.contentBody#page-privacy .semiWidthBox li{padding:0 0 0.5em;} /* PAGE:LEGAL -------------------------------------------------------------------------------*/ div.contentBody#page-legal{padding-top:20px; padding-bottom:30px;} div.contentBody#page-legal .contentHeader{float:left; width:310px;} div.contentBody#page-legal .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.3em;} div.contentBody#page-legal .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-legal .semiWidthBox section{clear:both; margin:0 0 3.5em;} div.contentBody#page-legal .semiWidthBox h2{font-size:14px; border-bottom:1px solid #cbd7c4; padding-bottom:0.75em; margin-bottom:1.75em; color:#797e5c;} div.contentBody#page-legal .semiWidthBox h3{font-size:13px; border-bottom:1px dotted #c9d7c1; padding-bottom:0.25em; margin-bottom:1em; color:#252525;} div.contentBody#page-legal .semiWidthBox p{margin-bottom:1.5em;} div.contentBody#page-legal .semiWidthBox ul{margin:0 0 1em 1em; padding:0 0 0 1em; list-style:disc;} div.contentBody#page-legal .semiWidthBox li{padding:0 0 0.5em;} div.contentBody#page-legal .semiWidthBox dl{overflow:hidden; zoom:1; margin:0 0 0.5em;} div.contentBody#page-legal .semiWidthBox dt{float:left; clear:both; width:115px; padding:1em 0 1em; border-top:1px dotted #c9d7c1; color:#252525;} div.contentBody#page-legal .semiWidthBox dd{margin-left:116px; padding:1em 0 1em; border-top:1px dotted #c9d7c1;} div.contentBody#page-legal .semiWidthBox dt.first-child,div.contentBody#page-legal .semiWidthBox dd.first-child{border-top:none; padding-top:0;} div.contentBody#page-legal .semiWidthBox dl.legal-profile{border-bottom:1px dotted #c9d7c1; padding-bottom:0; margin-bottom:1.5em;} /* PAGE:COPYRIGHT -------------------------------------------------------------------------------*/ div.contentBody#page-copyright{padding-top:20px; padding-bottom:30px;} div.contentBody#page-copyright .contentHeader{float:left; width:310px;} div.contentBody#page-copyright .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.2em;} div.contentBody#page-copyright .contentHeader ul#slt-lang{padding-top:15px; overflow:hidden; zoom:1;} div.contentBody#page-copyright .contentHeader ul#slt-lang li{float:left; color:#444; letter-spacing:0.1em;} div.contentBody#page-copyright .contentHeader ul#slt-lang li.lang-jp{padding:0 20px 0 0;} div.contentBody#page-copyright .contentHeader ul#slt-lang li.lang-en{padding:0 0 0 22px; border-left:1px dotted #b3c2a2;} div.contentBody#page-copyright .contentHeader ul#slt-lang li.select{color:#aab7a2;} div.contentBody#page-copyright .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-copyright .semiWidthBox section{clear:both; margin:0 0 3.5em;} div.contentBody#page-copyright .semiWidthBox h2{font-size:14px; border-bottom:1px solid #cbd7c4; padding-bottom:0.75em; margin-bottom:1.75em; color:#797e5c;} div.contentBody#page-copyright .semiWidthBox h3{font-size:13px; border-bottom:1px dotted #c9d7c1; padding-bottom:0.25em; margin-bottom:1em; color:#252525;} div.contentBody#page-copyright .semiWidthBox p{margin-bottom:1.5em;} div.contentBody#page-copyright .semiWidthBox #profile-jp p{} div.contentBody#page-copyright .semiWidthBox #profile-en p{letter-spacing:0.1em; word-wrap:normal;} /* PAGE:HOW TO ORDER -------------------------------------------------------------------------------*/ div.contentBody#page-order{padding-top:20px; padding-bottom:30px;} div.contentBody#page-order .contentHeader{float:left; width:310px;} div.contentBody#page-order .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.3em; width:330px;} div.contentBody#page-order .contentHeader nav{position:relative; width:100%; margin:0;} div.contentBody#page-order .contentHeader ul#innerlist{z-index:100; width:100%; position:absolute; padding-top:3em;} div.contentBody#page-order .contentHeader ul#innerlist li{padding:0 0 8px 10px; letter-spacing:0.1em;} div.contentBody#page-order .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-order .semiWidthBox section{clear:both; margin:0 0 1.5em;} div.contentBody#page-order .semiWidthBox section.intro{border-bottom:1px dotted #c9d7c1; padding:0;} div.contentBody#page-order .semiWidthBox section.btmCorp{margin-top:3em; border-top:1px solid #cbd7c4; padding-top:20px;} div.contentBody#page-order .semiWidthBox h2{font-size:14px; border-bottom:1px solid #cbd7c4; padding-top:2em; padding-bottom:0.75em; margin-bottom:1.75em; color:#797e5c;} div.contentBody#page-order .semiWidthBox h3{font-size:13px; border-bottom:1px dotted #c9d7c1; padding-bottom:0.25em; margin-bottom:1em; color:#252525;} div.contentBody#page-order .semiWidthBox ol{margin:0 0 1.5em 2em; padding:0;} div.contentBody#page-order .semiWidthBox ol > li{margin:0 0 0.5em; padding:0;} div.contentBody#page-order .semiWidthBox ul{margin:0 0 1em 1em; padding:0 0 0 1em; list-style:disc;} div.contentBody#page-order .semiWidthBox ul > li{padding:0 0 0.5em;} div.contentBody#page-order .semiWidthBox dl{overflow:hidden; zoom:1; margin:0 0 0.5em;} div.contentBody#page-order .semiWidthBox dt{float:left; clear:both; width:145px; padding:1em 0 1em; border-top:1px dotted #c9d7c1; color:#252525;} div.contentBody#page-order .semiWidthBox dd{margin-left:146px; padding:1em 0 1em; border-top:1px dotted #c9d7c1;} div.contentBody#page-order .semiWidthBox dt.first-child,div.contentBody#page-order .semiWidthBox dd.first-child{border-top:none; padding-top:0;} div.contentBody#page-order .semiWidthBox dl.legal-profile{border-bottom:1px dotted #c9d7c1; padding-bottom:0; margin-bottom:1.5em;} div.contentBody#page-order .semiWidthBox p{margin-bottom:1.5em;} div.contentBody#page-order .semiWidthBox p a{font-weight:bold;} div.contentBody#page-order table.bank-account{margin:0 0 1em; padding:0; border-collapse:collapse; border:none;} div.contentBody#page-order table.bank-account th{padding:0 2em 0.3em 0; margin:0; text-align:left; font-weight:normal;} div.contentBody#page-order table.bank-account td{padding:0 2em 0.3em 0; margin:0; color:#333;} div.contentBody#page-order table.pay-cod{margin:0 0 1em; padding:0; border-collapse:collapse; border:none;} div.contentBody#page-order table.pay-cod th{padding:0 4em 0.3em 0; margin:0; text-align:left; font-weight:normal;} div.contentBody#page-order table.pay-cod td{padding:0 4em 0.3em 0; margin:0; text-align:right;} /* PAGE:CONTACT -------------------------------------------------------------------------------*/ div.contentBody#page-contact{padding-top:20px; padding-bottom:30px;} div.contentBody#page-contact .contentHeader{float:left; width:310px;} div.contentBody#page-contact .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.3em;} div.contentBody#page-contact .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-contact .contentHeader ul#slt-lang{padding-top:15px; overflow:hidden; zoom:1;} div.contentBody#page-contact .contentHeader ul#slt-lang li{float:left; color:#444; letter-spacing:0.1em;} div.contentBody#page-contact .contentHeader ul#slt-lang li.lang-jp{padding:0 20px 0 0;} div.contentBody#page-contact .contentHeader ul#slt-lang li.lang-en{padding:0 0 0 22px; border-left:1px dotted #b3c2a2;} div.contentBody#page-contact .contentHeader ul#slt-lang li.select{color:#aab7a2;} #page-contact .semiWidthBox dl{margin:1em 0 1em; border-bottom:1px dotted #c9d7c1; overflow:hidden; zoom:1;} #page-contact .semiWidthBox dt{clear:both; float:left; width:115px; padding:1.25em 0; border-top:1px dotted #c9d7c1; color:#797e5c;} #page-contact .semiWidthBox dt span{padding-right:10px; background:url(img/contact/m_req.gif) no-repeat top right;} #page-contact .semiWidthBox dd{margin-left:116px; padding:1.25em 0; border-top:1px dotted #c9d7c1;} #page-contact .semiWidthBox dd.inner-dd{border-top:none; padding-top:0;} #page-contact .semiWidthBox dt.first-child,#page-contact .semiWidthBox dd.first-child{padding:0 0 1.25em; border-top:none;} #page-contact .semiWidthBox dt.noBorder, #page-contact .semiWidthBox dd.noBorder{border-top:none;} #page-contact .semiWidthBox dd .notice{padding-top:1em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:11px; line-height:1.6; color:#666;} #page-contact .semiWidthBox dt.noSpace, #page-contact .semiWidthBox dd.noSpace{padding:.5em 0;} #page-contact .semiWidthBox input{border-left:1px solid #d1d5be; border-top:1px solid #d1d5be; border-bottom:none; border-right:none; padding:3px; background:#FFF;} #page-contact .semiWidthBox input.input-company,#page-contact .contact-form input.input-occupation, #page-contact .semiWidthBox input.input-name,#page-contact .contact-form input.input-spell, #page-contact .semiWidthBox input.input-email{width:270px;} #page-contact .semiWidthBox input.input-zipcode{width:100px;} #page-contact .semiWidthBox input.input-address{width:90%;} #page-contact .semiWidthBox input.input-phone{width:270px;} #page-contact .semiWidthBox input.btn-submit{display:inline-block; width:100px; text-align:center; padding:5px; border:1px solid #d4e0ce; background:#aab7a2; color:#FFF; font-weight:bold;} #page-contact .semiWidthBox input.btn-submit:hover{background:#FFF; color:#aab7a2;} #page-contact .semiWidthBox textarea.fword{width:90%; height:120px; border-left:1px solid #d1d5be; border-top:1px solid #d1d5be; border-bottom:none; border-right:none; padding:3px; background:#FFF;} #page-contact .semiWidthBox input.atcfile{border:none; background:none;} /* PAGE:ERROR -------------------------------------------------------------------------------*/ div#page-error{padding-top:50px; padding-bottom:50px;} div.contentBody#page-error h2{font-size:1.2em;} .error-backhome{padding-top:2em;} .error-backhome a{} .editLinkBtn{text-align:right; padding:1em 0 0; font-family:Georgia, "Times New Roman", Times, serif;} /* CONTACT-FORM-7 rewrite -------------------------------------------------------------------------------*/ div.wpcf7 {margin: 0;padding: 0;} div.wpcf7-response-output {margin:2em 0.5em 1em;padding:0.2em 1em;} div.wpcf7-mail-sent-ok {border:1px solid #84c6fe; background:#FFF;} div.wpcf7-mail-sent-ng {border:1px solid #ff0000; background:#FFF;} div.wpcf7-spam-blocked {border:1px solid #ffa500; background:#FFF;} div.wpcf7-validation-errors {border:1px solid #f7e700; background:#FFF;} span.wpcf7-form-control-wrap {position: relative;} span.wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;background: #fff;border: 1px solid #ff0000;font-size: 10pt;width: 280px;padding: 2px;} span.wpcf7-not-valid-tip-no-ajax {color: #f00;font-size: 10pt;display: block;} span.wpcf7-list-item {margin-left: 0.5em;} .wpcf7-display-none {display: none;} div.wpcf7 img.ajax-loader {border: none;vertical-align: middle;margin-left: 4px;} div.wpcf7 .watermark {color: #888;} span.wpcf7-form-control-wrap.attachfile{} input.wpcf7-form-control.wpcf7-file.atcfile{} /* NEWS - HOME 2012.5.22 -------------------------------------------------------------------------------*/ .contentBody #newsimg{position:absolute; top:77px; left:170px; width:610px; height:400px; display:none;} .contentBody .newsOne#newsimg{top:170px;} .contentBody #newsimg > div.news{position:relative; width:610px; height:195px;} .contentBody #newsimg > div.news a.links{position:absolute; top:0; left:0; width:610px; height:195px; overflow:hidden; display:block;} .contentBody #newsimg > div.news a.closeBtn{position:absolute; bottom:0; right:0; width:70px; height:91px; overflow:hidden;} /* NEWS - ITEM -RELATED_POST -------------------------------------------------------------------------------*/ .related-post{clear:both; width:950px; margin:50px 0 0; padding:0; border-top:1px dotted #c9d7c1; overflow:hidden;} .related-post > ul{overflow:hidden; margin:30px 0 0 -25px;} .related-post > ul li{position:relative; float:left; width:130px; height:195px; padding:20px; margin:0 0 25px 25px; background:#FFF;} .related-post > ul li a{margin:0; padding:0;} .related-post > ul li img{} .related-post > ul li h3{display:none; position:absolute; top:20px; left:0; width:146px; padding:0 12px; text-align:center; color:#222; letter-spacing:0; font-size:11px; line-height:17px;} .related-post > ul li div.mkBox{position:absolute; top:20px; left:20px; width:130px; height:195px; background:#FFF; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} /* ITEM-DETAIL - CARE+CAUTION 2012.07.20 -------------------------------------------------------------------------------*/ #care-caution{position:relative; z-index:90; margin:-15px 0 0; margin-left:135px; font-size:11px; line-height:18px;} #care-caution #btn-care{width:135px; height:23px;} #care-caution #care-box{position:relative; background:#f5faf2; padding-top:15px; display:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} #care-caution #care-box #btn-close{position:absolute; top:3px; right:5px; width:15px; height:15px; background:url(img/item/caution/btn_close.gif) no-repeat; overflow:hidden; text-indent:-9999px; display:block;} #care-caution .wet{background:url(img/item/caution/icon_wet.png) no-repeat; padding-left:60px; margin-left:10px;} #care-caution .wet dl{padding-right:15px; overflow:hidden; zoom:1;} #care-caution .wet dt{float:left; width:4.5em; padding:0 0 2px; line-height:140%; letter-spacing:0.2em; color:#797e5c;} #care-caution .wet dd{margin-left:4.5em; padding:0 0 2px; line-height:140%; letter-spacing:0.1em;} #care-caution .sunshine{background:url(img/item/caution/icon_sun.png) no-repeat 0 50%; padding:5px 0 5px 60px; margin:0 0 5px 10px; min-height:40px;} #care-caution .sunshine p{} #care-caution .caution{border-top:1px dotted #DDD; padding:10px 15px;} /* HOME - 2012.10.04 -------------------------------------------------------------------------------*/ .wrap#wrap-home{display:none;} div.contentBody#page-home #mainNews{clear:both; position:relative; width:100%; margin-bottom:50px; overflow:hidden; zoom:1;} div.contentBody#page-home #mainNews .keyVis{float:left; width:530px; border:15px solid #FFF;} div.contentBody#page-home #mainNews .desc{position:absolute; right:0; bottom:0; width:360px;} div.contentBody#page-home #mainNews .desc h2 img{width:360px; margin:0 0 20px;} div.contentBody#page-home #mainNews .desc p{} div.contentBody#page-home .h-topNews{clear:both; font-size:13px; line-height:18px; padding:0;} div.contentBody#page-home .topNews{clear:both; position:relative; background:url(img/home/line_bg_headlines.gif) repeat-y 0 0; border-top:1px solid #FFF; padding:20px 0 0; overflow:hidden; zoom:1;} div.contentBody#page-home #headlines{float:left; width:589px; overflow:hidden; *zoom:1;} div.contentBody#page-home #headlines .headline{clear:both; cursor:pointer; padding:15px 0 15px; border-top:1px dotted #FFF; margin:0 30px 0 0; overflow:hidden; zoom:1;} div.contentBody#page-home #headlines .headline.first-child{border-top:none;} div.contentBody#page-home #headlines .headline .headline-meta{float:left; width:130px; font-size:11px; padding:0;} div.contentBody#page-home #headlines .headline > .inner{margin-left:145px;} div.contentBody#page-home #headlines .headline p.temptitle{color:#797e5c; font-weight:normal; padding-bottom:3px; margin-right:125px; margin-bottom:0; letter-spacing:0.1em;} div.contentBody#page-home #headlines .headline p.temptext{margin-right:125px; margin-bottom:0;} div.contentBody#page-home #headlines .headline span{text-decoration:underline;} div.contentBody#page-home #headlines .headline p.none{display:none; overflow:hidden;} div.contentBody#page-home #headlines .headline img.imgYOKO{float:right; width:100px; height:auto; border:5px solid #FFF;} div.contentBody#page-home #headlines .headline img.imgTATE{float:right; width:auto; height:75px; border:5px solid #FFF;} .headline-blog{} .headline-blog h3{border-bottom:1px solid #FFF; padding:0 0 4px; font-size:13px; line-height:18px;} div.contentBody#page-home #top-newItems{float:right; width:350px;} div.contentBody#page-home #top-newItems h3{font-size:13px; line-height:18px; padding:0 0 15px 20px;} div.contentBody#page-home #top-newItems ul{margin-bottom:-20px; overflow:hidden; zoom:1;} div.contentBody#page-home #top-newItems li{position:relative; float:left; padding:0 0 20px 22px; width:153px;} div.contentBody#page-home #top-newItems li img{border:20px solid #FFF; width:113px;} div.contentBody#page-home #top-newItems li h3{display:none;} .btn-siteTop{clear:both; padding:10px 0 0; letter-spacing:0.2em; font-size:11px; line-height:17px; text-align:left;} .btn-siteTop a{} /* PAGE:ARTISTS -------------------------------------------------------------------------------*/ div.contentBody#page-artists{padding-top:20px; padding-bottom:30px;} div.contentBody#page-artists .contentHeader{float:left; width:310px;} div.contentBody#page-artists .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.3em;} div.contentBody#page-artists .contentHeader ul#slt-lang{padding-top:15px; overflow:hidden; zoom:1;} div.contentBody#page-artists .contentHeader ul#slt-lang li{float:left; color:#444; letter-spacing:0.1em;} div.contentBody#page-artists .contentHeader ul#slt-lang li.lang-jp{padding:0 20px 0 0;} div.contentBody#page-artists .contentHeader ul#slt-lang li.lang-en{padding:0 0 0 22px; border-left:1px dotted #b3c2a2;} div.contentBody#page-artists .contentHeader ul#slt-lang li.select{color:#aab7a2;} div.contentBody#page-artists .contentHeader .local-nav{position:relative; width:100%;} div.contentBody#page-artists .contentHeader .local-nav ul#innerlist{z-index:100; width:100%; position:absolute; padding-top:3em;} div.contentBody#page-artists .contentHeader .local-nav ul#innerlist li{padding:0 0 10px 10px; letter-spacing:0.2em;} div.contentBody#page-artists .semiWidthBox{margin-left:315px; letter-spacing:0.1em; overflow:hidden; width:635px;} div.contentBody#page-artists .semiWidthBox > section{clear:both; margin:0 0 3em;} div.contentBody#page-artists .semiWidthBox > section > section{clear:both; margin:0 0 3em;} div.contentBody#page-artists .semiWidthBox section.scn-JP{} div.contentBody#page-artists .semiWidthBox section.scn-EN{} div.contentBody#page-artists .semiWidthBox section > h1{font-size:16px; text-align:left; color:#797e5c; letter-spacing:0.3em; margin-bottom:30px;} div.contentBody#page-artists .semiWidthBox .artist-block{overflow:hidden; padding-bottom:20px; border-bottom:1px dotted #c9d7c1; margin-bottom:20px;} div.contentBody#page-artists .semiWidthBox .artist-block header{float:left; width:200px;} div.contentBody#page-artists .semiWidthBox .artist-block header h1{font-size:16px; line-height:22px; letter-spacing:0.3em;} div.contentBody#page-artists .semiWidthBox .artist-block header h1 span{font-size:12px;} div.contentBody#page-artists .semiWidthBox .artist-block .desc{margin-left:210px; letter-spacing:0.2em;} div.contentBody#page-artists .semiWidthBox .artist-block .desc h2{} div.contentBody#page-artists .semiWidthBox .artist-block .desc p{} div.contentBody#page-artists .semiWidthBox .artist-block .desc p.artist-link{margin-top:7px;} div.contentBody#page-artists .semiWidthBox .artist-block .samples{margin:15px 0 0; overflow:hidden;} div.contentBody#page-artists .semiWidthBox .artist-block .samples ul{margin-left:-10px;} div.contentBody#page-artists .semiWidthBox .artist-block .samples li{float:left; width:119px; padding-left:10px;} div.contentBody#page-artists .semiWidthBox .artist-block .samples li img{width:89px; border:10px solid #FFF;} div.contentBody#page-artists .semiWidthBox .artist-block .samples li h3{display:none;} /* Additional 2013.02.26 ------------------------------------------------------------------------------*/ .shopToContact{position:relative; min-height:28px; overflow:hidden; *zoom:1;} .shopToContact p{float:left; width:500px;} .shopToContact .btn-cnt{position:absolute; bottom:0; right:0; width:110px; height:28px; overflow:hidden; display:block;} .cTitle-EN{letter-spacing:.3em; border-left:1px dotted #b3c2a2; margin-left:.5em; padding-left:1em; display:inline-block; *display:inline; *zoom:1;} /* Additional 2014.04.17 ITEM - LABEL ------------------------------------------------------------------------------*/ div.contentBody#page-item article .lbl{position:absolute; top:0; left:0; z-index:10;} div.contentBody#page-item article .lbl{width:115px; height:115px; overflow:hidden; text-indent:-999999em;} div.contentBody#page-item article .lbl.m-new{background:url(img/item/lbl_new.png) no-repeat 0 0;} div.contentBody#page-item article .lbl.m-pickup{background:url(img/item/lbl_pickup.png) no-repeat 0 0;} div.contentBody#page-item article .lbl.m-exhibition{background:url(img/item/lbl_exhibition.png) no-repeat 0 0;} div.contentBody#page-item article .lbl.m-mothers{background:url(img/item/lbl_mothers.png) no-repeat 0 0; width:120px; height:120px;} .lbl-thumb{position:absolute; top:0; left:0; z-index:10; width:57px; height:57px; overflow:hidden; text-align:left; text-indent:-999999em;} #top-newItems .lbl-thumb{left:22px;} .lbl-thumb.m-new{background:url(img/item/lbl_s_new.png) no-repeat 0 0;} .lbl-thumb.m-pickup{background:url(img/item/lbl_s_pickup.png) no-repeat 0 0;} .lbl-thumb.m-exhibition{background:url(img/item/lbl_s_exhibition.png) no-repeat 0 0;} .lbl-thumb.m-mothers{background:url(img/item/lbl_s_mothers.png) no-repeat 0 0; width:62px; height:62px;} /* Additional 2013.10.04 HOME ------------------------------------------------------------------------------*/ .bnr-home{border-top:1px solid #FFF; padding:15px 0;} .bnr-home ul{overflow:hidden; *zoom:1;} .bnr-home ul li{float:left; width:305px; height:80px; overflow:hidden; display:block;} .bnr-home ul li.li-L{margin-right:17px;} .bnr-home ul li.li-C{margin-right:18px;} .bnr-home ul li.li-R{} /* PAGE:FAQ add2014.07.11 -------------------------------------------------------------------------------*/ div.contentBody#page-faq{padding-top:20px; padding-bottom:30px;} div.contentBody#page-faq .contentHeader{float:left; width:200px;} div.contentBody#page-faq .contentHeader h1{font-size:16px; text-align:left; color:#222; letter-spacing:0.4em; width:200px;} div.contentBody#page-faq .contentHeader nav{position:relative; width:100%; margin:0;} div.contentBody#page-faq .contentHeader ul#innerlist{z-index:100; width:100%; position:absolute; padding-top:3em;} div.contentBody#page-faq .contentHeader ul#innerlist li{padding:0 0 8px 10px; letter-spacing:0.1em;} div.contentBody#page-faq .contentHeader ul#innerlist li.noLink{color:#cedfc5;} div.contentBody#page-faq .semiWidthBox{margin-left:200px; letter-spacing:0.1em; overflow:hidden; width:750px;} div.contentBody#page-faq .semiWidthBox .scnFaq{clear:both; margin:0 0 1.5em;} div.contentBody#page-faq .semiWidthBox .scnFaq h2{width:100px; text-align:right; font-size:14px; color:#8b7631; letter-spacing:.3em; padding-bottom:2.75em; display:block;} div.contentBody#page-faq .semiWidthBox .scnFaq dl{padding-left:120px; letter-spacing:.2em; cursor:pointer;} div.contentBody#page-faq .semiWidthBox .scnFaq dt{color:#8b7631; margin:0 0 25px;} div.contentBody#page-faq .semiWidthBox .scnFaq dt.hovered{color:#b8aa7a;} div.contentBody#page-faq .semiWidthBox .scnFaq dt.first-child{margin-top:0;} div.contentBody#page-faq .semiWidthBox .scnFaq dd{display:none; padding-bottom:45px;} div.contentBody#page-faq .semiWidthBox .scnFaq dd:last-child{padding-bottom:0;} .scnEndFaq{border-top:1px solid #fdfef3; padding:70px 0 0; margin-left:120px; margin-top:80px;} .scnEndFaq p{} .scnEndFaq a{width:100px; height:27px; color:#FFF; line-height:27px; text-align:center; display:inline-block; _display:inline; _zoom:1; background:#a9baa5;} .scnEndFaq a:hover{color:#a9baa5; background:#FFF;} .scnEndFaq a{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} div.contentBody#page-faq .semiWidthBox h3{font-size:13px; border-bottom:1px dotted #c9d7c1; padding-bottom:0.25em; margin-bottom:1em; color:#252525;} div.contentBody#page-faq .semiWidthBox ol{margin:0 0 1.5em 2em; padding:0;} div.contentBody#page-faq .semiWidthBox ol > li{margin:0 0 0.5em; padding:0;} div.contentBody#page-faq .semiWidthBox ul{margin:0 0 1em 1em; padding:0 0 0 1em; list-style:disc;} div.contentBody#page-faq .semiWidthBox ul > li{padding:0 0 0.5em;} div.contentBody#page-faq .semiWidthBox p{margin-bottom:1.5em;} div.contentBody#page-faq .semiWidthBox p a{font-weight:bold;} /*改修 MDS 2018*/ .top_img{ width:130px; } .top_img img{ width:100%; } /* Force show .contentBody (prevent blank pages if JS fails) */ .contentBody{ display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; min-height:1px !important; } @media (prefers-reduced-motion: no-preference){.contentBody,footer#global-footer{animation:qsFadeIn .6s ease both;}} @keyframes qsFadeIn{from{opacity:0}to{opacity:1}} /* qs-cardlink (make whole card clickable) */ li.qs-cardbox{position:relative;} li.qs-cardbox>a.qs-cardlink{position:absolute;inset:0;z-index:9999;display:block;} /* qs-herolink (make top featured block clickable) */ .desc.qs-herobox{position:relative;} .desc.qs-herobox>a.qs-herolink{position:absolute;inset:0;z-index:9999;display:block;}