html, body { min-width: 768px; }

#wrapper { width: 100%; min-width: 768px; min-height: 480px; }

.parts { background-repeat: no-repeat; background-image: url("../../images/parts@2x-s9c26ee5ed5.png"); -moz-background-size: 564px auto !important; -o-background-size: 564px auto !important; -webkit-background-size: 564px auto !important; background-size: 564px auto !important; }
html.ie8 .parts { background-image: url("../../images/parts-sb191cd8ff6.png"); }

/* iOS */
body.ios * { -webkit-text-size-adjust: none; }
/* catalog */
/* catalog > header */
#header { min-width: 768px; height: 50px; margin-top: -50px; -moz-transition-property: margin-top; -o-transition-property: margin-top; -webkit-transition-property: margin-top; transition-property: margin-top; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#header.on { margin-top: 0; }
#header h1 { left: 15px; display: inline-block; width: 74px; height: 16px; background-position: 0 -324px; }
html.ie8 #header h1 { width: 74px; height: 16px; background-position: 0 -324px; }
#header h1 a { display: block; }
body.ios #header { height: 49px; }

#header-nav { position: absolute; right: 64px; top: 0; bottom: 0; margin: auto 0; height: 9px; line-height: 9px; }
#header-nav ul li { display: inline-block; vertical-align: middle; }
#header-nav li.separator { display: inline-block; width: 5px; height: 9px; background-position: 0 -233px; margin: 0 10px; }
html.ie8 #header-nav li.separator { width: 5px; height: 9px; background-position: 0 -233px; }
#header-nav li.separator a { padding: 5px; display: block; }
#header-nav li.separator a span { height: 9px; }
#header-nav #footer-nav-store { width: 105px; height: 9px; }
#header-nav #footer-nav-store a { display: block; width: 105px; height: 9px; background-position: 0 -187px; }
html.ie8 #header-nav #footer-nav-store a { width: 105px; height: 9px; background-position: 0 -187px; }
#header-nav #footer-nav-mens-all-items { width: 120px; height: 9px; }
#header-nav #footer-nav-mens-all-items a { display: block; width: 120px; height: 9px; background-position: 0 -176px; }
html.ie8 #header-nav #footer-nav-mens-all-items a { width: 120px; height: 9px; background-position: 0 -176px; }
#header-nav #footer-nav-womens-all-items { width: 144px; height: 9px; }
#header-nav #footer-nav-womens-all-items a { display: block; width: 144px; height: 9px; background-position: 0 -222px; }
html.ie8 #header-nav #footer-nav-womens-all-items a { width: 144px; height: 9px; background-position: 0 -222px; }
#header-nav #footer-nav-united-arrows { width: 114px; height: 11px; }
#header-nav #footer-nav-united-arrows a { display: block; width: 114px; height: 11px; background-position: 0 -198px; }
html.ie8 #header-nav #footer-nav-united-arrows a { width: 114px; height: 11px; background-position: 0 -198px; }
#header-nav #footer-nav-united-arrows-tw { width: 114px; height: 9px; }
#header-nav #footer-nav-united-arrows-tw a { display: block; width: 114px; height: 9px; background-position: 0 -211px; }
html.ie8 #header-nav #footer-nav-united-arrows-tw a { width: 114px; height: 9px; background-position: 0 -211px; }

/* header > menu */
#menus { top: 0; bottom: 0; right: 15px; height: 50px; margin: auto 0; }

#thumbnail-trigger { margin-top: 9px; }
#thumbnail-trigger span { display: inline-block; width: 32px; height: 32px; background-position: 0 -104px; }
html.ie8 #thumbnail-trigger span { width: 32px; height: 32px; background-position: 0 -104px; }
#thumbnail-trigger.on span { display: inline-block; width: 32px; height: 32px; background-position: 0 -70px; }
html.ie8 #thumbnail-trigger.on span { width: 32px; height: 32px; background-position: 0 -70px; }

#menu-trigger { display: none !important; }

/* catalog > footer */
#footer { min-width: 768px; position: relative; bottom: 0; left: 0; width: 100%; height: 50px; z-index: 1; background: #f2f2f2; }

#footer-shares { position: absolute; left: 15px; top: 13px; height: 20px; }
#footer-shares div.fb-like { margin-top: -3px; width: auto !important; display: inline-block !important; overflow: hidden; }
#footer-shares div.plusone, #footer-shares div.fb-like, #footer-shares iframe { vertical-align: middle !important; }
#footer-shares #plusone { vertical-align: middle !important; }

#footer-copyright { position: absolute; right: 15px; top: 0; bottom: 0; width: 109px; height: 7px; margin: auto 0; }
#footer-copyright a { display: block; outline: none; display: block; width: 109px; height: 7px; background-position: 0 -156px; }
html.ie8 #footer-copyright a { width: 109px; height: 7px; background-position: 0 -156px; }

/* === Catalog === */
#catalog-contents #tax-note { font-size: 12px; padding: 20px 0 100px; }

/* catalog > items */
#catalog-pages { min-height: 101%; padding-bottom: 50px; overflow: hidden; /* catalog > thumbnail */ }
#catalog-pages .catalog-page-products { display: table-cell; width: 50%; float: left; }
#catalog-pages .catalog-page-products.layout1 { width: 100%; clear: both; }
#catalog-pages .catalog-page-products.layout1 ul.products { width: 50%; }
#catalog-pages .catalog-page-products.layout1.has-columns .col { float: left; display: table-cell; width: 50%; }
#catalog-pages .catalog-page-products.layout1.has-columns ul { width: auto; }
#catalog-pages .catalog-page-products.layout1.no-items { display: none; }
#catalog-pages .catalog-page-products.layout2 { clear: both; }
#catalog-pages .catalog-page-products.has-more ul.products { margin: 20px 20px 0; }
#catalog-pages .catalog-page-products ul.products { margin: 20px 20px 40px; list-style: none; }
#catalog-pages .catalog-page-products ul.products.more { margin: 20px 20px 40px; }
#catalog-pages .catalog-page-products ul.products li { margin-top: 20px; }
#catalog-pages .catalog-page-products ul.products li.hover { color: #b3b3b3; }
#catalog-pages .catalog-page-products ul.products li:first-child { margin-top: 0; }
#catalog-pages .catalog-page-products ul.products li .product-info { margin-right: 105px; }
#catalog-pages .catalog-page-products ul.products li .product-info.no-shop { margin-right: 0; }
#catalog-pages .catalog-page-products ul.products li .product-info span { font-size: 12px; line-height: 12px; }
#catalog-pages .catalog-page-products ul.products li .product-info span.new-item { display: inline-block; width: 35px; height: 16px; background-position: 0 -342px; margin-right: 5px; vertical-align: middle; }
html.ie8 #catalog-pages .catalog-page-products ul.products li .product-info span.new-item { width: 35px; height: 16px; background-position: 0 -342px; }
#catalog-pages .catalog-page-products ul.products li .product-info span.brand, #catalog-pages .catalog-page-products ul.products li .product-info span.genre { margin-right: 10px; }
#catalog-pages .catalog-page-products ul.products li .product-info span.price { display: inline; }
#catalog-pages .catalog-page-products ul.products li .product-info span.price span.yen { font-size: 11px; margin-left: 2px; }
#catalog-pages .catalog-page-products ul.products li .buttons { float: right; width: 105px; text-align: right; }
#catalog-pages .catalog-page-products ul.products li .buttons .shop-label { margin: 0 0 0 10px; }
#catalog-pages .catalog-page-products ul.products li .buttons .shop-label.online-store a { display: inline-block; width: 101px; height: 16px; background-position: 0 -52px; vertical-align: middle; }
html.ie8 #catalog-pages .catalog-page-products ul.products li .buttons .shop-label.online-store a { width: 101px; height: 16px; background-position: 0 -52px; }
#catalog-pages .catalog-page-products ul.products li .buttons .shop-label.comingsoon { display: inline-block; width: 101px; height: 16px; background-position: 0 -138px; vertical-align: middle; }
html.ie8 #catalog-pages .catalog-page-products ul.products li .buttons .shop-label.comingsoon { width: 101px; height: 16px; background-position: 0 -138px; }
#catalog-pages .catalog-page-products .more-trigger { margin: 20px; cursor: pointer; color: #b3b3b3; font-weight: bold; font-size: 12px; }
#catalog-pages .catalog-page-products .caption { margin: 20px 10px; color: #b3b3b3; font-weight: bold; font-size: 12px; }
#catalog-pages.thumbnail { padding: 50px 0 50px; }
#catalog-pages.thumbnail .catalog-page { display: inline-block; cursor: pointer; }
#catalog-pages.thumbnail .catalog-page .image { position: relative; width: 100%; height: 100%; }
#catalog-pages.thumbnail .catalog-page:nth-child(even) { clear: none; }
#catalog-pages.thumbnail .catalog-page-products { display: none; }

#catalog-page1 { height: 170px !important; }
#catalog-page1 h1, #catalog-page1 h2 { background-repeat: no-repeat; background-image: url("../../images/parts@2x-s9c26ee5ed5.png"); -moz-background-size: 564px auto !important; -o-background-size: 564px auto !important; -webkit-background-size: 564px auto !important; background-size: 564px auto !important; }
html.ie8 #catalog-page1 h1, html.ie8 #catalog-page1 h2 { background-image: url("../../images/parts-sb191cd8ff6.png"); }
#catalog-page1 h1 { margin-top: 30px; display: inline-block; width: 564px; height: 19px; background-position: 0 -360px; }
html.ie8 #catalog-page1 h1 { width: 564px; height: 19px; background-position: 0 -360px; }
#catalog-page1 h2 { margin-top: 90px; display: inline-block; width: 202px; height: 44px; background-position: 0 -381px; }
html.ie8 #catalog-page1 h2 { width: 202px; height: 44px; background-position: 0 -381px; }
/* === products === */
#products { min-width: 780px; min-height: 590px; font-family: helvetica; padding-bottom: 1px; }
#products > header { height: 50px; position: relative; }
#products header h1 { left: 15px; top: 0; bottom: 0; margin: auto 0; display: inline-block; width: 74px; height: 16px; background-position: 0 -324px; }
html.ie8 #products header h1 { width: 74px; height: 16px; background-position: 0 -324px; }
#products header h1 a { display: block; }
#products ul { list-style: none; }
#products div.info div.online-store { position: absolute; width: 180px; height: 50px; padding: 0; overflow: hidden; }
#products div.info div.online-store a { display: block; display: inline-block; width: 180px; height: 50px; background-position: 0 -272px; }
html.ie8 #products div.info div.online-store a { width: 180px; height: 50px; background-position: 0 -272px; }

#products-close { right: 20px; top: 0; bottom: 0; width: 32px; height: 32px; margin: auto 0; }
#products-close a { display: block; }
#products-close a span { display: inline-block; width: 32px; height: 32px; }
html.ie8 #products-close a span { width: 32px; height: 32px; background-position: 0 0; }

/* shop info */
#product-info-popup { position: absolute; left: 10px; right: 10px; bottom: 100px; background-color: rgba(255, 255, 255, 0.95); opacity: 0; margin-bottom: -10px; -moz-transition-property: margin-bottom, opacity; -o-transition-property: margin-bottom, opacity; -webkit-transition-property: margin-bottom, opacity; transition-property: margin-bottom, opacity; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
#product-info-popup.on { margin-bottom: 0; opacity: 1; }
#product-info-popup:after { content: ""; position: absolute; display: block; background-repeat: no-repeat; background-image: url("../../images/parts@2x-s9c26ee5ed5.png"); -moz-background-size: 564px auto !important; -o-background-size: 564px auto !important; -webkit-background-size: 564px auto !important; background-size: 564px auto !important; display: inline-block; width: 10px; height: 9px; background-position: 0 -244px; bottom: -9px; left: 26px; }
html.ie8 #product-info-popup:after { background-image: url("../../images/parts-sb191cd8ff6.png"); }
html.ie8 #product-info-popup:after { width: 10px; height: 9px; background-position: 0 -244px; }
#product-info-popup header { position: relative; padding: 20px; }
#product-info-popup header h3 { font-size: 12px; color: black; }
#product-info-popup h4 { font-size: 12px; color: #999999; }
#product-info-popup .contents { font-size: 12px; padding: 20px; }
#product-info-popup .contents section { margin-top: 30px; }
#product-info-popup .contents section h4 { margin: 0; padding: 0 0 5px; color: #999999; font-weight: normal; }
#product-info-popup .contents section:first-child { margin-top: 0; }
#product-info-popup .contents section .value { color: black; }
#product-info-popup ul li { display: inline; font-size: 12px; margin-right: 10px; line-height: 1.8; }
#product-info-popup ul li a { color: black; }

#product-info-popup-close { display: block; position: absolute; top: 0; bottom: 0; right: 10px; cursor: pointer; margin: auto 0; width: 32px; height: 32px; }
#product-info-popup-close span { display: block; display: inline-block; width: 32px; height: 32px; }
html.ie8 #product-info-popup-close span { width: 32px; height: 32px; background-position: 0 0; }

/* PC, tables */
#products-wrapper { width: 100%; height: 100%; }

#products-contents { margin: 0 auto; position: relative; min-width: 780px; min-height: 590px; }

#product-info { float: left; position: relative; width: 50%; max-height: 100%; overflow: hidden; }
#product-info .row { padding-bottom: 10px; }
#product-info h2, #product-info h3 { font-weight: normal; }
#product-info div.info { position: relative; margin-left: 10px; }
#product-info div.scrollable { position: relative; }
#product-info div.scrollbar { position: absolute; top: 0; right: 0; }
#product-info div.viewport { height: 100%; }
#product-info div.viewport ul li { display: inline; font-size: 12px; margin-right: 5px; line-height: 1.6; }
#product-info div.viewport ul li a { color: black; }

#product-brand { padding-top: 15px; font-size: 14px; }

#product-genre, #product-price, #product-item-code { font-size: 14px; }

#product-info-trigger { cursor: pointer; margin-bottom: 10px; display: inline-block; width: 66px; height: 16px; background-position: 0 -34px; }
html.ie8 #product-info-trigger { width: 66px; height: 16px; background-position: 0 -34px; }
#product-info-trigger.disabled { display: none; }

#product-online-store { position: absolute; bottom: 12px; right: 5px; }

#product-image-base { width: 100%; padding-left: 2px; position: relative; }
#product-image-base.loading { background: url("../images/loading.gif") no-repeat 50% 50% white; }
#product-image-base img { display: block; width: 100%; height: 100%; }

#product-variations { position: relative; width: 100%; height: 60px; }
#product-variations .viewport { height: 100%; }
#product-variations li { float: left; width: 60px; height: 60px; margin-right: 2px; }
#product-variations li img { width: 100%; height: 100%; }
#product-variations li.selected img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }
#product-variations div.scrollbar { position: absolute; left: 0; bottom: 2px; height: 6px; z-index: 101; }
#product-variations div.scrollbar .thumb { height: 6px; border-radius: 3px 3px 3px 3px; }

#product-thumbnail { float: right; width: 50%; height: 100%; }
#product-thumbnail div.viewport { height: 100%; }
#product-thumbnail ul li { float: left; padding: 0 0 2px 2px; }
#product-thumbnail ul li.selected img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }
#product-thumbnail ul li a { display: block; width: 100%; height: 100%; line-height: 1; }
#product-thumbnail ul li img { width: 100%; height: auto; }
#product-thumbnail .scrollbar { position: absolute; top: 0; right: -8px; }

/* jQueryScrollPane customize */
.jspVerticalBar { background: white; width: 6px; }
/*



*/