/* CSS Document */ @charset ‘UTF-8′; *{margin:0; padding:0;} body{color:#f0f0f0; font-size:14px; line-height:180%; background:#000; text-align:center; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} address{ font-size:12px; font-style:normal;} a{color:#aaa; text-decoration:none;} a{/* \*/ overflow:hidden; /* */ } /*Must リンクのラインを消す＆MacIE5.xでのバグを回避*/ a:hover{color:#fff; text-decoration:underline;} p.clear{clear:both;} /*///////////////////////////////////////////////////////////////////////////////////////////////*/ div#header{/*width:100%;*/ height:30px; border-bottom:#666 solid 1px; color:#111;} div#all{width:901px; margin:0 auto; background:url(../image/all_back_img.gif) repeat-y; text-align:left;} div#content{float:right; width:700px;} div#contentImage{float:right; width:700px; /*background:url(../image/original_image.gif) 40px 15px no-repeat;*/} div.textArea{margin:0 40px; border-top:solid 1px #222; padding:20px 0;} div.textArea img.tab{margin:4px 4px 4px 0;} div.close{font-size:18px;} span.close{font-size:18px;} img.mainImage{width:698px;} div.imageArea{margin:0 40px; padding:20px 0;} div.imageArea img{margin-bottom:20px; border:1px solid #222;} div#sideBar{float:left; width:200px;} img.sideLogo{margin:20px 0;} div#sideBar ul li{list-style:none inside; text-indent:-9999px;} li.wel a{display:block; width:200px; height:40px; background:url(../image/side_bt_welcome.gif) 0 -40px; border-top:#333 solid 1px; border-bottom:#333 solid 1px;} li.wel a:hover{background:url(../image/side_bt_welcome.gif) 0 0;} li.shop a{display:block; width:200px; height:40px; background:url(../image/side_bt_shop.gif) 0 -40px; border-bottom:#333 solid 1px;} li.what a{display:block; width:200px; height:40px; background:url(../image/side_bt_what.gif) 0 -40px; border-bottom:#333 solid 1px;} li.list a{display:block; width:200px; height:40px; background:url(../image/side_bt_list.gif) 0 -40px; border-bottom:#333 solid 1px;} li.bland {display:block; width:200px; /*height:40px; */background:url(../image/side_bt_bland.gif) no-repeat 0 0; text-align:left;}/*修正*/ ul.blandName {padding:40px 0 20px 0;} li.map a{display:block; width:200px; height:40px; background:url(../image/side_bt_map.gif) 0 -40px; border-top:#333 solid 1px; border-bottom:#333 solid 1px;} li.link a{display:block; width:200px; height:40px; background:url(../image/side_bt_link.gif) 0 -40px; border-bottom:#333 solid 1px;} li.blog a{display:block; width:200px; height:40px; background:url(../image/side_bt_blog.gif) 0 -40px; border-bottom:#333 solid 1px;} li.shop a:hover{background:url(../image/side_bt_shop.gif) 0 0;} li.what a:hover{background:url(../image/side_bt_what.gif) 0 0;} li.list a:hover{background:url(../image/side_bt_list.gif) 0 0;} li.bland a:hover{background:url(../image/side_bt_bland.gif) 0 0;} li.blandName a:hover{background:none;} li.map a:hover{background:url(../image/side_bt_map.gif) 0 0;} li.link a:hover{background:url(../image/side_bt_link.gif) 0 0;} li.blog a:hover{background:url(../image/side_bt_blog.gif) 0 0;} li.mail a{display:block; width:200px; height:40px; background:url(../image/side_bt_mail.gif) 0 -40px; border-bottom:#333 solid 1px;} li.mail a:hover{background:url(../image/side_bt_mail.gif) 0 0;} li.privacy a{display:block; width:200px; height:40px; background:url(../image/side_bt_privacy.gif) 0 -40px; border-bottom:#333 solid 1px;} li.privacy a:hover{background:url(../image/side_bt_privacy.gif) 0 0;} /*IE6 hack ボタン画像のズレ*/ *html li.wel a{margin:0 0 0 -16px;} *html li.shop a{margin:0 0 0 -16px;} *html li.what a{margin:0 0 0 -16px;} *html li.list a{margin:0 0 0 -16px;} *html li.bland {margin:0 0 0 -16px;} *html li.map a{margin:0 0 0 -16px;} *html li.link a{margin:0 0 0 -16px;} *html li.blog a{margin:0 0 0 -16px;} *html li.mail a{margin:0 0 0 -16px;} *html li.privacy a{margin:0 0 0 -16px;} /*IE7 hack ボタン画像のズレ*/ *:first-child+html li.wel a{margin:0 0 0 -16px;} *:first-child+html li.shop a{margin:0 0 0 -16px;} *:first-child+html li.what a{margin:0 0 0 -16px;} *:first-child+html li.list a{margin:0 0 0 -16px;} *:first-child+html li.bland {margin:0 0 0 -16px;} *:first-child+html li.map a{margin:0 0 0 -16px;} *:first-child+html li.link a{margin:0 0 0 -16px;} *:first-child+html li.blog a{margin:0 0 0 -16px;} *:first-child+html li.mail a{margin:0 0 0 -16px;} *:first-child+html li.privacy a{margin:0 0 0 -16px;} div#sideBar li.blandName{text-indent:20px;} /*firefox3.5*/ /*body li.wel a{margin:0 0 0 -40px;} html:not(:nth-child(n)) body li.wel a{margin:0 0 0 0;} html:not(:nth-child(n)) body li.shop a{margin:0 0 0 0;} html:not(:nth-child(n)) body li.what a{margin:0 0 0 0;} html:not(:nth-child(n)) body li.list a{margin:0 0 0 0;} html:not(:nth-child(n)) body li.bland {margin:0 0 0 0;} html:not(:nth-child(n)) body li.map a{margin:0 0 0 0;} html:not(:nth-child(n)) body li.link a{margin:0 0 0 0;} html:not(:nth-child(n)) body li.blog a{margin:0 0 0 0;} */ /*safari hack ボタン画像のズレ*/ /* body:first-of-type li.wel a{margin:0 0 0 -40px;} body:first-of-type li.shop a{margin:0 0 0 -40px;} body:first-of-type li.what a{margin:0 0 0 -40px;} body:first-of-type li.list a{margin:0 0 0 -40px;} body:first-of-type li.bland {margin:0 0 0 -40px;} body:first-of-type li.map a{margin:0 0 0 -40px;} body:first-of-type li.link a{margin:0 0 0 -40px;} body:first-of-type li.blog a{margin:0 0 0 -40px;} body:first-of-type li.mail a{margin:0 0 0 -40px;} body:first-of-type li.privacy a{margin:0 0 0 -40px;} */ /* html:not(:nth-child(n)) body li.wel a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.wel a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.shop a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.shop a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.what a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.what a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.list a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.list a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.bland{margin:0 0 0 0px;} html:not(:nth-child(n)) body li.bland, x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.map a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.map a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.link a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.link a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.blog a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.blog a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.mail a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.mail a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} html:not(:nth-child(n)) body li.privacy a {margin:0 0 0 0px;} html:not(:nth-child(n)) body li.privacy a , x:not(:target):-moz-system-metric(mac-graphite-theme) {margin:0 0 0 0;} */ div#footer{ clear:both; width:861px; text-align:center; margin:0 auto ; padding:20px 20px; color:#999; font-size:11px; background:#000; border-top:#222 solid 1px;} /*IE6 hack 幅の調整*/ *html div#footer{ clear:both; width:901px;} div.bottomLink{ margin:0 0 30px 0; letter-spacing:0.1em; font-size:10px;} div.address{ margin:40px; padding:20px 0; /*border-top:#222 solid 1px;*/ background:url(../contact/image/main.jpg) no-repeat 400px 0;} span.adressComment{color:#444; font-size:12px; display:block; margin-top:10px;} span.adressComment strong{color:#444; font-size:12px; font-weight:normal;} span.number{display:block; width:382px; height:52px; background:url(../image/tel_number.gif) no-repeat; font-size:28px; font-weight:bold; text-indent:-9999px; margin-bottom:15px;} img{border:none;} img.neon{float:right; margin:0 0 0 20px;} h1{width:700px; font-size:20px; text-align:center; margin:40px 0 0 0;} h1.welcome{width:700px; text-indent:-9999px; margin:0;} div#contentImage h1{width:700px; font-size:20px; text-align:center; margin:40px 0 0 0;} h2{font-size:16px; color:#CC0000;} h2.itemName{font-size:24px; color:#f0f0f0; margin:10px 0;} h2.itemName2{font-size:18px; color:#c00; font-weight:normal;} h2.itemName3{font-size:18px; color:#cc0; font-weight:normal;} /*全商品リスト*/ div.brand{margin:0 40px; border-top:solid 1px #222;} div.brand img{margin:30px 0 10px 0;} div.listArea{ margin:0 40px; padding:20px 0; border-top:dotted 1px #222;} div.listText{ float:left; width:480px;} div.listText h2{color:#f0f0f0; font-weight:normal; width:100%;} div.listText h2 a{font-weight:normal; font-size:16px;} div.listText h2 a:hover{font-weight:normal;} /*div.listText h2 img{position:relative; top:-18px; float:right;}*/ div.listText img{margin:5px 5px 5px 0; width:64px; height:16px;} body:first-of-type div.listText img{margin:1px 1px 1px 0;} div.textArea p{margin:10px 0;} span.price{color:#c00; font-weight:bold; font-size:18px;} span.price2{color:#cc0; font-weight:bold; font-size:18px;} span.priceL{color:#cc0000; font-weight:bold; font-size:20px;} span.price2L{color:#cc0; font-weight:bold; font-size:20px;} /* XP Mac safari only \*/ body:first-of-type div.listText h2 img{ float:right; position:relative; top:7px;} div.listImage{ float:right} div.listImage a img{ margin:5px 0 0 0; border:1px solid #222;} div.listImage a:hover img { border:1px solid #444;} /*商品詳細ページ*/ h2.itemName img{position:relative; top:5px;} img.shosaiLogo{margin:0 0 20px 0;} /* whats new */ h2.WhatsNew{width:100%; text-align:center; margin-top:30px;} div.WhatsNewList{} h3.WhatsNewList { font-weight:normal;} /*////////////////////////////////回り込み解除用ハック*/ div.listArea:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;} div.listArea { display: inline-block; } /* exlude MacIE5 \*/ * html div.listArea { height: 1% } div.listArea {display:block;} /* end MacIE5 */ /*////////////////////////////////回り込み解除用ハックここまで*/ /*アイテム別*/ div.itemAto{margin:15px 0 0 0; width:870px; text-align:center; font-size:14px;} /*個別の指定*/ span.caution{color:#FFFF66;} span.white{color:#f0f0f0;} span.caption{color:#666; line-height:200%;} /*　個人情報保護用指定　*/ div.inner{ background:#222; padding:10px; color:#999;} h2.menuTitle{ color:#fff;} /*shop 写真　変更*/ img.shopPhotoSukima{ margin:18px 0;}