/* @import url('/contents/style/silveregg.css'); @import url('/contents/style/horizontal_scroll.css'); */ @charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap'); /* reset */ html, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } ol, ul { list-style-type: none; } dt, dd, li { text-indent: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } table { border-collapse: separate; } caption, th { text-align: left; } img { border: none; vertical-align: bottom; } em { font-style: normal; } html { overflow-y: scroll; } iframe { border: none; } body { color: #494949; line-height: 1.67; } textarea, input { font-size: 100%; font-family: sans-serif; } body{ font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:12px;} textarea { resize: vertical; } a { color: #333333; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } a.pink { color: #e50083; } /*imghover*/ a:hover img { filter: alpha(opacity=70); opacity: 0.7;} /* コンテナ */ body {background-color: #ffffff; } #container {width: 100%;} /* 共通ヘッダ */ #commonHeader {position:relative; margin-right: auto; margin-left: auto; margin-bottom:0px; /* padding-bottom: 8px;*/ width: 990px; zoom: 1; } /* #commonHeader:after { display: block; content: ""; clear: both; }*/ #commonHeader .white{background:#fff;padding:0;margin:0;height:88px;width:100%;position:fixed;top:0;left:0;display:none;z-index:9000;} #navigation{background:#fff;padding:0;margin:0;/*height:151px;*/width:990px;display:block;z-index:9993;} #headerArea .toppage{height:151px;} #navigation.fixed{ z-index: 9993; position:fixed;top:0;height:88px;} /* ロゴ */ /*#siteId { text-align:center; margin:0 auto;} #siteId .logo{width:307px;height:118px;}*/ #siteId {float:left;display:none; text-align:right; width:613px;} #siteId .logo{width:236px;height:118px;padding-top:33px;} /*2015 HLW (終了時は削除) #siteId .logo{width:516px;padding-top:33px;} #siteId {width:753px;} */ #siteId_s {float:left;width:662px;padding-top:22px;} #siteId_s .logo{width:213px;height:42px;/*padding-bottom:10px;*/} .toppage #siteId {display:block;} .toppage #siteId_s {display:none;} /*#siteId_s { width:323px; height:154px;} #siteId_s:before { display: block; content: ""; clear: both; }*/ /* ヘッダナビゲーション */ #headerArea .accounts {float:right;font-size:95%;width:990px;z-index:9996;zoom:1;position:absolute;} #headerArea .accounts .cart_on, #headerArea .accounts .cart_off, #headerArea .accounts .mypage, #headerArea .accounts .mypage_out { z-index:9993;zoom:1; position:relative;} /*#headerArea .accounts:after { display: block; content: ""; clear: both; }*/ #headerArea .accounts ul.cart_on, #headerArea .accounts ul.cart_off { min-width:95px; height:33px; margin-right: 0; margin-left: 2px; float:right;} #headerArea .accounts ul.cart_on li, #headerArea .accounts ul.cart_off li { border-top: none; border-right: solid 1px #E1E1E1; border-bottom: solid 1px #E1E1E1; border-left: solid 1px #E1E1E1; min-width:95px; height:33px; float:right; background:#fff url("/contents/images/header/pct_cart.gif") no-repeat 10px 11px;} #headerArea .accounts ul.cart_on li .num, #headerArea .accounts ul.cart_off li .num { cursor: pointer; color:#767676; min-width:50px; height:21px; padding-top: 8px; padding-bottom: 5px; padding-left: 35px; padding-right: 10px; float:left;} #headerArea .accounts li .num .ct{ color:#a9a9a9; font-size:90%; margin-right:8px; font-weight:normal;} #headerArea .accounts li .num .ctn{ color:#a9a9a9; font-size:87%; margin-right:0; font-weight:normal;} #headerArea .accounts ul.cart_on li .num{ font-weight:bold;} #headerArea .accounts ul.cart_on li.on{ background:#000 url("/contents/images/header/pct_cart_s.gif") no-repeat 10px 11px;} #headerArea .accounts ul.cart_on li.on .num{ color:#fff;} #headerArea .accounts li.on .num .ctn, #headerArea .accounts li.on .num .ct{ color:#fff;} #headerArea .accounts ul.emailnews, #headerArea .accounts ul.mypage_out { border-right: solid 1px #E1E1E1; border-bottom: solid 1px #E1E1E1; border-left: solid 1px #E1E1E1; min-width:95px; height:33px; margin-right: 0; margin-left: 2px; float:right;} #headerArea .accounts ul.emailnews li, #headerArea .accounts ul.mypage_out > li { min-width:95px; float:right; background:#fff url("/contents/images/header/pct_login.gif") no-repeat 10px 9px;} #headerArea .accounts ul.emailnews li { background:#fff url("/contents/images/header/pct_mailmag.gif") no-repeat 10px 12px;} #headerArea .accounts ul.emailnews li span, #headerArea .accounts ul.mypage_out li span { cursor: pointer; color:#767676; min-width:50px; height:17px; padding-top: 10px; padding-bottom: 6px; padding-left: 35px; padding-right: 10px; float:left; font-size:90%;} #headerArea .accounts ul.emailnews li span{ padding-left: 33px;} #headerArea .accounts ul.mypage_out li.login { background:#000 url("/contents/images/header/pct_login_s.gif") no-repeat 10px 9px;} #headerArea .accounts ul.emailnews li.on { background:#000 url("/contents/images/header/pct_mailmag_s.gif") no-repeat 10px 12px;} #headerArea .accounts ul.emailnews li.on span, #headerArea .accounts ul.mypage_out li.login span { color:#fff;} #headerArea .accounts ul.mypage { border-right: solid 1px #E1E1E1; border-bottom: solid 1px #E1E1E1; border-left: solid 1px #E1E1E1; min-width:95px; height:33px; margin-right: 0; margin-left: 2px; float:right;} #headerArea .accounts ul.mypage > li { min-width:95px; float:right; background:#fff url("/contents/images/header/pct_mypage.gif") no-repeat 10px 11px;} #headerArea .accounts ul.mypage > li span { /* cursor: pointer; */ color:#767676; min-width:50px; height:17px; padding-top: 10px; padding-bottom: 6px; padding-left: 31px; padding-right: 10px; float:left; font-size:90%;} #headerArea .accounts ul.mypage > li.myp { background:#000 url("/contents/images/header/pct_mypage_s.gif") no-repeat 10px 11px;} #headerArea .accounts ul.mypage > li.myp span { color:#fff;} #headerArea .accounts ul.mypage_out ul.member, #headerArea .accounts ul.mypage ul.myp { display: none; position: absolute; top: 33px; z-index: 9993; } #headerArea .accounts ul.mypage_out ul.member{ left:-1px;} #headerArea .accounts ul.mypage ul.myp li{ border-top: none; /* border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; border-left: solid 1px #ffffff; background-color:#E7E7E7; filter: alpha(opacity=80); opacity: 0.8; */ border-right: solid 1px #E1E1E1; border-bottom: solid 1px #E1E1E1; border-left: solid 1px #E1E1E1; background-color:#fff; filter: alpha(opacity=90); opacity: 0.9; float: none; vertical-align: bottom; min-width: 180px; zoom: 1; } #headerArea .accounts ul.mypage_out ul.member li{ font-size:92%; border-top: none; border-right: solid 1px #E1E1E1; border-bottom: solid 1px #E1E1E1; border-left: solid 1px #E1E1E1; min-width:95px; height:33px; filter: alpha(opacity=80); opacity: 0.8; zoom: 1; } #headerArea .accounts ul.mypage ul.myp li.noopacity{ background-color:#B9B9B9; filter: alpha(opacity=100); opacity: 1; zoom: 1; } #headerArea .accounts ul.mypage ul.myp li a { padding:3px 3px 3px 8px; display: block; /*color: #acacac;*/ color: #494949;} #headerArea .accounts ul.mypage_out ul.member li a{ padding:10px 0 7px 0; text-align:center; display: block; /*color: #acacac;*/ color:#767676;} #headerArea .accounts ul.mypage ul.myp li.favorite a.fav:hover, #headerArea .accounts ul.mypage ul.myp li a:hover { text-decoration: none; color: #FFFFFF; background-color:#B9B9B9;} #headerArea .accounts ul.mypage_out ul.member li a:hover{ text-decoration: none; color: #FFFFFF; background-color:#000;} #headerArea .accounts ul.mypage ul.myp li.noopacity a { color: #FFFFFF;} #headerArea .accounts ul.mypage ul.myp li.favorite a { padding-left: 20px; color: #e50083;} #headerArea .accounts ul.mypage ul.myp li.favorite a:hover { color: #FFFFFF;} #headerArea .accounts ul.mypage ul.myp li.noopacity a:hover { background-color:#000;} #headerArea .accounts ul.mypage ul.myp li.favorite a.fav { background: url("/contents/images/header/pct_favorite.gif") no-repeat 10px 10px;} #headerArea .accounts ul.mypage ul.myp li.favorite a.fav:hover{ background:#B9B9B9 url("/contents/images/header/pct_favorite_wt.gif") no-repeat 10px 10px;} /* フリーワード検索 */ #searchblock {position:relative; margin:0 auto; margin-bottom:0px; width: 990px; z-index:9995; zoom: 1; } #searchblock.off {z-index:1;} /*#searchblock.fixed{position:fixed;width:990px;}*/ #searchblock .search { margin-top:-8px; margin-bottom:15px; float: right; width: 200px; } #searchblock .sh.fixed {position:fixed;width:200px; z-index:9990;} /*imghoverNO*/ #searchblock .searchForm img{ padding-top:1px; display:block; filter: alpha(opacity=0); opacity:0;} #searchblock .searchForm .bd{float:left; border-top: solid 1px #a3a3a3; border-left: solid 1px #a3a3a3; width: 169px; } #searchblock .searchForm input[type="text"] {padding:2px; border: none; width: 150px; height: 21px; float: left; background-color: #fff; line-height: 21px; } #searchblock .searchForm a img.clearForm{opacity:1;padding:5px 0 0 0;display:block; float: right;} #searchblock .searchForm a img.submit{opacity:1; float: right;} /* KDL */ #suggestMain{ / position: absolute;*/ width: 100%; } #suggest{ position: absolute; background-color: #FFFFFF; min-width: 169px; z-index: 9995; margin-top: 22px; opacity: 0.9; } #suggest div{ padding: 3px 0px 3px 3px; display: block; min-width: 169px; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; } #suggest div.over, #suggest div.select{ color: #FFFFFF; background-color: #B9B9B9;} #suggest strong{ font-weight: bold; } /* ヘッダーリンクバナー */ #links{width:100%; background-color:#f0f0f0; display:block; margin:0;padding:0; height:32px;} #links.non{background-color:#fff;} #links .block { height: 32px; width: 990px; margin: 0 auto; position: relative; display: block; } /*#links .rt{position:absolute;right:0;}*/ #links .lt { float: left; margin: 0; padding: 0; } #links .rt { float: right; margin: 0; padding: 0; } #links li { float: left; height: 32px; margin: 0; padding: 0; } #links ul.rt li a{ padding-left:25px; height: 32px; line-height: 33px; display: block; text-align: center; background: url("/contents/images/header/header_arrow.png") no-repeat 18px 13px; } #links ul.rt li a:hover{ color:#e50083; background:url("/contents/images/header/header_arrow_pink.png") no-repeat 18px 13px; } #links ul.rt li.p a{ color:#e50083; background: url("/contents/images/header/header_arrow_pink.png") no-repeat 18px 13px; } /* #links ul.rt li.p a:hover{ color:#e50083; background:url("/contents/images/header/header_arrow.png") no-repeat 18px 13px; } */ #links ul.men li a:hover{ color:#0077DD; background:url("/contents/images/header/header_arrow_blue.png") no-repeat 18px 13px; } #links img { margin-left: 15px; } /*imghoverNO*/ #links .block a img{ vertical-align:text-bottom; filter: alpha(opacity=100); opacity: 1;} /*.fixed #links{display:none;}*/ /* カテゴリナビ */ #gnav {width:100%;display:inline-block; font-size:95%; height:38px; margin-bottom: 0; background: #000;} #gnav.fixed {position:fixed;z-index: 9990;zoom:1;} #gnav ul.nav {width:990px; height:100%; margin:0 auto;} #gnav > ul { position: relative; z-index: 9990; zoom: 1; background: #000 url("../es_images/common/bg_gnav_border.gif") no-repeat 100% 50%; } #gnav ul:after { display: block; content: ""; clear: both; } #gnav li {height:100%; padding-right: 0; float: left; position: relative; top: 0; left: 0; z-index: 9990; background: url("../es_images/common/bg_gnav_border.gif") no-repeat 0 50%; } /* pink #gnav li.sports, #gnav li.preorder { background-image: none; } #gnav li.preorder { padding-right: 0;} */ /*#gnav li.preorder,*/ #gnav li.mens{ background-image: none; } /* #gnav li.lastChild { padding-right: 0; background: none; }*/ #gnav li a { padding-top:6px; height: 32px; line-height: 28px; display: block; color: #fff; text-align: center; } #gnav li a:hover { text-decoration: none; /* background: url("../es_images/common/bg_gnav.gif") repeat-x 0 -26px #454545;*/ background:#535353;} /* pink*/ #gnav li.preorder a { color: #E50083;} #gnav li.preorder a:hover { background:#ff69b4; color:#fff; /*color: #E50083; background:#535353;*/} #gnav li.mens a:hover { background:#69b4ff; } /* #gnav li.new { width: 60px; } #gnav li.brand { width: 65px; } #gnav li.ladieswear { width: 65px; } #gnav li.shoes { width: 65px; } #gnav li.bags { width: 85px; } #gnav li.goods { width: 105px; } #gnav li.accessories { width: 85px; } #gnav li.lingeries { width: 85px; } #gnav li.homeGoods { width: 85px; } #gnav li.sports { width: 60px; } #gnav li.gift { width: 50px; } #gnav li.gourmet { width: 50px; } #gnav li.kids { width: 75px; } #gnav li.mens { background-color:#0083e5; width: 55px; } #gnav li.preorder { width: 60px; } */ #gnav ul ul { border-top: solid 1px #d1d1d1; display: none; position: absolute; top: 38px; left: 0; z-index: 9990; } #gnav ul ul li { padding-right: 0; border-right: solid 1px #d1d1d1; border-bottom: solid 1px #d1d1d1; border-left: solid 1px #d1d1d1; float: none; width: 198px; background: none; vertical-align: bottom; } #gnav ul ul.middle li { width: 138px;} #gnav ul ul a { /* padding: 5px 4px; */ padding: 2px 4px; height: auto; line-height: 26px; /* line-height: 1.2; */ display: block; color: #000; background-color: #fff; text-align: left; opacity: 0.9; filter: alpha(opacity=90); zoom: 1; } #gnav ul ul a:hover { background-image: none; background-color: #d2d2d2; text-decoration: none; } #gnav ul li.more span { padding-right: 12px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 100% 50%; } #gnav ul ul ul { position: absolute; top: -1px; left: 198px; } #gnav ul ul.middle ul { position: absolute; top: -1px; left: 138px; } #gnav ul li.homeGoods ul { margin-left: -110px; } #gnav ul li.homeGoods ul ul { margin-left: -398px; } #gnav ul li.sports ul { margin-left: -129px; } #gnav ul li.sports ul ul { margin-left: -398px; } #gnav ul li.gift ul { margin-left: -145px; } #gnav ul li.gift ul ul { margin-left: -398px; } #gnav ul li.gourmet ul { margin-left: -135px; } #gnav ul li.gourmet ul ul { margin-left: -398px; } #gnav ul.men li.gourmet ul{ margin-left: -145px; } #gnav ul.men li.gourmet ul ul { margin-left: -398px; } #gnav ul li.kids ul { margin-left: -105px; } #gnav ul li.kids ul ul { margin-left: -398px; } /* コンテンツエリアのコンテナ */ #contentsArea { margin-right: auto; margin-left: auto; margin-bottom: 11px; padding-bottom: 4px; padding-top: 17px; width: 990px;} #contentsAreaInner { /*background-color:#999999;*/ padding: 0; width: 990px;} #contentsArea_nw { margin-right: auto; margin-left: auto; padding-top:10px; margin-bottom: 11px; padding-bottom: 4px; width: 790px; background: url("../es_images/common/bg_container.gif") repeat-x 0 0; } #content #loginInfo{ margin-bottom:40px; } #content #loginInfo tr > td{ font-weight: bold; font-size: 150%; } #content { /* padding-bottom: 30px;*/ padding:4px 0 0 0; } #content table.cmnTable { margin-bottom: 15px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; } #content table.cmnTable th, #content table.cmnTable td { border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; } #content table.cmnTable th { padding: 8px; background-color: #ebebeb; font-weight: bold; } #content table.cmnTable td { padding: 10px 10px 9px; } #content table.cmnTable td .add{ padding-top: 10px; } #content table.cmnTable td .add, #content table.cmnTable td .before{ color:#cc0000; font-size:110%; } #content table.cmnTable thead th { text-align: center; } #content table.cmnTable th { font-weight: normal; vertical-align: middle; } #content table.cmnTable th span.requied { color: #cc0000; } /* #content table.cmnTable th span.note { padding-left: 1em; } */ #content table.cmnTable td { vertical-align: top; vertical-align: middle; } #content table.cmnTable td > ul.note li, #content table.cmnTable td > p.note, #content table.cmnTable td > span.note { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_dot.gif") no-repeat 2px 0.5em; font-size: 90%; vertical-align: top; } #content table.cmnTable td > ul.note li, #content table.cmnTable td > p.note { margin-top: 3px; display: block; } #content table.cmnTable td .zipCode .zipSearch { padding: 0 10px; } #content table.cmnTable td .zipCode .zipSearch img { padding-top: 2px; vertical-align: top; } #content table.cmnTable td .zipCode .zipSearch + .note { margin-top: 5px; display: block; } #content table.cmnTable td .errorMsg { padding-top: 3px; color: #cc0000; } #content table.cmnTable td .nameBlock + .errorMsg { clear: both; } #content table.cmnTable td input[type="text"], #content table.cmnTable td input[type="password"] { padding: 2px; border: 1px solid #7e9db9; background-color: #fff; } #content table.cmnTable ul.btnList li { margin-top: 5px; text-align: center; } #content table.cmnTable ul.btnList li li:first-child { margin-top: 0; } #content table.cmnTable ul.btnList li img { vertical-align: top; } #content .requestTable table.cmnTable { margin-bottom: 30px; } #content p.submit { margin-bottom: 20px; text-align: center; } #content table.cmnTable td.name .prdname, #content table.cmnTable td.name .prdimg{float:left;height:70px;} #content table.cmnTable td.day .prdimg img, #content table.cmnTable td.name .prdimg img{width:40px;} #content table.cmnTable td.name .prdimg{width:8%;} #content table.cmnTable td.name .prdname{width:92%;} #sidebar + #main table.cmnTable td.name .prdimg{width:20%;} #sidebar + #main table.cmnTable td.name .prdname{width:80%;} /* yoyaku */ #sidebar + #main table.cmnTable td.day .prdimg{width:13%;float:left;height:70px;} #sidebar + #main table.cmnTable td.day .prdimg + span{width:87%;float:left;height:70px;} #content #submitEdit {padding-top:20px; margin-bottom: 40px;} #content #submitEdit .cancel { margin-left: 60px;} #content ul.submit02 { margin-bottom: 20px; margin-right: auto; margin-left: auto; width: 502px; zoom: 1; } #content ul.submit02:after { display: block; content: ""; clear: both; } #content ul.submit02 li { padding: 10px 13px; width: 224px; float: left; text-align: center; } #content ul#submitConfirm li:first-child, #content ul.submit02 li:first-child { width: 200px;} /* 201911 auction */ #content #order_flow_wrapper .order_flow_detail + ul.submit02 { width: 680px;} #content #order_flow_wrapper .order_flow_detail + ul.submit02 li{ float:left;width:300px;} /* #content #order_flow_wrapper .order_flow_detail + ul.submit02 li:first-child { float:left;} */ #content div.submitcart { margin-bottom: 50px; width: 745px; text-align: center; zoom: 1; } #content div.submitcart img { padding: 10px 20px; text-align: center; } #content div.omatomeback { margin-bottom: 10px; /*width: 745px;*/ text-align: center; zoom: 1; } #content div.omatomeback img { padding: 10px 20px; text-align: center; } #content .submit03 { margin-bottom: 20px; text-align: right; } h1.titlebar + table.cmnTable { margin-top: -10px; } /* 1ライントピック */ #topic { padding: 0 10px 11px 0; /* background-color: #f0f0f0;*/ zoom: 1; } #topic:after { display: block; content: ""; clear: both; } #topic li { margin-right: 10px; float: left; /*padding-left: 8px;*/ padding-top: 2px; padding-bottom: 4px; display: inline-block; color:#cc0000; /*color: #e50083; background: url("/contents/images/common/icon_arrow_grey.gif") no-repeat 0 50%;*/ /*font-size:1.05em;*/ line-height: 1.2; width: 100%; font-size:120%; } #topic li a{color:#333;} /* #topic li:first-child {*/ /* width: 455px; }*/ #topic a { color: #e50083; } /* 再入荷リクエスト */ #restockRequest { margin: -5px 20px 15px; padding: 10px 0; background-color: #f0f0f0; color: #e50083; font-weight: bold; line-height: 1.2; text-align: center; } /* メッセージ */ #activeMsg { margin-bottom: 20px; padding: 10px; background-color: #f0f0f0; color: #e50083; font-weight: bold; line-height: 1.2; text-align: center; } ul#activeMsg { padding: 10px 10px 5px; } ul#activeMsg li { margin-bottom: 5px; } h1.titlebar + #activeMsg { margin-top: -20px; } #content.mypage h1.titlebar + #activeMsg { margin-top: -10px; } /* パンくず */ /* #topicpath { padding: 5px 20px 10px 0; font-size: 91.667%; } #topicpath li { color: #e50083; display: inline; } #topicpath li a { color: #333; } #topicpath li span { padding-right: 8px; padding-left: 8px; } #topicpath li strong{ font-weight:normal;} */ ul#topicpath { display: table; padding-top: 20px!important; border-top: 1px solid #dddddd; font-size: 12px; margin-bottom: 70px!important; width: 100%; height: 12px; } ul#topicpath:after{ display: block; content: ""; clear: both; } ul#topicpath li { float:left; } ul#topicpath li span{ display:none;} ul#topicpath a { -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); margin-right:15px; } ul#topicpath a:hover { opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; text-decoration:underline; } ul#topicpath a:after{ padding-left:15px; content: url("/web/default/es_images/detail/text_arrow_right.gif"); position: relative; } /* コンテンツエリア */ #content { padding-bottom:20px; width: 990px; zoom: 1; } #contentsAreaInner .login{ padding-bottom:0;} #content:after { display: block; content: ""; clear: both; } #content_nw { background-color:#ffffff; padding: 20px 20px 30px; width: 750px; zoom: 1; } #content_nw:after { display: block; content: ""; clear: both; } /*#noGnav { border-top: solid 1px #ccc; }*/ /* メインコンテンツ */ #noGnav #main, #main { float: right; width: 746px; min-height: 300px; /* 見出し */ /* エラーメッセージ */ /* ブランドの説明 */ /* ブランドから探す */ /* ブランド入荷通知メール登録 */ /* 商品フィルタ */ /* パジネーション */ /* 商品一覧 */ /* 商品モジュール */ } #main.productlist { margin-top:30px;} #main h1.titlebar { margin-bottom: 30px; padding: 6px 10px 4px 10px; background-color: #000; color: #fff; font-size: 130%; font-weight: bold; } #main h1.titlebar + h2 { margin-top: -20px; margin-bottom: 30px; font-weight: bold; } #main h1.titlebar + .lead { margin-top: -20px; } #main .header{ position:relative; margin:0 0 16px; } #main #rankingTop10 .header{ margin-top:50px; } #main .header .more{ top:16px; } #main .header .more a img{ vertical-align:top; } #main .header p.lead { margin-bottom: 13px; font-size: 90%; } #main h1.titlebar + p.desc { margin-top: -15px; } #main .header p.desc { margin-bottom: 20px; } #main ul.errorMsg { font-size:14px; font-weight:bold; padding-bottom: 10px; color: #cc0000; } #main ul.errorMsg li { margin-bottom: 5px; } #main .brandDesc { margin-top: -20px; margin-bottom: 25px; position: relative; top: 0; left: 0; } #main .brandDesc .inner { min-height: 220px; } #main .brandDesc dl { margin-left: 438px; margin-bottom: 15px; width: 308px; } #main .brandDesc dl dt { margin-bottom: 15px; padding-bottom: 5px; border-bottom: solid 1px #000; text-align: center; } #main .brandDesc dl dd { font-size: 91.667%; } #main .brandDesc p.mailRequest { margin-left: 438px; width: 308px; text-align: center; } #main .brandDesc .figure { width: 428px; height: 200px; position: absolute; top: 0; left: 0; } #main .brandDesc .brandInfo { margin-top: 15px; padding: 7px 10px; background-color: #f0f0f0; text-align: center; } #main .brandDesc .brandInfo a { color: #e50083; font-weight: bold; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt_accent.gif") no-repeat 0 0.2em; } /* ヘッダーインクルード修正 */ .brandDesc { margin-top: 10px; margin-bottom: 0; position: relative; padding:0; top: 0; left: 0; } .brandDesc a { margin:7px 0 0 0; /*font-weight:bold;*/ display:block; text-decoration:underline; } .brandDesc .inner { border-bottom: solid 1px #000; border-top: solid 1px #000; height: 238px; } .brandDesc .inner_camp{ padding-top:20px; border-bottom: solid 1px #000; border-top: solid 1px #000; height: 100%; } .brandDesc dl dt { width:176px; padding-top:84px; padding-left:18px;} .brandDesc dl dd { line-height:1.5; position: absolute; width: 300px; top: 20px; left: 204px; font-size: 91.667%; } .brandDesc .camp { font-size:100%; line-height:1.7; min-height:220px; /* min-height:267px; top: 20px;*/ padding-bottom: 25px;/*10*/} .brandDesc .camp .lt{ padding: 5px 15px 10px 0; float:left;} .brandDesc .camp .figure_camp { /* margin-bottom:10px;*/ margin-left:20px; margin-top: 5px; float:right; } .brandDesc .camp .title{ vertical-align: super; font-size:140%; font-weight:bold; padding:0!important; margin:0!important; border-bottom:none!important;} .brandDesc .camp .by{ font-size:80%; padding-bottom:10px;} .brandDesc .camp p{ font-size:110%;} .brandDesc .camp p .bol{ font-weight:bold;} .brandDesc .inner_camp .camp_bottom a{margin:0;} .brandDesc .inner_camp .camp_list a{display:block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; padding:25px;margin:0;} .brandDesc .inner_camp .camp_list a:hover{color:#fff;background:#000;} .brandDesc .inner_camp .camp_bottom{ position:relative; display:block; width:82px; height:84px; float:left; /* margin-top:15px;*/ margin-bottom:12px;} /* .brandDesc .inner_camp .camp_list{ background: url("/contents/camp/images/category_hoveroff.gif") no-repeat 7px 0; position:relative; display:block; width:210px; height:84px; padding-left:7px; float:left; margin-bottom:12px;} */ .brandDesc .inner_camp .camp_list{ background: url("/contents/camp/images/category_hoveroff.gif") repeat 7px 0; position:relative; display:block; width:220px; height:84px; margin-left:13px; float:left; margin-bottom:12px;} .brandDesc .inner_camp .camp_list_hover{ background: url("/contents/camp/images/category_hoveron.gif") repeat 7px 0; position:relative; display:block; width:220px; height:84px; margin-left:13px; float:left; /* margin-top:15px;*/ margin-bottom:12px;} .brandDesc .inner_camp .camp_select{ background: url("/contents/camp/images/category_hoveron.gif") repeat 7px 0; position:relative; display:block; width:220px; height:84px; margin-left:13px; float:left; /* margin-top:15px;*/ margin-bottom:12px;} .brandDesc .inner_camp .camp_select img, .brandDesc .inner_camp .camp_list img, .brandDesc .inner_camp .camp_list_hover img{ float:left; width:45px; margin-top:2px; margin-left:2px;} .brandDesc .inner_camp .camp_select .rt, .brandDesc .inner_camp .camp_list .rt, .brandDesc .inner_camp .camp_list_hover .rt{ width:169px; /* margin-top:20px;*/ text-align:center; float:right;} .brandDesc .inner_camp .camp_select .rt a, .brandDesc .inner_camp .camp_list_hover .rt a{ padding:20px; color:#ffffff;} .brandDesc p.mailRequest { /* margin-top:8px;*/ width: 300px; text-align: center; */} /* .brandDesc p.mailRequest a { display:inline; }*/ .brandDesc p.mailRequest .lt, .brandDesc p.mailRequest .lt image { display:none; } .brandDesc p.mailRequest .rt { float:left; } .brandDesc .figure { width: 428px; height: 200px; margin-bottom:20px; position: absolute; top: 20px; left: 522px; } .brandDesc .brandInfo { margin-top: 15px; padding: 7px 10px; background-color: #f0f0f0; text-align: center; } .brandDesc .brandInfo a { color: #e50083; font-weight: bold; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt_accent.gif") no-repeat 0 0.2em; } #content .name_title { /* font-size: xx-large; margin-bottom: 5px; */ font-size: 190%; font-weight: bold;} #content .name_kana { color: #666666; font-weight: bold; font-size: small;} #content .name_title .name_sub { font-size: 75%;} #content .header_bottom { margin-top:/*10*/1px; width: 100%; border-bottom: 1px solid #000000; height: 1px;} #content #brandIndexDate .header_bottom { border-bottom:none;} #content .brandNews { width:990px; margin-top:15px; /* margin-bottom:25px; */ padding-bottom:15px; border-bottom: solid 1px #000; } #content .brandNews:after { display: block; content: ""; clear: both; } #content .brandNews .title { float:left; height:60px; width:204px; background: url("/contents/images/common/ttl_brandnews.gif") no-repeat 15px 20px; } #content .brandNews ul { width:746px; float:left; } #content .brandNews ul li { width:248px; float:left; } #content .brandNews ul li .img { width:90px; float:left;} #content .brandNews ul li .img img{ border: solid 1px #ababab;} #content .brandNews ul li .txt { font-size:95%; width:145px; float:left; } #content .header{ position:relative; } #content .header .more{ width:35px; height:9px; position:absolute; right:0; } #moreEditorsCloset .header p.more { width:158px; height:33px; position:absolute; right:0; top:-1px; } #content .header .more a{ display:block; width:35px; height:9px; background:url("/contents/images/top1309/btn_more_default.gif") 0 0 no-repeat; } #content .header .more a:hover{ background:url("/contents/images/top1309/btn_more_hover.gif") 0 0 no-repeat; } #content .header .more a:hover img{ display:none; } #content .header p.lead { letter-spacing: -0.5px; margin-top: 5px; margin-bottom: 15px; font-size: 87%; } #content h1.main_titlebar + p.desc { margin-top: -15px; } #content .header p.desc { margin-bottom: 20px; } #content h1.main_titlebar { font-size: x-large; font-weight: bold; margin-bottom: 20px;} #content .space_top { height:1px; border-top: solid 1px #000; margin-bottom:20px; width:100%;} #content .space_bottom { height:1px; border-top: solid 1px #000; margin-top:20px; /* margin-bottom:25px; */ width:100%;} #content #mainImageCat { float:left; width:/*740px*/780px; left: 0; position: relative; top: 0; zoom: 1; } /*imghover*/ #content #mainImageCat li a:hover img { filter: alpha(opacity=80); opacity: 0.8;} #content #mainImageCat > ul{ float: left; margin: 0; padding:0; width: 462px; /*width: 482px;*/ } #content #mainImageCat .banner { float: left; width: /*227px*/298px; } #content #mainImageCat .banner li { width: 298px; text-align: center;} #content #mainImageCat .banner li:first-child { padding:0px; padding-bottom:10px;} /* #content #mainImageCat .banner li:last-child { padding-top:13px; padding-bottom:0px;} */ #content #mainImageCat .banner img {width:260px;} /* #content #mainImageCat .banner li.top { height:123px; padding:0 0 24px 0;} #content #mainImageCat .banner li.bottom { height:123px; padding:0;} #content #mainImageCat .carousel .prevNext a.prev { left: 5px; width: 15px; height: 34px; top: 118px; background: url("/contents/images/common/category_left.gif") no-repeat 0 0; } #content #mainImageCat .carousel .prevNext a.next { right: 5px; width: 20px; height: 34px; top: 118px; float:right; background: url("/contents/images/common/category_right.gif") no-repeat 5px 0; } */ /* 201311 ez組み込み後差し替え */ #content #NewArrival { background: url("/contents/images/common/cat_newarrival.gif") no-repeat 15px 15px; width:210px; float: left; background-color: #E5E5E5; padding: 45px 0 10px 0; } #content #NewArrival .logo{ margin-left:25px; margin-right:5px; height: 215px; overflow: auto; position: relative;} /* #content #NewArrival { background: url("/contents/images/common/cat_newarrival.gif") no-repeat 15px 15px; float: right; background-color: #E5E5E5; padding: 45px 0 10px 5px; width: 180px;} #content #NewArrival .logo{ margin-left:10px; margin-right:5px; height: 215px; overflow: auto; position: relative;}*/ #content #NewArrival li{width:148px; margin-bottom:8px; float:left;} #content #NewArrival .update{ margin-top:3px; font-size:80%; color: #999999;} /*imghoverwhite*/ #content #NewArrival .logo li{ background-color:#fff; display:block;} #content #NewArrival .logo li .update{ background-color:#E5E5E5; display:block;} #content #NewArrival:after{ display: block; content: ""; clear: both; } .clear { display: block; content: ""; clear: both; } #main .brandHeader { margin-bottom: 25px; } #main .brandHeader h2 { margin-bottom: 10px; font-weight: bold; } #main .brandHeader p { font-size: 90%; } #main h1 + .brandHeader { margin-top: -20px; } #main .brandListHeader { width:170px; border-top:none!important; height:20px; margin-left:5px; margin-right:5px; margin-bottom: 20px; padding-top: 0; padding-bottom: 10px; border-bottom: solid 1px #ababab; color: #000; } #main .brandListHeader h2 { font-size: 140%; font-weight: bold; padding-bottom: 0; margin-left: 5px; float: left; font-family:'Jost';font-weight:450; } #main .brandListHeader h2.select { margin-left: 0!important; padding:0 5px 0 5px!important; margin-bottom:0!important; background-color:#000000; color:#ffffff;} .brandborder [id^="index"] ul.select{ background-color:#f0f0f0;} #main .brandListHeader .right { font-size:90%; margin-bottom: 10px; padding-top: 0; width:100%; float: right; text-align: left;} #main .header + .brandListHeader { margin-top: -10px; } #main .brandNoticeHeader { padding-bottom: 5px; border-bottom: solid 1px #ababab; font-weight: bold; } #main .brandListHeader .select + .right { padding-top: 10px;} /* #main #brandIndexNav ul.tab { position: relative; z-index: 10; zoom: 1; } #main #brandIndexNav ul.tab:after { display: block; content: ""; clear: both; } #main #brandIndexNav ul.tab li { margin-right: 3px; float: left; } */ /* #main #brandIndexNav ul.tab li a, #main #brandIndexNav ul.tab li span { width: 150px; height: 18px; display: block; background-repeat: no-repeat; background-image: url("/contents/images/common/tab_brand_list2.gif"); overflow: hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; } #main #brandIndexNav ul.tab li.kana a { background-position: 0 0; } #main #brandIndexNav ul.tab li.alphabet a { background-position: -153px 0; } #main #brandIndexNav ul.tab li.category a { background-position: -306px 0; } #main #brandIndexNav ul.tab li.kana span { background-position: 0 -18px; } #main #brandIndexNav ul.tab li.alphabet span { background-position: -153px -18px; } #main #brandIndexNav ul.tab li.category span { background-position: -306px -18px; } #main #brandIndexNav ul.kubun_tab { position: relative; z-index: 10; zoom: 1; } #main #brandIndexNav ul.kubun_tab:after { display: block; content: ""; clear: both; } #main #brandIndexNav ul.kubun_tab li { margin-right: 5px; float: left; } #main #brandIndexNav ul.kubun_tab li a, #main #brandIndexNav ul.kubun_tab li span { width: 138px; height: 32px; display: block; white-space: nowrap; overflow: hidden; } */ /*imghoverNO*/ /* #main #brandIndexNav ul.kubun_tab li a img{ filter: alpha(opacity=100); opacity: 1;} #main #brandIndexNav ul.sale_tab { position: relative; z-index: 10; zoom: 1; } #main #brandIndexNav ul.sale_tab:after { display: block; content: ""; clear: both; } #main #brandIndexNav ul.sale_tab li { margin-right: 3px; float: left; } #main #brandIndexNav ul.sale_tab li a, #main #brandIndexNav ul.sale_tab li span { width: 140px; height: 31px; display: block; background-repeat: no-repeat; background-image: url("/contents/images/common/tab_brand_sale.gif"); overflow: hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; } #main #brandIndexNav ul.sale_tab li.alp a { background-position: 0px -1px; } #main #brandIndexNav ul.sale_tab li.cat a { background-position: -138px -1px; } #main #brandIndexNav ul.sale_tab li.update a { background-position: -277px -1px; } #main #brandIndexNav ul.sale_tab li.alp span { background-position: 0px -32px; } #main #brandIndexNav ul.sale_tab li.cat span { background-position: -138px -32px; } #main #brandIndexNav ul.sale_tab li.update span { background-position: -277px -32px; } #main #brandIndexNav .brandIndex { margin-top: -1px; padding: 10px 5px 4px 8px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-left: solid 1px #ccc; position: relative; z-index: 1; zoom: 1; } #main #brandIndexNav .brandIndex:after { display: block; content: ""; clear: both; } #main .brandborder { padding-top:10px; padding-bottom:10px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; border-left: solid 1px #ccc; position: relative; z-index: 1; zoom: 1; } #main .brandborder:after { display: block; content: ""; clear: both; } */ #main .salebrand_head { margin-bottom:35px;} #main .salebrand_head a { /* font-family: 'Jost';*/ -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); } #main .salebrand_head a:hover { opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; } #main .salebrand_head .sale_category {display:block; height:38px; margin:0 auto; text-align:center; /*padding-left:15px;*/} /* #main .salebrand_head .mens_cat { padding-left:4px;} */ #main .salebrand_head .sale_category li, #main .salebrand_head .sale_category li a{ line-height: 3em; display: table-cell; vertical-align: middle; font-size:90%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; width: 92px; height: 30px; float: left;} #main .salebrand_head .sale_category li.wide, #main .salebrand_head .sale_category li.wide a{ width:96px;} #main .salebrand_head .sale_category li{ border: solid 1px #ccc; border-top:none; border-left:none;} #main .salebrand_head .sale_category li:last-child{ border-right:none;} #main .salebrand_head .sale_category li a:hover { background: #000; color: #fff; filter: alpha(opacity=100)!important; opacity: 1!important;} /*imghoverNO #main .salebrand_head .sale_category li a:hover img{ filter: alpha(opacity=100); opacity: 1;} */ #main .salebrand_head .sale_btn{ margin:50px 0; width:100%; text-align:center;} #main .salebrand_head .sale_btn .btn, #main .salebrand_head .sale_btn .btn a{ line-height: 2.5em; display: inline-block; vertical-align: middle; font-size:120%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; color:#fff; background-color:#000; height: 40px; font-family:'Jost';font-weight:450; } #main .salebrand_head .sale_btn .btn a{ display:block;} #main .salebrand_head .sale_btn .btn{ margin:0 auto; margin-right:50px; border: solid 1px #ccc; height: 42px;} #main .salebrand_head .sale_btn .btn:last-child{ margin-right:0;} #main .salebrand_head .sale_btn .btn a:hover { background: #fff; color: #000; filter: alpha(opacity=100)!important; opacity: 1!important;} #main .salebrand_head .rate{width:304px;text-align:center;padding-top:2px;font-weight:bold;color:#e50083;font-size:120%;} #main .salebrand_head .off1, #main .salebrand_head .off2, #main .salebrand_head .off3 { width: 338px; float:left; margin:40px 0;} #main .salebrand_head .off2{text-align:center;} #main .salebrand_head .off3{text-align:right;} /*imghoverNO*/ #main .salebrand_head .off1 a:hover img, #main .salebrand_head .off2 a:hover img, #main .salebrand_head .off3 a:hover img{ filter: alpha(opacity=100); opacity: 1;} #main .salebrand_head .clear { display: block; content: ""; clear: both; } #main .salebrand_head .rit { width: 210px; float:right; padding-left:10px; padding-top:5px; padding-bottom:5px; background: url("../es_images/common/icon_arrow.png") no-repeat scroll 0 12px; } #main .salebrand_head .att { /* width:950px; */ width:720px; } #main .salebrand_head .att .list { line-height: 1.5; padding:10px 15px; margin-bottom:15px; color:#333333; background-color:#F0F0F0; } #main .salebrand_head .att .bld { font-weight:bold; margin-bottom:5px; color:#333333; } #main .salebrand_head .update { width:/*950px*/100%; margin-top:5px; padding-bottom:5px; /*border-bottom:1px dashed; background: url("/contents/images/sale_brand/line.gif") repeat-x 0 0;*/} #main .salebrand_head .update .line{ width:/*950px*/100%; height:5px; background: url("/contents/images/sale_brand/line.gif") repeat-x 0 0;} #main .salebrand_head .update em { color:#E50083; margin-right:10px; } #main .salebrand_head .update .txt { font-weight:bold; } #main #brandIndexNav #brandIndexDate { z-index: 1; zoom: 1; } #main #brandIndexNav #brandIndexDate:after { display: block; content: ""; clear: both; } /* #main #brandIndexNav .brandIndex ul { margin-right: 2px; padding-bottom: 6px; float: left; zoom: 1; } */ #main #brandIndexNav #brandIndexDate ul.date { margin-right: 2px; margin-bottom: 50px; margin-top: 18px; float: left; zoom: 1; } #main #brandIndexNav h2.new { background: url("/contents/images/common/sale_ttl_whatsnew.gif") no-repeat scroll 0 0 transparent; height: 25px; text-indent: -9999px; width: 210px; float:left; } #main #brandIndexNav span.midashi { font-size: 12px; padding-top: 5px; width: 400px; float:left; } #main #brandIndexNav span.midashi:after { display: block; content: ""; clear: both; } #main #brandIndexNav h2.ranking { background: url("/contents/images/common/sale_ttl_ranking.gif") no-repeat scroll 0 0 transparent; height: 25px; text-indent: -9999px; width: 303px; float:left; margin-bottom:12px; } #main #brandIndexNav #brandIndexDate .num { position: absolute; top: -11px; left: -11px; z-index: 10; } #main #brandIndexNav h2.list { background: url("/contents/images/common/sale_ttl_brandlist.gif") no-repeat scroll 0 0 transparent; height: 25px; text-indent: -9999px; width: 234px; float:left; margin-bottom:12px; } #main #brandIndexNav .clear { display: block; content: ""; clear: both; } #main #brandIndexNav .brandIndex ul:after { display: block; content: ""; clear: both; } #main #brandIndexNav #brandIndexDate ul:after { display: block; content: ""; clear: both; } /* #main #brandIndexNav .brandIndex li { float: left; } #main #brandIndexNav .brandIndex li a, #main #brandIndexNav .brandIndex li span { border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; } #main #brandIndexNav #brandIndexDate li.date { background: url("../es_images/common/icon_arrow.png") no-repeat scroll 0 0.2em transparent; background-position:6px 9px; color:#878787; padding: 8px 10px 8px 15px; float: left; border: solid 1px #ffffff; background-color:#f0f0f0; zoom: 1; } #main #brandIndexNav #brandIndexDate li.date a { padding:8px; font-weight:bold; color:#E50083; } */ #main #brandIndexNav #brandIndexDate li.date { float: left; border: solid 1px #ffffff; background-color:#f0f0f0; zoom: 1; } #main #brandIndexNav #brandIndexDate li.date span { background: url("../es_images/common/icon_arrow.png") no-repeat scroll 0 0.2em transparent; background-position:6px 9px; color:#878787; padding: 8px 10px 8px 15px; border: solid 1px #ffffff; background-color:#f0f0f0; zoom: 1; } #main #brandIndexNav #brandIndexDate li.date a { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background: url("../es_images/common/icon_arrow.png") no-repeat scroll 0 0.2em transparent; background-position:6px 9px; padding: 8px 10px 8px 15px; border: solid 1px #ffffff; background-color:#f0f0f0; font-weight:bold; color:#E50083; zoom: 1; } #main #brandIndexNav #brandIndexDate li.date a:hover { font-weight:bold; background-color:#E50083; color:#ffffff; } #main #brandIndexNav .brandIndex li:first-child a, #main #brandIndexNav .brandIndex li:first-child span { border-left: solid 1px #ccc; } /* #main #brandIndexNav #brandIndexKana ul { width: 185px; } #main #brandIndexNav #brandIndexKana ul.lastChild { width: 66px; } #main #brandIndexNav #brandIndexKana ul.wa-n{ width: 111px; } #main #brandIndexNav #brandIndexKana li a, #main #brandIndexNav #brandIndexKana li span { width: 35px; height: 23px; background-repeat: no-repeat; background-image: url("/contents/images/common/btn_brandlist.gif"); } #main #brandIndexNav #brandIndexKana li a.kana-ya, #main #brandIndexNav #brandIndexKana li span.kana-ya, #main #brandIndexNav #brandIndexKana li a.kana-yu, #main #brandIndexNav #brandIndexKana li span.kana-yu { margin-right: 36px; } #main #brandIndexNav #brandIndexKana li a.kana-other, #main #brandIndexNav #brandIndexKana li span.kana-other { width: 57px; } #main #brandIndexNav #brandIndexKana li a.kana-a { background-position: -1px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-a { background-position: -1px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-i { background-position: -37px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-i { background-position: -37px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-u { background-position: -73px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-u { background-position: -73px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-e { background-position: -109px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-e { background-position: -109px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-o { background-position: -145px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-o { background-position: -145px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ka { background-position: -188px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ka { background-position: -188px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ki { background-position: -224px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ki { background-position: -224px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ku { background-position: -260px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ku { background-position: -260px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ke { background-position: -296px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ke { background-position: -296px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ko { background-position: -332px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ko { background-position: -332px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-sa { background-position: -375px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-sa { background-position: -375px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-si { background-position: -411px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-si { background-position: -411px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-su { background-position: -447px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-su { background-position: -447px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-se { background-position: -483px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-se { background-position: -483px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-so { background-position: -519px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-so { background-position: -519px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ta { background-position: -562px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ta { background-position: -562px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ti { background-position: -598px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ti { background-position: -598px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-tu { background-position: -634px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-tu { background-position: -634px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-te { background-position: -670px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-te { background-position: -670px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-to { background-position: -706px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-to { background-position: -706px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-na { background-position: -749px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-na { background-position: -749px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ni { background-position: -785px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ni { background-position: -785px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-nu { background-position: -821px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-nu { background-position: -821px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ne { background-position: -857px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-ne { background-position: -857px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-no { width: 34px; background-position: -893px -1px; } #main #brandIndexNav #brandIndexKana li span.kana-no { width: 34px; background-position: -893px -63px; } #main #brandIndexNav #brandIndexKana li a.kana-ha { background-position: -1px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-ha { background-position: -1px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-hi { background-position: -37px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-hi { background-position: -37px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-hu { background-position: -73px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-hu { background-position: -73px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-he { background-position: -109px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-he { background-position: -109px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-ho { background-position: -145px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-ho { background-position: -145px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-ma { background-position: -188px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-ma { background-position: -188px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-mi { background-position: -224px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-mi { background-position: -224px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-mu { background-position: -260px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-mu { background-position: -260px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-me { background-position: -296px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-me { background-position: -296px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-mo { background-position: -332px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-mo { background-position: -332px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-ya { background-position: -375px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-ya { background-position: -375px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-yu { background-position: -447px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-yu { background-position: -447px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-yo { background-position: -519px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-yo { background-position: -519px -94px; } #main #brandIndexNav #brandIndexKana ul.ya-yo { background: url("/contents/images/common/btn_brandlist.gif") no-repeat -374px -31px; } #main #brandIndexNav #brandIndexKana li a.kana-ra { background-position: -562px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-ra { background-position: -562px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-ri { background-position: -598px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-ri { background-position: -598px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-ru { background-position: -634px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-ru { background-position: -634px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-re { background-position: -670px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-re { background-position: -670px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-ro { background-position: -706px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-ro { background-position: -706px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-wa { background-position: -749px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-wa { background-position: -749px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-wo { background-position: -785px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-wo { background-position: -785px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-nn { background-position: -821px -32px; } #main #brandIndexNav #brandIndexKana li span.kana-nn { background-position: -821px -94px; } #main #brandIndexNav #brandIndexKana li a.kana-other { background-position: -861px -125px; } #main #brandIndexNav #brandIndexKana li span.kana-other { background-position: -861px -156px; } #main #brandIndexNav #brandIndexAlphabet ul { width: 230px; } #main #brandIndexNav #brandIndexAlphabet ul.v-z { width: 165px; } #main #brandIndexNav #brandIndexAlphabet ul.lastChild { margin-left:5px; width: 65px; } #main #brandIndexNav #brandIndexAlphabet li a, #main #brandIndexNav #brandIndexAlphabet li span { width: 31px; height: 23px; background-repeat: no-repeat; background-image: url("/contents/images/common/btn_brandlist.gif"); } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-other, #main #brandIndexNav #brandIndexAlphabet li span.alphabet-other { width: 58px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-a { background-position: -1px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-a { background-position: -1px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-b { background-position: -33px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-b { background-position: -33px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-c { background-position: -65px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-c { background-position: -65px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-d { background-position: -97px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-d { background-position: -97px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-e { background-position: -129px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-e { background-position: -129px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-f { background-position: -161px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-f { background-position: -161px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-g { background-position: -193px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-g { background-position: -193px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-h { background-position: -232px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-h { background-position: -232px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-i { background-position: -264px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-i { background-position: -264px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-j { background-position: -296px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-j { background-position: -296px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-k { background-position: -328px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-k { background-position: -328px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-l { background-position: -360px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-l { background-position: -360px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-m { background-position: -392px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-m { background-position: -392px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-n { background-position: -424px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-n { background-position: -424px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-o { background-position: -463px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-o { background-position: -463px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-p { background-position: -495px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-p { background-position: -495px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-q { background-position: -527px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-q { background-position: -527px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-r { background-position: -559px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-r { background-position: -559px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-s { background-position: -591px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-s { background-position: -591px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-t { background-position: -623px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-t { background-position: -623px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-u { background-position: -655px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-u { background-position: -655px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-v { background-position: -694px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-v { background-position: -694px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-w { background-position: -726px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-w { background-position: -726px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-x { background-position: -758px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-x { background-position: -758px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-y { background-position: -790px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-y { background-position: -790px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-z { background-position: -822px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-z { background-position: -822px -156px; } #main #brandIndexNav #brandIndexAlphabet li a.alphabet-other { background-position: -861px -125px; } #main #brandIndexNav #brandIndexAlphabet li span.alphabet-other { background-position: -861px -156px; } #main #brandIndexNav #brandIndexCategory ul { width: 930px; } #main #brandIndexNav #brandIndexCategory li a, #main #brandIndexNav #brandIndexCategory li span { height: 23px; background-repeat: no-repeat; background-image: url("/contents/images/common/btn_brandlist.gif"); } #main #brandIndexNav #brandIndexCategory li a.category-ladiesFashion { width: 78px; background-position: -64px -187px; } } #main #brandIndexNav #brandIndexCategory li span.category-ladiesFashion { width: 156px; background-position: -2px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-shoes { width: 78px; background-position: -157px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-shoes { width: 78px; background-position: -157px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-bags { width: 99px; background-position: -232px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-bags { width: 99px; background-position: -232px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-goods { width: 123px; background-position: -333px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-goods { width: 123px; background-position: -333px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-accessories { width: 99px; background-position: -456px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-accessories { width: 99px; background-position: -456px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-lingeries { width: 94px; background-position: -555px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-lingeries { width: 94px; background-position: -555px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-homeGoods { width: 97px; background-position: -652px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-homeGoods { width: 97px; background-position: -652px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-sports { width: 74px; background-position: -750px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-sports { width: 74px; background-position: -750px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-gift { width: 78px; background-position: -11px -249px; } #main #brandIndexNav #brandIndexCategory li span.category-gift { width: 78px; background-position: -11px -280px; } */ /* #main #brandIndexNav #brandIndexCategory li a.category-ladiesFashion { width: 156px; background-position: -1px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-ladiesFashion { width: 156px; background-position: -1px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-shoes { width: 81px; background-position: -158px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-shoes { width: 81px; background-position: -158px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-bags { width: 105px; background-position: -240px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-bags { width: 105px; background-position: -240px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-goods { width: 125px; background-position: -346px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-goods { width: 125px; background-position: -346px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-accessories { width: 101px; background-position: -472px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-accessories { width: 101px; background-position: -472px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-lingeries { width: 100px; background-position: -574px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-lingeries { width: 100px; background-position: -574px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-homeGoods { width: 105px; background-position: -675px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-homeGoods { width: 105px; background-position: -675px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-sports { width: 81px; background-position: -781px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-sports { width: 81px; background-position: -781px -218px; } #main #brandIndexNav #brandIndexCategory li a.category-kids { width: 64px; background-position: -863px -187px; } #main #brandIndexNav #brandIndexCategory li span.category-kids { width: 64px; background-position: -863px -218px; } */ #main #brandFeature { margin-bottom: 50px; padding-top: 10px; border-top: solid 1px #ababab; border-bottom: solid 1px #ababab; background-color: #f0f0f0; } #main #brandFeature .section { margin-bottom: 20px; padding-top: 10px; } #main #brandFeature .header { margin-right: 25px; margin-left: 25px; margin-bottom: 20px; padding-bottom: 7px; border-bottom: solid 1px #ababab; color: #000; } #main #brandFeature .header h2 { padding-bottom: 7px; font-size: 133.333%; font-weight: bold; } #main #brandFeature .carousel { margin-left: 7px; padding: 0 17px; border-top: none; width: 900px; } #main #brandFeature .carousel .frame { margin-right: 0; margin-left: 0; width: 900px; } #main #brandFeature .carousel .prevNext a.prev, #main #brandFeature .carousel .prevNext a.next { top: 55px; } #main #brandFeature .carousel ul.brandPickup { margin-left: 0; } #main #brandFeature .carousel ul.brandPickup > li { margin-right: 10px; width: 142px; } #main #brandFeature .carousel ul.brandPickup > li span { display: block; } #main #brandFeature .carousel ul.brandPickup > li span.date { margin-bottom: 5px; color: #000; } #main #brandFeature .carousel ul.brandPickup > li span.image { margin-bottom: 10px; } #main #brandFeature .carousel ul.brandPickup > li span.name { font-size: 90%; font-weight: bold; } #main #brandFeature .carousel ul.brandPickup > li span.name a { color: #e50083; } #main .brandSection { margin-bottom: 20px; padding-top: 10px; } #main .brandSection ul { margin-left: 0px; zoom: 1; } #main .brandSection ul:after { display: block; content: ""; clear: both; } #main .brandSection ul > li { margin-left: 7px; padding-bottom: 20px; float: left; width: 150px; /* overflow: hidden;*/ } #main .brandSection ul > li span { display: block; color: #000; font-size: 90%; } #main .brandSection ul > li span.en { margin-bottom:4px; } #main .brandSection ul > li span img { margin-bottom: 10px; border: solid 1px #ccc; } #main .brandSection table { margin-bottom: 20px; border-bottom: solid 1px #ababab; } #main .brandSection table td { padding: 10px 6px; width: 463px; line-height: 1.2; vertical-align: top; } #main .brandSection table td input { margin-right: 10px; } #main .brandSection table tr.even td { background-color: #f6f6f6; } #main .brandSection .toTop a { margin: 0 10px; padding-left: 10px; display: inline-block; } /*ブランド一覧*/ #main #brandIndexNav{width:100%;display:block;} #main #brandIndexNav ul.kubun_tab li a, #main #brandIndexNav ul.kubun_tab li { line-height: 3em; font-size: 12px; display: table-cell; vertical-align: middle; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; width:190px; height:35px; margin-right: 5px; float: left;} #main #brandIndexNav ul.kubun_tab li:first-child{margin-left:1px;} #main #brandIndexNav ul.kubun_tab li a:hover { background: #333; color: #fff; } #main #brandIndexNav ul.kubun_tab:after{ display: block; content: ""; clear: both; } #main #brandIndexNav ul.kubun_tab li.on { background: #f5f5f5; border: solid 1px #f5f5f5;} #main #brandIndexNav ul.kubun_tab li.off { background-color: none; border: solid 1px #ccc; border-bottom: solid 1px #f5f5f5;} #top-2016 .content .brandIndex, #list-2016 .containts #brandIndexNav .brandIndex { margin-bottom:20px; border: none; background: #f5f5f5; text-align:center; /*padding: 20px 25px;*/} #top-2016 .content .brandIndex ul, #list-2016 .containts #brandIndexNav .brandIndex ul{ width:95%; margin:0 auto; padding: 20px 0; } #main #brandIndexNav #brandIndexAlphabet li a, #main #brandIndexNav #brandIndexAlphabet li span { font-size:15px; line-height: 2em; width: 35px; height: 35px;} #main #brandIndexNav #brandIndexAlphabet li a.alphabet-other, #main #brandIndexNav #brandIndexAlphabet li span.alphabet-other, #main #brandIndexNav #brandIndexAlphabet li a.kana-other, #main #brandIndexNav #brandIndexAlphabet li span.kana-other { width: 74px;} #main #brandIndexNav .brandIndex li {margin:2px; float: left; } #main #brandIndexNav .brandIndex li a, #main #brandIndexNav .brandIndex li span { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; background:#fff; border: solid 1px #ccc; display: block; overflow: hidden; white-space: nowrap; overflow: hidden; font-family:'Jost';font-weight:450; } #main #brandIndexNav .brandIndex li span{color:#ccc;} #main #brandIndexNav .brandIndex li a:hover { background: #333; color: #fff; filter: alpha(opacity=100)!important; opacity: 1!important;} #main #brandIndexNav #brandIndexCategory li a, #main #brandIndexNav #brandIndexCategory li span { font-size:15px; line-height: 2em; width: 152px; height: 35px;} #addfavorite.normal_brand { margin: 0px 0px 5px; padding: 5px!important; /* background-color: #ffffff;*/ zoom: 1; } #addfavorite.normal_brand li { margin-bottom: 10px; display: inline-block; line-height: 1.5; width: 100%;} #addfavorite.normal_brand li .name { font-size:115%; font-family:'Jost'; display:inline-block; min-width: 170px;} #addfavorite.normal_brand li .name .grey{ font-family:'Jost';font-weight:450; } #addfavorite.normal_brand li .name a{width:100%;} #addfavorite.normal_brand li.fav { cursor:pointer; float: left; display: inline-block; width: 90px; height:25px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; font-size:80%; line-height: 2.5em; background: #f5f5f5; color:#aaa; border: solid 1px #f5f5f5;} #addfavorite.normal_brand li.fav.on{ background: #none; border: none;} #addfavorite.normal_brand li.fav:hover{ /*opacity: 0.7; filter: alpha(opacity=70);*/ background: #aaa; color:#fff; cursor: pointer;} #addfavorite.normal_brand li.fav.on{ opacity: 0.5; filter: alpha(opacity=50);} #addfavorite.normal_brand li.fav.on:hover{ opacity: 0.3; filter: alpha(opacity=30); cursor: pointer;} #addfavorite.normal_brand li.new { float: left; display: inline-block; width: 75px; height:23px; text-align: center; font-family:'Jost'; font-size:90%; line-height: 2em; background: #fff; color:#e50083; border: solid 1px #e50083;} .normal_brand a { float:left; } #addfavorite .icon{ margin:0 0 3px 0;} #itemSummary #addfavorite .icon{ margin-top:2px;} #itemSummary_product #addfavorite .icon{ margin-left:5px; margin-top:2px;} #addfavorite .non .ja, #addfavorite .non .en, #addfavorite .non a .grey, #addfavorite .non a{color:#DDDDDD;} #addfavorite .non .image{filter: alpha(opacity=30); opacity: 0.3;} #addfavorite .favB { margin:0 4px 0 0; position:relative; cursor:pointer; display:block; width:17px; height:17px; float:left;} #itemDetail #addfavorite .favB { margin-top:-5px; width:25px;} #itemDetail #addfavorite .favB .icon{ padding-top: 2px; width:18px;} #window #itemDetail #addfavorite .favB { margin-top:1px; width:20px;} #window #itemDetail #addfavorite .favB .icon{ padding-top:0; width:15px;} #addfavorite .notB { /*margin:0 4px 0 0; position:relative; cursor:pointer; display:block; width:17px; height:17px; float:left; */ display:none; } #addfavorite .notB img, #addfavorite .favB img{ border:0 none!important;} #addfavorite .notB div, #addfavorite .favB div{ position:absolute; top:-25px; left:-10px;} #itemDetail #addfavorite .favB div{ top:-20px; left:-5px;} #window #itemDetail #addfavorite .favB div{ top:-25px; left:-5px;} #addfavorite .logo .notB div, #addfavorite .logo .favB div{ position:absolute; top:-25px; left:-5px;} .normal_brand a .grey { color: #878787; font-size:85%;} .normal_brand .lft { margin-left:5px; margin-top:3px; float:left;} .normal_brand em { color: #E50083; } .normal_brand h2 { font-size: 133.333%; font-weight: bold; padding-top: 10px; padding-bottom: 5px; } .normal_brand .center a img { padding: 20px 0px 20px;} /*セールブランド一覧*/ #main .sale_brand { margin: 0px 0px 5px; padding: 2px 5px; /* background-color: #ffffff;*/ zoom: 1; } #main .sale_brand:after { display: block; content: ""; clear: both; } #main .sale_brand li { margin-right: 5px; margin-top: 3px; margin-bottom: 15px; float: left; padding-left: 13px; display: inline-block; line-height: 1.5; width: 300px; background: url("/contents/images/common/icon_arrow_grey.gif") no-repeat 2px 0.4em; } #main .sale_brand a { float:left; } #main .sale_brand a .grey { color: #878787; font-size:85%;} #main .sale_brand .lft { margin-left:5px; float:left;} #main .sale_brand em { font-size:90%; margin-left:3px; color: #E50083; } #main .sale_brand .off1{ filter: alpha(opacity=60); opacity:0.6; margin-top:2px; font-size:85%; padding: 1px 3px; background-color: #1E90FF; color: #ffffff; font-weight: bold; } #main .sale_brand .off2{ filter: alpha(opacity=60); opacity:0.6; margin-top:2px; font-size:85%; padding: 1px 3px; background-color: #0000FF; color: #ffffff; font-weight: bold; } #main .sale_brand .off3{ filter: alpha(opacity=60); opacity:0.6; margin-top:2px; font-size:85%; padding: 1px 3px; background-color: #9400D3; color: #ffffff; font-weight: bold; } #main .sale_brand .off4{ filter: alpha(opacity=60); opacity:0.6; margin-top:2px; font-size:85%; padding: 1px 3px; background-color: #d40000; color: #ffffff; font-weight: bold; } #main .sale_brand h2 { font-size: 133.333%; font-weight: bold; padding-top: 10px; padding-bottom: 5px; } #main .sale_brand_mail .center a img { padding: 20px 0px 20px;} #main .filter { padding-bottom: 15px; float: left; width: 100%; /*border-bottom:solid 1px #000;*/ background: url("/contents/images/sale_brand/line.gif") repeat-x scroll 0 25px rgba(0, 0, 0, 0); /* margin-bottom: 26px; padding-left: 2px; float: left; width: 480px; font-size:98%;*/ } #main .filter .inner { clear: both; } #main .filter dl { zoom: 1; white-space: nowrap; } /* #main .filter dl:after { display: block; content: ""; clear: both; }*/ #main .filter dl, #main .filter dt, #main .filter dd, #main .filter > ul > li{ float: left; } #main .filter dl { padding-bottom: 8px; height: 15px; line-height: 15px; padding-right:14px; zoom: 1; } #main .filter dl.stock {padding-right:0;} /* #main .filter dl:after { display: block; content: ""; clear: both; } #main .filter dl.hierarchy { width:736px; float: left;} #main .filter dl.price, #main .filter dl.yoyaku { float: left; } #main .filter dl { padding-right: 10px; }*/ /* #main .filter dl.image dt{ padding:1px; color:#FFFFFF; background-color: #E50083;} */ #main .filter dt { /* padding-right: 3px;*/ font-weight: bold; } /* #main .filter li { padding: 0 7px; border-left: solid 1px #000; color: #e50083; white-space: nowrap; } */ #main .filter dd > ul > li{ padding: 0; color: #e50083; white-space: nowrap; } @keyframes show{ from{ opacity: 0; } to{ opacity: 1; } } #main .filter li > ul{ animation: show 0.2s linear 0s;} #main .filter li.on{ color: #878787; } /* #main .filter li:first-child { border-left: 0; }*/ #main .filter li a { color: #878787; /*color: #333333;*/ } #main .filter dl.price li a{ font-weight:normal; } #main .filter ul{ position: relative; z-index: 9980;} #main .filter ul ul li { padding-right: 0; border-right: solid 1px #d1d1d1; border-bottom: solid 1px #d1d1d1; border-left: solid 1px #d1d1d1; float: none; /* width: 198px;*/ background: none; vertical-align: bottom; } #main .filter ul ul li:first-child {border-top: solid 1px #d1d1d1;} #main .filter ul ul{ display:none; position: absolute; right: 0; z-index: 9990; } #main .filter ul ul a { /* padding: 5px 4px; */ padding: 0 8px; height: auto; line-height: 30px; /* line-height: 1.2; */ display: block; color: #000; background-color: #fff; text-align: left;} #main .filter ul ul a:hover { background-color: #d2d2d2; text-decoration: none; } #main .filter li .down{ margin-left:5px; color:#D6D6D6; } #main .filter li.on .down{ color:#494949; } #main .filter .hierarchy ul ul > li { min-width: 100px; } #main .filter .price ul ul > li{ min-width: 55px; } #main .filter .yoyaku ul ul > li{ min-width: 40px; } #main .filter .number ul ul > li{ min-width: 50px; } #main .filter .image ul ul > li { min-width: 30px; } #main .filter .stock ul ul > li { min-width: 65px; } #main .pagination { width: auto; zoom: 1; } #main .pagination:after { display: block; content: ""; clear: both; } #main .pagination ul { /* margin-bottom: 20px;*/ float: right; text-align: right; zoom: 1; } #main .pagination ul:after { display: block; content: ""; clear: both; } #main .pagination li { padding-top:10px; padding-left: 5px; float: left;} #main .pagination li.dot{padding-top:14px;} #main .pagination li.next, #main .pagination li.prev { padding-top:0;} #main .pagination li.next a, #main .pagination li.prev a { font-size:150%; padding: 6px; display: block; } #main .pagination li a, #main .pagination li span { padding: 4px 8px 2px 8px; display: block; } #main .pagination li a { background-color: #f0f0f0; } #main .pagination li a:hover {background-color: #000;color:#fff;} #main .pagination li span { background-color: #000;color:#fff; } #main .prevnext { padding-left:20px; padding-top:15px; float:right; } #main .prevnext .page { margin:0 10px;} #main .pagination .prevnext{margin-bottom:50px;} #main .prevnext .prev, #main .prevnext .next{ font-size:100%; font-weight:bold; /* color:#c0c0c0; */} #main .prevnext .prev{padding-left:13px;min-width:55px; background: url("/contents/images/common/btn_pager_prev.gif") no-repeat 0 1px; filter: alpha(opacity=40); opacity:0.4;} #main .prevnext .next{padding-right:15px;min-width:55px; background: url("/contents/images/common/btn_pager_next.gif") no-repeat 40px 1px; filter: alpha(opacity=40); opacity:0.4;} #main .prevnext a .prev, #main .prevnext a .next{ filter: alpha(opacity=100); opacity:1;} #main #itemList + .pagination, #main #itemList_L + .pagination { padding-bottom: 45px; } #main #itemList, #main #itemList_L { margin-top:10px; padding-bottom: 20px; clear: both; } #main #itemList li { margin-right: 39px; padding-bottom: 20px; width: 110px; } #main #itemList li.mgrt { min-height:280px; margin-right: 49px; } #main #itemList_L li { margin-right: 48px; padding-bottom: 50px; width: 200px; } #main #itemList_L li.mgrt_L { min-height:410px; margin-right: 73px; } #main #itemList_L li.mgrt_L:nth-child(3n) { margin-right: 0; } #main #itemList_L li.mgrt_L.nthChild3n { margin-right: 0; } #main #itemList_L li.mgrt_L:nth-child(3n + 1) { clear: both; } #main #itemList_L li.mgrt_L.nthChild3n1 { clear: both; } #main #itemList li.nthChild5n { margin-right: 0; } #main #itemList li:nth-child(5n + 1) { clear: both; } #main #itemList li.nthChild5n1 { clear: both; } #main ul.items { zoom: 1; } #main ul.items:after { display: block; content: ""; clear: both; } #main ul.items li { float: left; width: 110px; position: relative; top: 0; left: 0; vertical-align: top; font-size: 90%; } #main ul.items ul.flgs { width: 110px; height: 165px; position: absolute; top: 0; left: 0; } #main #itemList_L ul.items li { float: left; width: 200px; position: relative; top: 0; left: 0; vertical-align: top; font-size: 90%; } #main #itemList_L ul.items ul.flgs { width: 200px; height: 300px; position: absolute; top: 0; left: 0; } #main #itemList ul.items ul.flgs li { margin-right: 0 !important; padding-bottom: 0 !important; float: none; width: auto !important; height: 15px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 100; } #main #itemList ul.items ul.flgs li img { vertical-align: top; } #main #itemList ul.items ul.flgs li.nthChild2 { right: 0; text-align: right; } #main #itemList ul.items ul.flgs li.nthChild3 { top: 150px; } #main #itemList ul.items ul.flgs li.nthChild4 { top: 150px; right: 0; text-align: right; } #main #itemList_L ul.items ul.flgs li { margin-right: 5px !important; padding-bottom: 0 !important; float: left; width: auto !important; height: 15px; top: 0; z-index: 100; } #main ul.items dl { zoom: 1; } #main ul.items .box { zoom: 1; } #main ul.items dl:after { display: block; content: ""; clear: both; } #main ul.items .box:after { display: block; content: ""; clear: both; } #main ul.items dt { margin-bottom: 10px; } /* #main ul.items .figure { margin-bottom: 10px; }*/ #main ul.rnk3 dd.quick, #main ul.items dd.quick { text-align:right; margin-top: -10px; margin-bottom: 10px; } #main ul.items .figure_fav { border: 1px solid #CCCCCC; display: block; height: 165px; margin-bottom: 5px; overflow: hidden; /* padding: 1px; */ width: 110px; } /*imghoverNO*/ #main ul.rnk3 dd.quick a img, #main ul.items dd.quick a img{ filter: alpha(opacity=100); opacity: 1;} #main ul.items .brandName, #main ul.items .brandName a { color: #333;} #main ul.items .productName, #main ul.items .color, #main ul.items .brandName { /*font-size:1.1em; padding-top: 0.35em; margin-bottom: 3px; padding-bottom: 0.35em; */ text-overflow: ellipsis; overflow:hidden; white-space:nowrap; text-align:center;} #main ul.items .productName{ margin-bottom: 0;} #main #itemList_L ul.items .productName, #main #itemList ul.items .productName, #main #itemList_L ul.items .color, #main #itemList ul.items .color, #main #itemList_L ul.items .brandName, #main #itemList ul.items .brandName { text-align:left;} #main #itemList_L ul.items .productName, #main #itemList ul.items .productName, #main #itemList_L ul.items .color, #main #itemList ul.items .color{ line-height:1.2;} #main ul.items .color { /* margin-bottom: 5px;*/ color: #333333 !important; font-weight: normal !important; } #main ul.items .stock { line-height:1.2; float: left; } #main ul.items .stock em { font-size:95%; color: #c00; } #main ul.items .off { line-height:1.2; clear: left; } #main ul.items .off em { font-size:95%; color: #c00; } #main ul.items .stock .outOfStock { color: #666; } #main ul.items .price { text-align: center; color: #333333 !important; /* font-size: 100% !important; font-size:1.1em; */ line-height:1.2; font-weight: normal !important; } #main #itemList_L ul.items .price, #main #itemList ul.items .price { float: right;} #main ul.items .delete { padding-top: 5px; padding-bottom: 5px; clear: both; text-align: center; } #main #itemTOP3 { padding-bottom: 20px; clear: both; } #main #itemTOP3 li.top1 { margin-right: 50px; padding-bottom: 20px; width: 268px; } #main ul.rnk3 li.top1 { float: left; width: 268px; position: relative; top: 0; left: 0; vertical-align: top; font-size: 90%; } /* 1位 */ #main #itemTOP3 #ranking_border1 { border: solid 1px #c7a213; padding:10px; /* 余白 */ } /* 2位 */ #main #itemTOP3 #ranking_border2 { border: solid 1px #a2a2a2; padding:15px; /* 余白 */ } /* 3位 */ #main #itemTOP3 #ranking_border3 { border: solid 1px #b77344; padding:15px; /* 余白 */ } #main ul.rnk3 li.top1 img.one1 { padding-left: 79px; } #main #itemTOP3 li.top2 { margin-right: 50px; padding-bottom: 20px; width: 189px; } #main ul.rnk3 li.top2 { float: left; width: 189px; position: relative; top: 0; left: 0; vertical-align: top; font-size: 90%; } #main ul.rnk3 li.top2 img.two2 { padding-left: 39px; } #main #itemTOP3 li.top3 { margin-right: 0px; padding-bottom: 20px; width: 189px; } #main ul.rnk3 li.top3 { float: left; width: 189px; position: relative; top: 0; left: 0; vertical-align: top; font-size: 90%; } #main ul.rnk3 li.top3 img.three3 { padding-left: 39px; } #main ul.rnk3 { zoom: 1; } #main ul.rnk3:after { display: block; content: ""; clear: both; } #main ul.rnk3 li { float: left; width: 110px; position: relative; top: 0; left: 0; vertical-align: top; font-size: 90%; } #main ul.rnk3 ul.flgs { width: 110px; height: 165px; position: absolute; top: 0; left: 0; } #main ul.rnk3 ul.flgs li { margin-right: 0 !important; padding-bottom: 0 !important; float: none; width: auto !important; height: 12px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 100; } #main ul.rnk3 ul.flgs li img { vertical-align: top; } #main ul.rnk3 ul.flgs li.nthChild2 { right: 0; text-align: right; } #main ul.rnk3 ul.flgs li.nthChild3 { top: 153px; } #main ul.rnk3 ul.flgs li.nthChild4 { top: 153px; right: 0; text-align: right; } #main ul.rnk3 dl { zoom: 1; } #main ul.rnk3 dl:after { display: block; content: ""; clear: both; } #main ul.rnk3 dt { margin-bottom: 10px; } #main ul.rnk3 dd.brandName, #main ul.rnk3 dd.brandName a { color: #333333;} #main ul.rnk3 dd.brandName { padding-bottom: 0.25em; } #main ul.rnk3 dd.color { color: #333333 !important; font-weight: normal !important; } #main ul.rnk3 dd.stock { float: left; } #main ul.rnk3 dd.stock em { color: #c00; } #main ul.rnk3 dd.brandName, #main ul.rnk3 dd.productName, #main ul.rnk3 dd.color { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #main ul.rnk3 dd.off { clear: left; } #main ul.rnk3 dd.off em { color: #c00; } #main ul.rnk3 dd.stock .outOfStock { color: #666; } #main ul.rnk3 dd.price1 { /* margin-right:145px; */ float: right; text-align: right; color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #main ul.rnk3 dd.price { /* margin-right:80px; */ float: right; text-align: right; color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #main ul.rnk3 p.delete { padding-top: 10px; clear: both; text-align: center; } #main .aside { border-bottom: solid 1px #ababab; clear: both; } #main .aside .header { /* margin-bottom: 9px; */} #main .aside .header p.desc { margin-bottom: 0; } #main .aside h2 { /* margin-bottom: 5px;*/ font-size: 133.333%; font-weight: bold; } #main .aside ul.items { padding: 13px 3px 0; border-top: solid 1px #ababab; } #main .aside ul.items li { padding: 0 19px; } #main .aside ul.items ul { padding: 0 19px; } #main .aside ul.items li .flags { left: 19px; } #main .aside ul.items ul li { padding: 0; left: 19px; } #main .aside ul.items ul li.nthChild2 { right: 19px; } #main .aside ul.items ul li.nthChild3 { left: 19px; } #main .aside ul.items ul li.nthChild4 { right: 19px; } #main .aside p.more { position: absolute; bottom: 0; right: 0; } #main .aside p.more a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } #main .aside p.more a img { vertical-align: top; } #main .aside .num { text-align:center; padding:0 0 16px; } #main .number { padding-bottom:15px;} /* #main #ranking { margin-bottom: 35px; padding-bottom: 12px; } */ #main #ranking .more { text-align: center; } #main #ranking .more .link { margin-top:5px; margin-left:10px; margin-right:10px; margin-bottom:7px; background-color: #ffeaf4; } #main #ranking .more .link a { /* font-weight: bold; */ color: #e50083; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; display: inline-block; background: url("../es_images/common/icon_arrow_topic.gif") no-repeat 0 0.2em; } #main #ranking .header h2, #main #ranking .header p { display:none;} #ranking .carousel, #category_ranking .carousel{ margin-left:20px; width:950px;} #ranking .carousel .frame, #category_ranking .carousel .frame { left: 0; margin-left: 20px; margin-right: 20px; overflow: hidden; position: relative; top: 0; width: 910px;} #ranking .carousel .frame ul, #category_ranking .carousel .frame ul{ padding-left: 20px;} #ranking .carousel .frame ul.listitems li, #category_ranking .carousel .frame ul.listitems li { float: left; font-size: 90%; left: 0; position: relative; top: 0; vertical-align: top; width: 110px; padding: 0 20px;} #ranking .carousel .frame ul.listitems .num, #category_ranking .carousel .frame ul.listitems .num { padding: 0 0 16px; text-align: center;} #ranking .carousel .frame ul.listitems .figure, #category_ranking .carousel .frame ul.listitems .figure { margin-bottom: 10px;} #ranking ul.listitems .brandName, #ranking ul.listitems .brandName a, #category_ranking ul.listitems .brandName, #category_ranking ul.listitems .brandName a { color: #333;} #ranking ul.listitems .productName, #ranking ul.listitems .color, #ranking ul.listitems .brandName, #category_ranking ul.listitems .productName, #category_ranking ul.listitems .color, #category_ranking ul.listitems .brandName { /* padding-top: 0.35em; margin-bottom: 3px; padding-bottom: 0.35em; */ text-overflow: ellipsis; overflow:hidden; white-space:nowrap; text-align:center;} #ranking ul.listitems .productName, #category_ranking ul.listitems .productName{ margin-bottom: 0;} #ranking ul.listitems .price, #category_ranking ul.listitems .price { line-height:1.2; color: #333333 !important; font-size: 100% !important; font-weight: normal !important; text-align: center;} #ranking ul.listitems .off em, #category_ranking ul.listitems .off em { line-height:1.2; font-size:95%; color: #CC0000;} #category_ranking .box .stock, #category_ranking .box .productName, #ranking .box .stock, #ranking .box .productName { display:none;} #main #rankingTop10, #main #rankingBrand, #main #rankingCategory {display:none; margin-bottom: 50px; border-bottom: 0; } #main #cart_fav{display:block; margin-bottom: 50px; border-bottom: 0; } #category_ranking .header { margin-top:50px; margin-bottom:16px;} #ranking .header { /* margin-top:50px; margin-bottom:16px; height:43px; background: url("/contents/images/common/inside_ttl_ranking.gif") no-repeat 100% 100%; */ margin-top:50px; margin-bottom:16px;} #category_ranking .carousel, #category_ranking .carousel ul.items, #ranking .carousel, #ranking .carousel ul.items { padding-top: 0; } #category_ranking, #ranking {display:none; text-align:center; padding:0 auto; border-bottom: none; } #main #cart_fav .badge, #main #rankingTop10 .badge, #main #rankingBrand .badge, #main #rankingCategory .badge { position: absolute; top: -0.9em; right: 8px; z-index: 100; } #main #cart_fav .badge img, #main #rankingTop10 .badge img, #main #rankingBrand .badge img, #main #rankingCategory .badge img { vertical-align: top; } #main #cart_fav ul, #main #rankingTop10 ul, #main #rankingBrand ul, #main #rankingCategory ul { padding-top: 0px; padding-bottom: 0px; border-top: 0; } #main #cart_fav .bx-wrapper, #main #rankingTop10 .bx-wrapper, #main #rankingBrand .bx-wrapper, #main #rankingCategory .bx-wrapper{position:relative;} #main #cart_fav .bx-controls-direction a, #main #rankingTop10 .bx-controls-direction a, #main #rankingBrand .bx-controls-direction a, #main #rankingCategory .bx-controls-direction a{ position: absolute; margin-top: -150px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #main #cart_fav .bx-prev, #main #rankingTop10 .bx-prev, #main #rankingBrand .bx-prev, #main #rankingCategory .bx-prev { left: -20px;} #main #cart_fav .bx-next, #main #rankingTop10 .bx-next, #main #rankingBrand .bx-next, #main #rankingCategory .bx-next { right: -20px;} #main #cart_fav .bx-wrapper .bx-viewport, #main #rankingTop10 .bx-wrapper .bx-viewport, #main #rankingBrand .bx-wrapper .bx-viewport, #main #rankingCategory .bx-wrapper .bx-viewport{height:100% !important;} #main #rankingTop30 { margin-bottom: 35px; border-bottom: 0; } #main #rankingTop30 .header { margin-bottom: 0; padding: 7px 12px; position: relative; top: 0; left: 0; z-index: 1000; background-color: #000; color: #fff; zoom: 1; } #main #rankingTop30 .badge { position: absolute; top: -0.9em; right: 8px; z-index: 100; } #main #rankingTop30 .badge img { vertical-align: top; } #category_ranking ul#rank_list .figure, #ranking ul#rank_list .figure{margin:16px 0 10px;} #category_ranking .bx-wrapper, #ranking .bx-wrapper{position:relative;} #category_ranking .bx-controls-direction a, #ranking .bx-controls-direction a{ position: absolute; margin-top: -165px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #category_ranking .bx-prev, #ranking .bx-prev { left: -40px;} #category_ranking .bx-next, #ranking .bx-next { right: -40px;} #main #recentlyChecked { margin-bottom: 35px; } #main #recentlyChecked .header { background: url("../es_images/common/ttl_recently_checked.gif") no-repeat 100% 100%; } #main #recentlyChecked ul { padding-top: 20px; padding-left: 23px; border-top: solid 1px #ababab; zoom: 1; } #main #recentlyChecked ul:after { display: block; content: ""; clear: both; } #main #recentlyChecked li { margin-right: 20px; padding-bottom: 20px; float: left; width: 60px; height: 90px; overflow: hidden; } #main #checkedTogether { margin-bottom: 35px; padding-bottom: 12px; } #main #checkedTogether .header { background: url("../es_images/common/ttl_checked_together.gif") no-repeat 100% 100%; } #main #recentlyPurchase { margin-bottom: 35px; padding-bottom: 12px; } #main #recentlyPurchase .header { background: url("../es_images/common/ttl_bought_together.gif") no-repeat 100% 100%; } #main #recentlyPurchase .header p { margin-bottom: 0; } #main #whatsNew { margin-top:34px; border-bottom:0;} #main #whatsNew .header { min-height: 20px; position: relative; top: 0; left: 0; } #main #recommends { margin-bottom: 35px; padding-bottom: 12px; } #main #recommends .header { background: url("../es_images/common/ttl_recommends.gif") no-repeat 100% 100%; } #main #mainImageCat { margin-bottom: 35px; padding: 9px; border: solid 1px #ababab; zoom: 1; } #main #mainImageCat:after { display: block; content: ""; clear: both; } #main #mainImageCat .carousel { border-top: 0; float: left; margin: 15px 0 15px 1px; width: 470px; /*width: 482px;*/ } #main #mainImageCat .carousel .frame { margin: 0 0 0 14px; width: 442px; } #main #mainImageCat .carousel ul { margin-left: 0; height: 270px; overflow: hidden; } #main #mainImageCat .carousel .prevNext a { top: 128px; } #main #mainImageCat .banner { float: right; margin: 22px 15px 0 0; width: 227px; } #main #mainImageCat .banner li { padding: 8px 0; /*padding: 10px 0;*/ } /* RECENTLY CHECKED */ #main #recentlyChecked_PC_TOP{display:none;} #main #recentlyChecked_PC_TOP ul.rcntitems li{ width:79px; /* margin:0 19px 0 0;*/ text-align:center; float: left; left: 0; position: relative; top: 0; vertical-align: top; } /* #main #recentlyChecked_PC_TOP .carousel .prevNext a{ top:38px;} */ #main #recentlyChecked_PC_TOP .bx-wrapper{position:relative;} #main #recentlyChecked_PC_TOP .bx-controls-direction a{ position: absolute; margin-top: -60px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #main #recentlyChecked_PC_TOP .bx-prev { left: -20px;} #main #recentlyChecked_PC_TOP .bx-next { right: -20px;} #main #recentlyChecked_PC_TOP .bx-wrapper .bx-viewport{height:100% !important;} /* ELLE ONLINE・ELLE GIRL・SHOP BLOG */ #main #from_medias{ margin:0 0 20px 0; } #main #from_medias ul{ overflow:hidden; } #main #from_medias ul li{ width:209px; float:left; display:inline; margin:0 16px 0 0; } #main #from_medias ul li.shopblog{ margin:0 0 0 0; float:right; } #main #from_medias .header .more{ top:8px; } #main #from_medias ul li a{ display:block; overflow:hidden; } #main #from_medias ul li a span{ /* font-size:1.05em; */ font-size:95%; line-height:1.5; } #main #from_medias ul li a .image{ width:100px; float:left; display:inline; margin:0 10px 0 0; } #main #from_medias ul li a .image img{ max-width:100px; } #main #from_medias ul li a .date{ display:block; color:#777; } #main #from_medias ul li a .text{ display:block; color:#000; } /* 旬のキーワード一覧 */ #keywordsArchives { padding-bottom: 30px; } #keywordsArchives h3 { margin-bottom: 5px; font-size: 116.667%; font-weight: bold; } #keywordsArchives ul { margin-bottom: 30px; padding: 20px 20px 0; border-top: solid 1px #ababab; border-bottom: solid 1px #ababab; background-color: #f0f0f0; zoom: 1; } #keywordsArchives ul:after { display: block; content: ""; clear: both; } #keywordsArchives ul > li { margin-right: 2em; padding-bottom: 20px; float: left; line-height: 1.2; white-space: nowrap; } /* 1カラムレイアウト */ .column1 #main { float: none; width: 100%; /* 詳細検索 */ } .column1 #main table.cmnTable { width: 949px; } .column1 #main col.tableHeading { width: 20%; } .column1 #main col.tableData { width: 80%; } .column1 #main #recentlyChecked { margin-bottom: 15px; } .column1 #main #recentlyChecked ul { padding-left: 0; } .column1 #main #recentlyChecked ul > li { margin-right: 0; padding-right: 20px; padding-left: 25px; } .column1 #main #keywordLinkArea { margin-bottom: 35px; zoom: 1; } .column1 #main #keywordLinkArea:after { display: block; content: ""; clear: both; } .column1 #main #keywordLinkArea #searchKeyword { border-top: solid 1px #ababab; border-bottom: solid 1px #ababab; background-color: #f0f0f0; float: left; width: 450px; } .column1 #main #keywordLinkArea #searchKeyword .header { margin-bottom: 20px; padding-top: 12px; zoom: 1; } .column1 #main #keywordLinkArea #searchKeyword .header:after { display: block; content: ""; clear: both; } .column1 #main #keywordLinkArea #searchKeyword h2, .column1 #main #keywordLinkArea #searchKeyword p.msg { float: left; } .column1 #main #keywordLinkArea #searchKeyword p.msg { padding-left: 13px; line-height: 26px; font-weight: bold; } .column1 #main #keywordLinkArea #searchKeyword ul { margin-right: 20px; margin-left: 20px; zoom: 1; } .column1 #main #keywordLinkArea #searchKeyword ul:after { display: block; content: ""; clear: both; } .column1 #main #keywordLinkArea #searchKeyword ul > li { float: left; } .column1 #main #keywordLinkArea #searchKeyword ul.keywords > li { margin-right: 15px; } .column1 #main #keywordLinkArea #searchKeyword ul.date { margin-top: 35px; padding-bottom: 20px; font-size: 90%; } .column1 #main #keywordLinkArea #searchKeyword ul.date a { text-decoration: underline; } .column1 #main #keywordLinkArea #searchKeyword ul.date a:hover { text-decoration: none; } .column1 #main #keywordLinkArea #searchKeyword ul.date > li { margin-right: 10px; } .column1 #main #keywordLinkArea #eolLink { margin-right: 0; margin-left: 0; border-bottom: solid 2px #000; float: right; width: 476px; position: relative; top: 0; left: 0; clear: none; } .column1 #main #keywordLinkArea #eolLinkInner { padding: 0; min-height: 145px; } .column1 #main #keywordLinkArea #eolLink h2 { position: absolute; top: 50%; left: 11px; } .column1 #main #keywordLinkArea #eolLink h2 a { margin-top: -27px; display: block; } .column1 #main #keywordLinkArea #eolLink ul { margin-top: 27px; float: left; width: 115px; display: inline; } .column1 #main #keywordLinkArea #eolLink ul.firstChild { margin-left: 215px; width: 145px; } .column1 #main #keywordLinkArea #eolLink ul li { margin-bottom: 1em; padding: 0; float: none; width: auto; line-height: 1.2; } .column1 #main #keywordLinkArea #eolLink ul li a { vertical-align: top; } .column1 #main .searchDetail { padding-top: 10px; padding-bottom: 50px; } .column1 #main .searchDetail input.searchPrice { text-align: right; } ul.linkArrowGt > li a { padding-left: 10px; margin-top: 12px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } /* サイドバー */ #sidebar { float: left; width: 185px; } #sidebar #lnav_product { margin-bottom: 10px; padding: 13px 0 3px; border-top: solid 2px #000; border-bottom: solid 2px #000; zoom: 1; } #sidebar #lnav_product:after { display: block; content: ""; clear: both; } #sidebar #lnav_product h2 { margin-bottom: 13px; font-size: 125%; font-weight: bold; } #sidebar #lnav_product h2 + ul, #sidebar #lnav_product > ul:first-child { font-weight: bold; } #sidebar #lnav_product h3 { margin-bottom: 10px; padding-top: 10px; font-weight: bold; } #sidebar #lnav_product ul { padding-left: 10px; } #sidebar #lnav_product ul li { margin-bottom: 10px; } #sidebar #lnav_product ul li a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } #sidebar #lnav_product ul li.cur > span { padding-left: 12px; display: inline-block; background: url("../es_images/common/icon_arrow_gt_down.gif") no-repeat 0 0.4em; color: #e50083; } #sidebar #lnav_product ul li.cur > a { color: #e50083; } #sidebar #lnav_product ul > li a + ul { margin-top: 7px; } #sidebar #lnav_product ul li.cur ul { margin-top: 7px; } #sidebar #lnav_product ul li li { margin-bottom: 5px; } #sidebar #lnav_product p.more { padding-top: 5px; padding-bottom: 10px; zoom: 1; } #sidebar #lnav_product p.more:after { display: block; content: ""; clear: both; } #sidebar #lnav_product p.more a { float: right; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } #sidebar #lnav_product.related h2 { margin-bottom: 5px; margin-left: 10px; font-size: 100%; } #sidebar #lnav_product.related h3 { margin-bottom: 10px; margin-left: 10px; padding-top: 8px; font-weight: normal; } #sidebar #lnav { background-color: #f0f0f0; margin-bottom: 30px; margin-top: 25px; /* padding: 15px; */ zoom: 1; } #sidebar #lnav:after { display: block; content: ""; clear: both; } #sidebar #lnav { background-color: #f0f0f0; margin-bottom: 30px; margin-top: 30px; padding-bottom:15px; /* padding: 15px; */ zoom: 1; } #sidebar #lnav_rank a, #sidebar #lnav a { font-size:95%; line-height:1.8em;} #sidebar #lnav a img { padding-bottom:3px; vertical-align:middle;} #sidebar #lnav .logo { margin:15px 0 20px 15px;} #sidebar #lnav #brands_nonactive, #sidebar #lnav #brands_active{ margin:0 15px 10px 0; padding:10px; background-color:#ffffff;} #sidebar #lnav #brands_nonactive{ background-color:#e2e2e2;} #sidebar #lnav #brands_nonactive{ float:left;} #sidebar #lnav #brands_nonactive .title{ margin-bottom:3px; font-size: 70%; height:17px; width:135px; text-align:right; background: url("/contents/images/left_navi/nonactive_filters.gif") no-repeat 0 0;} #sidebar #lnav #brands_active .title{ margin-bottom:3px; font-size: 70%; height:17px; text-align:right; background: url("/contents/images/left_navi/active_filters.gif") no-repeat 0 0;} #sidebar #lnav #brands_nonactive .title a, #sidebar #lnav #brands_active .title a{ font-size: 96%; color: #848484;} #sidebar #lnav #brands_nonactive .select, #sidebar #lnav #brands_active .select{ /* font-size: 93%;*/ font-size: 75%; font-weight:bold; color:#000000; padding-top:5px; display:inline-block; width:135px;} #sidebar #lnav #brands_nonactive .select .lt, #sidebar #lnav #brands_active .select .lt{ word-wrap: break-word; width:120px; float:left;} #sidebar #lnav #brands_nonactive .select .rt, #sidebar #lnav #brands_active .select .rt{ width:9px; float:right;} #sidebar #lnav #brands_nonactive .select .rt img, #sidebar #lnav #brands_active .select .rt img{ cursor:pointer;} #sidebar #ttl_sex{width:155px;display:inline-block; margin:10px 0 3px 15px;} #sidebar #ttl_sex img {float:left;} #sidebar #ttl_sex img#ttl_women {padding-right:5px;} #sidebar #lnav #ttl_brands, #sidebar #lnav #ttl_size, #sidebar #lnav #ttl_color, #sidebar #lnav #ttl_price { margin:25px 0 10px 15px;} #sidebar #lnav #ttl_category{ /*margin:10px 0 10px 15px;*/ margin:25px 0 10px 15px;} #sidebar #lnav .p_form { margin-top:10px;} #sidebar #lnav .submit { vertical-align: top; margin:12px 0 10px 43px; float:left; vertical-align: middle; text-align:left;} #sidebar #lnav .submit_size_btn .submit, #sidebar #lnav .submit_shsize_btn .submit, #sidebar #lnav .submit_pattern_btn .submit, #sidebar #lnav .submit_color_btn .submit { margin-left:58px;} #sidebar #lnav .submit_price_btn .submit, #sidebar #lnav .submit_cat_btn .submit { margin-top:17px;} #sidebar #lnav .submit_cat_btn, #sidebar #lnav .submit_brand_btn, #sidebar #lnav .submit_size_btn, #sidebar #lnav .submit_shsize_btn, #sidebar #lnav .submit_color_btn, #sidebar #lnav .submit_pattern_btn, #sidebar #lnav .submit_price_btn { display:none;} #sidebar #lnav h2 { padding-top: 10px; margin-left: 5px; margin-right: 5px; margin-bottom: 13px; font-size: 125%; font-weight: bold; } #sidebar #lnav h2 + ul, #sidebar #lnav > ul:first-child { font-weight: bold; } #sidebar #lnav h3 { margin-bottom: 10px; padding-top: 10px; font-weight: bold; } #sidebar #lnav ul { padding-right: 10px; padding-left: 10px; } #sidebar #lnav ul li { margin-bottom: 10px; } #sidebar #lnav ul li a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } #sidebar #lnav ul li.cur > span { padding-left: 12px; display: inline-block; background: url("../es_images/common/icon_arrow_gt_down.gif") no-repeat 0 0.4em; color: #e50083; } #sidebar #lnav ul li.cur > a { color: #e50083; } #sidebar #lnav ul > li a + ul { margin-top: 7px; } #sidebar #lnav ul li.cur ul { margin-top: 7px; } #sidebar #lnav ul li li { margin-bottom: 5px; } #sidebar #lnav p.more { padding-top: 5px; padding-bottom: 10px; zoom: 1; } #sidebar #lnav p.more:after { display: block; content: ""; clear: both; } #sidebar #lnav p.more a { float: right; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } #sidebar #lnav.related h2 { margin-bottom: 5px; margin-left: 10px; font-size: 100%; } #sidebar #lnav.related h3 { margin-bottom: 10px; margin-left: 10px; padding-top: 8px; font-weight: normal; } /* #sidebar #lnav_rank { margin-bottom: 25px; padding: 13px 0 3px; border-top: solid 2px #000; border-bottom: solid 2px #000; zoom: 1; } */ #sidebar #lnav_rank { background-color: #f0f0f0; padding-top: 15px; padding-bottom: 15px; zoom: 1; } #sidebar #lnav_rank:after { display: block; content: ""; clear: both; } #sidebar #lnav_rank h2 { display:block;margin-top:30px; margin-left: 10px; margin-bottom: 20px; font-size: 110%; font-weight: normal; } #sidebar #lnav_rank h2 + ul, #sidebar #lnav_rank > ul:first-child { /* font-weight: bold; */ font-weight: normal; } #sidebar #lnav_rank ul { padding-left: 10px; } #sidebar #lnav_rank ul li { margin-bottom: 10px; } #sidebar #lnav_rank ul li a { padding-left: 20px; display: inline-block; background: url("/contents/images/ranking/crown_g.gif") no-repeat; } #sidebar #lnav_rank ul li.cur > span { padding-left: 20px; display: inline-block; background: url("/contents/images/ranking/crown_g.gif") no-repeat; color: #e50083; } #sidebar #lnav_rank ul.silv li a { padding-left: 20px; display: inline-block; background: url("/contents/images/ranking/crown_s.gif") no-repeat; } #sidebar #lnav_rank ul.silv li.cur > span { padding-left: 20px; display: inline-block; background: url("/contents/images/ranking/crown_s.gif") no-repeat; color: #e50083; } #sidebar #lnav_rank ul.bronze li a { padding-left: 20px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } #sidebar #lnav_rank ul.bronze li.cur > span { padding-left: 20px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; color: #e50083; } #sidebar #lnav_rank ul li.cur > a { color: #e50083; } #sidebar #lnav_rank ul > li a + ul { margin-top: 7px; } #sidebar #lnav_rank ul li.cur ul { margin-top: 7px; } #sidebar #lnav_rank ul li li { margin-bottom: 5px; } /* gourmet category*/ .gourmet_category{ width:990px;margin:10px 0 30px;} .gourmet_category .news{ width:480px;float:left;margin-right:30px;} .gourmet_category .atable{ width:480px;float:left;} .gourmet_category .sub{ display:block;float:left;} .gourmet_category .sub:nth-child(even){width:230px;} .gourmet_category .sub:nth-child(odd){width:250px;} .gourmet_category .sub .line{display:inline;} .gourmet_category .sub a { overflow: hidden; display:block;} .gourmet_category .sub a:hover { text-decoration: underline; } .gourmet_category .sub a .img { border: 1px solid #ABABAB; width: 124px; float: left; display: inline; margin: 0 10px 0 0; height: 167px; line-height: 167px;} .gourmet_category .atable .sub a .img { border:none;} .gourmet_category .sub:nth-child(odd) a .img{ margin: 0 10px 0 10px;} .gourmet_category .sub .cap{display:block;} .gourmet_category .sub .img img { width:124px; vertical-align: middle; } /* gourmet ranking */ #gourmet_ranking .num{padding-bottom:10px;} #gourmet_ranking {display:none;} #gourmet_ranking #wine_rank, #gourmet_ranking #food_rank {margin-top:15px;} #gourmet_ranking li {text-align:center;} #gourmet_ranking .productName{display:none; /*width:130px;padding-left:20px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;*/} #gourmet_ranking .brandName{display:none;} #gourmet_ranking .stock{display:none;} #gourmet_ranking .caption{width:145px;height:45px;overflow:hidden;padding-left:25px;text-align:left;padding-top:5px;line-height: 120%} #gourmet_ranking .price{width:145px;padding-left:25px;text-align:right;} #gourmet_ranking .off{font-size:95%;color:#c00;width:145px;padding-left:25px;text-align:right;} #gourmet_ranking .bx-wrapper{position:relative;} #gourmet_ranking .bx-controls-direction a{ position: absolute; margin-top: -150px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #gourmet_ranking .bx-prev { left: -20px;} #gourmet_ranking .bx-next { right: -20px;} #gourmet_ranking .bx-wrapper .bx-viewport{height:100% !important;} #gourmet_ranking .bx-wrapper{padding-bottom:30px !important;} /* gourmet left-navi */ #lnav #special, #lnav #country{ margin-right: 10px; margin-left: 15px;} /* cart layer start */ #cart .header{ padding: 20px 25px 10px 25px; font-weight: bold; } #cart .header .errorMsg{ padding-bottom: 10px; color:#cc0000; } #cart .header .omatomeMsg{ font-weight: normal; font-size: 95%; padding-bottom: 10px; color:#cc0000; } #cart .detail{text-align:center; margin:0 auto; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:25px;} #cart .detail:after { display: block; content: ""; clear: both; } #cart .bar1, #cart .bar2{ display:inline-block; width:200px; height:2px; margin:0; padding:0;} #cart .bar2{ margin-bottom:5px;} #cart .bar1 img, #cart .bar2 img{ vertical-align:top;} #cart .detail .outside{margin:0 auto; overflow:auto; max-height:303px; width: 218px; } #cart .detail_s .outside{ width: 200px; } #cart .clear{ display: block; content: ""; clear: both; } #cart .outside .box{ width: 200px; margin-top:5px; /* border-bottom: 1px solid #dfdfdf;*/ text-align:left; } #cart .delBtn{ text-align:right; padding-right:20px; font-size:90%; border-bottom: 1px solid #dfdfdf; } #cart .delBtn:before{ content:"[";} #cart .delBtn:after{ content:"]";} #cart .delBtn:hover { opacity: 0.7; filter: alpha(opacity=70); cursor: pointer;} #cart .detail_s{ width: 200px; margin:20px 0 0 15px; padding:5px 10px 0 10px ; background-color: #F0F0F0;} #cart .detail_s .outside .box{ width: 200px; /* border-bottom: 1px solid #dfdfdf;*/ } #cart .detail_s .bar1, #cart .detail_s .bar2{ display:none; } #cart .detail_s .delBtn{ padding-right:0; } #cart .outside .box img{ margin-top: 10px; margin-right: 5px; margin-bottom: 15px; width: 80px; height: 120px; float: left; } #cart .outside .box .item_description{ margin-top: 10px; margin-bottom: 15px; width: 115px; float: left; font-size:85%; font-weight:bold; } #cart .outside .box .item_description .productNO{ font-weight:normal; color:#999999; margin:5px 0 10px; } #cart .outside .box .delivary{ width: 200px; font-size:85%; padding-bottom:15px; } #cart .outside .box .att{ color: #cc0000; } #cart .footer{ width: 200px; text-align: right; margin: 0 auto; padding: 0; } #cart .footer_s{ width: 200px; text-align: right; margin:0 0 0 15px; padding:0 10px 10px 10px ; background-color: #F0F0F0;} #cart .footer .summary{ font-size: 12px; font-weight: bold; display:block; } #cart .footer_s .summary{ font-size: 12px; font-weight: bold; margin-top:0; display:block; } #cart .summary .price{ font-size: 14px; color: #e50083; } #cart .tocart{ display:inline-block; margin-top:2px; font-size: 90%; color:#999999; background: url("/contents/images/common/icon_arrow_grey.gif") no-repeat scroll 0 0.2em transparent; padding-left:10px; } #cart .purchase{ text-align: center; padding:10px 0 5px 0; } #cart .purchase img.omatome{ padding-bottom:10px; } #cart .close{ /* position:absolute; right:0px; bottom:0px;*/ margin-top:10px; text-align:right; } #detail_container_list .detail_tablist { margin-bottom:14px; width: 240px; height: 26px;} #detail_container_list .detail_tablist > span{ float:left; cursor: pointer;} /* #detail_container_list .detail_tab_selector { border: 1px solid #666666; border-bottom: none; padding: 2px 5px; cursor: pointer; background: #ffffff;} */ #detail_container_list #detailtabsel1.off { display: block; overflow: hidden; width: 91px; height:26px; text-indent: -9999px; background-repeat: no-repeat; background-image: url("/contents/images/common/tab_itemdetail_off.gif"); background-position: 0px 0px;} #detail_container_list #detailtabsel2.off { display: block; overflow: hidden; width: 149px; height:26px; text-indent: -9999px; background-repeat: no-repeat; background-image: url("/contents/images/common/tab_size_off.gif"); background-position: 0px 0px;} #detail_container_list #detailtabsel1.selected{ display: block; overflow: hidden; width: 91px; height:26px; text-indent: -9999px; background-repeat: no-repeat; background-image: url("/contents/images/common/tab_itemdetail_on.gif"); background-position: 0px 0px;} #detail_container_list #detailtabsel2.selected{ display: block; overflow: hidden; width: 149px; height:26px; text-indent: -9999px; background-repeat: no-repeat; background-image: url("/contents/images/common/tab_size_on.gif"); background-position: 0px 0px;} /*.selected { background: #dddddd;} */ .detail_setting{ display: none; position: absolute; width: 775px; padding-bottom:50px; background: #ffffff; /* border: 2px solid #dfdfdf; */ box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); z-index: 10010; left:50%; margin-left:-387px; /* height: 1000px; top:50%; margin-top:-500px; */ } #cart_items{ display: none; position: absolute; width: 250px; z-index: 10011; top: 0; left:50%; margin-left:230px; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #detail_close_bar{ position:absolute; top:0; right:0; } #detail_container_list{ width:775px; padding-top:50px; padding-left:50px; /* margin-left:auto; margin-right:auto; text-align:left; */ } #detail_container_list #detail_main{ float:left; /* width:415px; margin-right:20px; */ width:385px;margin-right:50px; } #detail_container_list #detail_image{ /* width:415px;*/ width:385px; text-align:center; /* margin-bottom:20px;*/ } #detail_container_list #detail_sidebar{ float:left; width:290px; } #detail_container_list #detail_sidebar #itemDetail { float: left; width: 290px; margin:0; } #detail_container_list #detail_sidebar #itemSummary { float: left; width: 290px; } #detail_container_list #detail_sidebar #itemSummary .header { width: 240px; } #detail_container_list #detail_sidebar #itemSummary .stock table { width: 239px; } #detail_container_list .detail_tab { border: 0px; padding: 0; display: block; width: 100%;} #detail_container_list .noshow { display: none; } #detail_container_list .itemDesc { width:100%;} #detail_container_list .itemDesc > .desc, #detail_container_list .itemDesc > .attention { width: 240px;} /* #detail_container_list #detail_sidebar .itemDesc { float: left; width: 295px; } */ #detail_container_list .itemDesc .desc dl dt { margin-bottom: 10px; font-size: 96%; font-weight: bold; } #detail_container_list #detail_sidebar .itemDesc .desc dl dd { line-height: 1.4em; font-size: 96%;} #detail_container_list #detail_sidebar .itemDesc .attention { color: #CC0000; font-size: 90%; margin-top: 20px; } #detail_container_list #detail_sidebar .itemDesc .size { padding-right:5px; width:98%; } #detail_container_list #detail_sidebar .itemDesc .size h2 { width:240px; margin-bottom: 10px; } #detail_container_list #detail_sidebar .itemDesc .size table { font-size: 95%; margin-bottom: 5px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; min-width: 240px; } #detail_container_list #detail_sidebar .itemDesc .size table th, #detail_container_list #detail_sidebar .itemDesc .size table td { font-size:95%; padding: 3px 3px 1px; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; text-align: center; } #detail_container_list #detail_sidebar .itemDesc .size table thead th { border-left-color: #fff; background-color: #ccc; } #detail_container_list #detail_sidebar .itemDesc .size table thead th:first-child { border-left-color: #ccc; width: 30%; } #detail_container_list #detail_sidebar .itemDesc .size table tbody th { background-color: #f0f0f0; letter-spacing: 0.6em; } #detail_container_list #detail_sidebar .itemDesc .size p.unit { width:240px; margin-bottom: 10px; font-size: 90%; text-align: right; } #detail_container_list #detail_sidebar .itemDesc .size ul.info { zoom: 1; } #detail_container_list #detail_sidebar .itemDesc .size ul.info:after { display: block; content: ""; clear: both; } #detail_container_list #detail_sidebar .itemDesc .size ul.info li { margin-right: 15px; float: left; } #detail_container_list #detail_sidebar .itemDesc .size ul.info li a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; background-position: 0 50%; } #detail_container_list #detail_sidebar .itemDesc .materials { width:240px; } #detail_container_list #detail_sidebar .itemDesc .materials dl { padding-bottom: 15px; position: relative; top: 0; left: 0; min-height: 12px; } #detail_container_list #detail_sidebar .itemDesc .materials dt { width: 64px; position: absolute; top: 0; left: 0; } #detail_container_list #detail_sidebar .itemDesc .materials dt img { vertical-align: top; } #detail_container_list #detail_sidebar .itemDesc .materials dd { margin-left: 64px; font-size: 90%; } #detail_container_list #detail_simage ul{ margin-left:0; padding: 0; list-style: none; } #detail_container_list #detail_simage li{ display: inline; padding: 0; margin: 0; float: left; } #detail_container_list #detail_simage img{ display: block; border: 1px solid #CDCDCD; /* padding: 3px;*/ text-decoration: none; width: 60px; height: 90px; margin-top: 7px; margin-right: 7px; text-align: center; } /* #sidebar .filter { margin-bottom: 25px; border: solid 5px #f0f0f0; border-bottom-width: 4px; } #sidebar .filter h3 { padding: 1px 0 7px; background-color: #f0f0f0; text-align: center; } #sidebar .filter .section { padding: 10px 0 10px 10px; border-bottom: solid 1px #f0f0f0; } #sidebar .filter .section h4 { margin-bottom: 15px; } #sidebar .filter .section p.clear { margin-top: -10px; margin-bottom: 15px; } #sidebar .filter .section .note { color: #cc0000; font-size: 90%; } #sidebar .filter li { color: #e50083; } #sidebar .filter li a { color: #333333; } #sidebar .filter .brandsList h4 { margin-bottom: 7px; } #sidebar .filter .brandsList p.clear { margin-top: -2px; margin-bottom: 15px; } #sidebar .filter .brandsList ul { margin-right: 10px; padding: 8px 10px; border: solid 1px #e50083; max-height: 95px; overflow: auto; } #sidebar .filter .brandsList li a { padding-bottom: 0.1em; }*/ #sidebar #category .level2{ margin-left: 15px; margin-bottom: 0px; } #sidebar #category .level2 .level3{ margin-left: 15px; margin-bottom: 0px; } #lnav #category { margin-right:10px; margin-left:15px;} #lnav #brands { margin-left:15px;} #lnav #price { margin-right:10px; margin-left:15px;} #lnav .clear, #lnav_rank .clear{ width: 30px; float: right; margin: 0 15px 10px 0; text-align: right; font-size: 70%;} #lnav #brands .clear{ margin-top:5px; /* margin-top:18px;*/} #lnav #size .clear{ margin-top:-3px;} #lnav .clear:after{ display: block; content: ""; clear: both; } #lnav_rank .clear:after{ display: block; content: ""; clear: both; } #lnav #price .clear, #lnav #category .clear{ float: right; margin: 5px 5px 10px 0; text-align: right; font-size: 70%;} #lnav .clearAL{ width: 170px; float: right; margin: 10px 14px 0 0; text-align: right; font-size: 80%;} #lnav .break { width:170px; } #lnav .clear a{ color:#848484;} #lnav .more_brand { width:125px; float:left; /* margin-top:5px;*/ text-align:left;} #lnav #brands .b_list{ max-height: 180px; /* height: 180px;*/ overflow: auto; width: 154px; margin-bottom:10px;} #lnav div.tabbox { /* margin: 0px; padding: 0px; width: 155px;*/ background-color: #F0F0F0; } #lnav p.tabs { margin-left:15px; width: 155px;} #lnav p.tabs a { margin-bottom:7px; float: left;} #lnav .tabbox .break{ display: block; content: ""; clear: both; } /* #lnav p.tabs a.tab1 { width:80px; background-color: #FFFFFF; color:#000000; } #lnav p.tabs a.tab2 { width:80px; background-color: #FFFFFF; color:#000000; } #lnav div.tab { height: 320px; overflow: auto; clear: left; } #lnav div#tab1 { border: 0px solid #FFFFFF; background-color: #FFFFFF; } #lnav div#tab2 { border: 0px solid #FFFFFF; background-color: #FFFFFF; } #lnav div.tab p { margin: 0.5em; } #sidebar #size #tab1 .filter{ margin-bottom: 0px; border: solid 0px #ffffff; border-bottom-width: 0px; } #sidebar #size #tab1 .filter .size dl { margin-top: 0px; } #sidebar #size #tab1 .filter .size dl:first-child { margin-top: 0; } #sidebar #size #tab1 .filter .size dl dt { margin-bottom: 5px; color: #000; font-size: 90%; line-height: 1.2; }*/ #sidebar #size #tab1 .filter .size ul { /* margin-top:15px; */ width:170px; padding-left: 15px; zoom: 1; } #sidebar #size #tab1 .filter .size ul:after { display: block; content: ""; clear: both; } #sidebar #size #tab1 .filter .size li { margin-right: 11px; margin-bottom: 11px; /*border: solid 1px #fff; color: #fff; background-color: #adadad;*/ float: left; width: 30px; height: 30px; /*line-height: 22px; overflow: hidden; text-align: center; */} #sidebar #size #tab1 .filter .size li.cur { border-color: #e50083; } #sidebar #size #tab1 .filter .size .clothes li a { padding-top: 30px; display: block; background-image: url("/contents/images/common/btn_sizes.gif"); background-repeat: no-repeat; } #sidebar #size #tab1 .filter .size .clothes li.size_S0000 a { background-position: -43px -164px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0003 a { background-position: 0px 0px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0006 a { background-position: -43px 0px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0010 a { background-position: -84px 0px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0018 a { background-position: -125px 0px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0020 a { background-position: 0px -41px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0030 a { background-position: -43px -41px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0040 a { background-position: -84px -41px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0050 a { background-position: -125px -41px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0060 a { background-position: 0px -82px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0070 a { background-position: -43px -82px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0080 a { background-position: -84px -82px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0090 a { background-position: -125px -82px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0100 a { background-position: 0px -123px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0110 a { background-position: -84px -164px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S0120 a { background-position: -43px -123px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S1010 a { background-position: -84px -123px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S1020 a { background-position: -125px -123px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S1030 a { background-position: 0px -164px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes li.size_S1040 a { background-position: -125px -164px; opacity: 1;} #sidebar #size #tab1 .filter .size .clothes .size_S0000S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -43px -164px; } #sidebar #size #tab1 .filter .size .clothes .size_S0003S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: 0px 0px; } #sidebar #size #tab1 .filter .size .clothes .size_S0006S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -43px 0px; } #sidebar #size #tab1 .filter .size .clothes .size_S0010S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -84px 0px; } #sidebar #size #tab1 .filter .size .clothes .size_S0018S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -125px 0px; } #sidebar #size #tab1 .filter .size .clothes .size_S0020S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: 0px -41px; } #sidebar #size #tab1 .filter .size .clothes .size_S0030S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -43px -41px; } #sidebar #size #tab1 .filter .size .clothes .size_S0040S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -84px -41px; } #sidebar #size #tab1 .filter .size .clothes .size_S0050S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -125px -41px; } #sidebar #size #tab1 .filter .size .clothes .size_S0060S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: 0px -82px; } #sidebar #size #tab1 .filter .size .clothes .size_S0070S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -43px -82px; } #sidebar #size #tab1 .filter .size .clothes .size_S0080S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -84px -82px; } #sidebar #size #tab1 .filter .size .clothes .size_S0090S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -125px -82px; } #sidebar #size #tab1 .filter .size .clothes .size_S0100S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: 0px -123px; } #sidebar #size #tab1 .filter .size .clothes .size_S0110S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -84px -164px; } #sidebar #size #tab1 .filter .size .clothes .size_S0120S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -43px -123px; } #sidebar #size #tab1 .filter .size .clothes .size_S1010S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -84px -123px; } #sidebar #size #tab1 .filter .size .clothes .size_S1020S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -125px -123px; } #sidebar #size #tab1 .filter .size .clothes .size_S1030S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: 0px -164px; } #sidebar #size #tab1 .filter .size .clothes .size_S1040S { margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/btn_sizes_on.gif"); background-position: -125px -164px; } /* #sidebar #size #tab2 .filter{ margin-bottom: 0px; border: solid 0px #ffffff; border-bottom-width: 0px; } #sidebar #size #tab2 .filter .shoes dl { margin-top: 0px; } #sidebar #size #tab2 .filter .shoes dl:first-child { margin-top: 0; } #sidebar #size #tab2 .filter .shoes dl dt { margin-bottom: 5px; color: #000; font-size: 90%; line-height: 1.2; }*/ #sidebar #size #tab2 .filter .shoes ul { /* margin-top:15px; */ width:170px; padding-left: 15px; zoom: 1; } #sidebar #size #tab2 .filter .shoes ul:after { display: block; content: ""; clear: both; } #sidebar #size #tab2 .filter .shoes li { margin-right: 11px; margin-bottom: 11px; /*border: solid 1px #fff; color: #fff; background-color: #adadad;*/ float: left; width: 30px; height: 30px; /*line-height: 22px; overflow: hidden; text-align: center; */} #sidebar #size #tab2 .filter .shoes li.cur { border-color: #e50083; } #sidebar #size #tab2 .filter .shoes .these_shose li a { padding-top: 30px; display: block; background-image: url("/contents/images/common/size_shoes_default.gif"); background-repeat: no-repeat; } #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh0900 a { background-position: 0px 0px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1000 a { background-position: -125px -246px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1100 a { background-position: 0px -287px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1150 a { background-position: -43px -287px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1200 a { background-position: -84px -287px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1250 a { background-position: -125px -287px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1300 a { background-position: -43px 0px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1350 a { background-position: 0px -328px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1400 a { background-position: -84px 0px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1450 a { background-position: -125px 0px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1500 a { background-position: 0px -41px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1550 a { background-position: -43px -41px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1600 a { background-position: -84px -41px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1650 a { background-position: -125px -41px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1700 a { background-position: 0px -82px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1750 a { background-position: -43px -82px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1800 a { background-position: -84px -82px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1850 a { background-position: -125px -82px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1900 a { background-position: 0px -123px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh1950 a { background-position: -43px -123px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2000 a { background-position: -84px -123px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2050 a { background-position: -125px -123px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2100 a { background-position: 0px -164px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2150 a { background-position: -43px -164px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2200 a { background-position: -84px -164px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2250 a { background-position: -125px -164px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2300 a { background-position: 0px -205px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2350 a { background-position: -43px -205px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2400 a { background-position: -84px -205px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2450 a { background-position: -125px -205px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2500 a { background-position: 0px -246px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2550 a { background-position: -43px -246px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2600 a { background-position: -84px -246px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2650 a { background-position: -43px -328px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2700 a { background-position: -84px -328px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2750 a { background-position: -125px -328px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose li.size_sh2800 a { background-position: 0px -369px; opacity: 1;} #sidebar #size #tab2 .filter .shoes .these_shose .size_sh0900S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px 0px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1000S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px -246px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1100S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -287px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1150S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px -287px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1200S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px -287px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1250S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px -287px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1300S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px 0px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1350S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -328px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1400S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px 0px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1450S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px 0px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1500S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -41px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1550S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px -41px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1600S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px -41px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1650S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px -41px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1700S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -82px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1750S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px -82px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1800S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px -82px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1850S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px -82px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1900S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -123px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh1950S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px -123px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2000S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px -123px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2050S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px -123px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2100S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -164px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2150S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px -164px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2200S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px -164px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2250S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px -164px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2300S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -205px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2350S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px -205px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2400S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px -205px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2450S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px -205px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2500S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -246px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2550S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px -246px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2600S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px -246px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2650S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -43px -328px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2700S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -84px -328px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2750S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: -125px -328px; } #sidebar #size #tab2 .filter .shoes .these_shose .size_sh2800S{ margin-right: 11px; margin-bottom: 11px; float: left; width: 30px; height: 30px; line-height: 22px; overflow: hidden; background-image: url("/contents/images/common/size_shoes_select.gif"); background-position: 0px -369px; } /* ---------------------------------------*/ #sidebar #color .filter .color ul { width:165px; margin-left: 12px; zoom: 1; } #sidebar #color .filter { margin-bottom: 0px; border: 0px; border-bottom-width: 0px; } #sidebar #color .filter .section{ padding: 0; /*border-bottom: solid 1px #f0f0f0;*/ } #sidebar #color .filter .color { /*color: #333333 !important;*/ font-weight: normal !important; } #sidebar #color .filter .color ul { padding-left:0px; zoom: 1; } #sidebar #color .filter .color ul:after { display: block; content: ""; clear: both; } #sidebar #color .filter .color li { margin-right: 2px; margin-bottom: 2px; border: solid 3px #F0F0F0; float: left; width: 19px; height: 19px; overflow: hidden; } #sidebar #color .filter .color li.cur { border-color: #e50083; } #sidebar #color .filter .color li a { padding-top: 19px; display: block; background-image: url("/contents/images/common/btn_colors2.gif"); background-repeat: no-repeat; } #sidebar #lnav #ttl_pattern{ margin: 25px 0 10px 15px;} #sidebar #pattern .filter .pattern ul { width:165px; margin-left: 12px; zoom: 1; } #sidebar #pattern .filter { margin-bottom: 0px; border: 0px; border-bottom-width: 0px; } #sidebar #pattern .filter .section{ padding: 0; /*border-bottom: solid 1px #f0f0f0;*/ } #sidebar #pattern .filter .pattern { /*color: #333333 !important;*/ font-weight: normal !important; } #sidebar #pattern .filter .pattern ul { padding-left:0px; zoom: 1; } #sidebar #pattern .filter .pattern ul:after { display: block; content: ""; clear: both; } #sidebar #pattern .filter .pattern li { margin-right: 2px; margin-bottom: 2px; border: solid 3px #F0F0F0; float: left; width: 19px; height: 19px; overflow: hidden; } #sidebar #pattern .filter .pattern li.cur { border-color: #e50083; } #sidebar #pattern .filter .pattern li a { padding-top: 19px; display: block; background-image: url("/contents/images/common/btn_colors2.gif"); background-repeat: no-repeat; } /* left navi end */ #sidebar .filter .price { color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #sidebar .filter .price ul { padding-left: 10px; padding-bottom: 9px; } #sidebar .filter .price li { margin-bottom: 6px; font-size: 90%; } #sidebar .filter .price li a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } #sidebar .filter .price input { vertical-align: top; } #sidebar .filter .price input[type="text"] { border: none; border-top: solid 1px #a3a3a3; border-left: solid 1px #a3a3a3; width: 44px; height: 21px; background-color: #fff; line-height: 21px; text-align: right; } #sidebar .filter .price .glue { padding: 0 5px; } #sidebar .filter .price .glue img { position: relative; top: 10px; left: 0; vertical-align: top; } #sidebar .filter .price input[type="image"] { padding-top: 1px; padding-left: 6px; } #sidebar .brands { margin-bottom: 30px; } #sidebar .brandsInner { padding-top:10px; padding-right: 15px; /* border-right: solid 1px #ababab; border-bottom: solid 1px #ababab; border-left: solid 1px #ababab; */} #sidebar .brands .section { zoom: 1; } #sidebar .brands .section:after { display: block; content: ""; clear: both; } #sidebar .brands .section h4 { margin-bottom: 10px; font-size: 116.667%; font-weight: bold; } #sidebar .brands .section p.desc { font-size: 90%; } #sidebar .brands .section p.more { float: right; } #sidebar .brands .section p.more a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } #sidebar .brands .section p.more a img { vertical-align: top; } #sidebar .brands .popular { margin-bottom: 15px; /* padding-bottom: 15px; border-bottom: dotted 1px #ababab;*/ } #sidebar .brands .popular .header { margin-bottom: 20px; } #sidebar .brands .popular ul { padding-bottom: 5px; } #sidebar .brands .popular li { margin-bottom: 10px; } #sidebar .brands .popular li a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } #sidebar .brands .atoz ul { padding-bottom: 10px; zoom: 1; } #sidebar .brands .atoz ul:after { display: block; content: ""; clear: both; } #sidebar .brands .atoz li { margin-bottom: 10px; float: left; width: 75px; } #sidebar .brands .atoz ul.alphabet li { width: 29px; white-space: nowrap; } #sidebar .brands .atoz ul.alphabet li li.etc { width: auto; } #sidebar .campaign h3 { margin-bottom: 7px; } #sidebar .campaign p.desc { margin-bottom: 10px; font-size: 90%; } #sidebar .campaign li { margin-top: 10px; } #sidebar p.cybertrust { margin-bottom: 20px; padding-left: 20px; } #sidebar p.comment { padding-right: 15px; padding-left: 20px; font-size: 90%; vertical-align: top; } /* twitterブロック */ #sidebar #topTwitterBlock3 { height:400px; padding: 0px 0px 0px 0px; position: relative; margin-bottom: 20px; } /*#sidebar #topTwitterBlock3 #topimg { padding: 0px 1px 0px 3px; position:absolute; top:2px; }*/ /*imghoverwhite*/ #sidebar #topTwitterBlock3 .bg{ padding: 0px 1px 0px 3px; position:absolute; left:2px; top:2px; background-color:#fff; display:block;} /* 商品詳細　関連商品 */ #sidebar .iqon { margin-bottom: 0px; } #sidebar .relation { padding: 13px 0 3px; /* border-top: solid 2px #000; border-bottom: solid 2px #000; */ zoom: 1; margin-top: 10px; margin-bottom: 15px; } #sidebar .relation h2 { margin-bottom: 10px; margin-left: 10px; font-weight:bold; font-size: 100%; } #sidebar .relation li { padding: 0 0 10px 35px; display: inline-block; width: 110px; color: #000; font-size: 90%; vertical-align: top; } *:first-child + html #sidebar .relation li { padding-right: 8px; display: inline; } #sidebar .relation li a { margin-bottom: 3px; padding: 1px; border: solid 1px #ccc; width: 110px; height: 165px; overflow: hidden; display: block; } #sidebar .relation li .brand { /* color:#E50083;*/ color:#333333; font-weight:bold; } #sidebar .relation li .product { color:#333333; } #sidebar .relation li .price { float:right; color:#333333; } #sidebar .relation li .off { float:left; color:#CC0000; } /* 10桁在庫無し問題の為、在庫状況非表示 201310 */ #sidebar .relation li .stock em { /* float:left; color:#CC0000; */ display:none;} /* ファッション通販 ELLE SHOP特集一覧 */ #features { margin: 0 0 30px 0; } #features .header { /* margin-right: 20px;*/ margin-bottom: 15px; padding-bottom: 7px; /* border-bottom: solid 1px #ababab; background: url("../es_images/common/ttl_features.gif") no-repeat 100% 1.5em; */} #features .header h2 { margin-bottom: 5px; font-size: 133.333%; font-weight: bold; } /* #features ul { padding-left:20px; padding-bottom: 5px; zoom: 1; } #features ul:after { display: block; content: ""; clear: both; } #features li, #features img { margin-right: 14px; margin-bottom: 14px; float: left; } #features li{width:320px;padding-bottom:10px;margin-right:17px; float: left; } #features li:first-child, #features li:nth-child(2) {width:490px !important;height:280px;} #features li:nth-child(2), #features li:nth-child(4n+2) { margin-right: 0; } #features li img {width:320px;} #features li:first-child img, #features li:nth-child(2) img {width:490px !important;} */ #features ul:after { display: block; content: ""; clear: both; } /* #features .header img { margin-bottom: 20px;} */ /*imghoverNO*/ #features .header a img{ filter: alpha(opacity=100); opacity: 1;} #features .more { margin-right: 20px; text-align: right; } #features .more a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } #features .more a img { vertical-align: top; } /* #features h3, #features h3 { color: #000; font-size: 38px; letter-spacing: -0.02em; margin-bottom: 48px; text-align: center; line-height: 34px; font-family:'Jost';font-weight:200; } */ #list-2016 #features, #detail-2016 #features { margin-bottom: 45px; padding-bottom: 0; border-top: 1px solid #dddddd; border-bottom: none; position: relative; padding-top: 48px; } #features div.h3 { padding: 50px 0px; line-height: 40px; margin: 0px; text-align: center; font-size: 40px; font-family:'Jost';font-weight:200; } /* フッター人気ブランド*/ #recomendbrand { background-color: #F0F0F0; padding-bottom: 8px;padding:0 auto; margin-bottom:30px;} #recomendbrand .header { padding-top:20px; margin:0 0 20px 20px; } #recomendbrand h3{ color: #000000; height: 20px; margin-bottom: 2px; margin-left:20px; font-size: 109%; font-weight: bold;} #recomendbrand .header .brandList { margin: 5px 17px 0px 20px; text-align: right; } #recomendbrand .clear { display: block; content: ""; clear: both; } /* ELLE ONLINE でファッションチェック */ /* ELLE ONLINE でファッションチェック */ #eolLink { /* margin-right: 20px; margin-left: 20px;*/ margin-bottom: 30px; padding-top: 2px; padding-bottom: 2px; /* border-top: solid 2px #000; border-bottom: solid 2px #000; */} #eolLinkInner { padding: 15px 20px; border-top: solid 1px #000; border-bottom: solid 1px #000; zoom: 1; } #eolLinkInner:after { display: block; content: ""; clear: both; } #eolLinkInner .eolLeft { float:left; width:265px; } #eolLinkInner .eolLeft img{ -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); } #eolLinkInner .eolBanner { -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); float:left; margin-left:17px; width:210px; } #eolLinkInner .eolBanner:hover { opacity: 0.7; filter: alpha(opacity=70); cursor: pointer;} #eolLinkInner .txt { padding-top:5px; font-size: 90%; } #eolLink h2 img { padding-bottom:10px; vertical-align: top; } #eolLink li { font-size: 98%; padding: 5px 0; float: left; width: 120px; line-height: 1.1; } #eolLink li.rit { width:145px; } #eolLink li a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } /* カテゴリ一覧 */ #categoryList { margin: 0 20px 60px; padding-top: 12px; padding-bottom: 20px; border-top: solid 1px #ababab; border-bottom: solid 1px #ababab; background-color: #f0f0f0; } #categoryList .header { margin-bottom: 25px; } #categoryList .header h2 { margin-bottom: 12px; font-size: 133.333%; font-weight: bold; line-height: 1.2; } #categoryList .header h2 span { padding: 5px 20px; display: inline-block; color: #fff; background-color: #000; } #categoryList .header p { margin-right: 20px; margin-left: 20px; font-size: 90%; } #categoryList .section { margin: 0 20px; } #categoryList .section h3 { margin-bottom: 10px; font-weight: bold; } #categoryList .section h3 a { color: #e50083; } #categoryList .section h3 span { font-weight: normal; } #categoryList .section ul { margin-right: 10px; margin-left: 10px; margin-bottom: 30px; zoom: 1; } #categoryList .section ul:after { display: block; content: ""; clear: both; } #categoryList .section li { padding-bottom: 10px; float: left; width: 33%; line-height: 1.2; } #categoryList .section li a { color: #000; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } #categoryList .section .more { margin-bottom: 30px; margin-left: 10px; } #categoryList .section .more a { color: #000; padding-left: 20px; display: inline-block; background: url("../es_images/common/icon_arrow_raquo.gif") no-repeat 0 0.2em; } /* 商品詳細 */ #itemDetail { margin-bottom: 50px; zoom: 1; } #itemDetail:after { display: block; content: ""; clear: both; } /* 商品概要 */ #itemSummary { float: right; width: 210px; } #itemSummary .header { margin-right:0; padding-right:0; margin-left:0; padding-left:0; margin-bottom: 20px; padding-top: 0; padding-bottom: 0; /* border-top: solid 2px #000; border-bottom: solid 1px #CCCCCC;*/ } #itemSummary .header .border{ padding:10px 0 0 0; margin:0; border-top: solid 2px #000;} #itemSummary .header h1 { margin-bottom: 10px; font-weight: bold; } #itemSummary .header h1 .brandName { max-width:200px; float:left; margin:0 10px 10px 0; display: block; color: #333333; } #window #itemSummary .header h1 .brandName { margin:0 10px 10px 0;} #itemSummary .header h1 .brandName span{ margin-right:10px; text-decoration:underline;} #itemSummary .header h1 .new{ margin-bottom:8px;} #itemSummary .header h1 .productName { margin-top: 5px; width:210px; display: inline-block; color: #000; font-size: 116.667%; } #window #itemSummary .header h1 .productName { line-height:1.2;} #detail_sidebar #itemSummary .header h1 .productName { width:240px;} #window #detail_sidebar #itemSummary .header h1 .productName .vname{ display:none; } #itemSummary .header p.productNum { /* margin-bottom: 7px;*/ font-weight:normal; color: #878787; font-size: 90%; line-height: 1.2; } #window #itemSummary .header p.point{ margin-bottom:0;} #window #itemSummary .header ul.flags li{margin-bottom:7px;} #window #itemSummary .header ul.flags li.new{margin-bottom:0;} /* #itemSummary .header ul.flags { padding-bottom: 7px; zoom: 1; }*/ #itemSummary .header ul.flags:after { display: block; content: ""; clear: both; } #itemSummary .header ul.flags li { padding-left: 5px; float: left; } #itemSummary .header ul.flags li:first-child { padding-left: 0; } #itemSummary .header .price { color: #333333; font-size: 100%; font-weight: normal; } #itemSummary .header .price dl { min-height: 12px; position: relative; top: 0; left: 0; } #itemSummary .header .price dl dt { width: 64px; position: absolute; top: 0; left: 0; } #itemSummary .header .price dl dd { margin-left: 64px; } #itemSummary .header dl.taxin dt { padding-top: 0.1em; } #itemSummary .header dl.taxin dd { padding-bottom: 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; } #itemSummary .header dl.taxin dd strong { color: #c00; } #itemSummary .header dl.taxin dd .off{ padding-bottom: 0; color: #c00; font-size: 70%; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #itemSummary .header dl.special dt { padding-top: 0.15em; } #itemSummary .header dl.special dd { padding-bottom: 0; color: #c00; font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; } #itemSummary .header dl.point { padding-top: 5px; } #itemSummary .header dl.point dt { padding-top: 0.25em; } #itemSummary .color { margin-bottom: 15px; } #itemSummary .color h2 { margin-bottom: 10px; } #itemSummary .color li { padding: 0 5px 5px 0; display: inline-block; width: 62px; color: #000; font-size: 90%; vertical-align: top; } *:first-child + html #itemSummary .color li { padding-right: 8px; display: inline; } #itemSummary .color li a { margin-bottom: 3px; padding: 1px; border: solid 1px #ccc; width: 60px; height: 90px; overflow: hidden; display: block; } #itemSummary .color li a.cur { padding: 0; border: solid 2px #e50083; } #itemSummary .stock table { margin-bottom: 25px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; width: 209px; } #itemSummary .stock table th { padding: 10px; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; color: #000; font-size: 90%; text-align: center; vertical-align: middle; width: 43px; background-color: #ebebeb; } #itemSummary .stock table td { border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; color: #000; font-size: 90%; text-align: center; padding: 5px; vertical-align: middle; } #itemSummary .stock table td div{ color: #cc0000; } #window #itemSummary .stock table td div{position:relative;} #window #itemSummary .stock table td div .favI{ display:block; position:absolute; cursor:pointer; top:3px; right:0;} #window #itemSummary .stock table td div .favI .icon{ width:15px;} #window #itemSummary .stock .favI div{ position:absolute; top:-20px;} /*imghoverNO*/ #itemSummary .stock table td a img{ padding-right:22px; filter: alpha(opacity=100); opacity: 1;} #itemSummary .stock table td span #fav { display: block; width:16px; float:right; } /* #itemSummary .stock table td div{ display: block; width:110px; margin-right:4px;}*/ #itemSummary .stock table td em { margin-top: 2px; display: block; color: #e50083; font-weight: bold; text-align: center; /* margin-right:4px; clear:both; */ } #itemSummary .stock ul.note { margin-bottom: 20px; } #itemSummary .stock .mailRequest { margin-bottom: 10px; text-align: center; } #itemSummary .stock .addFavB { margin-bottom: 15px; text-align: center; } #itemSummary .stock .addFavourite { margin-bottom: 40px; text-align: center; } #itemSummary #shareBox { margin-bottom: 20px; } #itemSummary #shareBox h2 { margin-bottom: 9px; padding-left: 54px; min-height: 11px; background: url("../es_images/common/ttl_share.gif") no-repeat 0 50%; } #itemSummary #shareBox ul#shareTabs { zoom: 1; } #itemSummary #shareBox ul#shareTabs:after { display: block; content: ""; clear: both; } #itemSummary #shareBox ul#shareTabs li { float: left; width: 105px; height: 23px; overflow: hidden; } #itemSummary #shareBox ul#shareTabs li a { padding-top: 23px; display: block; background-image: url("../es_images/common/btn_share.gif"); background-repeat: none; } #itemSummary #shareBox ul#shareTabs li.bookmark a { background-position: 0 0; } #itemSummary #shareBox ul#shareTabs li.bookmark a.cur { background-position: 0 -23px; } #itemSummary #shareBox ul#shareTabs li.blog a { background-position: -105px 0; } #itemSummary #shareBox ul#shareTabs li.blog a.cur { background-position: -105px -23px; } #itemSummary #shareBox .section { border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; } #itemSummary #shareBookmark { padding: 10px; } #itemSummary #shareBookmark ul li { margin-bottom: 5px; } #itemSummary #shareBlog { display: none; } #itemSummary #shareBlog .shareItem { padding: 10px 0 5px 10px; } #itemSummary #shareBlog .shareItem ul li { float: left; height: 15px; margin-right: 7px; overflow: hidden; padding-bottom: 7px; } #itemSummary #shareBlog .shareItem { padding: 9px; } #itemSummary #shareBlog .shareItem .sample { background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #ccc; margin-bottom: 5px; } #itemSummary #shareBlog .shareItem .sample .inner { padding: 10px; width: 168px; } #itemSummary #shareBlog .shareItem .sample .inner p.sti { margin-bottom: 10px; } #itemSummary #shareBlog .shareItem .sample .inner .pict { border: 1px solid #ccc; float: left; width: 60px; } #itemSummary #shareBlog .shareItem .sample .inner .text { float: right; font-size: 0.9em; width: 96px; } #itemSummary #shareBlog .shareItem .sample .inner .text p { margin-bottom: 0.5em; } #itemSummary #shareBlog .shareItem .sample .inner .text p.link { text-align: right; } #itemSummary #shareBlog .shareItem p.comment { font-size: 0.9em; margin-bottom: 5px; } #itemSummary #shareBlog .shareItem .sources textarea { width: 186px; font-family: monospace; } /* 商品写真、説明 */ #itemDesc { /* padding-bottom: 20px; */ float: left; width: 516px; } #itemDesc #mainPhoto { margin-bottom: 20px; } #detail_container_list #detail_image #itemDesc{ width:415px; text-align:center; margin-bottom:0; } /*imghoverNO*/ #zoomPhoto a img{ filter: alpha(opacity=100); opacity: 1;} #itemDesc #mainPhoto ul#zoomPhoto { width: 100%; text-align: center; zoom: 1; } #itemDesc #mainPhoto ul#zoomPhoto:after { display: block; content: ""; clear: both; } #itemDesc #mainPhoto ul#zoomPhoto li { margin-right: auto; margin-left: auto; width: 300px; display: none; } #itemDesc #mainPhoto ul#zoomPhoto li:first-child { display: block; } #itemDesc #mainPhoto ul#thumbsPhoto { padding-left: 28px; zoom: 1; } #itemDesc #mainPhoto ul#thumbsPhoto:after { display: block; content: ""; clear: both; } #itemDesc #mainPhoto ul#thumbsPhoto li { margin-right: 20px; padding-top: 20px; float: left; width: 60px; height: 90px; overflow: hidden; } #itemDesc .desc { margin-bottom: 20px; } #itemDesc .desc h2 { margin-bottom: 20px; padding-bottom: 5px; border-bottom: solid 1px #ababab; font-weight: bold; line-height: 1.2; } #itemDesc .desc dl dt { margin-bottom: 10px; font-size: 116.667%; font-weight: bold; } #itemDesc .desc dl dd { padding-bottom: 30px; border-bottom: solid 1px #ababab; line-height: 1.2667; } #itemDesc .eolCheck { margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ababab; } #itemDesc .eolCheck a { color: #e50083; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } #itemDesc .note { margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ababab; font-size: 90%; } #itemDesc .attention { margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #ababab; color: #cc0000; font-size: 90%; } #itemDesc .attention p { padding-bottom: 15px; } #itemDesc .size { margin-bottom: 20px; padding-top: 5px; padding-bottom: 20px; border-bottom: solid 1px #ababab; } #itemDesc .size h2 { margin-bottom: 10px; } #itemDesc .size table { margin-bottom: 5px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; width: 515px; } #itemDesc .size table th, #itemDesc .size table td { padding: 3px 5px 1px; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; text-align: center; } #itemDesc .size table thead th { border-left-color: #fff; background-color: #ccc; } #itemDesc .size table thead th:first-child { border-left-color: #ccc; width: 30%; } #itemDesc .size table tbody th { background-color: #f0f0f0; letter-spacing: 0.6em; } #itemDesc .size p.unit { margin-bottom: 10px; font-size: 90%; text-align: right; } #itemDesc .size ul.info { zoom: 1; } #itemDesc .size ul.info:after { display: block; content: ""; clear: both; } #itemDesc .size ul.info li { margin-right: 15px; float: left; } #itemDesc .size ul.info li a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; background-position: 0 50%; } #itemDesc .materials dl { padding-bottom: 15px; position: relative; top: 0; left: 0; min-height: 12px; } #itemDesc .materials dt { width: 64px; position: absolute; top: 0; left: 0; } #itemDesc .materials dt img { vertical-align: top; } #itemDesc .materials dd { margin-left: 64px; font-size: 90%; } /* ページの先頭へ戻る */ /* #toTop, .toTop { padding-top:5px; padding-bottom:30px; font-size: 90%; line-height: 1.25; text-align: right; white-space: nowrap; } #toTop + #footer, .toTop + #footer { margin-top: 60px; } #toTop a, .toTop a { margin: 0 0 0 20px; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_up.png") no-repeat 0 0.2em; } #toTop a:link, #toTop a:visited, #toTop a:active, .toTop a:link, .toTop a:visited, .toTop a:active { text-decoration: underline; } #toTop a:hover, .toTop a:hover { text-decoration: none; } p.pagetop { padding-bottom: 20px; padding-right: 20px; padding-left: 20px; text-align: right; } */ .toTop, #toTop, p.pagetop{display:none;} #ft-cart, #page-top {width:60px;height:59px; /* z-index: 9000;*/ z-index: 10; display:none; position: fixed; right:0;} #ft-cart img, #page-top img{width:48px!important;height:48px!important;} #ft-cart .cart_num{ opacity: 0.9; width: 20px; height: 20px; line-height: 20px; margin: 0; padding: 0; border-radius: 10px; position: absolute; top: -5px; right: 10px; color: #fff; background-color: #000; font-size: 12px; text-align: center; } /* フッタ */ /*#footer { padding: 20px 0 30px; margin:2px 20px 0; border-top:2px solid #000; } #footer ul { margin-bottom: 20px; text-align: center; } #footer li { padding-right: 4px; padding-left: 4px; border-right: solid 1px #aaa; display: inline; height: 13px; line-height: 13px; font-size: 90%; } #footer li.lastChild { border-right: none; } #footer p.comment { font-size: 90%; text-align: center; } */ #footer{width:100%;background-color:#000;} #footer .block{width:990px;margin:0 auto;background-color:#000;} #footer ul.listL{padding:65px 0 60px 0;background-color:#000;} #footer ul.listL li{width:198px;float:left;color: #888;font-size:90%;padding:0;} #footer ul.listL li a{color: #888;} #footer ul.listL li dt{width:85%;color:#fff;border-bottom:solid 1px #666666;font-size:110%;margin-bottom:10px;} #footer .static ul.listL li dt{margin-bottom:0;} #footer ul.listL li dt.follow{margin-top:80px;display:block;} #footer .static ul.listL li dt.follow{margin-top:50px;} #footer ul.listL li dd{line-height:20px;position:relative;} #footer .static ul.listL li dd{line-height:0.3;} #footer ul.keywords li{line-height:20px;padding-left:12px;} #footer ul.listL li dd ul{margin-top:5px;} #footer ul.listL li dd .msg{line-height:1.5;position:absolute;top:0px;display:} #footer .static ul.listL li dd .msg{top:-10px;} #footer ul.listL li dd .msg .mini{font-size:90%;padding-left:8px;} #footer .hfg{text-align:center;width:990px;} #footer .hfg .line{border-top:solid 1px #666666;width:990px;height:50px;position:relative;} #footer .hfg .line span{position:absolute;top:-30px;left:375px;} /*imghover*/ #footer ul.listL li dd a img{padding-right:15px;} #footer ul.listL a:hover img { filter: alpha(opacity=100); opacity: 1;} /* コピーライト */ #copyright { padding-bottom: 65px; color: #888; font-size: 90%; text-align: center; } /* ポップアップ */ body#popup { height: 100%; background: url("../es_images/common/bg_container.gif") repeat-x 0 0 #dcdcdc; } body#popup #content { margin: 0; width: auto; } body#popup #main { margin-right: auto; margin-left: auto; padding-top: 30px; width: 640px; float: none; } body#popup #main table.cmnTable { width: 639px; } /* サイトトップ */ dl.siteDesc { margin: 0 20px 10px; } dl.siteDesc dt, dl.siteDesc dd, dl.siteDesc dd p { display: inline; } dl.siteDesc dt { padding-right: 0.5em; font-weight: bold; } dl.siteDesc dd { font-size: 90%; } .siteTop { /* キービジュアル */ } .siteTop #main { float: left; width: 660px; /* リンク一覧 */ } .siteTop #main .banner ul { zoom: 1; } .siteTop #main .banner ul:after { display: block; content: ""; clear: both; } .siteTop #main .banner ul > li { /*margin-left: 12px;*/ /*float: left;*/ margin-right: 7px; display: inline-block; font-size: 90%; line-height: 1.0; } .siteTop #main .banner ul > li:nth-child(2n+2) { margin-right: 0; } /* .siteTop #main .banner ul > li:first-child { margin-left: 0; } */ .siteTop #main .banner ul > li img { margin-bottom: 12px; display: block; } .siteTop #main .banner .two{ margin-bottom: 16px; } .siteTop #main .banner .more { height:9px; } .siteTop #main .banner .more img { float:right; } /*imghover*/ .siteTop #main .banner a:hover img { filter: alpha(opacity=80); opacity: 0.8;} /*imghoverNO*/ .siteTop #main .banner .more a:hover img { filter: alpha(opacity=100); opacity: 1;} .siteTop #main .aside ul.items li { padding: 0 16px 0 0; } .siteTop #main .aside ul#rank_all li, .siteTop #main .aside ul#rank_brand li, .siteTop #main .aside ul#rank_category li { padding:0!important; } .siteTop #main .aside ul.items ul { padding: 0; } .siteTop #main .aside ul.items ul > li { padding-right: 0; } .siteTop #main .aside .num { padding:0 0 16px;} .siteTop #main #recentlyChecked li { margin-right: 19px; } .siteTop #main .linkList { padding-top: 30px; padding-bottom: 19px; margin-bottom:10px; background-color: #f0f0f0; } .siteTop #main #searchFashionBrand{display:none; margin-bottom:30px; } .siteTop #main .linkList_b { margin-bottom: 0px; padding-top: 30px; padding-bottom: 19px; background-color: #f0f0f0; } .siteTop #main .linkList_a { padding-top: 0px; padding-bottom: 19px; background-color: #f0f0f0; } .siteTop #main .linkList_a h2, .siteTop #main .linkList_b h2, .siteTop #main .linkList h2 { margin-bottom: 25px; } .siteTop #main .linkList_a h3, .siteTop #main .linkList_b h3, .siteTop #main .linkList h3 { margin-bottom: 10px; font-size: 108.333%; font-weight: bold; } .siteTop #main #searchFashionItem .header { height:26px; margin-bottom: 15px; background: url("/contents/images/common/ttl_search_item.gif") no-repeat 0 0.2em; } .siteTop #main #searchFashionItem .header h2.bld { padding:5px 5px 5px 20px; width:310px; font-weight:bold; font-size:133%; color:#ffffff; background-color:#000000; } .siteTop #main #searchFashionItem .clearfix { margin-bottom: 25px; padding-left: 9px; zoom: 1; } .siteTop #main #searchFashionItem .clearfix:after { display: block; content: ""; clear: both; } .siteTop #main #searchFashionItem dl.list { padding-right: 12px; padding-left: 12px; float: left; width: 297px; } .siteTop #main #searchFashionItem dl.list dt a { margin-bottom: 10px; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; font-weight: bold; } .siteTop #main #searchFashionItem dl.list dd { font-size: 90%; } .siteTop #main #searchFashionItem dl.list dd ul { zoom: 1; } .siteTop #main #searchFashionItem dl.list dd ul:after { display: block; content: ""; clear: both; } .siteTop #main #searchFashionItem dl.list dd ul > li { margin-right: 1em; padding-bottom: 8px; float: left; white-space: nowrap; } .siteTop #main #searchFashionItem dl.list dd.more { text-align: right; } .siteTop #main #searchFashionItem ul.list { padding-right: 12px; padding-left: 12px; float: left; width: 297px; } .siteTop #main #searchFashionItem ul.list > li:first-child { margin-bottom: 25px; } .siteTop #main #searchFashionItem ul.list a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; font-weight: bold; } .siteTop #main #searchFashionItem dl.pickup { padding: 0 21px; zoom: 1; } .siteTop #main #searchFashionItem dl.pickup:after { display: block; content: ""; clear: both; } .siteTop #main #searchFashionItem dl.pickup dt, .siteTop #main #searchFashionItem dl.pickup dd, .siteTop #main #searchFashionItem dl.pickup ul { float: left; } .siteTop #main #searchFashionItem dl.pickup dd ul { padding-left: 8px; font-size: 90%; zoom: 1; } .siteTop #main #searchFashionItem dl.pickup dd ul:after { display: block; content: ""; clear: both; } .siteTop #main #searchFashionItem dl.pickup dd ul > li { margin-right: 13px; float: left; line-height: 19px; } .siteTop #main #searchFashionBrand .header { margin-bottom: 15px; } .siteTop #main #searchFashionBrand .header h2{ margin:0 0 0 20px; } .siteTop #main #searchFashionBrand .header .brandList{ margin:12px 27px 9px 20px; text-align:right; } /*imghover*/ .siteTop #main #searchFashionBrand .header .brandList a:hover img { filter: alpha(opacity=100); opacity: 1;} .siteTop #main #searchFashionBrand h3 { padding: 0 21px; } /* .siteTop #main #searchFashionBrand .carousel { margin: 0 10px 30px; padding: 0 10px; border-top: 0; width: 620px; } .siteTop #main #searchFashionBrand .carousel .frame { margin-right: 10px; margin-left: 10px; width: 600px; } .siteTop #main #searchFashionBrand .section_new .carousel .prevNext a.prev, .siteTop #main #searchFashionBrand .section_new .carousel .prevNext a.next { top: 50px; } .siteTop #main #searchFashionBrand .carousel .prevNext a.prev, .siteTop #main #searchFashionBrand .carousel .prevNext a.next { top: 30px; } .siteTop #main #searchFashionBrand .carousel ul { margin-right: 0; } .siteTop #main #searchFashionBrand .carousel ul > li { margin-right: 5px; margin-left: 3px; width: 142px; } */ .siteTop #main #searchFashionBrand ul > li span { display: block; } .siteTop #main #searchFashionBrand ul > li span.date { margin-bottom: 5px; color: #000; } .siteTop #main #searchFashionBrand ul > li span.image { margin-bottom: 10px; } /*imghoverwhite*/ .siteTop #main #searchFashionBrand ul > li a span.image { background-color:#fff; display:block;} .siteTop #main #searchFashionBrand ul > li span.name { color: #878787; /* font-weight: bold;*/ font-size: 90%;} .siteTop #main #searchFashionBrand ul > li span.name a { color: #878787; } #main #searchFashionBrand .bx-wrapper{position:relative;} #main #searchFashionBrand .bx-controls-direction a{ position: absolute; margin-top: -130px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #main #searchFashionBrand .bx-prev { left: -20px;} #main #searchFashionBrand .bx-next { right: -20px;} #main #searchFashionBrand .bx-wrapper .bx-viewport{height:100% !important;} .siteTop #main #searchAlp .header { margin-bottom: 15px; } .siteTop #main #searchAlp .header h2{ margin:0 0 0 20px; } .siteTop #main #searchAlp .header .brandList{ margin:12px 27px 9px 20px; text-align:right; } .siteTop #main #searchAlp .clear { display: block; content: ""; clear: both; } .siteTop #main #searchAlp #TopBrandList, .siteTop #main #searchAlp #searchFashionBrandAlp { width:620px; margin-left:20px; } .siteTop #main #searchAlp #searchFashionBrandAlp div{ cursor:pointer; } .siteTop #main #searchAlp #TopBrandList h2 { /* border-bottom: 1px solid #ABABAB; padding-left:5px;*/ color: #000000; height: 20px; margin-bottom: 2px; margin-top: 10px; font-size: 130%; font-weight: bold; } .siteTop #main #searchFashionBrand #searchAlp #TopBrandList h3 { /* border-bottom: 1px solid #ABABAB; */ padding-left:5px;*/ color: #000000; height: 20px; margin-bottom: 2px; margin-top: 10px; font-size: 109%; font-weight: bold; padding:0; } .siteTop #main #searchAlp #TopBrandList div { display:none } .siteTop #main #searchAlp #TopBrandList ul { margin-bottom:5px; margin-right:10px; float:left; width: 195px; } .siteTop #main #searchAlp #TopBrandList li { display: inline-block; float:left; width: 195px; line-height: 1.5; /*font-size: 1.05em;*/ font-size:95%; margin-bottom: 8px; margin-top: 3px;} .siteTop #main #searchAlp #TopBrandList li a .grey { color: #878787; font-size: 85%; } .siteTop #main #searchFashionBrandAlp ul { margin-bottom:5px; float:left; width: 197px; } .siteTop #main #searchFashionBrandAlp ul.y-z { width: 65px; } .siteTop #main #searchFashionBrandAlp ul.lastChild { width: 69px; } .siteTop #main #searchFashionBrandAlp li { float: left; } .siteTop #main #searchFashionBrandAlp li div, .siteTop #main #searchFashionBrandAlp li span { border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; } .siteTop #main #searchFashionBrandAlp li div, .siteTop #main #searchFashionBrandAlp li span { width: 31px; height: 23px; background-repeat: no-repeat; background-image: url("/contents/images/common/btn_brandlist_top.gif"); } .siteTop #main #searchFashionBrandAlp li div.alphabet-other, .siteTop #main #searchFashionBrandAlp li span.alphabet-other { width: 58px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-a { background-position: 0 -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-a { background-position: 0 -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-b { background-position: -33px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-b { background-position: -33px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-c { background-position: -65px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-c { background-position: -65px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-d { background-position: -97px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-d { background-position: -97px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-e { background-position: -129px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-e { background-position: -129px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-f { background-position: -161px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-f { background-position: -161px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-g { background-position: -199px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-g { background-position: -199px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-h { background-position: -232px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-h { background-position: -232px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-i { background-position: -264px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-i { background-position: -264px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-j { background-position: -296px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-j { background-position: -296px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-k { background-position: -328px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-k { background-position: -328px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-l { background-position: -360px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-l { background-position: -360px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-m { background-position: -398px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-m { background-position: -398px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-n { background-position: -431px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-n { background-position: -431px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-o { background-position: -463px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-o { background-position: -463px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-p { background-position: -495px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-p { background-position: -495px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-q { background-position: -527px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-q { background-position: -527px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-r { background-position: -559px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-r { background-position: -559px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-s { background-position: -597px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-s { background-position: -597px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-t { background-position: -630px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-t { background-position: -630px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-u { background-position: -662px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-u { background-position: -662px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-v { background-position: -694px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-v { background-position: -694px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-w { background-position: -726px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-w { background-position: -726px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-x { background-position: -758px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-x { background-position: -758px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-y { background-position: -796px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-y { background-position: -796px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-z { background-position: -829px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-z { background-position: -827px -156px; } .siteTop #main #searchFashionBrandAlp li div.alphabet-other { background-position: -867px -125px; } .siteTop #main #searchFashionBrandAlp li span.alphabet-other { background-position: -867px -156px; } .siteTop #main ul.brandList { padding-left: 31px; padding-bottom: 15px; zoom: 1; } .siteTop #main ul.brandList:after { display: block; content: ""; clear: both; } .siteTop #main ul.brandList > li { margin-right: 10px; margin-bottom: 20px; float: left; width: 142px; } .siteTop #main ul.brandList > li a { color: #e50083; font-size: 90%; font-weight: bold; } .siteTop #main ul.atoz { margin-bottom: 15px; padding-left: 30px; zoom: 1; } .siteTop #main ul.atoz:after { display: block; content: ""; clear: both; } .siteTop #main ul.atoz > li { padding-bottom: 10px; float: left; width: 96px; } /* .siteTop #main #searchFashionBrand h3.alphabet { padding: 0 10px; } .siteTop #main .alphabetHeader { border-bottom: 1px solid #ABABAB; color: #000000; height: 20px; margin: 0 10px 7px; } .siteTop #main ul.alphabet { margin-bottom: 15px; padding-left: 30px; zoom: 1; } .siteTop #main ul.alphabet:after { display: block; content: ""; clear: both; } .siteTop #main ul.alphabet > li { padding-bottom: 7px; padding-right: 10px; float: left; width: 200px; } .siteTop #main ul.alphabet a .grey { color: #878787; font-size:85%;} */ .siteTop #main p.more { padding-right: 11px; text-align: right; } .siteTop #main p.more a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } .siteTop #main p.more a img { vertical-align: top; } .siteTop #main p.more_right { float:right; width:300px; padding-right: 11px; padding-bottom: 25px; text-align: right; } .siteTop #main p.more_right a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } .siteTop #main p.more_right a img { vertical-align: top; } .siteTop #main p.more_left { float:left; width:300px; padding-top: 3px; padding-right: 11px; padding-bottom: 25px; text-align: left; } .siteTop #main p.more_left a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } .siteTop #main p.more_left a img { vertical-align: top; } .siteTop #main #searchKeyword .header { margin-bottom: 15px; } .siteTop #main #searchKeyword .header h2{ margin:0 0 0 20px; } .siteTop #main #searchKeyword p, .siteTop #main #searchKeyword ul { padding: 0 21px; } .siteTop #main #searchKeyword p.msg { margin-bottom: 15px; font-weight: bold; line-height: 1.0; } .siteTop #main #searchKeyword ul.keywords { margin-bottom: 20px; zoom: 1; } .siteTop #main #searchKeyword ul.keywords:after { display: block; content: ""; clear: both; } .siteTop #main #searchKeyword ul.keywords > li { margin-right: 15px; float: left; } .siteTop #main #searchKeyword ul.date { zoom: 1; font-size: 90%; } .siteTop #main #searchKeyword ul.date:after { display: block; content: ""; clear: both; } .siteTop #main #searchKeyword ul.date > li { margin-right: 10px; float: left; } .siteTop #main #searchKeyword ul.date > li a { text-decoration: underline; } .siteTop #mainImageTop { margin-bottom: 21px;/*15px;*/ } /*bxslider*/ .bx-wrapper .bx-pager { text-align: center; margin-top: 15px; } .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-controls-direction a { position: absolute; z-index: 8000; } .bx-prev { left: 1px; } .bx-next { right: 1px; } .bx-pager a { background: #ccc; text-indent: -9999px;/*数字表示をブラウザ外に押しやる*/ display: block; width: 25px; height: 11px; margin: 0 10px; } .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } .bx-prev { background: url("/contents/images/top1309/btn_left.gif") no-repeat 20% 40%; -webkit-background-size: 8px auto; background-size: 8px auto; text-indent: 100%; white-space: nowrap; overflow: hidden; } .bx-next { background: url("/contents/images/top1309/btn_right.gif") no-repeat 80% 40%; -webkit-background-size: 8px auto; background-size: 8px auto; text-indent: 100%; white-space: nowrap; overflow: hidden; } /*INSTAGRAM*/ .siteTop #mainImageTop #kv { position: relative; padding: 4px; border: solid 1px #ababab; width: 650px; height: 397px; overflow: hidden; *zoom: 1; } .siteTop #mainImageTop #keyv li { display:none; /*　　　list-style:none; 　　　float:left; position: absolute; z-index:95;*/} .siteTop #mainImageTop #keyv li:first-child { display:block; } /*imghover*/ .siteTop #mainImageTop #kv li a:hover img { filter: alpha(opacity=80); opacity: 0.8;} /* .siteTop #mainImageTop #kv .bx-wrapper .bx-controls-direction a { position: absolute; z-index: 9900; }*/ .siteTop #mainImageTop #kv .bx-prev { float:left; left: 4px; } .siteTop #mainImageTop #kv .bx-next { float:right; right: 4px; } .siteTop #mainImageTop #kv .bx-prev { background: url("/contents/images/common/kvPrev_hoveroff.gif") no-repeat 0 0; -webkit-background-size: 20px auto; background-size: 20px auto; text-indent: 100%; white-space: nowrap; overflow: hidden; } .siteTop #mainImageTop #kv .bx-prev_on { background: url("/contents/images/common/kvPrev_hoveron.gif") no-repeat 0 0;} .siteTop #mainImageTop #kv .bx-next { background: url("/contents/images/common/kvNext_hoveroff.gif") no-repeat 0 0; -webkit-background-size: 20px auto; background-size: 20px auto; text-indent: 100%; white-space: nowrap; overflow: hidden; } .siteTop #mainImageTop #kv .bx-next_on { background: url("/contents/images/common/kvNext_hoveron.gif") no-repeat 0 0;} .siteTop #mainImageTop #kv .bx-prev, .siteTop #mainImageTop #kv .bx-next{ position: absolute; top: 186px; width: 20px;/*使用画像に応じて指定*/ height: 34px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000; opacity: 0.8; } /* .siteTop #kv #kv_prev, .siteTop #kv #kv_next { position: absolute; top: 186px; width: 20px; height: 34px; z-index: 100; opacity: 0.8; } */ .siteTop #mainImageTop .more { text-align: right; } .siteTop #mainImageTop .more a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } .siteTop #mainImageTop .more a img { vertical-align: top; } .siteTop #sidebar { float: right; width: 270px; } .siteTop #sidebar > .section { padding-top:20px; margin-bottom: 20px; } .siteTop #sidebar > .section .header { margin-bottom: 16px; position:relative;} .siteTop #sidebar > .section .header .more { top:5px; } .siteTop #sidebar > .section .header .more img{ vertical-align:top; } .siteTop #sidebar > .section .box { margin-right: 14px; margin-left: 14px; position: relative; zoom: 1; } .siteTop #sidebar > .section .box:after { display: block; content: ""; clear: both; } .siteTop #sidebar > .section .box .figure { float: left; } .siteTop #sidebar > .section .box dl { padding-top: 10px; float: right; width: 130px; } .siteTop #sidebar > .section .box dl dt { /* margin-bottom: 15px; */ color: #000; } .siteTop #sidebar > .section .box dl dd { font-size: 90%; font-weight: bold; } .siteTop #sidebar > .section .box p.more { position: absolute; right: 0; bottom: 0; text-align: right; } .siteTop #sidebar > .section .box p.more a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } .siteTop #sidebar > .section .box p.more a img { vertical-align: top; } .siteTop #sidebar > .section .box_editor { position: relative; width: 270px; height: 283px; overflow: auto; zoom: 1; } .siteTop #sidebar > .section .box_editor:after { display: block; content: ""; clear: both; } .siteTop #sidebar > .section .box_editor .figure { width:124px; float: left; display:inline; margin:0 10px 0 0; padding:12px 0; } .siteTop #sidebar > .section .box_editor .figure:first-child {padding-top:15px;} .siteTop #sidebar > .section .box_editor dl { } .siteTop #sidebar > .section .box_editor dl dt { /*font-size:160%;*/ font-size: 16px; line-height: 1; font-weight: bold; margin: 0 0 5px; padding: 16px 0 0 0; color: #000; } .siteTop #sidebar > .section .box_editor dl dd { /*font-size:1.05em;*/ font-size:95%; line-height:1.5; color:#000; margin:0 10px 0 0; } .siteTop #sidebar > .section .box_editor dl dd.date { padding-top:10px; text-align:right; } .siteTop #sidebar > .section .box_editor .clear { margin:0; clear: both; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .siteTop #sidebar #hotStyle { /* padding-bottom:17px; border-bottom: solid 2px #000; overflow:hidden;*/ height:339px; } .siteTop #sidebar > #hotStyle { padding-top:0; } .siteTop #sidebar #hotStyle h2 a { display: block; } .siteTop #sidebar #hotStyle p.desc { /* border-bottom: solid 1px #ababab; */ padding: 10px 18px 0px; font-size: 90%; } .siteTop #sidebar #hotStyle p.desc .rgt { padding-bottom: 3px; padding-top: 3px; float:right; } .siteTop #sidebar #hotStyle p.desc a { background: url("../es_images/common/icon_arrow.png") no-repeat scroll 0 0.2em transparent; display: inline-block; padding-left: 10px;} .siteTop #sidebar #hotStyle .clear { clear: both; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);} .siteTop #sidebar #hotStyle .widget { margin: 0 auto; width: 270px; } .siteTop #sidebar #editorsCloset { } /* .siteTop #sidebar #hotStyle .rgt { position:relative; z-index:1000; margin-top:-5px; float:right;} */ .siteTop #sidebar #hotStyle .header, .siteTop #sidebar > #editorsCloset.section .header{ margin-bottom:0; } .siteTop #sidebar #editorsCloset h2 a{ display: block; } /*BRAND NEWS*/ .siteTop #sidebar > #brandNews.section .header{ margin-bottom:0; } .siteTop #sidebar #brandNews .box_brand_news{ position:relative; width:270px; height:494px; overflow: auto; zoom: 1; } .siteTop #sidebar #brandNews .box_brand_news a{ display:block; overflow:hidden; padding:10px 0 0 0; } .siteTop #sidebar #brandNews .box_brand_news a:first-child{ padding:16px 0 0 0; } .siteTop #sidebar #brandNews .box_brand_news a .figure { float: left; display: inline; /*width: 127px;*/ /*margin: 0 10px 0 0;*/ width: 90px; margin: 0; } .siteTop #sidebar #brandNews .box_brand_news .figure img { border: 1px solid #ababab; /*width: 127px;*/ width: 80px; float: left; box-sizing: border-box; } .siteTop #sidebar #brandNews .box_brand_news a .text { float: left; /*width: 116px;*/ width: 160px; display: block; /*font-size:1.05em;*/ font-size: 95%; line-height: 1.5; margin: 0 0 0 0; } .siteTop #sidebar #elleJaponPresents { padding: 20px 0 0; margin-bottom:31px; overflow:hidden; } .siteTop #sidebar #elleJaponPresents .flag { background: url("/contents/images/top1309/elle25th_anniversarylogo.gif") no-repeat scroll 0 0 transparent; margin-bottom:16px;} .siteTop #sidebar #elleJaponPresents .elleJaponPresentsLeft{ float:left; display:inline; overflow:hidden; width:139px; margin:0 6px 0 0; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsLeft .figure img{ width:137px; height:180px; border:1px solid #c8c8c8; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsLeft ul{ padding-top:5px; float:right; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsLeft ul li{ float:left; display:inline; margin:0 0 0 5px; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsRight{ float:left; width:125px; overflow:hidden; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsRight dt{ padding:2px 0 10px 11px; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsRight dd{ background:url("/contents/images/top1309/bg_goshopping.gif") no-repeat 0 0; padding:9px 0 10px 20px; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsRight ul{ float:right; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsRight dd img{ width:96px; height:122px; } .siteTop #sidebar #elleJaponPresents .elleJaponPresentsRight li{ padding-top:3px; } /* #elleJaponPresents .box:after { display: block; content: ""; clear: both; } #elleJaponPresents > .box .figure { float: left; } #elleJaponPresents > .box dl { margin-top: -10px; float: right; width: 130px; } #elleJaponPresents > .box dt { margin-bottom: 2px; color: #333333; font-weight:bold; font-size: 98%;} #elleJaponPresents > .box .more a { font-weight:lighter; background: url("../es_images/common/icon_arrow.png") no-repeat scroll 0 0.2em transparent; display: inline-block; padding-left: 10px; } #elleJaponPresents > .box .nomal { color: #808080; font-size: 90%; font-weight:lighter;} #elleJaponPresents > .box dd { margin-top: 20px; color: #808080; font-weight:normal!important; }*/ .siteTop #sidebar #elleOnlinePresents { padding: 10px 1px; border-top: solid 2px #000; border-bottom: solid 2px #000; background-color: #e5e5e5; } .siteTop #sidebar #elleOnlinePresents h2 { margin: 0 14px 17px; padding-top: 42px; /* background: url("../es_images/common/ttl_elle_online_presents.gif") no-repeat 0 0;*/ background: url("/contents/images/top/ttl_ellegirl_online_presents.gif") no-repeat 0 0; color: #000; font-size: 90%; line-height: 1.0; } .siteTop #sidebar #elleOnlinePresents h3 { margin-bottom: 10px; color: #000; font-size: 90%; line-height: 1.0; } .siteTop #sidebar #elleOnlinePresents #elleTv h3 { padding-top: 25px; background: url("../es_images/common/ttl_elle_tv.gif") no-repeat 0 0; } .siteTop #sidebar #elleOnlinePresents #fashionSnap h3 { padding-top: 25px; background: url("../es_images/common/ttl_fashion_snap.gif") no-repeat 0 0; } .siteTop #sidebar #elleOnlinePresents #brandPickup h3 { padding-top: 25px; background: url("../es_images/common/ttl_brand_pickup.gif") no-repeat 0 0; } .siteTop #sidebar #elleOnlinePresents #askItDesigner h3 { padding-top: 25px; background: url("../es_images/common/ttl_ask_it_designer.gif") no-repeat 0 0; } .siteTop #sidebar #elleOnlinePresents .subSection { /* padding: 0 14px; padding-bottom: 20px; border-bottom: solid 1px #ababab;*/ } .siteTop #sidebar #elleOnlinePresents .subSection .box { width:240px; margin-bottom:10px; } .siteTop #sidebar #elleOnlinePresents ul.categoryList { margin: 0 14px; padding-top: 2px; } .siteTop #sidebar #elleOnlinePresents ul.categoryList > li { margin-bottom: 10px; } .siteTop #sidebar #elleOnlinePresents ul.categoryList > li a { color: #000; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } /* .siteTop #sidebar #sideInfo { border-bottom: solid 1px #000; } */ .siteTop #sidebar #elleOnlinePresents .clear { display: block; content: ""; clear: both; } .siteTop #sidebar #sideInfo h2 { } .siteTop #sidebar #sideInfo p.lead { padding: 10px 0; font-size: 90%; } .siteTop #sidebar #sideInfo ul > li { margin-bottom: 10px; } .siteTop #sidebar #sideInfo ul > li:last-child { margin-bottom:0;} .siteTop #sidebar #sideInfo ul.text > li a { /*font-size:1.05em;*/ font-size:95%; line-height:1.5; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } .siteTop #sidebar #rightBanner { padding-bottom: 1px; } .siteTop #sidebar #rightBanner h2 { margin-bottom: 10px; padding-top: 37px; padding-left: 2px; background: url("/contents/images/top/ttl_ellemaman_presents.gif") no-repeat 0 0; color: #000; font-size: 90%; line-height: 1.0; } .siteTop #sidebar #rightBanner ul > li { margin-bottom: 15px; } .siteTop #sidebar #rightBanner img { margin-bottom: 15px; } .siteTop #sidebar #rightBanner ul > li span { padding-top: 5px; font-size: 90%; } /* .siteTop #sidebar #relatedService { padding-bottom: 25px; }*/ .siteTop #sidebar #relatedService ul > li { margin-bottom: 15px; } .siteTop #sidebar #relatedService ul > li span { padding-top: 5px; font-size: 90%; } .siteTop #sidebar #toTop { float: right; } .siteTop #sidebar #toTop a { padding-left: 10px; display: inline-block; background: url("/contents/images/16aw/common/btn_top.gif") no-repeat 0 0.2em; } .siteTop #sidebar #toTop a:link, .siteTop #sidebar #toTop a:visited, .siteTop #sidebar #toTop a:active { text-decoration: underline; } .siteTop #sidebar #toTop a:hover { text-decoration: none; } .siteTop .carousel { width: 660px; } .siteTop .carousel .frame { width: 620px; } .siteTop .carousel ul { margin-left: 0; } #brandIndexDate .sale_back {display:none; padding:10px 0; margin-bottom:45px; background-color:#F0F0F0; width: 990px; } #brandIndexDate .sale_back .bx-wrapper{position:relative;} #brandIndexDate .sale_back .bx-controls-direction a{ position: absolute; margin-top: -170px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #brandIndexDate .sale_back .bx-prev { left: -30px;} #brandIndexDate .sale_back .bx-next { right: -30px;} /* #brandIndexDate .carousel .frame { margin-left:30px; width: 890px; } #brandIndexDate .carousel ul { margin-left: 0; } #brandIndexDate ul.items li { padding: 5px 13px 5px 5px; } */ /* マイページヘッダ */ #mypageHeader { /* margin: 0 20px; padding-bottom: 51px;*/ padding-top: 15px; width: 950px; zoom: 1; } #mypageHeader:after { display: block; content: ""; clear: both; } #mypageHeader p.corporate { padding-top: 10px; padding-left: 8px; float: left; width: 168px; height: 38px; overflow: hidden; } #mypageHeader p.corporate span { padding-top: 38px; background: url("../es_images/mypage/logo_hearstfujingaho168.png") no-repeat 0 0; display: block; } #mypageHeader ul { padding-top: 20px; float: right; width: 746px; zoom: 1; } #mypageHeader ul:after { display: block; content: ""; clear: both; } #mypageHeader ul li { margin-right: 6px; height: 25px; float: left; overflow: hidden; } #mypageHeader ul li.elleonline { width: 116px; } #mypageHeader ul li.elleonline a { background: url("../es_images/mypage/btn_elleonline.gif") no-repeat 0 0; } #mypageHeader ul li.ellegirl { width: 116px; } #mypageHeader ul li.ellegirl a { background: url("../es_images/mypage/btn_ellegirl.gif") no-repeat 0 0; } #mypageHeader ul li.elleshop { width: 121px; } #mypageHeader ul li.elleshop a { background: url("../es_images/mypage/btn_elleshop.gif") no-repeat 0 0; } #mypageHeader ul li.vingtcinqans { width: 116px; } #mypageHeader ul li.vingtcinqans a { background: url("../es_images/mypage/btn_25ans.gif") no-repeat 0 0; } #mypageHeader ul li.mensclubonline { width: 116px; } #mypageHeader ul li.mensclubonline a { background: url("../es_images/mypage/btn_mensclubonline.gif") no-repeat 0 0; } #mypageHeader ul li.thewedding { width: 116px; } #mypageHeader ul li.thewedding a { background: url("../es_images/mypage/btn_thewedding.gif") no-repeat 0 0; } #mypageHeader ul li a { padding-top: 25px; display: block; } /* マイページコンテンツ */ #content.mypage { padding-bottom: 0; } /* #gnav + #content.mypage,*/ #gnav + #content.login { padding-top: 25px; } #content.userEntry { padding-top: 25px; } #content.mypage #main .header h1.titlebar { padding:30px 0!important;} #content.mypage #main .header p { margin-bottom: 5px; } #content.mypage #topic { margin: 0px 0px 15px; padding: 5px 10px; background-color: #f0f0f0; zoom: 1; } #content.mypage #topic { display: block; content: ""; clear: both; } #content.mypage #topic li { margin-right: 10px; float: left; padding-left: 11px; padding-top: 2px; padding-bottom: 2px; display: inline-block; /* color: #333333; */ color: #e50083; background: url("../es_images/common/icon_arrow_topic.gif") no-repeat 0 50%; line-height: 1.2; width: 746px; } #topic a { color: #e50083; } #content.mypage #main h2 { font-size:130%; margin-bottom: 10px; margin-top: 20px; padding: 2px 0 2px 10px; border-left: solid 3px #000; font-weight: bold; } #content.mypage #main h2 a { text-decoration: underline; } #content.mypage #main h2 a:hover { text-decoration: none; } #content.mypage #main .noteList li { padding-left: 10px; background: url("../es_images/common/icon_dot.gif") no-repeat 2px 0.5em; } #content.mypage #main .mypageLead { margin-bottom: 10px; } #content.mypage #main .mypageLead em { color: #cc0000; } #content.mypage #main .mypageLead .rt { float:right; } #content.mypage #main .mypageLead .rt a{ color: #E50083; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_topic.gif") no-repeat 0 0.2em; } color: #cc0000;} #content.mypage #main .mypageLead .rt:after { display: block; content: ""; clear: both; } #content.mypage #main .bundle_reserve_message_1{font-weight:bold;margin:5px 0;} #content.mypage #main .bundle_reserve_message_2{color:#CC0000;} #content.mypage #main .couponLead{ text-decoration:bold; font-size:190%; border-bottom: 1px solid #ABABAB; margin: 0 0 15px; padding: 10px 0; width: 746px; } #content.mypage #main .coupontitle { border-left: 3px solid #000000; font-size: 130%; font-weight: bold; margin-bottom: 3px; margin-top: 30px; padding: 2px 0 2px 10px; } #content.mypage #main .mypageLead .rt a:link, #content.mypage #main .mypageLead .rt a:visited, #content.mypage #main .mypageLead .rt a:active { text-decoration: underline; } #content.mypage #main .mypageLead .rt a:hover { text-decoration: none; } #content.mypage #main .mypageLead table.cmnTable { width: 100%; margin-top: 5px;} #content.favpage .mypageLead table.cmnTable .now, #content.mypage .mypageLead table.cmnTable .now { width: 15%;} #content.favpage .mypageLead table.cmnTable .cartall, #content.mypage .mypageLead table.cmnTable .cartall { width: 25%;} #content.favpage .mypageLead table td ul.checkList > li, #content.mypage .mypageLead table td ul.checkList > li { margin-right: 15px; float: left; } #content.mypage #main .favorite { margin-top: 20px; margin-bottom: 3px; padding: 2px 0 2px 10px; border-left: solid 3px #000; font-weight: bold; } #content.mypage #main .cart { margin:10px 0 10px 5px; } #content.favpage #favoritemail .submit, #content.favpage #favCart .submit, #content.mypage #favoritemail .submit, #content.mypage #favCart .submit { margin-right:5px; float:right; } /*imghoverNO*/ #favoritemail .submit a img, #content.favpage #favCart a img{ filter: alpha(opacity=100); opacity: 1;} #content.favpage #favCart .del{padding-left:20px;} #content.mypage #main .mypageThanks p { margin-bottom: 20px; } #content.mypage #main .required { color: #cc0000; } #content.mypage #main dl.hits { margin-top: -10px; margin-bottom: 10px; zoom: 1; } #content.mypage #main dl.hits:after { display: block; content: ""; clear: both; } #content.mypage #main dl.hits dt, #content.mypage #main dl.hits dd { float: left; font-weight: bold; } #content.mypage #main dl.hits dt { padding-right: 1em; } #content.mypage #main .comment { margin-bottom: 20px; } #content.mypage #main #mypageMenu ul { zoom: 1; } #content.mypage #main #mypageMenu ul:after { display: block; content: ""; clear: both; } #content.mypage #main #mypageMenu ul li {padding:5px 0; float: left; width: 33%; } #content.mypage #main .mypageLead a{margin-top:8px;color:#666;} #content.mypage #main .mypageLead a, #content.mypage #main #mypageMenu ul a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.4em; } #content.mypage #main .mypageLead + .caution{display:none;} #content.mypage #main #mypageMenu ul span.disable { color: #999; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.4em; } #content.mypage #main #mypageMenu ul span.note { vertical-align: middle; } #content.mypage #main #mypageMenu ul.withdrawal li { width: auto; } #content.mypage #main #mypageMenu ul.withdrawal li span.note { background: none; } #content.mypage #main table.cmnTable { width: 745px; } #content.mypage #main table.cmnTable table { margin-bottom: 0; width: auto; } #content.mypage #main table.cmnTable table del { padding-bottom: 5px; } #content.mypage #main table.cmnTable table strong { color: #c00; font-weight: bold; } #content.mypage #main table.cmnTable table td.name { min-width: 250px; } #content.mypage #main table.cmnTable table td.price { white-space: nowrap; color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #content.mypage #main table.cmnTable table td.total { white-space: nowrap; } #content.mypage #main table.cmnTable table td.amount, #content.mypage #main table.cmnTable table td.gift { width: 10%; text-align: center; white-space: nowrap; } /* お気に入り商品 */ #content table.cmnTable thead th { white-space: nowrap; } #content table.cmnTable tbody td.check { text-align: center; } #content table.cmnTable tbody td.name span.image, #content table.cmnTable tbody td.name span.text { display: table-cell; *display: inline-block; vertical-align: middle; } #content table.cmnTable tbody td.name span.image { padding-right: 5px; width: 65px; } #content table.cmnTable tbody td.name span.text { padding-left: 10px; /* width: 250px;*/ } #content table.cmnTable tbody td.name .brandname { font-family: 'Jost'; font-weight:bold; /* color:#E50083;*/ } #content table.cmnTable tbody td.price { text-align: right; } #content table.cmnTable tbody td.price strong { padding-bottom: 5px; color: #c00; font-weight: bold; } #content table.cmnTable tbody .price .off { margin-bottom: 5px; color: #c00; } #content table.cmnTable tbody td.price { color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #content table.cmnTable tbody td.cart { text-align: center; } #content table.cmnTable tbody td.cart .cartin { color:#cc0000; margin-bottom:10px; } #content table.cmnTable tbody td.cart .cartin a:hover{ text-decoration:none; } /*imghoverNO*/ #content table.cmnTable tbody div.cartin a img{ filter: alpha(opacity=100); opacity: 1;} /*imghover*/ /* #content table.cmnTable tbody div.cartin span.delete a:hover img { filter: alpha(opacity=70); opacity: 0.7;} */ #content table.cmnTable tbody td.cart .delete { margin-left:5px; margin-bottom:10px; } #content table.cmnTable tbody td.cart .nostock { color: #666666; font-weight: bold;} #content table.cmnTable tbody td.cart .status { font-size:90%; color: #CC0000; display: block; font-weight: bold; margin-top: 7px;} #content table.cmnTable tbody td.cart .incart { font-size:85%; color: #666666; display: block; font-weight: bold; margin-bottom: 7px;} #content .cartTable table { margin-top: 20px; } margin-bottom: 30px; } #content .cartTable table col.colCheck { width: 1%; } #content .cartTable table col.colPrice { width: 13%; } #content .cartTable table col.colCart { width: 30%; } #content.mypage #main table.point th, #content.mypage #main table#mypageMenu th { width: 155px; } #content.mypage #main table.point td em { font-weight: bold; } #content.mypage #main .mypageTable .lead { margin-bottom: 10px; } #content.mypage #main .mypageTable table col.tableHeader { width: 25%; } #content.mypage #main .mypageTable table col.tableData { width: 75%; } #content.mypage #main .mypageTable table td .mailAddress { margin-bottom: 5px; } #content.mypage #main .mypageTable table td .nameBlock { float: left; } #content.mypage #main .mypageTable table td .nameBlock dl { margin-right: 30px; float: left; width: 100%; zoom: 1; } #content.mypage #main .mypageTable table td .nameBlock dl:after { display: block; content: ""; clear: both; } #content.mypage #main .mypageTable table td .nameBlock dt, #content.mypage #main .mypageTable table td .nameBlock dd { float: left; } #content.mypage #main .mypageTable table td .nameBlock dt { margin-right: 5px; padding-top: 5px; } #content.mypage #main .mypageTable table td .nameBlock p { clear: both; } #content.mypage #main .mypageTable table td .nameBlock #firstName, #content.mypage #main .mypageTable table td .nameBlock #firstNameKana{margin-left:10px;} #content.mypage #main .mypageTable table td .example { margin-left: 20px; color: #333333 !important; font-size: 90% !important; } #content.mypage #main table#orderHistory td.reserve .example, #content.mypage #main table#orderHistory td.reserve .example > span{ margin:0; display:block;} #content.mypage #main table#orderHistory td.reserve .example{ margin-top:10px; } #content.mypage #main .mypageTable table td ul.checkList { zoom: 1; } #content.mypage #main .mypageTable table td ul.checkList:after { display: block; content: ""; clear: both; } #content.mypage #main .mypageTable table td ul.checkList > li { margin-right: 15px; float: left; } #content.mypage #main .mypageTable table td ul.mailCheckList { width: 100%; zoom: 1; } #content.mypage #main .mypageTable table td ul.mailCheckList:after { display: block; content: ""; clear: both; } #content.mypage #main .mypageTable table td ul.mailCheckList > li { float: left; width: 268px; letter-spacing: -1px; } #content.mypage #main .mypageTable table td .unit { padding-left: 5px; padding-right: 10px; } #content.mypage #main .mypageTable table td.id { font-weight:bold; } #content.mypage #main .mypageTable table td p.newConf { background: url("../es_images/mypage/icon_arrow_sqr.gif") no-repeat scroll 0 4px rgba(0, 0, 0, 0); font-weight: bold; padding-left: 18px; font-weight:bold; } #content.mypage #main .mypageTable table td p.newConf a{ text-decoration:underline;} #content.mypage #main .mypageTable table td div.mypageLead{ margin-top:20px;} #content.mypage #main .mypageTable table td p.submit{ margin-top:10px;} /*20150127*/ #content.mypage #main .mypageTable table td div.suspendblock .suspend{ margin-left:30px; color:#e50083;} .offshore{display:none; /* color:#888; padding: 0 0 10px 0; margin-top:-10px; */ } .box-1 .offshore{display:none; /* color:#888; padding: 0 0 10px 30px; margin-top:0; */ } #content.mypage #main table#addressSearch { margin-bottom: 50px; } #content.mypage #main table#addressSearch col.colZip { width: 20%; } #content.mypage #main table#addressSearch col.colPrefecture { width: 20%; } #content.mypage #main table#addressSearch col.colAddress { width: 50%; } #content.mypage #main table#addressSearch thead th { padding: 6px 10px; text-align: center; } #content.mypage #main table#addressSearch tbody td { padding: 6px 10px; } #content.mypage #main table#addressSearch tbody td.zip, #content.mypage #main table#addressSearch tbody td.prefecture, #content.mypage #main table#addressSearch tbody td.btn { text-align: center; } #content.mypage #main table#orderHistory { margin-top: 10px; } #content.mypage #main table#orderHistory th { white-space: nowrap; } #content.mypage #main table#orderHistory td.num, #content.mypage #main table#orderHistory td.date { width: 1%; white-space: nowrap; } #content.mypage #main table#orderHistory td.price { width: 1%; text-align: right; white-space: nowrap; color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #content.mypage #main table#orderHistory td.reserve, #content.mypage #main table#orderHistory td.status { width: 1%; text-align: center; white-space: nowrap; } #content.mypage #main table#orderHistory td.num a { text-decoration: underline; } #content.mypage #main table#orderHistory td.num a:hover { text-decoration: none; } #content.mypage #main dl.destination { zoom: 1; } #content.mypage #main dl.destination:after { display: block; content: ""; clear: both; } #content.mypage #main dl.destination dt, #content.mypage #main dl.destination dd { float: left; font-weight: bold; } #content.mypage #main dl.destination dd.name { margin-right: 1em; } #content.mypage #main table.orderDetail col.tableData { width: auto; } #content.mypage #main table.orderDetail th { width: 10em; white-space: nowrap; } #content.mypage #main table.orderDetail td.price { text-align: right; color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #content.mypage #main table.orderDetail th.total, #content.mypage #main table.orderDetail td.total { font-weight: bold; text-align: right; } #content.mypage #main .orderDetailWrapper { zoom: 1; } #content.mypage #main .orderDetailWrapper:after { display: block; content: ""; clear: both; } #content.mypage #main .orderDetailWrapper .section { float: left; } #content.mypage #main .orderDetailWrapper #orderDetailCustomer { margin-right: 20px; width: 460px; } #content.mypage #main .orderDetailWrapper #orderDetailCustomer table.cmnTable { width: 459px; } #content.mypage #main .orderDetailWrapper #orderDetailContent { width: 266px; } #content.mypage #main .orderDetailWrapper #orderDetailContent table.cmnTable { width: 265px; } #content.mypage #main .orderDetailWrapper #orderDetailContent table.cmnTable th.total { text-align: left; } #content.mypage #main .orderArchives { margin-top: -10px; margin-bottom: 20px; } #content.mypage #main .addDestination p { margin-bottom: 20px; } #content.mypage #main #destinationList col.colBtn { width: 40px; } #content.mypage #main #returnTop { padding-top: 50px; } #content.mypage #main #returnAddressList { padding-top: 200px; padding-bottom: 200px; } #content.mypage #main .withdrawal, #content.mypage #main #withdrawal { margin-bottom: 30px; } #content.mypage #main #withdrawal .enquete { margin-bottom: 20px; } #content.mypage #main #withdrawal .comment { margin-bottom: 20px; } #content.mypage #main #withdrawal .comment p { margin-bottom: 10px; } #content.mypage #main #withdrawal .comment textarea { width: 740px; } #content.mypage #main .withdrawal.note, #content.mypage #main #withdrawal .note { padding: 10px 10px 0; background-color: #eaeaea; } #content.mypage #main .withdrawal.note dl dt, #content.mypage #main #withdrawal .note dl dt { margin-bottom: 5px; font-weight: bold; } #content.mypage #main .withdrawal.note dl dd ul, #content.mypage #main #withdrawal .note dl dd ul { padding-bottom: 10px; } #content.mypage #main .withdrawal.note dl dd li, #content.mypage #main #withdrawal .note dl dd li { margin-bottom: 2px; padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_dot.gif") no-repeat 2px 0.5em; display: block; } #content.mypage #main .withdrawal.note dl dd p, #content.mypage #main #withdrawal .note dl dd p { margin-bottom: 5px; } #content.mypage #main #withdrawal .note dl dd strong { color: #f00; } #content.mypage #main .section.point { margin-top:-10px;margin-bottom:30px; } #content.mypage #main .section.point .pt, #content.mypage #main .section.point .pt2{ color:#f00; } #content.mypage #main .section.point .pt{ font-weight:bold; font-size:120%; } #content.mypage #main .withdrawal + .mypageLead a{ background:none; padding:0; text-decoration:underline; } #content.mypage #main ul.backToTop { margin: 30px 0; } #content.mypage #main #passwordInfo { padding-bottom: 20px; } #content.mypage #main .frremindConf { margin-bottom: 180px; } #content.mypage #main #mailMagazineEntry col.tableCheckbox { width: 7%; } #content.mypage #main #mailMagazineEntry col.tableMailMagazine { width: 30%; } #content.mypage #main #mailMagazineEntry thead th.check { white-space: nowrap; } #content.mypage #main #mailMagazineEntry thead th.check input { margin-right: 5px; } #content.mypage #main #mailMagazineEntry tbody td.check { text-align: center; } #content.mypage #main #mailMagazineEntry tbody td.mailAddress { vertical-align: middle; } #content.mypage #main #mailMagazineEntry input#mailAddress { vertical-align: bottom; } #content.mypage #main #mailMagazineEntry .submitMailMagazine { padding-left: 10px; display: inline; } #content.mypage #main #mailMagazineEntry .submitMailMagazine > li { margin-right: 10px; display: inline; vertical-align: bottom; } #content.mypage #main #mailMagazineEntry .submitMailMagazine + p.note { margin-top: 10px; display: block !important; } .toMypage a{color:#878787;} /* お気に入り */ #content.favpage { padding: 0 40px 30px; width: 910px; zoom: 1; } #content.favpage .lead { width:910px; border-bottom: 1px solid #ABABAB; margin: 0 0 15px; padding:10px 0;} #content.favpage .lead .lt { font-size: 190%; font-weight: bold; width:510px; float:left;} #content.favpage .lead .rt { width:400px; float:left;} #content.favpage .lead .rt ul { margin-top:7px; float:right;} #content.favpage .lead .rt li{ border-right: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; display: inline; padding-left: 7px; padding-right: 7px;} #content.favpage .lead .rt li:first-child{ border-right: none;} #content.favpage .lead .rt li a{ text-decoration:underline; color:#E50083;} #content.favpage .txt { font-size:110%; font-weight:bold;} #content.favpage .txt2 { padding-top:5px; font-size:100%;} #content.favpage .favorite { font-size:130%; margin-top: 40px; margin-bottom: 3px; padding: 2px 0 2px 10px; border-left: solid 3px #000; font-weight: bold; } #content.favpage .mypageLead table.cmnTable { margin-top: 5px; width: 100%;} #content.mypage .mailtitle { width:400px; float:left; font-size:130%; margin-top: 40px; margin-bottom: 3px; padding: 2px 0 2px 10px; border-left: solid 3px #000; font-weight: bold; } #content.mypage .mailtitle:first-child { margin-top: 25px;} #content.mypage .mailrt { width:450px; float:right; text-align:right; font-size:90%; margin-top: 20px; margin-bottom: 3px; padding: 10px 30px 2px 0;} #content.mypage .mailrt a{ text-decoration:underline} #content.mypage .mailchange { text-align:center; margin-top: 20px; padding-bottom:30px; /* margin-bottom: 30px;*/} #content.mypage .maillead { width:910px; border-bottom: 1px solid #ABABAB; /* margin: 10px 0 40px 0;*/ padding:10px 0 0 15px;} #content.mypage .maillead .mail, #content.mypage .maillead .mailmaga { margin-bottom:10px; display:inline-block; width:910px; font-size: 110%; font-weight: normal;} #content.mypage .mailblock .mailmaga { margin-bottom:5px; padding-left:15px; display:inline-block; width:910px; font-size: 110%; font-weight: normal;} #content.mypage .maillead .mail { font-size: 130%; font-weight: bold;} /* マイページ/メール設定 */ #content.mypage .mailrt{ width: 390px!important; text-align: left!important; } .maillead .mailed{ padding: 5px 0; display: block; font-size:110%; } .maillead{display:inline-block;} .maillead .link a{ margin: 10px 0; padding-left: 10px; display: inline-block; background: url("/web/default/es_images/common/icon_arrow.png") no-repeat 0 0.6em; background-size: 8px auto; -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); } .maillead .link a:hover{ opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; } .maillead .cmnTable { width:900px; margin-top:10px; } .maillead table.cmnTable td{ background: #f5f5f5; vertical-align: middle; padding:10px; line-height:2.5em; font-size:90%;} .maillead table.cmnTable th{ background: #ebebeb; color: #999; font-weight:bold; font-size:90%; color:#494949; /*border:0;*/ width: 70%; margin-left: 0px;} .maillead table.cmnTable td .submit { margin-right: 5px; float: right;} .maillead .cmnTable .link a, .maillead .cmnTable .submit li a{ padding: 0px 15px; width:100%; height:100%; display:block; -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);} .maillead table.cmnTable .submit ul li{ overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bbbbbb; background: #ffffff; float: left; list-style-type: none; height: 25px; line-height: 25px; cursor: pointer;} .maillead table.cmnTable .submit ul li a:hover{background:#000; color:#fff;} .mailsetbrand #fav_brandSection .nameArea .en:hover, .mailsetbrand #fav_brandSection .nameArea .ja:hover, .mailsetbrand #fav_brandSection .logo{ cursor:default!important; } .mailsetbrand #fav_brandSection .nameArea .en:hover, .mailsetbrand #fav_brandSection .nameArea .ja:hover, .mailsetbrand #fav_brandSection .logo:hover{ opacity: 1!important; filter: alpha(opacity=100)!important; } .mailsetbrand #fav_brandSection .mailArea .mailRequest, .mailsetbrand #fav_brandSection .mailArea .mailRelease{ width:140px!important; } .backtomailset{ text-align:center; margin: 10px 0px; padding-top: 0; padding-bottom: 10px; border-top: solid 1px #ababab; color: #000; } .backtomailset img{margin-top:40px;} #content.favpage .cartTable table { /* margin-top: 20px;*/ width:100%; } #content.favpage .cartTable table col.colCheck_fav { width: 1%; } #content.favpage .cartTable table col.colPrice_fav { width: 10%; } #content.favpage .cartTable table col.colCart_fav { width: 25%; } #content.favpage .tolist{ text-align:center; margin-top: 35px; padding-bottom:15px;} /*imghoverNO*/ #content.favpage .tolist a img{ filter: alpha(opacity=100); opacity: 1;} #content.favpage #fav_brandSection ul > li { float: left; margin-right: 40px; overflow: hidden; padding-top: 25px; padding-bottom: 40px; width: 150px; } #content.favpage #fav_brandSection ul > li.nthChild5n { margin-right: 0px; } #content.favpage .clear { display: block; content: ""; clear: both; } #content.favpage #fav_brandSection ul > li span.logo { border: 1px solid #CCCCCC; margin-bottom: 5px; } #content.favpage #fav_brandSection ul > li span { color: #000000; display: block; font-size: 90%; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; } #content.favpage #fav_brandSection ul > li span.mail { margin:7px 0 5px; } #content.favpage #fav_brandSection ul > li span.del { float:right; } #content.favpage #main{width:910px;min-height:40px;float:left;} /* マイページナビ */ #mypageNav p.title { margin-bottom: 10px; } #mypageNav ul { margin-bottom: 40px; padding-left: 10px; } #mypageNav ul li { width:185px; float:left; padding: 5px 0 2px 15px; background: url("../es_images/mypage/icon_arrow_sqr.gif") no-repeat 0 8px; color: #999; } #mypageNav ul li a { font-weight: bold; color: #333; } /* ログイン */ #login { margin-top: 20px; } #login h1 { margin-bottom: 10px; background-color: #000; } #login h1 img { padding: 7px 10px; display: block; vertical-align: top; } #login .section { margin-bottom: 0!important; border: solid 1px #ccc; } #login .section h2 { padding: 10px; border-bottom: solid 1px #ccc; } #login .loginAreaWrapper { padding: 20px 10px; zoom: 1; } #login .loginAreaWrapper:after { display: block; content: ""; clear: both; } #login .loginAreaWrapper .loginArea, #login .loginAreaWrapper .desc { float: left; width: 460px; } #login .loginAreaWrapper .loginArea dl { margin-bottom: 10px; zoom: 1; } #login .loginAreaWrapper .loginArea dl:after { display: block; content: ""; clear: both; } #login .loginAreaWrapper .loginArea dl dt, #login .loginAreaWrapper .loginArea dl dd { float: left; } #login .loginAreaWrapper .loginArea dl dt { margin-right: 10px; } #login .loginAreaWrapper .loginArea dl dt img { vertical-align: middle; } #login .loginAreaWrapper .loginArea dl input[type="text"], #login .loginAreaWrapper .loginArea dl input[type="password"] { border: solid 1px #000; background-color: #fff; width: 270px; } #login .loginAreaWrapper ul.errorMsg { padding-bottom: 0; padding-left: 75px; } #login .loginAreaWrapper .loginArea .btn { margin-bottom: 20px; padding-top: 10px; padding-left: 75px; zoom: 1; } #login .loginAreaWrapper .loginArea .btn:after { display: block; content: ""; clear: both; } #login .loginAreaWrapper .loginArea .btn > div { float: left; } #login .loginAreaWrapper .loginArea .btn .remember { margin-left: 10px; line-height: 35px; white-space: nowrap; } #login .loginAreaWrapper .forgotten_att { padding-top:5px; padding-left: 75px; } #login .loginAreaWrapper .forgotten { padding-left: 75px; } #login .loginAreaWrapper .forgotten a { padding-left: 13px; display: inline-block; background: url("../es_images/mypage/icon_arrow_red.gif") no-repeat 0 0.2em; color: #c00; text-decoration: underline; } #login .memberArea { padding: 20px; zoom: 1; } #login .memberArea:after { display: block; content: ""; clear: both; } #login .memberArea p.lead { margin-bottom: 20px; } #login .memberArea .box { margin: 0 auto 20px; width: 879px; zoom: 1; } #login .memberArea .box:after { display: block; content: ""; clear: both; } #login .memberArea .box dl { float: left; width: 251px; } #login .memberArea .box dl dt { margin-bottom: 10px; text-align: center; } #login .memberArea .box dl dd { margin-bottom: 20px; } /* #login .memberArea .elleclub { background: url("../es_images/mypage/bg_member_elle_club.gif") no-repeat 0 100%; } */ #login .memberArea .elleclub h3 { margin-bottom: 10px; } #login .memberArea .elleclub h3 img { vertical-align: top; } #login .memberArea .elleclub .inner { padding-left: 25px; zoom: 1; } #login .memberArea .elleclub .inner:after { display: block; content: ""; clear: both; } #login .memberArea .elleclub dl { margin-right: 34px; } #login .memberArea .elleclub dl.lastChild { margin-right: 0; } #login .memberArea .other { background: url("../es_images/mypage/bg_member_other.gif") no-repeat 0 100%; } #login .memberArea .other dl { margin-right: 15px; width: 283px; } #login .memberArea .other dl.lastChild { margin-right: 0; } #login .memberArea .other dl dd { padding: 0 16px; } #login .cybertrust { padding-top: 20px; text-align: center; } #login .cybertrust p { display: inline-block; font-size: 90%; vertical-align: middle; } /* リアルタイムバリデーション */ .errorMessageArea { margin: 1em; padding: 1em; border: solid 1px #c00; background-color: #f0f0f0; color: #c00; z-index: 1000; } /* 会員登録ナビ */ #memberNav ul { margin-bottom: 40px; } #memberNav ul li { margin-bottom: 10px; padding-bottom: 18px; /* background: url("../es_images/common/bg_flow_arr.gif") no-repeat 50% 100%;*/ background: url("../es_images/top/btn_arrow_black.png") no-repeat top -1px right 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 277px; float: left; } #memberNav ul li.step04 { width: 185px!important; background: none; } #memberNav ul li span { width: 185px; height: 31px; display: block; overflow: hidden; background-image: url("../es_images/mypage/nav_member.gif"); background-repeat: no-repeat; } #memberNav ul li.step01 span { background-position: 0 0; } #memberNav ul li.step02 span { background-position: 0 -31px; } #memberNav ul li.step03 span { background-position: 0 -62px; } #memberNav ul li.step04 span { background-position: 0 -93px; } #memberNav ul li.step01.cur span { background-position: -185px 0; } #memberNav ul li.step02.cur span { background-position: -185px -31px; } #memberNav ul li.step03.cur span { background-position: -185px -62px; } #memberNav ul li.step04.cur span { background-position: -185px -93px; } /* 規約 */ #agreementArea { margin-bottom: 40px; padding: 2px 10px 15px; border: solid 1px #7f9db9; width: 728px; height: 181px; overflow: auto; } h1.titlebar + #termsArea { margin-top: -10px; } #agreementArea, #termsArea { color: #000; } #agreementArea h3, #termsArea h3 { margin-top: 20px; padding: 7px 10px; background-color: #000; color: #fff; font-size: 116.667%; font-weight: bold; } #agreementArea h4, #termsArea h4 { margin-top: 20px; padding: 2px 0 2px 10px; border-left: solid 3px #000; font-weight: bold; } #agreementArea h5, #termsArea h5 { margin-top: 10px; font-weight: bold; } #agreementArea p, #termsArea p { margin-top: 10px; } #agreementArea ul, #termsArea ul { margin-top: 10px; } #agreementArea ul > li, #termsArea ul > li { margin-top: 10px; } #agreementArea ul.numList > li, #termsArea ul.numList > li { padding-left: 1em; text-indent: -1em; } /* ID、またはパスワードをお忘れの方 */ .mypage #sidebar{width:1016px;} .mypage #sidebar:after, .mypage #sidebar p.comment:after, .mypage #sidebar p.comment:before { display: block; content: ""; clear: both; } .mypage #sidebar p.comment{float:left; padding:10px 0 30px 10px;} #frremindNav ul { margin-bottom: 40px; } #frremindNav ul li { background: url("../es_images/top/btn_arrow_black.png") no-repeat top -1px right 25px; text-indent: 100%; white-space: nowrap; overflow: hidden; width:250px; float:left;} #frremindNav ul li.step03 { padding-bottom: 0; background: none; } #frremindNav ul li span { width: 185px; height: 31px; display: block; overflow: hidden; background-image: url("../es_images/mypage/nav_frremind.gif"); background-repeat: no-repeat; } #frremindNav ul li.step01 span { background-position: 0 0; } #frremindNav ul li.step02 span { background-position: 0 -31px; } #frremindNav ul li.step03 span { background-position: 0 -62px; } #frremindNav ul li.step04 span { background-position: 0 -93px; } #frremindNav ul li.step01.cur span { background-position: -185px 0; } #frremindNav ul li.step02.cur span { background-position: -185px -31px; } #frremindNav ul li.step03.cur span { background-position: -185px -62px; } #frremindNav ul li.step04.cur span { background-position: -185px -93px; } #content.shoppingCart { padding-top: 25px; /* ショッピングカート */ /*お届け先*/ /* ギフト */ /* 注文内容 */ /* お支払い方法 */ /* 注文完了 */ /* アンケート */ } #content.shoppingCart .header h1.titlebar { margin-bottom: 20px; } #content.shoppingCart .omatome{ color: #e50083; font-size: 120%;} #content.shoppingCart .omatome-att{ color: #e50083; font-size: 100%;} #content.shoppingCart .omatome-att a{ text-decoration:underline;} #content.shoppingCart .shipping{ color: #e50083 !important; font-size: 100%;} #content.shoppingCart #send .msg{ color: #ff0000; font-size: 100%;} #content.shoppingCart .lead #send{float:left; margin-left:20px; font-size: 120%;} #content.shoppingCart .header p { margin-bottom: 20px; } #noGnav #content.shoppingCart .section h2, #noGnav #content.shoppingCart #orderDetailGift h2, #noGnav #content.shoppingCart #orderDetailDelivery h2, #content.shoppingCart #orderDetailDelivery h2 { font-size: 130%; margin-bottom: 10px; padding: 2px 0 2px 10px; border-left: solid 3px #000; font-weight: bold; } #noGnav #content.shoppingCart .section h2, #noGnav #content.shoppingCart #orderDetailGift h2, #noGnav #content.shoppingCart #orderDetailDelivery h2{ text-align:left; width:100%;background-color:#fff;} #content.shoppingCart h2 img{ padding-left:10px; vertical-align: middle; } #content.shoppingCart h2 select, #content.shoppingCart h2 input { vertical-align: middle; } #content.shoppingCart h2 img.change, #content.shoppingCart h2 input.change { margin-left: 10px; vertical-align: middle; } #content.shoppingCart .cartLead { margin-bottom: 20px; } #content.shoppingCart .cartLead a { text-decoration: underline; } #content.shoppingCart .cartLead a:hover { text-decoration: none; } #content.shoppingCart .cartLead strong { color: #c00; font-weight: bold; } #content.shoppingCart .required { color: #c00; } #content.shoppingCart table.cmnTable { width: 745px; } #content.shoppingCart table.cmnTable col.tableData { width: 80%; } #content.shoppingCart table.cmnTable h3 { margin-bottom: 5px; font-weight: bold; } #content.shoppingCart table.cmnTable table { margin-bottom: 0; width: auto; } #content.shoppingCart table.cmnTable table.message, #content.shoppingCart table.cmnTable table.gift { width: 350px; } #content.shoppingCart table.cmnTable table.send td, #content.shoppingCart table.cmnTable table.send{ border: none; } #content.shoppingCart table.cmnTable .rt { float:right; margin-right:5px; } #content.shoppingCart table.cmnTable .lnk { font-weight:bold; padding-bottom:10px; } #content.shoppingCart table.cmnTable table del { padding-bottom: 5px; } #content.shoppingCart table.cmnTable table strong { color: #c00; font-weight: bold; } #content.shoppingCart table.cmnTable table td.name { min-width: 280px; } #content.shoppingCart table.cmnTable table td.price { white-space: nowrap; color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #content.shoppingCart table.cmnTable table td.total { white-space: nowrap; } #content.shoppingCart table.cmnTable table td.amount, #content.shoppingCart table.cmnTable table td.gift { width: 10%; text-align: center; white-space: nowrap; } #content.shoppingCart table.cmnTable thead th { white-space: nowrap; } #content.shoppingCart table.cmnTable tbody td.name span.image, #content.shoppingCart table.cmnTable tbody td.name span.text, #content.mypage table.cmnTable tbody td.name span.text, #content.mypage table.cmnTable tbody td.name span.image { display: table-cell; *display: inline-block; vertical-align: middle; } #content.shoppingCart table.cmnTable tbody td.name span.image, #content.mypage table.cmnTable tbody td.name span.image { padding-right: 10px; width: 60px; } #content.shoppingCart table.cmnTable tbody td.name span.text, /*#content.mypage table.cmnTable tbody td.name span.text { min-width: 265px; }*/ #content.shoppingCart table.cmnTable tbody td.amount { text-align: center; } #content table.cmnTable tbody td.amount .amount { text-align: center; } #content table.cmnTable tbody td.amount_plural { text-align: center; background-color:#F7D2E5; } #content table.cmnTable tbody td span.otodoke { font-size:90%; margin-left:5px; color: #CC0000; } #content.shoppingCart table.cmnTable tbody td.amount input { float:left; margin-right:8px; margin-left:5px; } #content.shoppingCart table.cmnTable tbody td.amount a{ float:left; } #content.shoppingCart table.cmnTable tbody td.amount img { vertical-align: middle; } #content.shoppingCart table.cmnTable tbody td.price, #content.shoppingCart table.cmnTable tbody td.total { text-align: right; } #content.shoppingCart table.cmnTable tbody td.price strong, #content.shoppingCart table.cmnTable tbody td.total strong { padding-top: 5px; color: #c00; font-weight: bold; } #content.shoppingCart table.cmnTable tbody td.price { color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #content.shoppingCart table.cmnTable tbody td.delete { text-align: center; } /* #content.shoppingCart .cartTable table { margin-top: -10px; }*/ #content.shoppingCart .cartTable table col.colAmount { width: 19%; } #content.shoppingCart .cartTable table col.colPrice { width: 13%; } #content.shoppingCart .cartTable table col.colTotal { width: 13%; } #content.shoppingCart .cartTable table col.colDelete { width: 1%; } #content.shoppingCart #orderDetailDelivery h2 select { margin-right: 10px; } #content.shoppingCart #orderDetailDelivery table table { margin-bottom: 20px; width: 574px; } #content.shoppingCart #orderDetailDelivery p.amountConf { margin-bottom: 20px; padding: 10px; background-color: #f0f0f0; color: #c00; font-weight: bold; vertical-align: middle; } #content.shoppingCart #orderDetailDelivery p.amountConf input, #content.shoppingCart #orderDetailDelivery p.amountConf img { vertical-align: middle; } #content.shoppingCart #orderDetailDelivery .dateConf { margin-bottom: 10px; } #content.shoppingCart #orderDetailDelivery .dateConf #bld{ text-decoration:underline; font-weight:bold; } #content.shoppingCart #orderDetailDelivery .dateConf ul.date { margin-top: 5px; zoom: 1; } #content.shoppingCart #orderDetailDelivery .dateConf ul.date:after { display: block; content: ""; clear: both; } #content.shoppingCart #orderDetailDelivery .dateConf ul.date > li { margin-right: 10px; float: left; } #content.shoppingCart #orderDetailDelivery .dateConf .senddate { font-size:130%; font-weight:bold;} #content.shoppingCart #orderDetailDelivery .newConf a { text-decoration:underline; padding-left: 10px; padding-bottom: 10px; display: inline-block; font-weight: bold; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } #content.shoppingCart #newConfAddress { margin-top: 20px; display: none; } #content.shoppingCart #newConfAddress .mypageLead { margin-bottom: 20px; } #content.shoppingCart #newConfAddress table.cmnTable th .note { margin-top: 5px; padding-left: 0; display: block; } #content.shoppingCart #newConfAddress table.cmnTable td .example { margin-top: 5px; display: block; color: #333333 !important; font-size: 100% !important; } #content.shoppingCart #newConfAddress table.cmnTable td .nameBlock { float: left; } #content.shoppingCart #newConfAddress table.cmnTable td .nameBlock dl { margin-right: 30px; float: left; width: 100%; zoom: 1; } #content.shoppingCart #newConfAddress table.cmnTable td .nameBlock dl:after { display: block; content: ""; clear: both; } #content.shoppingCart #newConfAddress table.cmnTable td .nameBlock dt, #content.shoppingCart #newConfAddress table.cmnTable td .nameBlock dd { float: left; } #content.shoppingCart #newConfAddress table.cmnTable td .nameBlock dt { margin-right: 5px; padding-top: 5px; } #content.shoppingCart #newConfAddress table.cmnTable td .nameBlock p { clear: both; } #content.shoppingCart #newConfAddress table.cmnTable td .nameBlock input[type="text"] { width: 140px; } #content.shoppingCart #orderDetailGift { padding-bottom: 20px; } #content.shoppingCart #orderDetailGift textarea { margin-bottom: 10px; margin-top: 10px; width: 565px; } #content.shoppingCart table.orderDetail th { width: 10em; white-space: nowrap; } #content.shoppingCart table.cmnTable table.send td.select, #content.shoppingCart table.cmnTable table.gift td.select{ width: 230px; } #content.shoppingCart table.cmnTable table.message td.radio{ width: 230px; } #content.shoppingCart table.cmnTable table.message td.radio label.lt{ margin-right:70px ; } /* #content.shoppingCart table.cmnTable table.message td.total span#messageprice{ display:none ; } */ #content.shoppingCart table.cmnTable table.message tr.header, #content.shoppingCart table.cmnTable table.gift tr.header{ white-space: nowrap; text-align: center; font-weight: normal; vertical-align: middle; padding: 8px; background-color: #EBEBEB; } #content.shoppingCart #GiftMessage { display: none; } #GiftMessage p{font-weight:bold;margin-top:25px;} #GiftMessage textarea + p{margin-top:0;} #GiftMessage p span{font-weight:normal;color:#cc0000;display:inline-block;} #GiftMessage p:first-child{margin-bottom:5px;} #GiftMessage label{margin-right:45px} #editMessageCard > p.preview{display:none;} .inst{padding-top:10px;} .wrapping_img{padding-top:12px;} #giftMessage div img{width:70%;} /*カード選択肢無い場合非表示*/ #giftMessage p:first-child{display:none;} #giftMessage label{display:none;} #editMessageCard .inst+p{display:none;} #editMessageCard label > label{display:none;} #editMessageCard label div img{width:100%;} #content.shoppingCart table.orderDetail td.price { text-align: right; color: #333333 !important; font-size: 100% !important; font-weight: normal !important; } #content.shoppingCart table.orderDetail th.total, #content.shoppingCart table.orderDetail td.total, #content.shoppingCart table.orderDetail td.total span, #content.mypage #main table.orderDetail td.total span { font-weight: bold; } #content.shoppingCart .orderDetailWrapper { zoom: 1; } #content.shoppingCart .orderDetailWrapper:after { display: block; content: ""; clear: both; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer { margin-right: 20px; float: left; width: 460px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .section { margin-bottom: 40px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .section .omatome{ color: #CC0000; } /* #content.mypage .section,*/ #content.shoppingCart .section{ margin-bottom: 30px; } #orderDetailDelivery h2 div{ font-size:75%;} #creditCardTable th label{display:block;} #creditCardTable th .note{display:block;} #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .box { margin-bottom: 20px; padding-left: 22px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .box p.payment { margin-bottom: 10px; margin-left: -22px; font-weight: bold; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .box p.payment label{ font-size:120%; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .gmo{ margin-top:-10px;margin-left:5px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .gmo a { text-decoration:underline; padding-left: 10px; padding-bottom: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .box p.payment .gmo{ padding-left:50px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .box p.more a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer .box table.cmnTable { width: 437px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer table.cmnTable { width: 459px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer table.cmnTable col.tableData { width: auto; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer #expiryYear { margin-left: 15px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer ul > li { margin-bottom: 10px; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer ul.card li{ font-size:90%; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer ul.checkList { zoom: 1; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer ul.checkList:after { display: block; content: ""; clear: both; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer ul.checkList > li { margin-right: 15px; margin-bottom: 0; float: left; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer ul.cardType > li { padding-right: 5px; display: inline; } #content.shoppingCart .orderDetailWrapper #orderDetailCustomer ul.cardType img { vertical-align: bottom; } #content.shoppingCart .orderDetailWrapper #orderDetailContent { margin-bottom: 40px; float: left; width: 266px; } #content.shoppingCart .orderDetailWrapper #orderDetailContent table.cmnTable { margin-bottom: 10px; width: 265px; } #content.shoppingCart .orderDetailWrapper #orderDetailContent table.cmnTable col.tableData { width: auto; } #content.shoppingCart .orderDetailWrapper #orderDetailContent input#usePoints { text-align: right; } #content.shoppingCart .orderDetailWrapper #orderDetailContent p.allPoints { margin-bottom: 20px; text-align: right; } #content.shoppingCart .orderDetailWrapper #orderDetailContent .recapture { margin-top: 10px; display: block; text-align: right; } #content.shoppingCart .orderDetailWrapper #orderDetailContent p.submit { margin-bottom: 0; padding-top: 10px; } #content.shoppingCart .orderDetailWrapper #orderDetailContent .omatome { color:#CC0000; } #content.shoppingCart .orderDetailWrapper #orderDetailContent .couponText { padding-top: 5px; display: block; text-align: right; } #content.shoppingCart .orderDetailWrapper #orderDetailContent .couponPrice { display: block; text-align: right; } #content.shoppingCart .thanksMsg p { margin-bottom: 20px; } #content.shoppingCart .thanksMsg p .omatome{ display:inline-block; color:#CC0000; font-weight:bold; padding-top:15px;} #content.shoppingCart .thanksMsg .thanks ul li{ margin-top: 5px; } #content.shoppingCart .thanksMsg .thanks ul li span.red{ color:#CC0000; } #content.shoppingCart .thanksMsg .thanks ul li span.bd{ font-size:100%; font-weight:bold; } #content.shoppingCart .thanksmail p { margin-bottom: 30px; } #content.shoppingCart .orderResult { margin-bottom: 20px; } #content.shoppingCart .orderResult .note { margin-top: -10px; font-size: 90%; } #noGnav #content.shoppingCart .orderResult .note { margin-top: 0;} #content.shoppingCart .enquateArea { margin-bottom: 40px; } #content.shoppingCart .enquateArea table td p { margin-bottom: 10px; } #content.shoppingCart .enquateArea table td ul.checkList { zoom: 1; } #content.shoppingCart .enquateArea table td ul.checkList:after { display: block; content: ""; clear: both; } #content.shoppingCart .enquateArea table td ul.checkList > li { margin-right: 15px; float: left; } #content.shoppingCart .enquateArea table td textarea { width: 550px; } #content.shoppingCart .enqThanks { margin-bottom: 180px; } .orderNote { padding-top: 10px; display: block; font-size: 90%; text-align: center; vertical-align: top; } .orderNote a { text-decoration: underline; } /* ショッピングカートナビ */ #cartNav ul li { margin-bottom: 10px; padding-bottom: 18px; /* background: url("../es_images/common/bg_flow_arr.gif") no-repeat 50% 100%; */ background: url("../es_images/top/btn_arrow_black.png") no-repeat top -1px right 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 277px; /*330px;*/ float: left; } #cartNav ul li span { width: 185px; /*285px;*/ height: 31px; display: block; overflow: hidden; background-image: url("../es_images/mypage/nav_member.gif"); background-repeat: no-repeat; } .mypage.userEntry #sidebar p.comment { float:none; padding-left: 0; } #cartNav ul { margin-bottom: 40px; } #cartNav ul li { margin-bottom: 10px; padding-bottom: 18px; /* background: url("../es_images/common/bg_flow_arr.gif") no-repeat 50% 100%;*/ background: url("../es_images/top/btn_arrow_black.png") no-repeat top -1px right 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; } #cartNav ul li.step05 { padding-bottom: 0; background: none; } #cartNav ul li span { width: 185px; height: 31px; display: block; overflow: hidden; background-image: url("/contents/images/common/nav_cart.gif"); background-repeat: no-repeat; } #cartNav ul li.step_omatome span { background-position: 0 -124px; } #cartNav ul li.step01 span { background-position: 0 0; } #cartNav ul li.step02 span { background-position: 0 -31px; } #cartNav ul li.step03 span { background-position: 0 -62px; } #cartNav ul li.step04 span { background-position: 0 -93px; } #cartNav ul li.step05 span { background-position: 0 -124px; } #cartNav ul li.step_omatome span { background-position: 0 -155px; } #cartNav ul li.step01.cur span { background-position: -185px 0; } #cartNav ul li.step02.cur span { background-position: -185px -31px; } #cartNav ul li.step03.cur span { background-position: -185px -62px; } #cartNav ul li.step04.cur span { background-position: -185px -93px; } #cartNav ul li.step05.cur span { background-position: -185px -124px; } #cartNav ul li.step_omatome.cur span { background-position: -185px -155px; } /* サポート汎用スタイル */ .supportLead { margin-top: -10px; padding-bottom: 20px; } table.envTable col { width: 20%; } .supportSection { margin-bottom: 20px; } .supportSection h2 { margin-bottom: 10px; } h1.titlebar + .supportSection h2 { margin-top: -10px; } .supportSection h3 { background-color: #f0f0f0; padding:5px; margin-bottom: 10px; font-weight: bold; } .supportSection p, .supportSection ul { padding-bottom: 10px; } .supportSection .note { font-size: 90%; } .supportSection .getFlashPlayer img { vertical-align: middle; } .affiliate p.desc { margin-bottom: 40px; } .affiliate .linkshare { text-align: center; } .affiliate .linkshare img { vertical-align: middle; } .mailsample p.desc { margin-bottom: 15px; } /* FAQ */ .questionList { padding-bottom: 10px; } .questionList > li { padding: 2px 0 8px 20px; background: url("../es_images/common/icon_q.gif") no-repeat 0 0; } .answerList dt { padding: 2px 0 8px 20px; background: url("../es_images/common/icon_q.gif") no-repeat 0 0; } .answerList dd { padding: 2px 0 8px 20px; background: url("../es_images/common/icon_a.gif") no-repeat 0 0; } .answerList dl dt, .answerList dl dd { padding: 0; background: none; } .answerList dl dd { padding-left: 1em; } .answerList + .toTop { margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #ccc; } .answerList + .toTop a { margin: 0; padding-left: 0; background: none; } /* お問い合わせ */ .contactLead { margin-bottom: 20px; } .contactNote { margin-bottom: 20px; } .contactTable textarea { width: 405px; } /* サイトマップ */ #sitemapNav { margin-top: -10px; margin-bottom: 20px; padding: 10px 10px 3px; border: solid 1px #ccc; } #sitemapNav ul { zoom: 1; } #sitemapNav ul:after { display: block; content: ""; clear: both; } #sitemapNav ul > li { margin-right: 20px; margin-bottom: 10px; float: left; line-height: 1.1; } #sitemapNav ul > li a { display: inline-block; padding-left: 13px; background: url("../es_images/common/icon_arrow_down.gif") no-repeat 0 2px; vertical-align: middle; } .sitemapSection { padding-bottom: 30px; } .sitemapSection h2 { margin-bottom: 10px; padding: 2px 0 2px 10px; border-left: solid 3px #000; font-weight: bold; } .sitemapSection h3 { margin-bottom: 10px; font-weight: bold; } .sitemapSection ul { zoom: 1; } .sitemapSection ul:after { display: block; content: ""; clear: both; } .sitemapSection ul > li { margin-right: 20px; padding-bottom: 10px; float: left; } .sitemapSection ul > li > a { padding-left: 18px; display: inline-block; background: url("../es_images/common/icon_arrow_sqr.gif") no-repeat 0 4px; font-weight: bold; } .sitemapSection ul ul { margin-top: 10px; padding-left: 18px; } .sitemapSection ul ul > li { margin-right: 13px; padding-bottom: 10px; white-space: nowrap; } .sitemapSection ul ul > li > a { padding-left: 13px; display: inline-block; background: url("../es_images/common/icon_arrow_gt_s.gif") no-repeat 0 3px; font-weight: bold; } #sitemapCategory { padding-bottom: 10px; } #sitemapCategory ul { zoom: 1; } #sitemapCategory ul:after { display: block; content: ""; clear: both; } #sitemapCategory ul > li { padding-bottom: 20px; float: none; } #sitemapCategory dl { padding-top: 10px; padding-left: 18px; zoom: 1; } #sitemapCategory dl:after { display: block; content: ""; clear: both; } #sitemapCategory dl dt { float: left; width: 130px; } #sitemapCategory dl dt a { padding-left: 13px; display: inline-block; background: url("../es_images/common/icon_arrow_gt_s.gif") no-repeat 0 3px; font-weight: bold; } #sitemapCategory dl dd { float: left; } #sitemapCategory dl dd ul { margin: 0; zoom: 1; } #sitemapCategory dl dd ul:after { display: block; content: ""; clear: both; } #sitemapCategory dl dd ul > li { margin-bottom: 5px; margin-right: 0; padding: 0 10px; border-right: solid 1px #000; float: left; } #sitemapCategory dl dd ul > li a { padding-left: 0; background: none; font-weight: normal; } #sitemapBrandList ul { padding-left: 18px; padding-bottom: 10px; zoom: 1; } #sitemapBrandList ul:after { display: block; content: ""; clear: both; } #sitemapBrandList ul > li { margin-right: 20px; padding-bottom: 10px; float: left; } #sitemapBrandList ul > li a { padding-left: 13px; display: inline-block; background: url("../es_images/common/icon_arrow_gt_s.gif") no-repeat 0 3px; font-weight: bold; } #sitemapBrandList ul.list > li > a { padding-left: 18px; display: inline-block; background: url("../es_images/common/icon_arrow_sqr.gif") no-repeat 0 4px; font-weight: bold; } #sitemapGuide, #sitemapSupport, #sitemapMemberMenu { padding-bottom: 10px; } /* エラーページ */ #errorArea { padding-top: 40px; padding-bottom: 300px; } #errorArea h1 { margin-bottom: 20px; font-size: 183.333%; font-weight: bold; text-align: center; } #errorArea h2 { margin-bottom: 20px; font-size: 183.333%; font-weight: bold; text-align: left; } #errorArea p { padding-bottom: 20px; text-align: center; } #errorArea ul { margin-top: 10px; } #errorArea ul > li { text-align: center; } #errorArea ul > li a { padding-left: 18px; background: url("../es_images/mypage/icon_arrow_sqr.gif") no-repeat 0 2px; font-weight: bold; } /* ご利用ガイド */ .imageSet { zoom: 1; } .imageSet:after { display: block; content: ""; clear: both; } .imageSet .figure { float: left; } .imageSet .figure + .figure { float: right; } .imageSet .figure dt.caption { margin-bottom: 5px; font-weight: bold; } .imageSet .desc { padding-left: 20px; float: left; width: 546px; } .imageSet .desc h2 { margin-top: 0; } .imageSet .desc p, .imageSet .desc ul, .imageSet .desc ol, .imageSet .desc dl { padding-bottom: 1em; } h1.titlebar + .imageSet { margin-top: -10px; } h1.titlebar + ul.anchorList { margin-top: -10px; } h1.titlebar + .guideSection { margin-top: -10px; } .guideLead { margin-bottom: 20px; } .guideLead p { margin-bottom: 10px; } h1.titlebar + .guideLead { margin-top: -10px; } ul.anchorList { padding: 10px 10px 5px; border: solid 1px #ccc; zoom: 1; } ul.anchorList:after { display: block; content: ""; clear: both; } ul.anchorList > li { margin-right: 20px; padding-bottom: 5px; float: left; } ul.anchorList > li a { padding: 0 0 2px 13px; display: block; background: url("../es_images/common/icon_arrow_down.gif") no-repeat 0 0.2em; line-height: 1.1; white-space: nowrap; } p.guideLead + ul.anchorList { margin-top: 20px; } .guideSection h2 { margin-top: 45px; margin-bottom: 10px; padding: 2px 0 2px 10px; border-left: solid 3px #000; font-weight: bold; } .guideSection h2 a { text-decoration: underline; } .guideSection h2 a:hover { text-decoration: none; } .guideSection h2.simple { padding: 0; border-left: 0; } .guideSection h3 { margin-top: 20px; margin-bottom: 10px; font-weight: bold; } .guideSection p { margin-bottom: 10px; } .guideSection p img { vertical-align: top; } .guideSection p.lead { margin-bottom: 20px; } .guideSection .period { margin-bottom: 20px; } .guideSection ul > li, .guideSection ol > li { margin-bottom: 10px; } .guideSection ul.discList { padding-bottom: 10px; } .guideSection ul.discList > li { margin-bottom: 5px; padding-left: 10px; background: url("../es_images/common/icon_dot.gif") no-repeat 2px 0.5em; } .guideSection ul.anchorList > li { margin-bottom: 0; } .guideSection ul.numList > li { padding-left: 1em; text-indent: -1em; } .guideSection table.cmnTable { width: auto; } .guideSection table.cmnTable ul.cardType > li { margin-bottom: 0; padding-right: 5px; display: inline; } .guideSection table.cmnTable ul.discList { padding-bottom: 0; } .guideSection table.cmnTable .note02 { margin-bottom: 0; font-size: 90%; } .guideSection table.cmnTable .note02 > li { margin-top: 5px; margin-bottom: 0; } .guideSection table.cmnTable ul.discList + .note02 { margin-top: 10px; } .guideSection .note { font-size: 90%; } .guideSection table.cmnTable + .note { margin-top: -10px; } .guideSection table.cmnTable + .numList { margin-top: -10px; } .guideSection .sslNote { padding-left: 10px; zoom: 1; } .guideSection .sslNote:after { display: block; content: ""; clear: both; } .guideSection .sslNote .figure { margin-right: 10px; float: left; width: 88px; } .guideSection .sslNote .text { float: left; width: 635px; } .guideSection .barcode { zoom: 1; } .guideSection .barcode:after { display: block; content: ""; clear: both; } .guideSection .barcode .figure { margin-right: 15px; float: left; width: 80px; } .guideSection .barcode .text { float: left; width: 650px; } .guideSection .mobileSite { zoom: 1; } .guideSection .mobileSite:after { display: block; content: ""; clear: both; } .guideSection .mobileSite .figure { margin-right: 15px; float: left; width: 180px; } .guideSection .mobileSite .text { float: left; width: 550px; } .guideSection .mobileSite .text dl dt { margin-bottom: 5px; } .guideSection .mobileSite .text dl dd { margin-bottom: 10px; } .guideSection ul.linkArrow > li a { padding: 5px 0 2px 15px; background: url("../es_images/mypage/icon_arrow_sqr.gif") no-repeat 0 8px; } ul.stepGuide > li { margin-top: 0; margin-bottom: 20px; padding-top: 0; vertical-align: top; zoom: 1; } ul.stepGuide > li:after { display: block; content: ""; clear: both; } ul.stepGuide dl dt { margin-bottom: 10px; } ul.guideTabNav { zoom: 1; } ul.guideTabNav:after { display: block; content: ""; clear: both; } ul.guideTabNav > li { margin-right: 3px; float: left; } .guideTabArea { margin-top: -1px; padding: 10px 10px 0; border: solid 1px #ccc; } .guideTabArea ul.sizeList { zoom: 1; } .guideTabArea ul.sizeList:after { display: block; content: ""; clear: both; } .guideTabArea ul.sizeList > li { padding: 0 9px 30px 0; float: left; } table.sizeChartTable th, table.sizeChartTable td { padding: 8px 20px !important; text-align: center; } /* INFORMATION */ .newsInfoContent #main { margin-right: auto; margin-left: auto; width: 746px; } .newsInfoArea { margin-top: 10px; } .newsInfoArea dl { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ccc; position: relative; } .newsInfoArea dl dt { position: absolute; top: 0; left: 0; width: 8em; font-family:Jost; } .newsInfoArea dl dd { margin-left: 8em; } .newsInfoArea dl dd a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow_gt.gif") no-repeat 0 0.2em; } .newsInfoArticle { margin-top: -10px; } .newsInfoArticle p { margin-bottom: 1em; } .newsInfoArticle p b{ font-weight:bold; } .newsInfoArticle p a{ color:#E50083; text-decoration:underline; } .newsInfoArticle .update { margin-bottom: 5px; font-size: 90%; } .newsInfoArticle .pager { padding-top: 40px; } .newsInfoArticle .pager ul { padding-top: 10px; border-top: solid 1px #ccc; zoom: 1; position: relative; } .newsInfoArticle .pager ul:after { display: block; content: ""; clear: both; } .newsInfoArticle .pager ul li.prev { padding-left: 120px; float: left; position: relative; z-index: 1000; } .newsInfoArticle .pager ul li.next { padding-right: 120px; float: right; position: relative; z-index: 1000; } .newsInfoArticle .pager ul li.top { width: 100%; position: absolute; top: 10px; left: 0; line-height: 21px; text-align: center; } /* 「ELLE CLUB(エル・クラブ)」のご案内 */ #elleclubInfo { margin: 0 auto; padding-top: 20px; width: 640px; } #elleclubInfo .infoHeader { zoom: 1; } #elleclubInfo .infoHeader:after { display: block; content: ""; clear: both; } #elleclubInfo .infoHeader .text { float: left; width: 430px; } #elleclubInfo .infoHeader h1 { margin-bottom: 20px; } #elleclubInfo .infoHeader p { margin-bottom: 20px; font-size: 108.333%; } #elleclubInfo .infoHeader p.submit { margin-bottom: 0; text-align: center; } #elleclubInfo .infoHeader .figure { float: right; width: 186px; } #elleclubInfo .infoArticle { padding-bottom: 20px; } #elleclubInfo .infoArticle h2 { margin-bottom: 10px; } #elleclubInfo .infoArticle h3 { margin-bottom: 10px; } #elleclubInfo .infoArticle .infoSection { margin-bottom: 20px; } #elleclubInfo .infoArticle .infoSection .box { zoom: 1; } #elleclubInfo .infoArticle .infoSection .box:after { display: block; content: ""; clear: both; } #elleclubInfo .infoArticle .infoSection .box .odd, #elleclubInfo .infoArticle .infoSection .box .even { padding-top: 10px; border-bottom: solid 1px #ccc; width: 310px; min-height: 8.5em; } #elleclubInfo .infoArticle .infoSection .box .odd { float: left; } #elleclubInfo .infoArticle .infoSection .box .even { float: right; } #elleclubInfo .infoArticle .infoSection .box .end { border-bottom: 0; } #elleclubInfo .infoArticle .infoSection .box h4 { padding: 5px 0 5px 28px; background: url("/contents/tokuten/images/ec_icn_02.gif") no-repeat 0 0.2em; color: #39c; font-size: 116.667%; font-weight: bold; } #elleclubInfo .infoArticle .infoSection .box .infoNoteBlock { margin-top: -10px; padding: 10px; border: solid 1px #c00; } #elleclubInfo .infoArticle .infoSection .box .infoNoteBlock p { padding-left: 18px; background: url("/contents/tokuten/images/ec_icn_01.gif") no-repeat 0 0; } #elleclubInfo .infoArticle .infoSection .box .infoNoteBlock a { color: #c00; } #elleclubInfo .infoArticle .infoNote { margin-top: 5px; padding: 5px 0 5px 18px; background: url("/contents/tokuten/images/ec_icn_01.gif") no-repeat 0 0.3em; } #elleclubInfo .infoArticle .infoNote a { color: #c00; } #elleclubInfo .infoFooter { zoom: 1; } #elleclubInfo .infoFooter:after { display: block; content: ""; clear: both; } #elleclubInfo .infoFooter p.submit { padding-top: 20px; float: left; width: 430px; text-align: center; } #elleclubInfo .infoFooter .figure { float: right; width: 185px; } /* 先行予約 */ #preorderArea .preorderLead { margin-bottom: 24px; zoom: 1; } #preorderArea .preorderLead:after { display: block; content: ""; clear: both; } #preorderArea .preorderLead h1 { float: left; width: 260px; } #preorderArea .preorderLead p { float: right; width: 655px; } #preorderContent { zoom: 1; } #preorderContent:after { display: block; content: ""; clear: both; } #preorderContent #preorderMain { float: left; width: 680px; zoom: 1; } #preorderContent #preorderMain:after { display: block; content: ""; clear: both; } #preorderContent #preorderMain .box { margin-right: 20px; margin-bottom: 30px; float: left; width: 320px; zoom: 1; } #preorderContent #preorderMain .box:after { display: block; content: ""; clear: both; } #preorderContent #preorderMain .box .figure { float: left; width: 145px; } #preorderContent #preorderMain .box dl.text { float: right; width: 165px; } #preorderContent #preorderMain .box dl.text dt { margin-bottom: 1em; } #preorderContent #preorderSub { margin-bottom: 20px; padding: 56px 0 5px; border: solid 1px #ababab; float: right; width: 268px; position: relative; } #preorderContent #preorderSub h2 { position: absolute; top: 11px; left: 7px; z-index: 1000; } #preorderContent #preorderSub .box { margin-bottom: 10px; padding: 0 15px; zoom: 1; } #preorderContent #preorderSub .box:after { display: block; content: ""; clear: both; } #preorderContent #preorderSub .box .figure { margin-right: 10px; float: left; width: 60px; } #preorderContent #preorderSub .box .text { font-size: 90%; } #preorderContent #preorderSub .box .brandName a { /* color: #e50083;*/ font-weight: bold; } #preorderContent #preorderSub .box .productName { margin-bottom: 0.3em; } #preorderContent #preorderSub .box .productName a { color: #000; } #preorderContent #preorderSub .box .productPrice { text-align: right; } #preorderContent #preorderSub .submit { background:#000; text-align: center; } #preorderContent #preorderSub .submit a{ border: 1px solid #ababab; padding: 10px; width: 100%; display: block; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;} #preorderContent #preorderSub .submit a:hover{ color: #000000; background: #fff; border: 1px solid #ababab;} #featuresOrderMade, #featuresNormal { padding-left: 20px; } #featuresOrderMade .header, #featuresNormal .header { margin-bottom: 10px; zoom: 1; } #featuresOrderMade .header:after, #featuresNormal .header:after { display: block; content: ""; clear: both; } #featuresOrderMade .header h2, #featuresOrderMade .header p, #featuresNormal .header h2, #featuresNormal .header p { margin-right: 14px; float: left; width: 227px; } #featuresOrderMade ul, #featuresNormal ul { zoom: 1; } #featuresOrderMade ul:after, #featuresNormal ul:after { display: block; content: ""; clear: both; } #featuresOrderMade ul > li, #featuresNormal ul > li { margin-right: 14px; margin-bottom: 10px; float: left; } #brandList { margin: 30px 20px 20px; border: solid 1px #ababab; } #brandList h2 { margin-left: -1px; padding: 14px 0 15px; } #brandList .inner { padding: 0 8px; width: 932px; zoom: 1; } #brandList .inner:after { display: block; content: ""; clear: both; } #brandList .col { margin: 0 8px; float: left; width: 217px; } #brandList .col h3 { margin-bottom: 0.7em; } #brandList .col ul { padding-bottom: 1em; font-size: 90%; } #brandList .col ul li { margin-bottom: 0.3em; padding-left: 0.8em; text-indent: -0.8em; line-height: 1.1; } /* 特集 */ #featureArea .featureLead { margin-bottom: 24px; zoom: 1; } #featureArea .featureLead:after { display: block; content: ""; clear: both; } #featureArea .featureLead h1 { float: left; width: 220px; } #featureArea .featureLead p { float: right; width: 700px; } #featureArea ul#featureNav { margin-bottom: 25px; padding: 5px 1px; border-top: solid 1px #ababab; border-bottom: solid 1px #ababab; zoom: 1; } #featureArea ul#featureNav:after { display: block; content: ""; clear: both; } #featureArea ul#featureNav > li { float: left; width: 237px; } #featureArea ul#featureNav > li a { margin: 0 auto; width: 151px; height: 23px; display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; } #featureArea ul#featureNav > li a#nvDB { background-image: url("/contents/images/features/btn_nav_digitalbook.gif"); } #featureArea ul#featureNav > li a#nvEC { background-image: url("/contents/images/features/btn_nav_editorscloset.gif"); } #featureArea ul#featureNav > li a#nvFS { background-image: url("/contents/images/features/btn_nav_fashionsnap.gif"); } #featureArea ul#featureNav > li a#nvBP { background-image: url("/contents/images/features/btn_nav_brandpickup.gif"); } #featureArea ul#featureNav > li a:hover { background-position: 0 -23px; } #featureArea .featureSection { zoom: 1; } #featureArea .featureSection:after { display: block; content: ""; clear: both; } #featureArea .featureSection .primary { float: left; width: 200px; } #featureArea .featureSection .primary dl { padding-bottom: 10px; width: 200px; } #featureArea .featureSection .primary dl dt { margin-bottom: 5px; } #featureArea .featureSection .secondary { float: left; width: 750px; zoom: 1; } #featureArea .featureSection .secondary:after { display: block; content: ""; clear: both; } #featureArea .featureSection .secondary dl { padding-left: 23px; padding-bottom: 15px; float: left; width: 227px; } #featureArea .featureSection .secondary dl dt { margin-bottom: 5px; } #presentsArea { padding: 25px 25px 0 5px; background-color: #f3f3f3; } #presentsArea #pa01, #presentsArea #pa02 { padding-bottom: 25px; zoom: 1; } #presentsArea #pa01:after, #presentsArea #pa02:after { display: block; content: ""; clear: both; } #presentsArea h2 { margin-left: 20px; float: left; width: 210px; height: 215px; display: inline; } #presentsArea .box { margin-left: 20px; padding: 12px 0 14px; border-top: solid 2px #000; border-bottom: solid 2px #000; float: left; width: 210px; height: 185px; background-color: #fff; display: inline; } #presentsArea .box h3 { margin-bottom: 9px; } #presentsArea .box .inner { margin: 0 10px; min-height: 133px; position: relative; } #presentsArea .box .figure { height: 133px; position: absolute; top: 0; left: 0; } #presentsArea .box .text { margin-left: 110px; font-size: 90%; } #presentsArea .box .text .update { padding: 10px 0 1em; } #presentsArea .box .text .name { margin-bottom: 15px; font-weight: bold; } #presentsArea .box .text .moreLink { position: absolute; right: 0; bottom: 0; } #presentsArea .magazine { margin-left: 20px; float: left; width: 210px; } #presentsArea .magazine .figure { margin-bottom: 5px; } .carousel { /* border-top: solid 1px #ababab; */ padding-top:15px; position: relative; top: 0; left: 0; overflow: hidden; width: 746px; } .include .carousel {width: 806px!important;} .carousel .frame { margin-right: 20px; margin-left: 20px; position: relative; top: 0; left: 0; overflow: hidden; width: 706px; } .include .carousel .frame {width: 766px!important;} .carousel ul { margin-left: -20px; border-top: none !important; position: relative; top: 0; left: 0; z-index: 10; } .carousel ul li { float: left; } .carousel ul ul { margin-left: 0; } .carousel ul ul li { float: none; } .carousel .prevNext { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .carousel .prevNext a { width: 10px; height: 14px; overflow: hidden; display: block; text-indent: 100%; z-index: 1000; cursor: pointer; } .carousel .prevNext a.prev { position: absolute; top: 105px; left: 5px; background: url("/contents/images/top1309/btn_left.gif") no-repeat 0 0; } .carousel .prevNext a.next { position: absolute; top: 105px; right: 5px; background: url("/contents/images/top1309/btn_right.gif") no-repeat 0 0; } #brandIndexDate .carousel .prevNext a.prev { position: absolute; top: 89px; left: 14px; background: url("/contents/images/top1309/btn_left.gif") no-repeat 0 0; } #brandIndexDate .carousel .prevNext a.next { position: absolute; top: 89px; right: 14px; background: url("/contents/images/top1309/btn_right.gif") no-repeat 0 0; } .carousel .indicator { padding-top: 10px; padding-left: 20px; text-align: center; zoom: 1; } .carousel .indicator span { margin-right: 20px; width: 28px; height: 10px; overflow: hidden; position: relative; display: inline-block; *display: inline; *zoom: 1; background-color: #ccc; z-index: 1000; cursor: pointer; } .carousel .indicator span.current { background-color: #000; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } /* スマートフォンサイトを見る */ #smSite { margin-top: 20px; margin-bottom: 50px; } #smSite p { font-size: 150%; font-weight:bold; border: solid 1px #c9c9c9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0c0c0),color-stop(100%, #000000)); background-image: -webkit-linear-gradient(#c0c0c0 0%,#000000 100%); background-image: linear-gradient(#c0c0c0 0%,#000000 100%); } #smSite p a { padding-top: 20px; padding-bottom: 5px; display: block; text-align: center; } #smSite p span { color: #ffffff; padding-left: 170px; padding-top: 10px; height: 50px; display: inline-block; background: url("/contents/images/sp/btn_elleshop_sm.png") no-repeat 0 0; -webkit-background-size: 160px auto; background-size: 160px auto; vertical-align: bottom; } /* 商品一覧（121206）*/ /*#main #itemList li, #main #itemList_L li { background-color: #fff; }*/ #main #itemList > dl, #main #itemList dt.figure, #main #itemList_L > dl, #main #itemList_L dt.figure { position: relative; z-index: 2; } #main ul.items dt.figure img { height: auto !important; } #main #itemList dt.figure img, #main #itemList_L dt.figure img { position: relative; z-index: 2; } #main #itemList dt.figure img.alternate { position: absolute; top: 0; left: 0; z-index: 1; } #main #itemList_L dt.figure img.alternate { position: absolute; top: 0; left: 0; z-index: 1; } #main #itemList ul.flgs { /* background-image: url('iefix.png'); */ background-image: url('/contents/images/common/none.png'); z-index: 1000; zoom: 1; } #main #itemList_L ul.flgs { /* background-image: url('iefix.png'); */ background-image: url('/contents/images/common/none.png'); z-index: 1000; zoom: 1; } #main #itemList .directCart { border: solid 1px #adadad; width: 225px; visibility: hidden; position: absolute; top: -8px; left: -112px; z-index: 5000; zoom: 1; } #main #itemList_L .directCart { border: solid 1px #adadad; width: 315px; visibility: hidden; position: absolute; top: -8px; left: -112px; z-index: 5000; zoom: 1; } #main #itemList_L .reflect .directCart { top: -8px; left: -112px; } #main #itemList .directCart .inner, #main #itemList_L .directCart .inner { border: solid 1px #efefef; background-color: #efefef; position: relative; /* modified: 121219 */ } #main #itemList .directCart dl, #main #itemList_L .directCart dl { padding-bottom: 5px; width: 110px; position: relative; top: 0px; left: 0px; background-color: #efefef; zoom: 1; } #main #itemList .reflect .directCart dl, #main #itemList_L .reflect .directCart dl { padding-bottom: 5px; top: 0px; left: 0px; } #main #itemList .directCart dl dt, #main #itemList_L .directCart dl dt { margin: 0 0px; padding-top: 7px; padding-bottom: 2px; width: 23px; height: 10px; background: url('../es_images/common/txt_label_size.png') no-repeat 0 7px; line-height: 10px; text-indent: 100%; white-space: nowrap; overflow: hidden; } #main #itemList .directCart dl dd.size ul, #main #itemList_L .directCart dl dd.size ul { width: 110px; } #main #itemList .directCart dl dd.size ul:after, #main #itemList_L .directCart dl dd.size ul:after { display: block; content: ""; clear: both; } #main #itemList .directCart dl dd.size ul li, #main #itemList_L .directCart dl dd.size ul li { margin-bottom: 2px; border: solid 2px #efefef; width: auto; float: left; font-weight: normal; font-size:8px; /* reset */ clear: none; margin-right: 2px; padding-bottom: 0; } #main #itemList .directCart dl dd.size ul li.cur, #main #itemList_L .directCart dl dd.size ul li.cur { border: solid 2px #e50083; min-width: 20px; } #main #itemList .directCart dl dd.size ul li a, #main #itemList .directCart dl dd.size ul li span, #main #itemList_L .directCart dl dd.size ul li a, #main #itemList_L .directCart dl dd.size ul li span { padding: 3px 2px; border: solid 1px #8b8b8b; display: inline-block; text-align: center; font-size:8px; min-width: 20px; } #main #itemList .directCart dl dd.size ul li a, #main #itemList_L .directCart dl dd.size ul li a { background-color: #adadad; color: #fff; text-decoration: none; } #main #itemList .directCart dl dd.size ul li span, #main #itemList_L .directCart dl dd.size ul li span { text-decoration: line-through; background-color: #f0f0f0; color: #8b8b8b; } #main #itemList .directCart dl dd.btn, #main #itemList_L .directCart dl dd.btn { padding-top: 12px; width: 100%; position:absolute; bottom:20px; } #main #itemList .directCart dl dd.btn #favorite, #main #itemList_L .directCart dl dd.btn #favorite { float: left; margin-left: 1px; margin-bottom: 3px; width: 110px; color:#cc0000; font-size:10px; font-weight: bold; } #main #itemList .directCart dl dd.btn #favorite .lf, #main #itemList_L .directCart dl dd.btn #favorite .lf { float: left; } #main #itemList .directCart dl dd.btn #favorite .rt, #main #itemList_L .directCart dl dd.btn #favorite .rt { padding-right:23px; float: right; } #main #itemList .directCart dl dd.btn #favorite:after, #main #itemList_L .directCart dl dd.btn #favorite:after { display: block; content: ""; clear: both; } #main #itemList .directCart dl dd.btn #favorite img, #main #itemList_L .directCart dl dd.btn #favorite img { border: 0; } #main #itemList .directCart dl dd.btn ul, #main #itemList_L .directCart dl dd.btn ul { margin-left: 1px; width: 110px; } #main #itemList .directCart dl dd.btn ul:after, #main #itemList_L .directCart dl dd.btn ul:after { display: block; content: ""; clear: both; } #main #itemList .directCart dl dd.btn ul li, #main #itemList_L .directCart dl dd.btn ul li { /* reset */ clear: none; margin-right: 0; padding-bottom: 0; width: auto; } #main #itemList .directCart dl dd.btn ul li.cart, #main #itemList_L .directCart dl dd.btn ul li.cart { float: left; } #main #itemList .directCart dl dd.btn ul li.cart img, #main #itemList_L .directCart dl dd.btn ul li.cart img { border: 0; width: 88px; height: 22px; } /*imghoverNO*/ #main #itemList .directCart dl dd.btn ul li.cart a img, #main #itemList_L .directCart dl dd.btn ul li.cart a img{ filter: alpha(opacity=100); opacity: 1;} #main #itemList .directCart dl dd.btn ul li.uketuke, #main #itemList .directCart dl dd.btn ul li.last1, #main #itemList .directCart dl dd.btn ul li.last2, #main #itemList .directCart dl dd.btn ul li.last3, #main #itemList .directCart dl dd.btn ul li.last4, #main #itemList .directCart dl dd.btn ul li.last5, #main #itemList_L .directCart dl dd.btn ul li.uketuke, #main #itemList_L .directCart dl dd.btn ul li.last1, #main #itemList_L .directCart dl dd.btn ul li.last2, #main #itemList_L .directCart dl dd.btn ul li.last3, #main #itemList_L .directCart dl dd.btn ul li.last4, #main #itemList_L .directCart dl dd.btn ul li.last5 { float: left; width: 110px; height: 21px; text-indent: 100%; white-space: nowrap; overflow: hidden; } #main #itemList .directCart dl dd.btn ul li.uketuke, #main #itemList_L .directCart dl dd.btn ul li.uketuke { background: url('/contents/images/common/icon_10day.gif') no-repeat 0 0; } #main #itemList .directCart dl dd.btn ul li.last1, #main #itemList_L .directCart dl dd.btn ul li.last1 { background: url('../es_images/common/icon_last_01.gif') no-repeat 0 0; } #main #itemList .directCart dl dd.btn ul li.last2, #main #itemList_L .directCart dl dd.btn ul li.last2 { background: url('../es_images/common/icon_last_02.gif') no-repeat 0 0; } #main #itemList .directCart dl dd.btn ul li.last3, #main #itemList_L .directCart dl dd.btn ul li.last3 { background: url('../es_images/common/icon_last_03.gif') no-repeat 0 0; } #main #itemList .directCart dl dd.btn ul li.last4, #main #itemList_L .directCart dl dd.btn ul li.last4 { background: url('../es_images/common/icon_last_04.gif') no-repeat 0 0; } #main #itemList .directCart dl dd.btn ul li.last5, #main #itemList_L .directCart dl dd.btn ul li.last5 { background: url('../es_images/common/icon_last_05.gif') no-repeat 0 0; } #main #itemList .directCart dl dd.btn li.incart, #main #itemList_L .directCart dl dd.btn li.incart { float: left; width: 90px; height: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('/contents/images/common/in_cart.gif') no-repeat 0 0; } #main #itemList .directCart dl dd.btn li.not20, #main #itemList_L .directCart dl dd.btn li.not20 { float: left; width: 90px; height: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('/contents/images/common/not20.gif') no-repeat 0 0; } #main #itemList li.overlay, #main #itemList li.overlay > dl, #main #itemList li.overlay > dl dt.figure, #main #itemList_L li.overlay, #main #itemList_L li.overlay > dl, #main #itemList_L li.overlay > dl dt.figure { position: relative; z-index: 7000; } #main #itemList li.overlay dl dt.figure a, #main #itemList_L li.overlay dl dt.figure a { position: relative; display: block; z-index: 7000; } #main #itemList li.overlay ul.flgs, #main #itemList_L li.overlay ul.flgs { z-index: 9000; } /* modified: 121220 BEGIN */ /*#main #itemList li, #main #itemList_L li { word-break: break-word; word-break: break-all; }*/ /* modified: 121220 END */ /* card保持チェック文字 */ .section .box ul li label { font-weight:bold; } /* leftnavi ブランド選択 */ .select_setting{ /* display: block; */ display: none; position: absolute; width: 775px; padding-bottom:50px; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); z-index: 10001; left:50%; margin-left:-387px; } .select_setting .clear { display: block; content: ""; clear: both; } #select_close_bar{ position:absolute; top:0; right:0; } .select_setting .header{ padding-top:50px; padding-left:50px; padding-right:50px; } .select_setting .header p.desc { margin-bottom: 20px; } .select_setting p.notice { margin-top: 15px; text-align: center; color:#878787; } .select_setting p.submit { margin-top: 20px; text-align: center; } #selectFashionBrandAlp { padding:0 50px; width:675px;} #selectFashionBrandAlp div{ cursor:pointer; } #selectFashionBrandAlp ul { margin-bottom:5px; float:left; width: 230px; } #selectFashionBrandAlp ul.v-z { width: 165px; } #selectFashionBrandAlp ul.lastChild { width: 70px; } #selectFashionBrandAlp li { float: left; } #selectFashionBrandAlp li div, #selectFashionBrandAlp li span { border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; } #selectFashionBrandAlp li div, #selectFashionBrandAlp li span { width: 31px; height: 23px; background-repeat: no-repeat; background-image: url("/contents/images/common/btn_brandlist.gif"); } #selectFashionBrandAlp li div.alphabet-other, #selectFashionBrandAlp li span.alphabet-other { width: 58px; } #selectFashionBrandAlp li div.alphabet-a { background-position: 0px -125px; } #selectFashionBrandAlp li span.alphabet-a { background-position: 0px -156px; } #selectFashionBrandAlp li div.alphabet-b { background-position: -33px -125px; } #selectFashionBrandAlp li span.alphabet-b { background-position: -33px -156px; } #selectFashionBrandAlp li div.alphabet-c { background-position: -65px -125px; } #selectFashionBrandAlp li span.alphabet-c { background-position: -65px -156px; } #selectFashionBrandAlp li div.alphabet-d { background-position: -97px -125px; } #selectFashionBrandAlp li span.alphabet-d { background-position: -97px -156px; } #selectFashionBrandAlp li div.alphabet-e { background-position: -129px -125px; } #selectFashionBrandAlp li span.alphabet-e { background-position: -129px -156px; } #selectFashionBrandAlp li div.alphabet-f { background-position: -161px -125px; } #selectFashionBrandAlp li span.alphabet-f { background-position: -161px -156px; } #selectFashionBrandAlp li div.alphabet-g { background-position: -193px -125px; } #selectFashionBrandAlp li span.alphabet-g { background-position: -193px -156px; } #selectFashionBrandAlp li div.alphabet-h { background-position: -231px -125px; } #selectFashionBrandAlp li span.alphabet-h { background-position: -231px -156px; } #selectFashionBrandAlp li div.alphabet-i { background-position: -264px -125px; } #selectFashionBrandAlp li span.alphabet-i { background-position: -264px -156px; } #selectFashionBrandAlp li div.alphabet-j { background-position: -296px -125px; } #selectFashionBrandAlp li span.alphabet-j { background-position: -296px -156px; } #selectFashionBrandAlp li div.alphabet-k { background-position: -328px -125px; } #selectFashionBrandAlp li span.alphabet-k { background-position: -328px -156px; } #selectFashionBrandAlp li div.alphabet-l { background-position: -360px -125px; } #selectFashionBrandAlp li span.alphabet-l { background-position: -360px -156px; } #selectFashionBrandAlp li div.alphabet-m { background-position: -392px -125px; } #selectFashionBrandAlp li span.alphabet-m { background-position: -392px -156px; } #selectFashionBrandAlp li div.alphabet-n { background-position: -424px -125px; } #selectFashionBrandAlp li span.alphabet-n { background-position: -424px -156px; } #selectFashionBrandAlp li div.alphabet-o { background-position: -462px -125px; } #selectFashionBrandAlp li span.alphabet-o { background-position: -462px -156px; } #selectFashionBrandAlp li div.alphabet-p { background-position: -495px -125px; } #selectFashionBrandAlp li span.alphabet-p { background-position: -495px -156px; } #selectFashionBrandAlp li div.alphabet-q { background-position: -527px -125px; } #selectFashionBrandAlp li span.alphabet-q { background-position: -527px -156px; } #selectFashionBrandAlp li div.alphabet-r { background-position: -559px -125px; } #selectFashionBrandAlp li span.alphabet-r { background-position: -559px -156px; } #selectFashionBrandAlp li div.alphabet-s { background-position: -591px -125px; } #selectFashionBrandAlp li span.alphabet-s { background-position: -591px -156px; } #selectFashionBrandAlp li div.alphabet-t { background-position: -623px -125px; } #selectFashionBrandAlp li span.alphabet-t { background-position: -623px -156px; } #selectFashionBrandAlp li div.alphabet-u { background-position: -655px -125px; } #selectFashionBrandAlp li span.alphabet-u { background-position: -655px -156px; } #selectFashionBrandAlp li div.alphabet-v { background-position: -693px -125px; } #selectFashionBrandAlp li span.alphabet-v { background-position: -693px -156px; } #selectFashionBrandAlp li div.alphabet-w { background-position: -726px -125px; } #selectFashionBrandAlp li span.alphabet-w { background-position: -726px -156px; } #selectFashionBrandAlp li div.alphabet-x { background-position: -758px -125px; } #selectFashionBrandAlp li span.alphabet-x { background-position: -758px -156px; } #selectFashionBrandAlp li div.alphabet-y { background-position: -790px -125px; } #selectFashionBrandAlp li span.alphabet-y { background-position: -790px -156px; } #selectFashionBrandAlp li div.alphabet-z { background-position: -822px -125px; } #selectFashionBrandAlp li span.alphabet-z { background-position: -822px -156px; } #selectFashionBrandAlp li div.alphabet-other { background-position: -860px -125px; } #selectFashionBrandAlp li span.alphabet-other { background-position: -860px -156px; } #SelectBrandList { width:695px; padding:0 30px 0 50px; } #SelectBrandList h2 { border-bottom: 1px solid #ABABAB; color: #000000; height: 20px; margin-bottom: 10px; margin-top: 10px; font-size: 130%; font-weight: bold; margin-right:20px; width:675px; } #SelectBrandList h3 { border-bottom: 1px solid #ABABAB; color: #000000; height: 1px; margin-top:10px; margin-right:20px; width:675px; } #SelectBrandList .list { position: relative; overflow:auto; width:100%; max-height:300px;} #SelectBrandList .list table { width:675px; } #SelectBrandList .list table td { line-height: 1.2; padding: 6px; vertical-align: top; width: 325px; } #SelectBrandList .list table tr.even td { background-color: #F6F6F6; } #SelectBrandList span { display:none } .guideSection .ex{ margin-top:15px; margin-bottom:10px; font-weight:bold; } .guideSection .ex1{ width:220px; padding:20px 35px; border: solid 1px #cccccc; margin-bottom:10px; } .guideSection .ex2{ width:676px; padding:20px 35px; border: solid 1px #cccccc; margin-bottom:10px; } .guideSection ul.gift{ width:540px; margin-left:103px; } .guideSection .lead{ width:540px; margin-left:103px; margin-top:30px; margin-bottom:10px; } .guideSection .guideline{ width:540px; margin-left:103px; } .guideSection .guideline .size, .guideSection .guideline .ribon{ width:260px; text-align:center; border: solid 1px #cccccc; float:left; } .guideSection .guideline .size{ padding:20px 0; margin-right:16px; } .guideSection .guideline .ribon{ padding-top:71px; padding-bottom:70px; } .guideSection .guideline .size_guide, .guideSection .guideline .ribon_guide{ width:260px; float:left; } .guideSection .guideline .size_guide{ margin-top:10px; margin-right:16px; margin-bottom:20px; } .guideSection .guideline .ribon_guide{ margin-top:10px; margin-bottom:20px; } .guideSection .guideline:after, .guideSection ul.gift:after{ display: block; content: ""; clear: both; } .guideSection ul.gift li{ width:150px; float:left; padding-left:30px; font-weight:bold; margin-bottom:25px; } .guideSection ul.gift li .gift_name{ margin-top:8px; } .guideSection ul.gift li .gift_price{ width:123px; text-align:center; margin-top:3px; margin-bottom:3px; } .guideSection ul.gift li .gift_detail{ font-weight:normal; height:50px !important; } .toClose { padding-bottom:20px; font-size: 90%; line-height: 1.25; text-align: center; white-space: nowrap; } .toClose a{ text-decoration:underline} #content_nw .clear{ display: block; content: ""; clear: both; } .brandborder .brandList_left, .brandborder .brandListSector, .brandborder #brandList_left, .brandborder #brandleft, .brandborder #brandcenter, .brandborder #brandright{ /*width:310px;*/width:32% !important; float:left; padding:0 6px; } #recomendbrand #brandleft, #recomendbrand #brandcenter, #recomendbrand #brandright, #recomendbrand #brandright2{ width:227px !important; float:left; padding-left:10px; } #contentsAreaInner .toTop a{ margin: 0 20px 0 20px; padding-left: 10px;} #contentsAreaInner #main .toTop a{ margin: 0 0 0 20px; padding-left: 10px;} #contentsAreaInner #main .brandborder .toTop a{ margin: 0 10px 0 20px; padding-left: 10px;} #contentsAreaInner #main #brandleft .toTop a, #contentsAreaInner #main #brandcenter .toTop a, #contentsAreaInner #main #brandright .toTop a{ margin: 0 10px 0 20px; padding-left: 10px;} #content.mypage .popup{ margin:10px 0 10px 15px;} #content.mypage .mailblock { border-bottom: 1px solid #ABABAB; margin: 0 0 25px; padding: 0; width: 910px; } #content.mypage #main #brandIndexNav{ margin-top:10px; } #content.mypage #main .brandListHeader h2 { float: left; font-size: 125%; font-weight: bold; margin:0 0 0 5px; padding:0 0 0 0; border:none; /* width:135px; */ } #content.mypage #main .brandListHeader h2.select { background-color: #000000; color: #FFFFFF; margin-left: 0; padding: 5px 5px 0 5px; } #content.mypage #main .brandListHeader a { float: right; margin:0 0 0 5px; padding:0 0 7px 0; border:none; width:135px; text-align:right; } #content.mypage #main .brandborder li .brandname, #content.mypage #main .brandborder li .brand{ float:left;} #content.mypage #main .brandborder li .brand{ margin-right:5px;} #content.mypage #main .mailMagazinechange{ margin-bottom:15px; padding-left:10px; } #content.mypage #main .mailMagazinechange .mailmagazine{ display:inline-block; width:250px; margin-right:10px;} #content.mypage #main .clear + .mailMagazinechange{ margin-top:15px;} /* 201311商品詳細変更 */ #main_product { float: left; width: 990px; min-height: 300px;} #main_product #itemDetail { width: 990px; margin:25px 0 60px;} #itemSummary_product { /* background-color:#ff00ff;*/ float: right; width:480px; /* width: 430px;*/ } #itemSummary_product .header{ font-weight:normal; padding:0;} #itemSummary_product .header h1{ margin-bottom:10px; font-weight:bold;} #itemSummary_product .header h1 a span{ margin-right:10px; text-decoration:underline;} /*#itemSummary_product .header .new{ margin-bottom:8px;}*/ #itemSummary_product .header .new:before{ display: block; content: ""; clear: both; } #itemSummary_product .header h1 a.brandName{ float:left; margin:0 5px 0 0;} #itemSummary_product .header .productName{ font-weight:bold; font-size:150%; border-bottom: 2px solid #000000; padding-bottom:10px;} #itemSummary_product .header .productName:before{ display: block; content: ""; clear: both; } #itemSummary_product .header ul{ padding-top:10px;} #itemSummary .header li, #itemSummary_product .header li{ font-family: Arial,Helvetica,sans-serif; font-weight:bold; float:left; margin-right:8px;} #itemSummary .header li{ margin-right:8px;} #itemSummary_product .header li.price{ color: #000000; font-size:150%;} #itemSummary .header li.price{ font-weight:bold; color: #000000; font-size:145%;} #window #itemSummary .header li.price{ font-size:140%;} #itemSummary .header li.off, #itemSummary_product .header li.off{ padding-top:5px; color:#e50083; font-size:100%;} #itemSummary_product .header li.sale{ color:#e50083; font-size:150%;} #itemSummary .header li.sale{ color:#e50083; font-size:145%;} #window #itemSummary .header li.sale{ margin-right:0; font-size:140%;} #itemSummary .header li.point, #itemSummary_product .header li.point{ padding-top:5px; font-weight:normal; color:#878787; font-size:100%;} #itemSummary_product .header li img{ padding-top:7px;} #itemSummary_product .color{ margin:37px 0;} #itemSummary_product .stock .title, #itemSummary_product .color .title{ border-bottom: 2px solid #000000/*#ABABAB*/; padding-bottom:6px; margin-bottom:14px;} #itemSummary_product .color #colorArea{ width:430px;} #itemSummary_product .color li{ display:inline-block; /display:inline;/*IE7*/ /zoom:1;/*IE7*/ color: #000000; font-size: 90%; margin: 0 0 8px 0; vertical-align: top; width: 68px; height: 100%;} #itemSummary_product .color li img { margin-bottom:5px;} #itemSummary_product .color li a { border:none;} #itemSummary_product .color li a.cur img { border: 2px solid #000000;} #itemSummary_product .color li .cname { line-height: 1.2; width:62px;} #itemSummary_product .color li .vname { /* 201411 display:block; font-size: 95%; color: #878787; width:62px; */ display:none;} #itemSummary_product .stock li{ width:480px;} /*imghoverNO*/ #itemSummary_product .stock a img, #itemSummary_product .link a img, #itemSummary_product #share a img{ filter: alpha(opacity=100); opacity: 1;} #itemSummary_product .stock .size{ display:block; float:left; line-height: 2; font-weight:bold; font-size:100%; color:#000000; width:89px; margin-right:3px;} #itemSummary_product .stock .last{ display:block; float:left; text-align:center; line-height: 2.7; font-weight:normal; font-size:80%; color:#e50083; width:45px; margin-right:3px;} #itemSummary_product .stock .ten{ display:block; float:left; text-align: center; /* line-height: 2.7;*/ font-weight:bold; font-size:80%; color:#878787; width:108px; margin-right:3px;} #itemSummary_product .stock .ten .yoyaku{ line-height:1.2; color:#cc0000;} #itemSummary_product .stock .no{ display:block; float:left; line-height:1.2; text-align:center; padding-top:2px; font-weight:bold; font-size:90%; color:#878787; width:108px; margin-right:3px;} #itemSummary_product .stock .othercart{ display:block; float:left; text-align:center; padding-top:2px; font-weight:bold; font-size:80%; color:#878787; width:108px; margin-right:3px;} #itemSummary_product .stock .no a{ font-size:90%; text-decoration:underline;} #itemSummary_product .stock .favI{ display:block; float:left; position:relative; cursor:pointer; width:114px; margin-right:5px;} #itemSummary_product .stock .favI div{ position:absolute; top:-20px;} #itemSummary_product .stock .btn{ color:#cc0000; font-size:88%; display:block; float:left; width:110px;} #itemSummary_product .stock .line{ display:block; float:left; background: url("/contents/images/sale_brand/line.gif") repeat-x 0px 6px; width:480px; height:14px;} #itemSummary_product .guide li{ font-weight:normal; font-size:90%; float:left; padding:5px 7px 0 0; margin-right:10px;} #itemSummary_product .guide li a{ color:#878787; text-decoration:underline; padding-left: 7px; display: inline-block; background: url("/contents/images/common/icon_arrow_grey.gif") no-repeat 0 0.33em; } #itemSummary_product .link{ display:inline-block;} #itemSummary_product .link .mailRequest{ float:left; margin-bottom:20px;} #itemSummary_product .link .addFavB{ /* float:right; margin-left:10px;*/ float:left; margin-bottom:20px;} #itemSummary_product #share ul{float:left; padding:0;} #itemSummary_product #share li{ float:left; padding:0; margin-right:15px;} #itemSummary_product #share li img { padding-top:0;} #itemSummary_product #share li#pinterest { overflow: hidden; position: relative; height: 30px; width: 43px;} #itemSummary_product #share li#pinterest #pinimg { position: absolute; z-index:15; /*top: -9999px; visibility: hidden;*/} #itemSummary_product #share li#pinterest #pinit { position: absolute; z-index:10; /*margin-top:8px; top: -9999px; visibility: hidden;*/} #itemSummary_product #share li#googleplus { overflow: hidden; position:relative; height:22px; width:35px;} #itemSummary_product #share li#googleplus #gplus { position:absolute; top:0; left:0; z-index:3; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #itemSummary_product #share li#googleplus .googleplus_img { position:absolute; top:0; left:0; z-index:2; } #itemSummary_product .productno{ /*font-size:60%;*/ font-weight:normal; padding:10px 0 5px 0; color:#878787;} .productno .venderid{ /*201411 padding-left:5px; font-size:80%;*/ display:none;} #window .productNum .venderid{ /*201411 padding-left:3px; font-size:90%;*/ display:none;} #itemSummary_product .menu_desc{ /* margin:40px 0 15px; */ margin:49px 0;} #itemSummary_product .menu_desc #descriptionw{ margin-top:14px;} #itemSummary_product .menu_desc #descriptionw dl{ padding-bottom:10px;} #itemSummary_product .menu_desc #descriptionw dl dt { font-size: 115%; font-weight: bold; margin-bottom: 5px;} #itemSummary_product .menu_desc #descriptionw dl dd { line-height:1.2;} #itemSummary_product .menu_desc #descriptionw .yoyaku, #itemSummary_product .menu_desc #descriptionw .attention{ margin-bottom:10px; font-size:90%; color:#cc0000;} #descriptionw .voice {padding-top:10px;} #descriptionw .voice .lef{float:left;width:80px;} #descriptionw .voice .rt{float:right;width:400px;color:#878787;font-size:90%;} #descriptionw .voice .rt div.line { height:3px; background: url("/contents/images/sale_brand/line.gif") repeat-x scroll 0 1px rgba(0, 0, 0, 0); padding-bottom: 5px; width: 390px;} #detail_sidebar .itemDesc .voice {padding-top:10px;width:240px;} #detail_sidebar .itemDesc .voice .lef{padding-bottom:5px;} #detail_sidebar .itemDesc .voice .rt{color:#878787;font-size:90%;} #detail_sidebar .itemDesc .voice .rt div.line { height:3px; background: url("/contents/images/sale_brand/line.gif") repeat-x scroll 0 1px rgba(0, 0, 0, 0); padding-bottom: 5px; width: 240px;} #itemSummary_product .menu_desc #descriptionw .eolCheck a { background: url("../es_images/common/icon_arrow_gt.gif") no-repeat scroll 0 0.2em rgba(0, 0, 0, 0); color: #E50083; display: inline-block; padding-left: 10px; margin-bottom:10px; } #itemSummary_product .menu_care{ /* margin:0 0 15px; */ margin:0 0 32px;} #itemSummary_product .menu_care #careguidew{ margin-top:14px;} #itemSummary_product .menu_care #careguidew dl { padding-bottom: 15px; position: relative; top: 0; left: 0; min-height: 12px; } #itemSummary_product .menu_care #careguidew dt { width: 64px; position: absolute; top: 0; left: 0; } #itemSummary_product .menu_care #careguidew dt img { vertical-align: top; } #itemSummary_product .menu_care #careguidew dd { margin-left: 64px; font-size: 90%; } #itemSummary_product .menu_size{ margin:0 0 15px;} #itemSummary_product .menu_size #sizeguidew{ margin-top:14px;} #itemSummary_product .menu_size #sizeguidew table { margin-bottom: 5px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; width:100%; */width: 430px;*/ } #itemSummary_product .menu_size #sizeguidew table th, #itemSummary_product .menu_size #sizeguidew table td { padding: 3px 3px 1px; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; text-align: center; } #itemSummary_product .menu_size #sizeguidew table thead th { border-left-color: #fff; background-color: #ccc; } #itemSummary_product .menu_size #sizeguidew table thead th:first-child { border-left-color: #ccc; width: 30%; } #itemSummary_product .menu_size #sizeguidew table tbody th { background-color: #f0f0f0; letter-spacing: 0.6em; } #itemSummary_product .menu_size #sizeguidew p.unit { margin-top:4px; float:right; width:20%; font-size: 90%; text-align: right; } #itemSummary_product .menu_size #sizeguidew ul.info { zoom: 1; } #itemSummary_product .menu_size #sizeguidew ul.info:after { display: block; content: ""; clear: both; } #itemSummary_product .menu_size #sizeguidew ul.info li { margin-right: 15px; float: left; } #itemSummary_product .menu_size #sizeguidew ul.info li a { padding-left: 10px; display: inline-block; background: url("../es_images/common/icon_arrow.png") no-repeat 0 0.2em; background-position: 0 10px; } #itemSummary_product .zei { float:left; padding-top:10px; color:#878787; } #itemDesc_product { position:relative; margin-right:47px; /* background-color:#fffacd;*/ float: left; /* width: 425px;*/ width: 432px; } #detail_container_list #itemDesc_product{margin:0;width:385px;} /*#itemDesc_product #mainPhoto{ margin-bottom: 20px; }*/ #itemDesc_product #mainPhoto ul#zoomPhoto{ /* background-color:#00facd; */ width: 425px; height:540px; text-align: center; zoom: 1;} #detail_container_list #itemDesc_product ul#zoomPhoto{ /* background-color:#00facd; */ height:450px; width: 385px;} #mainPhoto ul#zoomPhoto:after { display: block; content: ""; clear: both; } #itemDesc_product #mainPhoto ul#zoomPhoto li { margin-right: auto; margin-left: auto; width: 360px; height:540px; display: none; } #itemDesc_product #mainPhoto ul#zoomPhoto li:first-child { display: block; } #detail_container_list #itemDesc_product #mainPhoto ul#zoomPhoto li { width: 385px; height:450px;} /*imghoverNO*/ #itemDesc_product #mainPhoto #prevNextProduct a img{ filter: alpha(opacity=100); opacity: 1;} #itemDesc_product #mainPhoto #prevNextProduct a#prevProduct { position:absolute; left: 0; width: 20px; height: 34px; top: 270px; float:left; background:url("/contents/images/common/category_left.gif") no-repeat 0 0;} #itemDesc_product #mainPhoto #prevNextProduct a#nextProduct { position:absolute; right: 5px; width: 20px; height: 34px; top: 270px; float:right; background: url("/contents/images/common/category_right.gif") no-repeat 15px 0;} #itemDesc_product #mainPhoto #prevNextProduct a#nextProduct img { float:right;} #detail_container_list #itemDesc_product #mainPhoto #prevNextProduct a#prevProduct { position:absolute; left: 0; width: 20px; height: 34px; top: 270px; float:left; background:url("/contents/images/common/category_left.gif") no-repeat 0 0;} #detail_container_list #itemDesc_product #mainPhoto #prevNextProduct a#nextProduct { position:absolute; right:0; width: 20px; height: 34px; top: 270px; float:right; background: url("/contents/images/common/category_right.gif") no-repeat 20px 0;} #detail_container_list #itemDesc_product #mainPhoto #prevNextProduct a#nextProduct img { float:right;} #detail_container_list #itemDesc_product #mainPhoto #zoomPhoto li .zoomPad{margin-left:42px;} #detail_container_list #itemDesc_product #mainPhoto #prevNextProduct a#prevProduct img{ float:left;} #detail_container_list #itemDesc_product #mainPhoto #prevNextProduct a#prevProduct{background: url(none);} #detail_container_list #itemDesc_product #mainPhoto #prevNextProduct a#nextProduct img{ float:right;} #detail_container_list #itemDesc_product #mainPhoto #prevNextProduct a#nextProduct{background: url(none);} #itemDesc_product #mainPhoto ul#thumbsPhoto { padding-top:20px; padding-left: 0; zoom: 1; } #mainPhoto ul#thumbsPhoto:after { display: block; content: ""; clear: both; } #itemDesc_product #mainPhoto ul#thumbsPhoto li { margin-right: 10px; margin-top: 10px; float: left; width: 60px; height: 90px; overflow: hidden; border: 1px solid #CCCCCC;} #detail_container_list #itemDesc_product #mainPhoto ul#thumbsPhoto li { margin-right: 2px;} #itemDesc_product .note{ color:#878787; width:425px; margin-top: 20px; font-size: 90%; } #itemDesc_product #iqon{ width:425px; /* margin:0;*/ margin:20px 0 0;} /*先方組み込み #itemDesc_product #iqon .title{ padding-top:35px; */ /* iwata    padding-top: 40px; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; padding-bottom: 5px;} */ .note .mina-chair{padding-left:15px;font-size:120%;} .note .mina-chair a{color:#e50083;} .note .mina-chair{ background: url("/contents/images/common/btn_pager_next.gif") no-repeat 1px 3px;} .thanksMsg .thanks{ padding:10px;background-color: #ebebeb;} /* SILVEREGG */ #recommender_pc41, #recommender_pc42, #recommender_pc32, #footprint_pc32, #recentlyChecked_PC_TOP{ margin-bottom: 30px; padding-bottom: 7px; } #recommender_pc31{ margin-bottom: 5px; padding-bottom: 7px; } #recommender_pc10:after, #recommender_pc11:after, #footprint_pc12:after, #recentlyChecked_PC_PRODUCT:after, #recommender_pc30:after, #recommender_pc41:after, #recommender_pc31:after, #recommender_pc42:after, #recommender_pc32:after, #footprint_pc32:after, #recentlyChecked_PC_TOP:after, #footprint_pc50:after, #recentlyChecked_PC_LIST:after, #footprint_pc43:after, #recommender_sp30:after{ clear: both; content: ""; display: block; } #footprint_pc32 div.dv_rc_footer, #recentlyChecked_PC_TOP div.dv_rc_footer{ clear: both; } #footprint_pc50 div.dv_rc_footer, #recentlyChecked_PC_LIST div.dv_rc_footer{ clear: both; } #recentlyChecked_PC_PRODUCT div.dv_rc_footer, #footprint_pc12 div.dv_rc_footer{ clear: both; } #recommender_pc41, #recommender_pc42, #recommender_pc32{ border-bottom: 1px solid #ABABAB; padding-top: 25px; } #recommender_pc31, #recommender_pc30{ padding:0; } #recommender_pc41{ border-bottom: 1px solid #ABABAB; padding-top: 10px; } #main #whatsNew { margin-bottom:0px !important; } #recommender_pc10, #recommender_pc20, #recommender_pc31, #recommender_pc42{ padding-top:55px; } /* #recommender_pc11{ padding-top:1px; display:none; } #recommender_sp11{ padding-top:1px; display:none; } */ #recommender_pc10{ background: url("/contents/images/product/ttl_boughttogether990.gif") no-repeat scroll 0 0 transparent; margin-bottom:16px; margin-top:40px; padding-left:20px; } #recommender_pc11{ margin-left:20px; } #recommender_pc10 .jcarousel-skin, #recommender_pc11 .jcarousel-skin{ padding-left:78px; } #recommender_pc10 .jcarousel-skin .jcarousel-item-horizontal, #recommender_pc11 .jcarousel-skin .jcarousel-item-horizontal{ margin-right: 17px;} #recommender_pc10 .jcarousel-skin .jcarousel-next, #recommender_pc11 .jcarousel-skin .jcarousel-next { right:0;} #recommender_pc10 .jcarousel-skin{ background: url("/contents/images/common/same_category.gif") no-repeat scroll 0 35px transparent; } #recommender_pc11 .jcarousel-skin{ background: url("/contents/images/common/same_brand.gif") no-repeat scroll 0 35px transparent; } #recommender_pc20 .jcarousel-skin{ margin-left:30px; } #recentlyChecked_PC_LIST{ background: url("/contents/images/common/inside_ttl_recently.gif") no-repeat scroll 0 0 transparent; /*border-bottom: 1px solid #ABABAB;*/ padding:59px 0 0; margin-top: 50px; margin-bottom: 50px; } #recentlyChecked_PC_PRODUCT{ background: url("/contents/images/product/ttl_recentlychecked990.gif") no-repeat scroll 0 0 transparent; /*border-bottom: 1px solid #ABABAB;*/ padding:0; margin-top: 50px; /* margin-bottom: 50px; */ min-height:150px; } /* #recentlyChecked_PC_PRODUCT ul.pd_rcntitems li, #recentlyChecked_PC_LIST ul.rcntitems li{ width:60px; margin:0 22px 0 0; text-align:center; float: left; left: 0; position: relative; top: 0; vertical-align: top; } #recentlyChecked_PC_PRODUCT ul, #recentlyChecked_PC_LIST ul{ margin-left:15px; } #recentlyChecked_PC_PRODUCT .carousel .prevNext a.prev, #recentlyChecked_PC_LIST .carousel .prevNext a.prev, #recentlyChecked_PC_PRODUCT .carousel .prevNext a.next, #recentlyChecked_PC_LIST .carousel .prevNext a.next { top: 50px; } #recentlyChecked_PC_LIST .carousel, #recentlyChecked_PC_PRODUCT .carousel{ padding-top:0px; width:950px; } #recentlyChecked_PC_PRODUCT .carousel .frame { width: 910px;}*/ #recentlyChecked_PC_PRODUCT .pd_recommend{ padding-top:59px; /* padding-left:20px;*/ } /*#main_product #recentlyChecked_PC_PRODUCT{ padding-left:20px;}*/ #main_product #recentlyChecked_PC_PRODUCT .pd_recommend{ padding-left:0; } #main_product #recentlyChecked_PC_PRODUCT{ background: url("/contents/images/product/ttl_recentlychecked990.gif") no-repeat scroll 0 0 transparent; } #recentlyChecked_PC_PRODUCT{display:none;} #recentlyChecked_PC_PRODUCT li.dv_rc_items{float:left;width:80px;} #recentlyChecked_PC_PRODUCT .dv_rc_img img{width:60px;} #recentlyChecked_PC_PRODUCT .bx-wrapper{position:relative;} #recentlyChecked_PC_PRODUCT .bx-controls-direction a{ position: absolute; margin-top: -65px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #recentlyChecked_PC_PRODUCT .bx-prev { left: -35px;} #recentlyChecked_PC_PRODUCT .bx-next { right: -35px;} #footprint_pc43{ background: url("/contents/images/recommend/recently_checked_middle.png") no-repeat scroll 0 0 transparent; border-bottom: 1px solid #ABABAB; padding:80px 0 0px; padding:58px 0 0px; } #recommender_pc20{ background: url("/contents/images/common/inside_ttl_bought.gif") no-repeat scroll 0 0 transparent; /*border-bottom: 1px solid #ABABAB;*/ margin-bottom:50px; } #recommender_pc31{ background: url("/contents/images/recommend/recommends.png") no-repeat scroll 0 0 transparent; } #recommender_pc42{ background: url("/contents/images/recommends_42.png") no-repeat scroll 0 0 transparent; } #recentlyChecked_PC_TOP div.dv_rc_header, #footprint_pc32 div.dv_rc_header{ background: url("/contents/images/recommend/recently_checked_top.png") no-repeat scroll 0 0 transparent; padding:35px 0 30px; } #recommender_sp30{ background: url("/contents/images/recommend/newitems_sp.png") no-repeat scroll 0 0 transparent; } /* #recommender_sp20{ background: url("/contents/images/recommend/bought_togheter_sp.png") no-repeat scroll 0 0 transparent; }*/ #recommender_sp10, #recommender_sp11, #recommender_sp20{ width:310px; padding-left:10px; } #recommender_sp30,#footprint_sp32,#footprint_sp50 /*,#recommender_sp20,#recommender_sp10*/ ,#footprint_sp12{ padding-top:40px; } #footprint_sp32,#footprint_sp50,#footprint_sp12{ background: url("/contents/images/recommend/recently_checked_sp.png") no-repeat scroll 0 0 transparent; /*margin-left:13px;*/ } #recentlyChecked_PC_TOP{ margin-bottom:43px; } #recentlyChecked_PC_TOP .carousel{ padding-top:0; } div.dv_rc_items { margin-right: 19px; } #recommender_sp30 div.dv_rc_items{ width: 55px; } div.dv_rc_items { float: left; height: 90px; margin-right: 18px; overflow: hidden; padding-bottom: 20px; width: 60px; } div.dv_rc_items img { max-width: 60px; } div.dv_rc_name, div.dv_rc_description, div.recobox_desc_contents, div.dv_rc_price, .order_flow_detail div.dv_rc_price em{ display:none; } .order_flow_detail div.dv_rc_price, .order_flow_detail div.dv_rc_name{font-size:80%; display:block;} .order_flow_detail div.dv_rc_price{padding-left:10px;} .order_flow_detail div.dv_rc_price del span{color:#333;} .order_flow_detail div.dv_rc_price strong span{color: #cc0000; display:inline-block;} .order_flow_detail div.dv_rc_price span.off{color:#cc0000;display:inline-block;} .order_flow_detail div.dv_rc_name span{ display:none;} .order_flow_detail div.dv_rc_name a span{ padding-top:5px; display:block; font-size:80%; width:80px; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ } .order_flow_detail div.dv_rc_img{text-align:center;} #social { margin-bottom: 40px;} #social ul { margin-right: auto; margin-left: auto; padding: 0px 0px 10px 20px; width: 300px; } #utilityNav ul:after { display: block; content: ""; clear: both; } #social ul > li { margin-right: 6px; margin-bottom: 6px; float: left; padding: 0px 5px 5px 5px; width: 75px; display: block; -webkit-background-size: 6px auto; background-size: 6px auto; color: #000; } #social ul > li:nth-child(3n) { margin-right: 0; } #relation:after{ clear: both; content: ""; display: block;} #relation{display:none; padding:0; margin-top: 40px;} #relation .title{ border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; padding-bottom: 6px;} #relation .carousel { position:relative; float: left; margin: 0; padding:0; width: 425px; /*width: 482px;*/ } #relation .carousel .frame { position:relative; margin-left:18px; width: 387px; } #relation .carousel .prevNext a.prev { left:0; top: 50px;} #relation .carousel .prevNext a.next { right:0; top: 50px;} /* #relation ul{ padding-left:20px; overflow: hidden;}*/ #relation ul.relateditems li{ width:70px; margin:0 10px 0 0; text-align:center; float: left; left: 0; position: relative; top: 0; vertical-align: top;} li.dv_rt_items .brand{ color:#878787; margin-top:5px; font-size: 90%; width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} li.dv_rt_items .price{ text-align:center; color:#878787; font-size: 90%; width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #relation ul.relateditems li img{ width:70px;} #relation div.dv_rc_footer{ clear: both;} #relation{display:none;} #relation .bx-wrapper{position:relative;} #relation .bx-controls-direction a{ position: absolute; margin-top: -100px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #relation .bx-prev { left: -20px;} #relation .bx-next { right: -20px;} #itemDesc_product #topics:after{ clear: both; content: ""; display: block;} #itemDesc_product #topics{ margin-top: 35px; width:425px;} #itemDesc_product #topics .title{ border-bottom: 1px solid #CCCCCC; margin-bottom: 14px; padding-bottom: 6px;} #itemDesc_product #topics .carousel { position:relative; float: left; margin: 0; padding:0; width: 425px; /*width: 482px;*/ } #itemDesc_product #topics .carousel .frame { position:relative; margin-left:18px; width: 387px; } #itemDesc_product #topics .carousel .prevNext a.prev { left:0; top: 50px;} #itemDesc_product #topics .carousel .prevNext a.next { right:0; top: 50px;} #itemDesc_product #topics ul{ padding-left:20px; /* height: 270px;*/ overflow: hidden;} #itemDesc_product #topics li{ width:387px; margin:0 10px 0 0; text-align:left; float: left; left: 0; position: relative; top: 0; vertical-align: top;} #itemDesc_product #topics ul li img{ float:left;} #itemDesc_product #topics ul li .txt{ display:block; text-decoration:underline; float:right; width:150px; padding-top:40px;} #itemDesc_product #topics ul li .date{ font-size:90%; padding-top:10px; display:block; float:right; width:150px; color:#878787;} #orderHistory td.status .cancel_btn {font-size:85%;} #orderHistory td.status .cancel_btn a{text-decoration:underline;} #orderHistory td.status .cancel_btn a:hover { text-decoration: none; } /* -------- 会員登録フォーム 2014.08 ここから -------- */ span.requied { margin-left: 4px; } #content table.cmnTable td > p.note { background: none; padding-left: 1em; text-indent: -1em; } #content table.cmnTable td input[type="text"], #content table.cmnTable td input[type="password"], #content table.cmnTable td input[type="email"], #content table.cmnTable td input[type="tel"] { height: 20px; } #content table.cmnTable td input[type="text"], #content table.cmnTable td input[type="password"], #content table.cmnTable td input[type="email"], #content table.cmnTable td input[type="tel"] { padding: 2px; border: 1px solid #7e9db9; background-color: #fff; } #content table.cmnTable td select.defaultSelected { height: 24px; border: 1px solid #7e9db9; padding: 2px; } #prefectureCode { height: 24px; border: 1px solid #7e9db9; padding: 2px; } .element { background-color: #f2f2f2 !important; } .valid { background-color: #ffffff !important; } .error { font-weight: bold; } label.error { color: #cc0000; font-weight: bold; font-size: 14px; } .link_invalid { width: 200px; font-size: 14px; font-weight: bold; text-decoration: none !important; text-align: center; padding: 10px; color: #fff; background-color: #868686; cursor: pointer; } .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* width: 100%; */ font: menu; font-size: 12px; line-height: 16px; overflow: hidden; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } table.customer-edit-input p.alert { clear: both; } .section ul.kiyaku li{ padding-left: 10px; padding-top: 2px; padding-bottom: 8px; display: inline-block; background: url("/contents/images/common/icon_arrow_grey.gif") no-repeat 0 20%; line-height: 1.2; width: 100%;} .section ul.kiyaku{ margin-bottom: 5px;} /* -------- 会員登録フォーム 2014.08 ここまで -------- */ /* -------- カート/ログイン 2014.12 ここから -------- */ /* h2.order { padding: 5px; border-left: 3px solid #000; font-size: 125% !important; font-weight: bold !important; } #content table.orderTable { width: 600px; margin-bottom: 15px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; float: right; margin: 0 20px 10px 0; } #content table.orderTable th, #content table.orderTable td { border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; } #content table.orderTable th { width: 150px; padding: 8px; background-color: #ebebeb; } #content table.orderTable td { vertical-align: middle; padding: 10px 10px 9px; } #content table.orderTable td .hyphen { margin: 0 5px; display: inline; } #content table.orderTable td input[type="text"], #content table.orderTable td input[type="password"] { padding: 2px; border: 1px solid #7e9db9; background-color: #fff; } #content table.orderTable th span.requied { color: #cc0000; margin: 0 0 0 4px; } #content .receipt { margin: 10px 0 20px 0px; } #content .receipt select { float: left; margin: 0 5px 0 0; } 　　　.clear { clear: both; } .giftTable { width: 678px; } table.giftTablehead { width: 549px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; float: right; } table.giftTablehead th, #content table.giftTablehead td { border-bottom: solid 1px #ccc collapse; border-left: solid 1px #ccc; } table.giftTablehead th { padding: 3px; background-color: #ebebeb; text-align: center; } table.giftTablehead th.price { width: 80px; } table.giftTable { width: 686px; margin-bottom: 20px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; clear: both; } table.giftTable th, table.giftTable td { border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; } table.giftTable th { width: 120px; padding: 8px; background-color: #ebebeb; } table.giftTable td { vertical-align: middle; padding: 10px 10px 9px; } table.giftTable td.price { width: 80px; padding: 10px 3px 9px; } table.giftTable td select { margin: 5px 0 10px 0; } table.giftTable td p.bold { font-weight: bold; } table.giftTable td .inst { margin: 10px 0 0 0; } table.giftTable td p.price { text-align: center; } table.giftTable td ul.checkList li { float: left; margin: 0 50px 0 0; } table.giftTable td p.bold { font-weight: bold; } table.giftTable td .inst_GiftMessage { margin: 20px 0 0 0; } table.giftTable td textarea { float: left; } table.giftTable td .textarea { position: relative; overflow: hidden; } table.giftTable td .textarea p.preview { position: absolute; bottom: 0; vertical-align: bottom; margin: 0 0 0 340px; } .creditTable { width: 645px; margin: 1px 0 0 0; overflow: hidden; float: right; } .othercredit { padding: 0 5px; overflow: hidden; float: right; } .payment { width: 686px; } .payment .radio { margin: 10px 0 0 10px; } .payment input.radio { position: relative; margin: 0 5px 0 0; top: 2px; } .select_credit { padding: 10px; overflow: hidden; } table.creditTable { width: 645px; margin-bottom: 5px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; clear: both; } table.creditTable th, table.creditTable td { border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; } table.creditTable th { width: 170px; padding: 8px; background-color: #ebebeb; } table.creditTable td { vertical-align: middle; padding: 10px 10px 9px; } table.creditTable td ul.cardType li { float: left; margin: 0 10px 0 0; } table.creditTable td ul.paymentTimes li { float: left; margin: 0 30px 0 0; } table.creditTable td ul.paymentTimes li.division { float: left; margin: 0 5px 0 0; } input.select_credit { position: relative; margin: 0 5px 0 20px; top: 2px; } input.paymentTimes { position: relative; margin: 0 5px 0 0; top: 2px; } .payment input.Times { position: relative; margin: 0 0 0 0; top: 2px; } .registered { margin: 5px 5px 20px 10px; padding: 10px; background-color: #ebebeb; overflow: hidden; } .registered img.btn { margin: 20px 15px 0 0; } .registered ul.registered_info { width: 300px; float: left; } .registered img { float: right; margin: 0 10px 0 0; } p.cod { margin: 5px 0 0 0; vertical-align: baseline; font-weight: 600; } p.cod input.radio { position: relative; top: 2px; } .point { width: 686px; margin: 10px 0 0 0; overflow: hidden; } h2.point { width: 130px; padding: 5px; border-left: 3px solid #000; font-size: 125% !important; font-weight: bold !important; float: left; } .possession_point { margin: 10px 0 10px 140px; padding: 5px; font-size: 125% !important; font-weight: bold !important; } ul.rcntitems li.dv_rc_items .addition { width: 60px; text-align: center; } table.discount { width: 686px; margin-bottom: 15px; border-top: solid 1px #ccc; border-right: solid 1px #ccc; } table.discount th, table.discount td { border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; } table.discount th { width: 100px; padding: 8px; background-color: #ebebeb; } table.discount td { vertical-align: middle; padding: 10px 10px 9px; } table.discount td.point { width: 100px; } table.discount td.point p { text-align: right; } #contentLeft_order { width: 686px; float: left; } .left { float: left; } #content table.cmnTable { float: left; width: 726px; } #content table.pointTable { border-collapse: collapse; background-color: #FFFFFF; border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-top: 49px; width: 250px; } #content table.pointTable td { padding: 8px 0 0 8px; } #content table.pointTable td.point_number { padding: 8px 8px 0 8px; text-align: right; } #content table.pointTable td.point_Rtotal { padding: 8px; border-top: solid 2px #ccc; } #content table.pointTable td.point_Ltotal { padding: 8px; font-weight: bold; border-top: solid 2px #ccc; text-align: right; } #content table.pointTable td p.attention { color: #cc0000; display: inline; } .point_change { font-weight: bold; margin-top: 25px; } .point_change .title { float: left; } .point_change .button { float: right; } .confirm_order { padding: 20px 0 0; width: 250px; height: 40px; } .confirm_msg { padding-top: 10px; width: 250px; } .confirm_msg .attention { color: #cc0000; display: inline; } .btns:hover { text-decoration: underline; } .amt_total { border: 1px solid #ccc; margin: 10px 2.5%; text-align: center; padding-left: 5%; padding-right: 5%; padding-top: 5px; background-color: #cdcdcd; } table.amt_table { width: 100%; margin: auto; } table.amt_table tr { height: 30px; } table.amt_table td.amt_lbl { font-weight: bold; width: 40%; text-align: left; padding-left: 15px; } table.amt_table td.amt_val { font-weight: bold; text-align: right; width: 58%; padding-right: 15px; } table.amt_table td.total { margin: auto; text-align: center; } tr.border { height: 10px !important; } td.bordertop { border-top: 1px solid #000000; height: 2px; } ul.cart_submit { margin: 0 auto; width: 200px; } ul.cart_submit li { margin-top: 10px; width: 200px; } li div.button_area { width: 200px; } span.attention { color: red !important; font-weight: 900; } .paragraph { display: block; } h2.cart_lbl { font-weight: bold; font-size: 18px; } div.cartTable { width: 95%; padding-right: 2.5%; } div.reservation { color: red !important; font-weight: 900; } li.dv_rc_items { float: left; margin: 2px 2px; } h2.order-detail, h2.point-detail, h2.coupon-detail, h2.arrival-detail { border-left: 3px solid #000; font-size: 125% !important; font-weight: bold !important; padding: 5px; width: 100%; margin-left: 2.5%; margin-bottom: 5px; } .arrival-detail, .sentto_arr { margin-left: 2.5%; } table.senttorequest { margin-left: 2.5%; } textarea.msg_card_val { border: 1px solid #ccc; height: 8em; } div.preveiw { float: right; margin-bottom: 5px; } th.th_label { text-align: center; } div.slc_pay_type { margin-right: 2.5%; margin-left: 2.5%; } div.pay_cod, div.same_credit, div.new_credit { margin-top: 5px; } span.pay_cost { font-weight: 100; font-size: 10px; } div.credit_card_type { margin-right: 2.5%; margin-left: 2.5%; } table.same_card_info { margin-right: 2.5%; margin-left: 2.5%; background-color: #ebebeb; padding: 8px; width: 95%; } table.new_credit { border-collapse: collapse; border: 1px solid #ccc; margin-bottom: 15px; margin-left: 2.5%; margin-right: 2.5%; } table.new_credit th { background-color: #ebebeb; font-weight: bold; } table.new_credit td, table.new_credit th { padding: 8px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } div.point_recommend_item { margin-left: 2.5%; margin-right: 2.5%; } span.recomm_item { display: block; } div.point_use_info { margin-left: 2.5%; margin-right: 2.5%; margin-top: 10px; margin-bottom: 10px; } div.use_coupon { margin-left: 2.5%; margin-right: 2.5%; margin-top: 10px; margin-bottom: 10px; } a.del_btn { float: right; } div.target_mail, div.shippingaddress, div.paymentmethod, div.desireddate, div.productpurchase, div.givepoint, div.couponname { float: left; } .column1 #main table.cmnTable { width: 100%; } #order_header { padding: 0 0 5px 0; width: 686px; zoom: 1; } #cartNav { height: 31px; width: 686px; margin-bottom: 10px; overflow: hidden; } #cartNav ul { margin-bottom: 10px; } #cartNav ul li { float: left; width: 185px; background: url("../es_images/common/bg_flow_arr.gif") no-repeat 50% 100%; background-position: right 50%; margin: 0 5px 0 0; padding: 0px 20px 0px 0px; } */ /* ---------------------------------------------------------------- */ /* カートブロック　ここから　 */ /* ---------------------------------------------------------------- */ .shoppingCart #main { float: none; width: 990px; overflow: hidden; } #content.shoppingCart table.cmnTable { width: 680px; } #content.shoppingCart table.cmnTable thead th { font-weight: bold; } #content.shoppingCart table.cmnTable tbody td.name span.text { text-align: left; } #content.shoppingCart table.cmnTable tbody td.delete ul.btnList li { margin: 0; white-space: nowrap; } .shoppingCart .btnList li { margin-bottom: 10px; } .shoppingCart .btnList li:last-child { margin-bottom: 0; } #content.shoppingCart table.cmnTable tbody td.delete .btns { cursor: pointer; } #content.shoppingCart table.cmnTable tbody td.delete .btns:hover { text-decoration:underline; cursor: pointer; filter: alpha(opacity=70); opacity: 0.7; } .shoppingCart #amountWrapper {padding-top:20px; width: 250px; position: relative; float: right;} .shoppingCart #amountWrapper.order { margin: 30px 0 0 0; } .shoppingCart #amountWrapper .amountTable td.colName { font-weight: bold; letter-spacing: 1px; } .shoppingCart #amountWrapper .submitcart { width: auto; margin: 0; text-align: initial; } .shoppingCart #amountWrapper .submitcart #button_shipping { width: 250px; /* height: 60px;*/ } .shoppingCart #amountWrapper .submitcart .button { z-index:1; margin-top: 16px; } .shoppingCart #amountWrapper .submitcart .button img { width: 100%; padding: 0; } .shoppingCart #amountWrapper .submitcart #button_first { width: 250px; /* height: 60px;*/ } .shoppingCart #button_first img { height: 100% !important; } .shoppingCart .button_first_att { color:#ababab; } .shoppingCart #recommender_pc20 .jcarousel-skin { margin-left: 10px; } .shoppingCart #bookbox ul { padding-left: 20px; } .shoppingCart #bookbox ul li { height:250px; margin: 5px 7px 25px; } #content.shoppingCart h2 {margin-bottom:10px;display:block; background-color:#cccccc; font-size: 125%; padding: 15px 0; text-align:center; font-weight: bold; width:220px; margin: 0; border: none; } #content.shoppingCart h2.carts{ float: left; } #content.shoppingCart .reserve{ color:#c00; margin-top:10px} #content.shoppingCart .reservation{ color:#c00; margin-left:20px; float: left;padding-top:15px;width:750px;} #content.shoppingCart .reservation .shippingDate{ color:#c00!important; } #content.shoppingCart .reservation:after{ display: block; content: ""; clear: both; } #content.shoppingCart .lead .omatome{ font-size:15px; margin-left:20px; float: right;width:750px;} #content.shoppingCart .omatome{ font-size:80%!important; font-weight:normal!important; padding-bottom:5px;} #content.shoppingCart #ordercomp .omatome{ font-size:100%!important; } #content.shoppingCart #submitcart > .omatome{ margin-top: 15px; margin-bottom: -15px; text-align: center; } #content.shoppingCart .omatome-att{ margin-left:20px; float: left;width:365px;} #content.shoppingCart .lead .omatome-att a{margin-left:-10px;} #content.shoppingCart .lead { padding-left: 10px; font-size: 11px; } #content.shoppingCart table { margin: 0; } .shoppingCart #contsWrapper { width: 686px; float: left; } .shoppingCart #contsWrapper .header_bottom { padding-top:30px; border-bottom: none;} #content.shoppingCart .header_bottom { margin-top: 30px; border-bottom: none;} #content table.amountTable { border-collapse: collapse; background-color: #ebebeb; border-top: solid 1px #ababab; border-right: solid 1px #ababab; border-left: solid 1px #ababab; border-bottom: solid 1px #ababab; width: 250px; } #content table.amountTable td { padding: 5px 0 5px 15px; } #content table.amountTable td.amount_number { padding: 5px 15px 5px 0; text-align: right; } #content table.amountTable td.amount_Rtotal { padding-top:10px; background-color: #fff; border-top: solid 1px #ababab; } #content table.amountTable td.amount_Ltotal { padding-top:10px; padding-right:15px; background-color: #fff; font-size: 140%; font-weight: bold; border-top: solid 1px #ababab; text-align: right; } #content table.amountTable td p.attention { color: #cc0000; display: inline; } .shoppingCart .cartTable:before { display: block; content: ""; clear: both; } .shoppingCart .cartTable { display: block; width: 100%; padding: 0; margin: 20px 0 20px 0; overflow: hidden; } .shoppingCart .cartTable tbody, .shoppingCart .cartTable tr, .shoppingCart .cartTable td { vertical-align: middle; } .shoppingCart .cartTable div { vertical-align: middle; } .shoppingCart #button_shipping img{height:100% !important;} .shoppingCart #main { margin: 0 auto; } .shoppingCart .carousel { width: 580px; padding: 14px 0; } .shoppingCart .carousel ul { margin: 0; } .shoppingCart .carousel li { margin: 0 28px 0 0; } .shoppingCart .carousel .frame { width: 500px; margin: 0 40px; } table.multiCartTable { width: 100%; margin-left: 2.5%; margin-right: 2.5%; margin-bottom: 10px; } table.multiCartTable td { border: 1px solid #ccc; } table.multiCartTable td.cart_item_lbl { text-align: center; } table.multiCartTable td.price_lbl, td.price, td.cart_btn { text-align: center; } table.multiCartTable td.cart_item_lbl, td.price_lbl { background-color: #cdcdcd; } .shoppingCart .multiTable {padding-top:5px; border:none; border-bottom: 1px solid #ccc;} .shoppingCart .multiTable th {padding:8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #ebebeb; } .shoppingCart .multiTable th, .shoppingCart .multiTable td { border-left: none; border-right: 1px solid #ccc; text-align: center; font-weight: bold; } .shoppingCart .multiTable th:first-child, .shoppingCart .multiTable td:first-child { border-left: 1px solid #ccc; } .shoppingCart .multiTable td.delete { padding: 20px; } .shoppingCart .multiTable a.prev { top: 50%; left: 14px; } .shoppingCart .multiTable a.next { top: 50%; right: 14px; } /* ---------------------------------------------------------------- */ /* カートブロック　ここまで　 */ /* ---------------------------------------------------------------- */ /* #contsWrapper { width: 686px; float: left; } #contsWrapper.order { margin: 20px 0 20px 0; border: 1px solid #ccc; } #contsWrapper.order .person { border-bottom: 1px solid #ccc; } #contsWrapper .person ul.check { display: table-cell; vertical-align: middle; padding: 10px 0 10px 10px; } #contsWrapper .person li { height: auto; float: left; list-style-type: none; display: table-cell; vertical-align: middle; } #contsWrapper .person li.check { margin: 0 50px 0 0; } #contsWrapper .person li.add { width: 500px; word-wrap: break-word; } #contsWrapper .person li.change { position: relative; } #contsWrapper.order .person img.order-detail-autobutton { margin: 0 0 0 10px; } #contsWrapper .destination ul.check { display: table-cell; vertical-align: middle; padding: 10px 0 10px 10px; } #contsWrapper .destination ul.check .radio { margin: 0 5px 0 0; vertical-align: middle; } #contsWrapper .destination li { height: auto; float: left; list-style-type: none; display: table-cell; vertical-align: middle; } #contsWrapper .destination li.check { margin: 0 50px 0 0; } #contsWrapper .destination li.instructions { color: #c00; } #content:after { display: block; content: ""; clear: both; } #confirm_nav { height: 31px; width: 686px; margin-bottom: 10px; overflow: hidden; } #confirm_nav ul { margin-bottom: 10px; } #confirm_nav li { float: left; background: url("../es_images/common/bg_flow_arr.gif") no-repeat; background-position: right 50%; padding: 0px 20px 0px 0px; } #confirm_nav li span { display: block; background: url("/contents/images/common/nav_cart.gif") no-repeat; height: 31px; width: 185px; } #confirm_nav ul li.step02.cur span { background-position: -185px -31px; } #confirm_nav ul li.step03 span { width: 185px; background-position: 0 -62px; margin: 0px 0px 0px 6px; } #confirm_nav ul li.step04 span { background-position: 0 -93px; margin: 0px 0px 0px 6px; } #confirm_nav ul li.step05 { background-position: 0 -124px; margin: 0px 0px 0px 6px; } */ /* ---------------------------------------------------------------- */ /* モーダルウィンドウ ここから */ /* ---------------------------------------------------------------- */ .modal { display: none; } .modalBK { position: fixed; z-index: 99990; height: 100%; width: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; } .modalBody { position: absolute; z-index: 99999; background: #FFFFFF; width: 800px; left: 50%; */ top: 10%; */ min-height: 350px; } .modalBody .errorMsg{ font-size:14px; font-weight:bold; padding-bottom:10px; color:#cc0000; } .modalContents { margin: 0 30px; padding: 24px 0 36px 0; } .modalContents .head_title { font-size: 20px; font-weight: bold; margin-bottom: 4px; } .modalContents .new_address table { border-collapse: collapse; border: 1px solid #ccc; } .modalContents .new_address table tr { border-bottom: 1px solid #ccc; } .modalContents .new_address table th, .modalContents .new_address table td { border-right: 1px solid #ccc; vertical-align: middle; padding: 12px; } .modalContents .new_address table th { background-color: #ebebeb; } .modalContents .customer_address { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden; } .modalContents .new_address { border: 1px solid #ccc; overflow: hidden; } .modalContents .h_col { float: left; } .modalContents .col3_left { width: 120px; height: 82px; line-height: 82px; padding-left: 8px; } .modalContents .col3_center { width: 490px; } .modalContents .col3_right { width: 120px; height: 82px; line-height: 82px; text-align: center; } .modalContents .col_top { padding: 8px; } .modalContents .col_bottom { padding-left: 120px; } .modalContents .submitButtons { text-align: center; margin: 16px 0 24px 0; } .modalContents .submitButtons li { display: inline; } .modalContents .nameBlock dt, .modalContents .nameBlock dd { float: left; } .modalContents .nameBlock dt { width: 32px; } .modalContents .nameBlock dd { margin-right: 12px; } .modalContents .hyphen { margin: 0 4px; } .modal_content .hide { display: none; } .modal_content h2 { border-left: 3px solid #000; font-size: 125% !important; font-weight: bold !important; width: 100%; margin-bottom: 16px; padding: 5px; padding-left:15px;} .modal_content #edit_address { display: none; } .modal_content .content_body { border: 1px solid #ccc; overflow: hidden; padding-bottom: 16px; } .modal_content .infoTable { width: 600px; } .modal_content .edit_address_form { display: none; } .modal_content .outerTable { width: 750px; } .modal_content .innerTable { width: 400px; } .modal_content table { border-collapse: collapse; border: 1px solid #ccc; } .modal_content table tr { border-bottom: 1px solid #ccc; } .modal_content table th, .modal_content table td { border-right: 1px solid #ccc; vertical-align: middle; padding: 12px; } .modal_content table th { background-color: #ebebeb; } .modal_content .changeEmailTable .col_left { width: 180px; } .modal_content .set_infomation_mail .col_left { width: 120px; } .modal_content .submitBlock li { display: inline; } .modal_content .submitBlock #modal_commit{margin-right:60px;} .modal_content .submitBlock li img{ cursor: pointer;} .modal_content #desired_datetime { margin-top: 24px; } .modal_content #remove_cart .cart_remove_table { margin-top: 10px; margin-bottom: 16px; } .modal_content #remove_cart th { text-align: center; } .modal_content #remove_cart td { text-align: right; } .modal_content #remove_cart .c_img { text-align: left;padding-right:20px; display: table-cell; } .modal_content #remove_cart .c_desc { text-align: left; display: table-cell; vertical-align: middle; } .modal_content .box-1 { margin-top: 12px; } .modal_content .box-2 { padding-left: 24px; } .modal_content .box-3 { padding-left: 24px; } .modal_content table { border-collapse: collapse; } .modal_content .common_table { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .modal_content .common_table tr { border-bottom: 1px solid #cccccc; } .modal_content .common_table th { background-color: #ebebeb; } .modal_content .common_table li { display: inline; } .modal_content #giftMessage { display: none; } /* ---------------------------------------------------------------- */ /* モーダルウィンドウ ここまで */ /* ---------------------------------------------------------------- */ /* .buttons li { display: inline; } .buttons li { margin-right: 24px; } .buttons li:last-child { margin-right: 0; } #content.mypage #main table.customer-edit-input { width: 990px; } #content.mypage #main table.customer-edit-input .nameBlock { margin-right: 8px; } #edit .mypageTable { overflow: hidden; } #content.mypage #main table.customer-edit-input { width: 990px; } #content.mypage #main table.customer-edit-input .nameBlock { margin-right: 8px; } #edit .mypageTable { overflow: hidden; } */ /* ---------------------------------------------------------------- */ /* ログインページ ここから　　 */ /* ---------------------------------------------------------------- */ #login .section { border: none; } #login .section h2 { /* margin: 0 0 10px 0; padding: 5px; padding-left: 10px; border-bottom: none; border-left: 3px solid #000; font-size: 125% !important; font-weight: bold !important;*/ margin-bottom: 10px; padding: 6px 0 4px 10px; background-color: #000; color: #fff; font-size: 130%; font-weight: bold; } #content.userEntry #main .section h2 { border-left:none; margin-bottom: 10px; padding: 6px 0 4px 10px; background-color: #000; color: #fff; font-size: 130%; font-weight: bold; } #login .section .loginAreaWrapper { padding:0!important; border:none!important; } #login .section .loginAreaWrapper .desc { width: 990px; } #login .section .loginAreaWrapper ul.errorMsg{padding-left:0;} #login .section .loginAreaWrapper ul.errorMsg li{width:100%;} #login .section .loginAreaWrapper .loginArea{width:100%;background-color:#ebebeb;padding-top:20px;margin-bottom:20px;} #login .section .loginAreaWrapper .bg-color .lt{width:370px;margin-left:80px;float:left;} #login .section .loginAreaWrapper .bg-color .login_keep{width:500px;float:right;font-size:90%;margin-bottom:5px;} #login .loginAreaWrapper .loginArea dl { margin-bottom: 15px; zoom: 1; } #login .loginAreaWrapper .loginArea dl dt{ float: left; } #login .loginAreaWrapper .loginArea dl dd { margin: 0 10px 0 10px; float: right; } #login .loginAreaWrapper .loginArea .btn:before{display: block; content: ""; clear: both; } #login .loginAreaWrapper .loginArea .btn:after{display: block; content: ""; clear: both; } #login .loginAreaWrapper .loginArea .btn {display:inline-block;margin-bottom:0; padding: 10px 0 20px 0;width:810px;float:right; zoom: 1; } #login .loginAreaWrapper .loginArea .btn .loginBtn img{ /*margin-left:-80px;*/float:left;} #login .loginAreaWrapper .forgotten {display:block;width:300px; padding:0 0 5px 80px;float:left; /*margin:0 auto;*/ } #login .loginAreaWrapper .loginArea dl input[type="text"], #login .loginAreaWrapper .loginArea dl input[type="password"] { width: 17em; height: 20px; font-size: 13px; } #login .loginAreaWrapper .forgotten a { background: url("/contents/images/common/icon_arrow_grey.gif") no-repeat 0 0.4em; color: #999; text-decoration: underline; } /* #login .loginAreaWrapper .bld { font-weight:bold; } #login .loginAreaWrapper ul.logo {margin-top:10px; width:100%; } #login .loginAreaWrapper ul.logo li{margin-right:7px; float:left; } #login .loginAreaWrapper ul.logo li:last-child{margin-right:0;} */ #top-2016 #loginmain > #content, #top-2016 #loginmain > #content #main{ min-height:260px!important; height:auto!important;} .loginv2 #main { float: none; width: 990px; overflow: hidden; } #content.loginv2{padding-top:0 !important; } #content.loginv2 #main table.cmnTable{width:100% !important;} .section .amz_login_payment{padding:20px;background-color:#ebebeb;margin-bottom:10px;} .amz_login_payment .bld{font-weight:bold;font-size: 110%;} .amz_login_payment .lnk{margin-top:10px;} .amz_login_payment .att1{margin-top:10px;} #content table.amz_login th, #content table.amz_login td{width:33%;text-align:center;} /* #login .loginAreaWrapper .loginArea dl dt { margin: 10px 0 0 10px; } #login .loginAreaWrapper p { margin: 0 0 10px 0; } #login .loginAreaWrapper p.bold { font-weight: bold; } #login .loginAreaWrapper .loginArea { float: right; width: 320px; } #login .loginAreaWrapper .loginArea .bg-color { background-color: #ebebeb; border: 1px solid #ccc; } #login .loginAreaWrapper p.main { margin: 0 0 30px 0; } #login .loginAreaWrapper p.login { font-weight: bold; padding: 1px 0 1px 0; } #login .loginAreaWrapper img.logo { margin: 0 0 30px 10px; } #login .loginAreaWrapper a { font-weight: bold; text-decoration: underline; } #login .loginAreaWrapper p { margin: 0 0 10px 0; } #login .loginAreaWrapper .login_keep { padding: 0 10px 0 10px; } #login .loginAreaWrapper .loginArea .btn { padding: 10px 0 0 0; margin: 0 0 10px 0; zoom: 1; } #login .memberArea { margin: 10px 0 0 0; padding: 0 0 20px 0; } */ /* -------- カート/ログイン 2014.12 ここまで -------- */ /* ---------------- 注文フローお支払方法の入力: 2015.01 ここから ---------------- */ #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .customer_address { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden; paddin-top: 6px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .customer_address .col3_left { width: 120px; height: 82px; line-height: 82px; padding-left: 8px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .customer_address .col3_center { width: 462px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .customer_address .col3_right { width: 82px; height: 82px; line-height: 82px; text-align: center; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .customer_address .col3_right .mod_address { height: 82px; line-height: 56px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .customer_address .h_col { float: left; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .customer_address .edit_address_form { clear: both; padding-top: 12px; display: none; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .new_address { border: 1px solid #ccc; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .col_top { height: 42px; line-height: 42px; padding-left: 8px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .col_bottom { padding-top: 12px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .new_address #newAddressForm { display: none; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .edit_address { padding: 0 20px 0 80px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .edit_address .submitButtons { text-align: center; margin: 16px 0 24px 0; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .edit_address .submitButtons li { display: inline; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .edit_address #edit_cancel button { width: auto; padding:0; margin:0; background:none; border:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .edit_address #edit_commit button { width: auto; padding:0; margin:0; background:none; border:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .edit_address #edit_cancel button:hover, #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .edit_address #edit_commit button:hover { opacity: 0.7; } /*.giftTable p.bold{font-weight:bold}*/ .giftTable p.bold a{text-decoration:underline;} .outerTable li.lnk a{text-decoration:underline;} #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .giftTable th { width: 126px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .giftTable th { } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .giftTable th.no-border { border-top: 1px solid #fff; border-left: 1px solid #fff; background-color: #fff; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .giftTable td.price { border-left: 1px solid #ccc; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .giftTable #editMessageCard { display: none; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail p.cod { margin: 5px 0 0 0; vertical-align: baseline; font-weight: bold; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .select_credit { padding: 10px 0 10px 10px; overflow: hidden; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .cardType li { display: inline; margin-right: 8px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .checkList li { display: inline; margin-right: 15px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .checkList li:last-child { margin-right: 0; } /* ---------------- 注文フローお支払方法の入力: 2015.01 ここまで ---------------- */ /* ---------------- 注文フロー:ご注文内容の確認 2015.01 ここから ---------------- */ #noGnav .order_flow { margin-top: 64px; } #noGnav .order_flow #main { width: 100%; margin: 0; } #noGnav .order_flow #main #order_flow_wrapper { width: 680px; float: left; } #noGnav .order_flow #main #order_flow_wrapper h2 { margin-bottom: 16px; padding: 5px; border-left: 3px solid #000; font-size: 125%; font-weight: bold; width: 100%; } #noGnav .order_flow #main #order_flow_wrapper #order_flow_header .secure_comment { margin-bottom: 1em; } #noGnav .order_flow #main #order_flow_wrapper #order_flow_header #cartNav { overflow: hidden; } #noGnav .order_flow #main #order_flow_wrapper #order_flow_header #cartNav ul li { width: 185px; padding-right: 62px; background: none; float: left; } #noGnav .order_flow #main #order_flow_wrapper #order_flow_header #cartNav ul li:last-child { padding-right: 0; } #noGnav .order_flow #main #order_flow_wrapper .cartLead { margin-bottom: 8px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail { overflow: hidden; margin-bottom: 24px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table { width: 100%; border-collapse: collapse; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table th { width: 108px; padding: 12px; background-color: #ebebeb; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; white-space: nowrap; vertical-align: middle; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table td { padding: 12px; border-bottom: 1px solid #ccc; vertical-align: middle; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table td:last-child { border-right: 1px solid #ccc; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table td.r_column { width: 40px; } /* 201709 注文フロー　データ修正バグ暫定対応 #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .customer_address .col3_right .mod_address, #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail td.r_column #changeEmail{display:none;} #container form#modal_form #modal_address .customer_address .mod_address > p img{display:none;} */ #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table td.row-span { border-left: 1px solid #ccc; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table .shippingaddress { width: auto; float: left; overflow: hidden; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table td .carousel, #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table td .carousel .frame { width: auto; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase { /* width: 569px; 20161018*/ width: 480px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .bx-wrapper{margin-left:25px !important;} #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .bx-wrapper{position:relative;} #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .bx-controls-direction a{ position: absolute; margin-top: -100px; width: 30px;/*使用画像に応じて指定*/ height: 35px;/*使用画像に応じて指定*/ text-indent: -9999px;/*画像置換のためテキストを押しやる*/ z-index: 8000;} #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .bx-prev { left: -20px;} #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .bx-next { right: -20px;} #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .carousel { width: 100%; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .carousel .frame { width: 88%; margin: 0 6%; position: relative; top: 0; left: 0; overflow: hidden; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .carousel ul { margin: 0; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .carousel ul li { margin-right: 6px; width:80px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase ul.rcntitems > li.dv_rc_items {float:left; /* margin-right: 10px;*/ width:80px; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .carousel .prevNext { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .carousel .prevNext .prev { top: 50%; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .productpurchase .carousel .prevNext .next { top: 50%; } #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail .infoTable .date {margin-bottom:5px;} /*201812*/ #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table td.plist{position:relative;} #noGnav .order_flow #main #order_flow_wrapper .order_flow_detail table td.plist .changeProduct{ position:absolute; top:20px; right:12px; } #noGnav .order_flow #main #amountWrapper { width: 280px; float: right; } #noGnav .order_flow #main #amountWrapper .amountTable { width: 100%; } #noGnav .order_flow #main #amountWrapper .amountTable td { padding: 8px 0 0 8px; } #noGnav .order_flow #main #amountWrapper .amountTable td.amount_number { padding: 8px 8px 0 8px; } #noGnav .order_flow #main #amountWrapper .amountTable td.amount_Rtotal, #noGnav .order_flow #main #amountWrapper .amountTable td.amount_Ltotal { padding: 8px; border-top: solid 2px #ccc; } #noGnav .order_flow #main #amountWrapper .amountTable td.amount_Ltotal { font-size: 140%; font-weight: bold; text-align: center; } #noGnav .order_flow #main #amountWrapper .point_change { margin-top: 18px; font-weight: bold; overflow: hidden; } #noGnav .order_flow #main #amountWrapper .point_change .title { height: 25px; line-height: 25px; font-size: 14px; float: left; } #noGnav .order_flow #main #amountWrapper .point_change .button { float: right; } #noGnav .order_flow #main #amountWrapper .point_change .button img { height: 25px; } #noGnav .order_flow #main #amountWrapper .pointTable { width: 100%; margin-top: 6px; border: 1px solid #ccc; border-collapse: collapse; } #noGnav .order_flow #main #amountWrapper .pointTable td { margin: 0; padding: 6px 0 0 8px; border: none; } #noGnav .order_flow #main #amountWrapper .pointTable td.point_number { padding: 6px 8px 0 8px; text-align: right; } #noGnav .order_flow #main #amountWrapper .pointTable td.point_Rtotal, #noGnav .order_flow #main #amountWrapper .pointTable td.point_Ltotal { padding: 8px; border-top: solid 2px #ccc; } #noGnav .order_flow #main #amountWrapper .pointTable td.point_Ltotal { font-weight: bold; text-align: right; } #noGnav .order_flow #main #amountWrapper .pointTable + ul.submit02 { width: 100%; margin-top: 16px; } #noGnav .order_flow #main #amountWrapper .pointTable + ul.submit02 li { width: 100%; margin: 0; padding: 0 0 16px; } #container form#modal_form .modal_content #edit_email table { width: 740px; } #container form#modal_form .modal_content .submitButtons #modal_commit { margin: 0; } #container form#modal_form .modal_content .submitButtons button { width: auto; padding:0; margin:0; background:none; border:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; } #container form#modal_form .modal_content #wrapping_options table.outerTable { width: 740px; } #container form#modal_form .modal_content #edit_coupon table.outerTable { width: 740px; } #container form#modal_form .modal_content #wrapping_options .outerTable th { width: 148px; } #container form#modal_form #modal_address .customer_address .mod_address > p { height: 82px; line-height: 56px; } /* ---------------- 注文フロー:ご注文内容の確認 2015.01 ここまで ---------------- */ /* ---------------- TOP:MEN'S CLOSEUP 2015.02 ここから ---------------- */ .menscloseup { background-color: #EFEFEF; margin-bottom: 20px; padding: 11px 15px 10px; } .menscloseup .ttl_img { margin-bottom: 11px; } .menscloseup .box_topics { height: 230px; overflow: auto; } .menscloseup .topic { margin-bottom: 12px; overflow: hidden; } .menscloseup .topic .left { width: 44%; margin: 0 4% 0 0; /*width: 100px;*/ /*margin: 0 10px 0 0;*/ float: left; } .menscloseup .topic .left img { width: 100%; } .menscloseup .topic .right { width: 52%; /*width: 109px;*/ margin: 0; padding: 0 0 0 0; /*padding-right: 4px;*/ display: block; float: right; font-size: 95%; text-align: left; } .menscloseup .topic .right p { line-height: 1.4; } .menscloseup .topic .right .brand_name{ margin-bottom: 4px; font-size: 110%; font-weight: bold; line-height: 1.3; } .menscloseup .topic .right .title{ /*font-weight: bold;*/ } .menscloseup .info { margin-top: 8px; } .menscloseup .updated { width: 100%; color: #a5a5a5; font-size: 95%; text-align: right; } .menscloseup .more { width: 97%; text-align: right; } .menscloseup .more img { vertical-align: middle; } /* ---------------- TOP:MEN'S CLOSEUP 2015.02 ここまで ---------------- */ .item-block .img_a{ border: 1px solid #ababab;} #sideNews li img{ border: 1px solid #ababab;} /* ---------------- メンズヘッダ MEN'S CLOSEUP 2015.02 ここから ---------------- */ .mens_header { padding-top: 20px; border-top: 1px solid #000; } .mens_header .carousel { width: 990px; padding: 0; } .mens_header .carousel .frame { width: 930px; margin: 0 30px; } .mens_header .carousel ul { margin-left: 0; } .mens_header .carousel .prevNext a { top: 50%; } .mens_header ul { float: left; } .mens_header ul li { width: 240px; float: left; } .mens_header ul li .img { width: 90px; float: left; } .mens_header ul li .img img { width: 80px; border: 1px solid #ababab; } .mens_header ul li .txt { width: 120px; float: left; font-size: 95%; } .mens_header ul li .txt .updated { font-size: 90%; color: #a9a9a9; } .mens_header ul li .txt .title { font-weight: bold; } /* ---------------- メンズヘッダ MEN'S CLOSEUP 2015.02 ここまで ---------------- */ /* ---------------- BRAND NEWS 一覧 2015.04 ここから ---------------- */ .brandnews_header { margin: 26px 0 52px; text-align: left; } .brandnews_list { overflow: hidden; } .brandnews_list li { width: 312px; margin-right: 27px; margin-bottom: 64px; float: left; box-sizing: border-box; } .brandnews_list li:nth-child(3n) { margin-right: 0; } .brandnews_list li .figure { width: 312px; height: 312px; display: block; border: 1px solid #ababab; box-sizing: border-box; } .brandnews_list li .img { width: 100%; height: 100%; margin-bottom: 2%; line-height: 309px; text-align: center; overflow: hidden; } .brandnews_list li .img img { width: auto; max-width: 312px; max-height: 312px; vertical-align: middle; } .brandnews_list li .date { color: #a5a5a5; } .brandnews_list li .brand_name { color: #e50083; font-size: 110%; } .brandnews_list li .lead { height: 40px; line-height: 1.3; font-size: 120%; font-weight: bold; } .brandnews_list li .more { margin-top: 10px; } .brandnews_pager { width: 240px; margin: 0 auto 40px; font-size: 120%; font-weight: bold; text-align: center; overflow: hidden; } .brandnews_pager .prev { } .brandnews_pager .next { margin-left: 24px; } /* ---------------- BRAND NEWS 一覧 2015.04 ここまで ---------------- */ /* ---------------- BRAND NEWS 詳細 2015.04 ここから ---------------- */ .brandnews_detail .article_info { overflow: hidden; } .brandnews_detail .article_info:after { clear: both; } .brandnews_detail .article_info .brandname { float: left; } .brandnews_detail .article_info .dateblock { float: right; color: #a9a9a9; } .brandnews_detail .article_info + .info2 { clear: both; } /* ---------------- BRAND NEWS 詳細 2015.04 ここまで ---------------- */ /* ---------------- セールページ修正 2015.06 ここから ---------------- */ /** カルーセル ===================================*/ .reccomend_carousel{display:block; margin-top:20px; margin-bottom:40px; } .reccomend_carousel iframe{display:block; width:990px !important; height:145px !important; } .reccomend_carousel .bx-wrapper { position: relative; margin: 0px auto; padding: 0; width:990px; *zoom: 1; } /* .reccomend_carousel a.allclick img { width: 50% !important; display: block; } */ /** 既存ブロック ===================================*/ /* #brandIndexDate .carousel .frame{ width:925px; } #brandIndexDate .carousel{ width:990px; } #brandIndexDate ul.items li{ padding: 5px 20px 5px 5px; } */ /* #main #brandIndexNav .brandIndex { border-top: solid 1px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa; } #main .brandborder { border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa;} */ #main .sale_brand a, #main .brandborder a { font-family: 'Jost'; font-size:115%; -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1); margin: 0 auto;} #main .sale_brand a .grey, #main .brandborder a .grey{ font-size:85%;} #main .sale_brand a:hover, #main .brandborder a:hover { opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; } #main #brandIndexNav #brandIndexDate li.date a { background: url("../es_images/common/icon_arrow.png") no-repeat scroll 0 0.2em transparent; background-position: 6px 12px; padding: 8px 10px 8px 15px; border: solid 1px #ffffff; background-color: #f0f0f0; font-weight: bold; color: #E50083; zoom: 1; } #main #brandIndexNav #brandIndexDate li.date span { background: url("../es_images/common/icon_arrow.png") no-repeat scroll 0 0.2em transparent; background-position: 6px 12px; color: #878787; padding: 8px 10px 8px 15px; border: solid 1px #ffffff; background-color: #f0f0f0; zoom: 1; } /** HOT ITEMS ===================================*/ #main h2.items { background: url("/contents/images/sale_brand/sale_ttl_hotitems.gif") no-repeat scroll 0 0 transparent; height: 25px; text-indent: -9999px; width: 210px; float: left; } #items-tab { margin-top:12px; } #items-tab li{ float: left; list-style: none; cursor: pointer; font-size:120%; font-weight:bold; padding:5px 25px; border-top: solid 1px #aaa; border-left: solid 1px #aaa; background:#f0f0f0; } #items-tab li.select{ border-bottom: solid 1px #FFF; background:#FFF; cursor: default; } #items-tab li.last { border-right: solid 1px #aaa; } .items-content_wrap{ padding: 25px 8px 15px; border: solid 1px #aaa; margin-bottom: 40px; margin-top: -1px; height:410px; width:972px; } .items-content_wrap iframe{ width:970px !important; height:366px !important; } .category-salelist{ float: right; margin-right: 18px; margin-top: 20px; font-weight:bold; } .category-salelist a{ color: #E50083; } .arrow{ padding-left:15px; background: url("../es_images/common/icon_arrow.png") no-repeat scroll 1px 6px; } .disnon { display: none; } /* ---------------- セールページ 2015.06 ここまで ---------------- */ /* ---------------- 2015SSセール時ヘッダロゴ 2015.06 ここから ---------------- */ #siteId a.cat-large { position: relative; top: 14px; text-decoration: none; } #siteId a.cat-large img { width: auto; height: 143px; } #siteId_s { padding-top: 0; } #siteId_s a { position: relative; top: -4px; } #siteId_s a.cat-small { display: inline-block; position: relative; top: 12px; } #siteId_s a.cat-small img { width: auto; height: 68px; } /* ---------------- 2015SSセール時ヘッダロゴ 2015.06 ここまで ---------------- */ /* SCROLL WIDGET CSS SAMPLE */ #recobox_set { width: 75px; background-color: #FFFFFF; /*border: 1px solid #777;*/ white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } /* CSS for the image */ .recobox_image_contents { cursor: pointer; display: block; /* width: 70px; height: 70px; overflow: hidden; */ margin: auto; vertical-align: middle; padding: 0px; } .recobox_image_contents img { width: 70px; text-align: center; margin: auto; vertical-align: middle; border: none; } /* CSS for the name */ .recobox_name_contents { display:none;} .recobox_price_contents { width:75px; text-overflow:ellipsis; overflow:hidden; font-size:90%; white-space:nowrap; line-height:1.4; min-height:30px; margin-top:5px;} /* CSS for the price */ .recobox_price_contents em { /* color: #E50083; font-weight: bold; */ padding-bottom:5px; } /* CSS for the description */ .recobox_desc_contents { line-height: 1.2em; overflow:hidden; font-size: 10px; } /* Redefinition of the item block for the carousel */ .jcarousel_osusume_text_horizontal { width: 492px; background-color: #FFFFFF; color: #000000; text-align: left; text-decoration: none; font-weight: normal; height: 17px; line-height: 17px; font-size: 14px; overflow: hidden; } .jcarousel-skin .jcarousel-container { /* background-color: #fff; border: 2px solid #ccc; */ } .jcarousel-skin .jcarousel-container-horizontal { width: 620px; padding:0 26px;} .jcarousel-skin .jcarousel-clip-horizontal { width: 620px;} #main_product .jcarousel-skin .jcarousel-container-horizontal { width: 820px; padding:0 26px;} #main_product .jcarousel-skin .jcarousel-clip-horizontal { width: 820px;} .jcarousel-skin .jcarousel-item { display:inline; width: 75px; text-align:center; } .jcarousel-skin .jcarousel-item:hover { /*border-color: #808080;*/ } .jcarousel-skin .jcarousel-item-horizontal { margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; } /** * Horizontal Buttons */ .jcarousel-skin .jcarousel-next-horizontal { position: absolute; top: 69px; right: 5px; width: 16px; height: 34px; cursor: pointer; /* background: transparent url('//aigent.silveregg.net/static/unitag/images/2D_carousel_right.gif') no-repeat 0 0; */ background: transparent url('/contents/images/top1309/btn_right.gif') no-repeat 0 0; _top: 69px; /* IE6 hack */ } html>body .jcarousel-skin .jcarousel-next-horizontal { top: 69px; } .jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin .jcarousel-prev-horizontal { position: absolute; top: 69px; left: -21px; width: 16px; height: 34px; cursor: pointer; /* background: transparent url('//aigent.silveregg.net/static/unitag/images/2D_carousel_left.gif') no-repeat 0 0; */ background: transparent url('/contents/images/top1309/btn_left.gif') no-repeat 0 0; _top: 69px; /* IE6 hack */ _left: 5px; /* IE6 hack */ } html>body .jcarousel-skin .jcarousel-prev-horizontal { top: 69px; left: 5px; } .jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * This
element is wrapped by jCarousel around the list * and has the classname 'jcarousel-container'. */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 132px; } /** * The buttons are added dynamically by jCarousel before * the