/*▼【1.共通】▼*/ @charset "utf-8"; /* CSS Document */ /* -- 初期化・共有設定 -- */ body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding: 0px; margin: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", ns-serif; font-size: 14px; line-height: 1.5em; letter-spacing: 1px; color:#592e00;} table { border-collapse: collapse; } ul, li { list-style: none; } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: normal; } img { border: none; vertical-align: bottom;max-width:100%;} table td { border: none; vertical-align: top; } h1 { text-indent: -9999px; } h2 { text-indent: -9999px; } h3 { text-indent: -9999px; } h4 { text-indent: -9999px; } a { overflow: hidden; outline: none; color:#6d4b23; } a:hover { color:#9600ff; } a:hover { opacity:0.5; filter: alpha(opacity=50); } .text99 { text-indent: -9999px; } .txt-b{font-weight:bold;} .txt-c1{ color:#c82e2e;} .txt-c2{ color:#f69c00;} .txt-left{text-align:left;} .txt-right{text-align:right;} .txt-center{text-align:center;} /* -- テーブル -- */ table{ border-collapse:collapse; } table th{ background-color:#fceff0; border:solid 1px #897040; padding:8px; vertical-align:middle;} table td{ background-color:#FFF; border:solid 1px #897040; line-height:120%; padding:8px; vertical-align:middle;} /* -- BODY 背景画像設定 -- */ body{ text-align: center; background-color:#FFF; background:url(https://img07.shop-pro.jp/PA01258/666/etc/back.jpg) 0 0 repeat-x; min-width:1080px;} #bgimg-top{ width:100%; height:100%; background:url(https://img07.shop-pro.jp/PA01258/666/etc/header-back.jpg) top center no-repeat; } #bgimg-bottom1{ width:100%; height:100%; background:url(https://img07.shop-pro.jp/PA01258/666/etc/back_ft.jpg) bottom repeat-x; } #bgimg-bottom2{ width:100%; height:100%; background:url(https://img07.shop-pro.jp/PA01258/666/etc/footer-back.jpg) bottom no-repeat; } /* ブロック・カラム設定 */ #conteiner { width:1080px; margin: 0 auto; text-align:center;} #wrapper { width:1080px; margin-bottom:30px; } #header { width:1080px; height:240px; margin:0 auto; } #left-col { width:220px; float:left;} #main{ float:right; width:850px; padding:0; margin:0; text-align:left;} #footer-info{ width:1080px; margin:0 auto; text-align:left; clear:both;} #footer{width:1080px; height:250px; margin:0 auto; margin-top:50px; text-align:center;} /* パンくずリスト */ #pankuzu { margin-bottom:10px; font-size:12px;} /* header */ #header h1{ width:330px; height:96px; padding-top:20px;} #header h1 a{ display:block; text-indent:-9999px; width:330px; height:96px; background-image:url(https://img07.shop-pro.jp/PA01258/666/etc/hd-logo.png) no-repeat; background-position:0px 0px; } #header h1 a:hover{ background-image:url(https://img07.shop-pro.jp/PA01258/666/etc/hd-logo.png); background-position:0px 96px; opacity:1; filter: alpha(opacity=100); } /* navi */ #header #navi{width:1080px; height:80px; background:url(https://img07.shop-pro.jp/PA01258/666/etc/gnavi-back.jpg) no-repeat; margin-top:4px; } #header #navi ul{width:1080px; overflow:hidden;} #header #navi li{text-indent:-9999px; float:left;} #header #navi ul li a{display:block; height:80px; width:156px;} #header #navi ul li a:hover{background:url(https://img07.shop-pro.jp/PA01258/666/etc/gnavi-back-on.jpg) no-repeat; opacity:1; filter: alpha(opacity=100);} #header #navi ul li#navi01 a{background-position:0px 0; width:143px;} #header #navi ul li#navi02 a{background-position:-143px 0;} #header #navi ul li#navi03 a{background-position:-299px 0;} #header #navi ul li#navi04 a{background-position:-455px 0;} #header #navi ul li#navi05 a{background-position:-611px 0;} #header #navi ul li#navi06 a{background-position:-767px 0;} #header #navi ul li#navi07 a{background-position:-923px 0;} /* left-col */ #left-col img{margin-bottom:5px;} #left-col h2{margin-bottom:0; width:220px; height:30px; background-image:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w220.png);} #left-col h2.h2-00{background:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-search.png) 0 0 no-repeat; width:99; height:31; margin-left:2px; margin-top:2px;} #left-col h2.h2-01{background-position: 0px 0px;} #left-col h2.h2-02{background-position: 0px -30px;} #left-col .box{margin-bottom:20px;} #left-col #searchbox{ border:solid 1px #9e4056; background-color:#f5cecf; padding-bottom:16px; margin-bottom:20px;} #left-col #category li{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/icon-bar.gif) 0 0 no-repeat; display:block; margin:8px 0px 8px 5px; padding-left:12px; padding-bottom:4px; border-bottom:solid 1px #e9b8ba; text-align:left} #left-col #newitem li{ display:block; width:220px; padding:5px 0px; text-align:left; border-bottom:solid 1px #e9b8ba; clear:both;} #left-col #newitem li .thumb{ width:96px; height:72px; overflow:hidden; float:left; margin-right:10px;} #left-col #newitem li .thumb img{ width:auto; max-height:72px; } #left-col #newitem li p{ display:table-cell; vertical-align:middle; height:72px; width:110px; font-size:12px; line-height:125%; overflow:hidden;} #left-col #recommend li{ display:block; width:220px; padding:5px 0px; text-align:left; border-bottom:solid 1px #e9b8ba; clear:both;} #left-col #recommend li .thumb{ width:96px; height:72px; overflow:hidden; float:left; margin-right:10px;} #left-col #recommend li .thumb img{ width:auto; max-height:72px; } #left-col #recommend li p{ display:table-cell; vertical-align:middle; height:72px; width:110px; font-size:12px; line-height:125%; overflow:hidden;} /* main */ #main .main-inner{ padding-left:10px; clear:both; } #main h2{ margin:40px 0px 10px 0px; width:840px; height:30px; clear:both; background-image:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w840.png); } #main h2.h2-99{ background-potision: 0px 0px;} #main #history li{ display:block; height:230px; padding:5px 0px; margin:0px 8px; text-align:left; float:left;} #main #history li .thumb{ width:120px; height:90px; overflow:hidden; margin-bottom:10px; border:solid 1px #999;} #main #history li .thumb img{ width:auto; max-height:90px; } #main #history li p.item_name{ display:block; width:120px; font-size:12px; line-height:125%; overflow:hidden;} #main #history li p.item_price{ text-align:right; margin-right:8px; margin-bottom:10px; font-size:12px; font-weight:bold; line-height:125%; overflow:hidden;} #main #history li a p.item_price { color:#c82e2e;} #main #history li a:hover p.item_price { color:#9600ff;} /* footer-info */ #footer-info #info-detail{ width:1078px; border:solid 1px #ca9194; padding-top:20px; height:860px; overflow:hidden;} #footer-info #info-detail #box1{ width:320px; float:left; margin-left:29px; margin-right:30px;} #footer-info #info-detail #box2{ width:320px; float:left; margin-right:30px;} #footer-info #info-detail #box3{ width:320px; float:right; margin-right:29px;} #footer-info #info-detail img{margin:10px 0;} #footer-info h2{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w1080.png) 0 0 no-repeat; margin-bottom:0; text-indent:-9999px; height:30px;} #footer-info h3{ text-indent:-9999px; height:23px; margin:50px 0px 10px 0px;} #footer-info h3.h3-01{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/info-h3-01.png) 0 0 no-repeat; margin-top:0;} #footer-info h3.h3-02{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/info-h3-02.png) 0 0 no-repeat;} #footer-info h3.h3-03{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/info-h3-03.png) 0 0 no-repeat; margin-top:0;} #footer-info h3.h3-04{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/info-h3-04.png) 0 0 no-repeat;} #footer-info h3.h3-05{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/info-h3-05.png) 0 0 no-repeat;} #footer-info h4 {text-indent:0; font-weight:bold; color:#592e00; margin:10px 0px 4px 0px;} /* footer */ #footer-inner{width:1080px; margin:0 auto; position:relative; } #footer #gotop{ width:140px; float:right;} #footer #gotop a{ display:block; background:url(https://img07.shop-pro.jp/PA01258/666/etc/gotop.gif) no-repeat; text-indent:-9999px; margin-bottom:30px;} #footer #ftnavi{ width:1080px; text-align:center;} #footer #ftnavi ul{width:1080px; overflow:hidden;} #footer #ftnavi li{display:block; float:left;} #footer #ftnavi ul li a{ text-decoration:none; color:#999;} #footer #ftnavi ul li a:hover{color:#999; font-weight:normal;} #footer #ftname{ position:absolute; top:127px; left:0px;} #footer #ftname a{ display:block; width:246px; height:76px; background:url(https://img07.shop-pro.jp/PA01258/666/etc/ft-logo.png) 0 0 no-repeat; text-indent:-9999px;} #footer #ftname a:hover{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/ft-logo.png) 0px -76px no-repeat; opacity:1; filter: alpha(opacity=100);} #footer #copyright{ position:absolute; top:225px;} #footer #copyright div{ display:block; font-size:10px; color:#FFF; text-align:center; width:1080px;} #footer #copyright div a{ text-decoration:none; color:#FFF; font-weight:normal;} /*▲【1.共通】▲*/ /*▼【2.トップ】▼*/ #toppage { width:850px;} #toppage #main-col { width:600px; margin-left:10px; float:left;} #toppage #right-col { width:220px; float:right;} /* main (width 600) */ #toppage #main-col .box{margin-bottom:40px;} #toppage #main-col h2{ margin:40px 0px 10px 0px; width:600px; height:30px; background-image:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w600.png); clear:both;} #toppage #main-col h2.h2-01{ background-position:0 0; margin-top:0px;} #toppage #main-col h2.h2-02{ background-position:0 -30px;} #toppage #main-col h2.h2-03{ background-position:0 -60px;} #toppage #main-col #shopinfo{ font-size:12px; color:#666; background-color:#f9dfe1; border-top:solid 1px #ca9194; border-bottom:solid 1px #ca9194; padding:2px 0px; margin:0px 0px 10px 0px;} #toppage #main-col #ad-info{ margin-bottom:20px;} #toppage #main-col #ad-info a{ display:block; width:600px; height:250px; background:url(https://img07.shop-pro.jp/PA01258/666/etc/bnr-ad-info-201408.jpg?20140902110043) 0 0 no-repeat; text-indent:-9999px;} #toppage #main-col #movie{ margin-bottom:20px;} #toppage #main-col #shopnews{ text-align:left;} #toppage #main-col #recommend li{ display:block; height:230px; padding:5px 0px; margin:0px 12px 0px 12px; text-align:left; float:left;} #toppage #main-col #recommend li .thumb{ width:120px; height:90px; overflow:hidden; margin-bottom:10px; border:solid 1px #999;} #toppage #main-col #recommend li .thumb img{ width:auto; max-height:90px; } #toppage #main-col #recommend li p.item_name{ display:block; width:120px; margin-bottom:8px; font-size:12px; line-height:125%; overflow:hidden;} #toppage #main-col #recommend li p.item_price{ text-align:right; margin-right:10px; margin-bottom:10px; font-size:12px; font-weight:bold; line-height:125%; overflow:hidden;} #toppage #main-col #recommend li a p.item_price { color:#c82e2e;} #toppage #main-col #recommend li a:hover p.item_price { color:#9600ff;} #toppage #main-col #hot-selling li{ display:block; height:230px; padding:5px 0px; margin:0px 12px 0px 12px; text-align:left; float:left;} #toppage #main-col #hot-selling li .thumb{ width:120px; height:90px; overflow:hidden; margin-bottom:10px; border:solid 1px #999;} #toppage #main-col #hot-selling li .thumb img{ width:auto; max-height:90px; } #toppage #main-col #hot-selling li p.item_name{ display:block; width:120px; margin-bottom:8px; font-size:12px; line-height:125%; overflow:hidden;} #toppage #main-col #hot-selling li p.item_price{ text-align:right; margin-right:10px; margin-bottom:10px; font-size:12px; font-weight:bold; line-height:125%; overflow:hidden;} #toppage #main-col #hot-selling li a p.item_price { color:#c82e2e;} #toppage #main-col #hot-selling li a:hover p.item_price { color:#9600ff;} #toppage #main-col img{ max-width:100%;} #toppage #main-col .snsbox{ overflow:hidden; margin:20px 0px;} #toppage #main-col .snsbox img{ float:left; width:300px;} #toppage #main-col .snsbox a:nth-child(2) img{ float:right;} /* rightside (width 220) */ #toppage #right-col .box{margin-bottom:20px;} #toppage #right-col h2{ margin:20px 0px; width:220px; height:30px; background-image:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w220.png); } #toppage #right-col h2.h2-01{ background-position:0 -60px; margin-bottom:0;} #toppage #right-col h2.h2-02{ background-position:0 -90px;} #toppage #right-col h2.h2-03{ background-position:0 0;} #toppage #right-col #account{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/bg-mypage.jpg); width:220px; height:200px; position:relative; margin-bottom:20px;} #toppage #right-col #account h3{ text-indent:0;} #toppage #right-col #account h3.no1{ position:absolute; top:52px; left:50px;} #toppage #right-col #account h3.no2{ position:absolute; top:128px; left:60px;} #toppage #right-col #account #login1{ position:absolute; top:74px; left:12px; width:200px; height:30px;} #toppage #right-col #account #login2{ position:absolute; top:154px; left:12px; width:200px; height:30px;} #toppage #right-col #account a{ display:block; width:200px; height:30px; text-indent:-9999px;} #toppage #right-col #account #login1 a{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/button.jpg); background-position:0px 0px;} #toppage #right-col #account #login1 a:hover { background-position:0px 60px; opacity:1; filter: alpha(opacity=100); -moz-opacity:1;} #toppage #right-col #account #login2 a{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/button.jpg); background-position:0px 90px;} #toppage #right-col #account #login2 a:hover { background-position:0px 30px; opacity:1; filter: alpha(opacity=100); -moz-opacity:1;} #toppage #right-col #ranking li{ display:block; width:218px; padding:5px 0px 5px 0px; text-align:left; border:solid 1px #e9b8ba; border-top:none; clear:both;} #toppage #right-col #ranking li#rank1{background:url(https://img07.shop-pro.jp/PA01258/666/etc/bg-rank1.png) top center no-repeat;} #toppage #right-col #ranking li#rank2{background:url(https://img07.shop-pro.jp/PA01258/666/etc/bg-rank2.png) top center no-repeat;} #toppage #right-col #ranking li#rank3{background:url(https://img07.shop-pro.jp/PA01258/666/etc/bg-rank3.png) top center no-repeat;} #toppage #right-col #ranking li .thumb{ width:80px; height:60px; overflow:hidden; float:left; margin-right:8px; margin-left:4px; margin-top:4px;} #toppage #right-col #ranking li .thumb img{ width:auto; max-height:60px; } #toppage #right-col #ranking li p{ display:table-cell; vertical-align:middle; padding-right:4px; padding-top:8px; height:60px; width:120px; font-size:12px; line-height:125%; overflow:hidden;} #toppage #right-col #shopmaster_img { width:218px; height:164px; overflow:hidden; margin-bottom:10px;} #toppage #right-col #shopmaster_img img { width:auto; max-height:164px;} #toppage #right-col #shopmaster_txt { text-align:left; line-height:120%; font-size:13px;} #toppage #right-col #shopinfo { width:220px; height:380px; background:url(https://img07.shop-pro.jp/PA01258/666/etc/bg-shop.jpg) 0 0 no-repeat; margin-top:40px 0; position:relative;} #toppage #right-col #shopinfo h2{ text-indent:-9999px; background:none; } #toppage #right-col #shopinfo p{ font-size:13px; text-align:left; line-height:140%; margin:0px 10px; position:absolute; top:290px; left:0px;} /*▲【2.トップ】▲*/ /*▼【3.商品一覧】▼*/ #item_list { margin-left:10px; width:840px; text-align:left;} #item_list .box{margin-bottom:40px;} #item_list h2{ margin:20px 0px; width:100%; height:30px;} #item_list h2.h2-01{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w840_blanc.png) 0 0 no-repeat; text-indent:0; padding:4px 0px 0px 16px; margin:0px 0px 10px 0px; font-weight:bold; overflow:hidden;} #item_list h3{ margin:10px 0px 10px 4px; padding-left:10px; width:100%; height:30px; background:url(https://img07.shop-pro.jp/PA01258/666/etc/icon-bar.gif) 0 0px no-repeat; text-indent:0px; font-weight:bold; clear:both;} #item_list h3.h3-01{ margin:0px;} #item_list .cg_freespace_01 { padding-bottom:4px; margin-bottom:10px;} #item_list .cg_freespace_02 { padding-bottom:4px; margin-bottom:10px;} #item_list #subcate{ margin:0px 0px 10px 0px; padding:4px 0px; border-top:solid 1px #e9b8ba; border-bottom:solid 1px #e9b8ba;} #item_list #subcate div{ float:left; margin-right:20px; padding-left:10px; background:url(https://img07.shop-pro.jp/PA01258/666/etc/icon-triangle2.png) 0 -4px no-repeat;} #item_list #list_navi{ margin-bottom:20px; padding:4px 8px; border-top:solid 2px #e9b8ba; border-bottom:solid 2px #e9b8ba; background-color:#fae7e8; } #item_list #list_navi #list_sort{ padding-bottom:2px; border-bottom:solid 1px #f3d9da; text-align:center;} #item_list #list_navi #list_count{ padding-top:2px; text-align:center;} #item_list #product_list li{ display:block; width:200px; height:360px; padding:0px; margin:0px 4px; text-align:left; float:left;} #item_list #product_list li .thumb{ width:200px; height:150px; overflow:hidden; margin-bottom:10px; border:solid 1px #999;} #item_list #product_list li .thumb img{ width:auto; max-height:150px; } #item_list #product_list li p.item_name{ display:block; width:200px; margin-bottom:4px; line-height:125%;} #item_list #product_list li p.item_price{ text-align:right; margin-bottom:4px; font-size:12px; font-weight:bold; line-height:125%;} #item_list #product_list li a p.item_price { color:#c82e2e;} #item_list #product_list li a:hover p.item_price { color:#9600ff;} #item_list #product_list li div.item_expl{ width:200px; margin:4px 0px; font-size:12px; line-height:120%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow:ellipsis;/* Firefox */ -o-text-overflow: ellipsis;/* Opera */} /*▲【3.商品一覧】▲*/ /*▼【4.商品詳細】▼*/ #item_detail { margin-left:10px; width:840px; text-align:left;} #item_detail .box{margin-bottom:40px;} #item_detail h2{ margin:40px 0px 20px 0px; width:100%; height:30px;} #item_detail h2.h2-01{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w840_blanc.png) 0 0 no-repeat; text-indent:0; padding:4px 0px 0px 16px; margin:0px 0px 10px 0px; font-weight:bold; overflow:hidden;} #item_detail h2.h2-02{ background:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w840.png) 0 -180px no-repeat;} #item_detail #main_img { width:600px; height:450px; overflow:hidden; margin-right:4px; float:left;} #item_detail #main_img img{ width:auto; max-height:450px; } #item_detail #sub_img_area{ width:210px; float:left;} #item_detail #sub_img { width:200px; height:150px; overflow:hidden;} #item_detail #sub_img img{ width:auto; max-height:150px; } #item_detail #explain{ margin:20px 0px 40px 0px; } #item_detail table#explain2{ width:100%;} #item_detail table#explain2 th{ width:20%;} #item_detail table#explain2 td{ width:80%;} #item_detail table#count td{ padding:0; border:none } #item_detail table#count td.td-1{ width:60px;} #item_detail table#count td.td-2{ width:20px;} #item_detail table#count td.td-3{ } #item_detail #cart_buttom{ width:300px; height:200px; float:left; margin-right:20px;} #item_detail #cart_buttom .cart_b{ width:280px; height:40px;} #item_detail #item_link { width:500px; padding:10px 0px; border-top:solid 1px #ca9194; border-bottom:solid 1px #ca9194; float:left;} #item_detail #item_link ul li{ margin-bottom:4px; padding-left:4px; margin-left:30px; list-style-image:url(https://img07.shop-pro.jp/PA01258/666/etc/icon-triangle.png);} #item_detail #item_link ul li.li-01{ margin-bottom:20px;} /*▲【4.商品詳細】▲*/ /*▼【5.特定商取引】▼*/ #tokutei { margin-left:10px; width:840px; text-align:left;} #tokutei .box{margin-bottom:40px;} #tokutei h2{ margin:40px 0px 20px 0px; width:840px; height:30px; background-image:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w840.png); clear:both;} #tokutei h2.h2-01{ background-position:0 -60px; margin-top:0px;} #tokutei h2.h2-02{ background-position:0 -90px;} #tokutei h2.h2-03{ background-position:0 -120px;} #tokutei #tokusho-hyoki{ width:100%;} #tokutei #tokusho-hyoki th{ width:30%;} #tokutei #tokusho-hyoki td{ width:70%;} /*▲【5.特定商取引】▲*/ /*▼【8.プライバシーポリシー】▼*/ #privacy { padding-left:10px; width:840px; text-align:left;} #privacy .box{margin-bottom:40px; padding:0px 20px;} #privacy h2{ margin:40px 0px 20px 0px; width:840px; height:30px; background-image:url(https://img07.shop-pro.jp/PA01258/666/etc/h2-w840.png); clear:both;} #privacy h2.h2-01{ background-position:0 -150px; margin-top:0px;} #privacy h3{ margin:40px 0px 10px 0px; padding-left:20px; height:30px; font-weight:bold; background:url(https://img07.shop-pro.jp/PA01258/666/etc/icon-bar.gif) 0 0 no-repeat; text-indent:0; } /*▲【8.プライバシーポリシー】▲*/