/* ----------------------------------------------------------------
muji.css(jp) import
---------------------------------------------------------------- */

.pdf {background: url("https://img.muji.com.cn/img/cn/store/common/icon_pdf.gif") no-repeat left top; padding-left: 18px; zoom: 1;}

.lead {margin-bottom: 20px; font-size: 14px;}

.skipNav {margin: 30px 0 20px;}
.skipNav ul {margin-bottom: 10px; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #666;}
.skipNav li {float: left; font-weight: bold; line-height: 15px;}
.skipNav li a {display: block; padding: 5px 20px; text-decoration: none; border-right: 1px solid #e8e8e8; background: url("https://muji.net/img/cn/store/common/arrow_down.png") no-repeat 10px center;}
.skipNav .current a,
#snSection1 .skipNav .snLink1 a,
#snSection2 .skipNav .snLink2 a,
#snSection3 .skipNav .snLink3 a,
#snSection4 .skipNav .snLink4 a,
#snSection5 .skipNav .snLink5 a,
#snSection6 .skipNav .snLink6 a,
#snSection7 .skipNav .snLink7 a,
#snSection8 .skipNav .snLink8 a,
#snSection9 .skipNav .snLink9 a,
#snSection10 .skipNav .snLink10 a {background: #f4f4f4; color: #999; cursor: default;}

/* TinyTip */
.yellowTip { width: 280px; }
.yellowTip .content { width: 250px; padding: 10px; border: 5px solid #ddd7c7; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f5eedd; color: #020202; }
.yellowTip .bottom { height: 14px; background: url("https://img.muji.com.cn/img/cn/store/common/notch.png") top center no-repeat; }

/* fancyBox */
.fancyBox { background: url("https://img.muji.com.cn/img/cn/store/common/imageview.gif"); background-repeat: no-repeat; background-position: 0 2px; width: 11px; height: 8px; padding: 0 2px 0 14px;}

/* loading */
.loading {background: url("https://img.muji.com.cn/img/cn/store/common/icon_loading.gif") no-repeat 50% 50%; text-indent: -9999px;}



/* ----------------------------------------------------------------
store.css(jp) import
---------------------------------------------------------------- */

/* --------------------------------
.wrapAroundBanner
-------------------------------- */
.wrapAroundBanner {margin-top: 12px; min-width: 910px;}
.wrapAroundBanner a {/*display: block; padding: 4px 15px; border: 3px solid #7F0019; */border-right: none; border-left: none; text-align: center;}
.wrapAroundBanner img { vertical-align: bottom; }


/* CLEARFIX */
#storeHeader,
ul#storeMember,
#guideNav,
#guideNav dl,
.column4,
.column5,
.column1-2,
.itemList,
.pageNav,
.prevNext,
#storeFooter {zoom:1;}
#storeHeader:after,
#guideNav:after,
#guideNav dl:after,
.column4:after,
.column5:after,
.column1-2:after,
.itemList:after,
.pageNav:after,
.prevNext:after,
#storeFooter:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}


/* h1 - h6 */
h1 {border-bottom: 1px solid #e6e6e6; margin: 0 0 20px; padding-bottom: 10px; font-size: 28px; font-weight: bold; color: #191919;}
h2 {font-size: 18px; font-weight: bold; margin-bottom: 10px; line-height: 1.5;}
h3 {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.iframe h1 {border-bottom: 1px solid #e6e6e6; margin: 0 0 15px; padding-bottom: 5px; font-size: 22px; font-weight: bold; color: #191919;}


/* COMMON ELEMENTS */
.annotation { font-size: 11px; color: #555;}
.annotation li{margin-bottom: 0.5em;}
.error {color: #d00; font-weight: bold;}
.annotation.asterisk {text-indent: -0.75em; padding-left: 0.75em;}
.ime {font-size: 11px;}
.focus {border: 5px solid #ccc; margin-bottom: 20px; padding: 15px;}

table caption {padding-bottom: 10px; font-size: 13px; font-weight: bold;}
table.vertical {width: 100%; margin-bottom: 20px;}
table.vertical th {padding: 10px; border: solid #ddd; border-width: 1px 0 1px 1px; background: #f5f5f5; font-weight: normal; width: 245px;}
table.vertical td {padding: 10px; border: solid #ddd; border-width: 1px 1px 1px 0;}

table.horizontal th {padding: 5px 10px; background: #f5f5f5; text-align: center; font-weight: bold; border: solid #ddd; border-width: 1px 1px 0;}
table.horizontal td {padding: 10px; border: solid #ddd; border-width: 0 1px 1px;}
table.horizontal td.price {white-space: nowrap; text-align: right;}

.price {font-size: 11px; font-family:"Arial Unicode MS";}
.price del {display: block; color: #999;}
.price del {*text-decoration: line-through;}
.price del:after {content:"¡ú";}
.price ins {display: block; color: #7f0019;}
.price .num {font-size: 14px; font-weight: bold; margin: 0 2px;}
.price del .num {font-size: 11px;}

.relatedLink a {display: inline-block; background: url("https://img.muji.com.cn/img/cn/store/common/arrow_right.png") no-repeat 14px 50%; border: 1px solid #ccc; padding: 7px 14px 7px 28px; text-decoration: none; font-weight: bold;}
.relatedLink a:hover {border: 1px solid #7F0019;}

.note {font-size: 11px;}
.ex {color: #666; font-size: 11px;}
.req {font-size: 11px; font-weight: normal;}
.apology {color: #555;}

.discountRate {display: inline-block; border: 1px solid #7F0019; color: #7F0019; font-weight: bold; padding: 5px 5px 2px; font-family: "Helvetica","Lucida Grande" ,sans-serif; line-height: 1;}
.discountRate .num {font-size: 14px; margin-right: 2px;}

.column2 {margin-right: -20px; letter-spacing: -.40em;}
.column3 {margin-right: -14px; letter-spacing: -.40em;}
.column2 *,
.column3 * {letter-spacing: normal;}
.column2 .col,
.column3 .col {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
vertical-align: top;
}
.column2 .col {width: 340px; margin-right: 20px;}
.column3 .col {width: 224px; margin-right: 14px;}

.column1-2 {_zoom: 1; _position: relative;}
.column1-2 {margin-right: -20px;}
.column1-2 .col1 {float: left; width: 220px; margin-right: 20px;}
.column1-2 .col2 {float: left; width: 460px; margin-right: 20px;}


/* ----------------------------------------------------------------
store.css(jp) import
---------------------------------------------------------------- */

#main h1 {border-bottom: 0; padding-bottom: 0; margin-bottom: 10px;}
h1 img {vertical-align: bottom;}
#main h3 {margin-top: 20px;}

.itemList ul {margin-right: -20px; letter-spacing: -.40em;}
.itemList li {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
width: 100px; margin: 10px 20px 0 0; vertical-align: top; letter-spacing: normal;}
.itemList a {display: block; margin-bottom: 5px;}
.itemList .thumb {display: block; margin-bottom: 3px;}
.itemList .name {}
.itemList .price {display: inline-block; margin-bottom: 3px; line-height: 1.2;}
.itemList br {display: none;}

.fancyBoxLink {text-decoration: none;}
.fancyBoxLink img {margin-bottom: 10px; border: 1px solid #fff;}
.fancyBoxLink:hover img {border: 1px solid #7f0019;}

.aside {border: 5px solid #efefef; margin-bottom: 20px; padding: 15px;}

.priceListVertical {margin-top: 20px;}
.priceListVertical li {margin-bottom: 10px;}


/* ----------------------------------------------------------------
muji.css(de) override
---------------------------------------------------------------- */

.content ul {margin-left: 0;}
.content li {list-style-type:none;}<!--ºÄÊ±1769394436.1372Ãë-->