/* ************************************************ * 共通設定 * ************************************************ */ * { margin: 0px; padding: 0px; } body{ color:#333; font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','MS Pゴシック',sans-serif; text-align:center; background:url(https://img10.shop-pro.jp/PA01052/243/etc/body-back-img.jpg) repeat-x top; font-size:0.85em; } /*----- link -----*/ a{ font-weight:normal;} a:link { color:#986B37; } a:visited { color:#986B37; } a:hover { color:#F7B6C0; } /*-- clearfix --*/ /* modern browser */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* Win IE5.5-7 */ .clearfix { display: inline-block; } .clearfix { display: block; } /* Mac IE only \*//*/ .clearfix { overflow: hidden; } /* */ *html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } /* a要素 */ a{ outline:none; } /* ----------------------------------------------------------------------------- [2] global_menu ----------------------------------------------------------------------------- */ #global-menu { margin:25px auto 30px; text-align:center; width:800px; } #global-menu ul{ padding-top:5px; } #global-menu ul li{ float:left; } #global-menu ul li#navi-home a{ display:block; height:17px; width:110px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) 16px -19px no-repeat; } #global-menu ul li#navi-history a{ display:block; height:17px; width:137px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -140px -19px no-repeat; margin-left:25px; } #global-menu ul li#navi-tast a{ display:block; height:17px; width:137px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -303px -19px no-repeat; margin-left:25px; } #global-menu ul li#navi-voice a{ display:block; height:17px; width:109px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -480px -19px no-repeat; margin-left:25px; } #global-menu ul li#navi-shop a{ display:block; height:17px; width:138px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -630px -19px no-repeat; margin-left:25px; } #global-menu ul li#navi-home a:hover{ background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) 16px -73px no-repeat; } #global-menu ul li#navi-history a:hover{ background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -140px -73px no-repeat; } #global-menu ul li#navi-tast a:hover{ background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -303px -73px no-repeat; } #global-menu ul li#navi-voice a:hover{ background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -480px -73px no-repeat; } #global-menu ul li#navi-shop a:hover{ background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -630px -73px no-repeat; } #global-menu ul li#navi-home-current a{ display:block; height:17px; width:110px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) 16px -127px no-repeat; } #global-menu ul li#navi-history-current a{ display:block; height:17px; width:137px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -140px -127px no-repeat; margin-left:25px; } #global-menu ul li#navi-tast-current a{ display:block; height:17px; width:137px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -303px -127px no-repeat; margin-left:25px; } #global-menu ul li#navi-voice-current a{ display:block; height:17px; width:109px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -480px -127px no-repeat; margin-left:25px; } #global-menu ul li#navi-shop-current a{ display:block; height:17px; width:138px; text-indent:-9999px; overflow:hidden; background:url(https://img10.shop-pro.jp/PA01052/243/etc/g-navi.jpg) -630px -127px no-repeat; margin-left:25px; } /* ------------ */ br.clear { clear: both; font: 0pt/0pt sans-serif; } img { border: 0px; } /* ------------ */ em,strong{ font-weight:bold;} p{ line-height:1.6em;} div#container{ font-size:1.08em; line-height:1.5em; } .bold{font-weight:bold;} /* ------------------------------------- * リセット * ------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; border:0; } fieldset,img { border:0;} address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none;} caption,th { text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:'';} abbr,acronym { border:0;} table { /*border-collapse:collapse; border-spacing:0;*/ border:1px #333 solid; } /* ------------------------------------- * ページレイアウト * ------------------------------------- *※ページ全体の幅は800pxとなっています。 幅を広げる場合は、.sideと.mainのwidth の合計値が#containerのwidthになるよう 設定してください。 * ------------------------------------- */ /*ページ全体の幅、レイアウトをセンタリング*/ #container { margin:0px auto; width:860px; text-align:left; } /*ヘッダー(ページタイトル、グローバルメニュー)*/ #top-contents{ background:url(https://img10.shop-pro.jp/PA01052/243/etc/shoptop_image.jpg) no-repeat center bottom; height:330px; margin-bottom:20px; position:relative; } .top-contents-area { width:99px; height:280px; position:absolute; top:20px; left:20px; margin-bottom:20px; } .top-contents-area p{ font-size:0.85em; } #cont-head{ margin:0 auto; text-align:center; background:url(https://img10.shop-pro.jp/PA01052/243/etc/contens-head.gif) no-repeat bottom; width:860px; height:6px; } #cont-column { background:url(https://img10.shop-pro.jp/PA01052/243/etc/contents-middle.gif) repeat-y; width:860px; margin:0 auto; text-align:center; padding-bottom:40px; } /* 画面左側の幅 */ .main { float: left; width: 500px; text-align:left; /*border:1px #333 solid;*/ } .main-tl{ padding: 30px 0 10px 30px; } .main-inner{ padding:20px 0 30px 30px; } .main p#main-txt { width:400px; } /* 画面右側メニューの幅 */ .side { float: left; width:320px; text-align:left; margin:0; padding-top:20px; } .side-inner{ background:url(https://img10.shop-pro.jp/PA01052/243/etc/side-bg.jpg) repeat; width:270px; margin-left:60px; } .side-wrapper{ padding:3px; } .side-wrapper strong { background:#996b37 no-repeat center; display:block; width:264px; height:29px; color:#fff; } .side-inner a{ font-size:0.93em; padding:8px; } .side-inner #cart-area{ padding-top:10px; text-align:center; } #cart-column { background:#fff; padding:10px 0 10px 0; } #maga-column { background:#fff; padding:10px 0 10px 0; } #mobile-area{ text-align:center; background:#fff; } .banner-area{ padding-top:20px; padding-left:95px; } p#tofax{ margin-top :10px; } /* ----------------------------------------------------------------------------- [4] footer ----------------------------------------------------------------------------- */ /* フッター(コピーライト) */ .footer { width:100%; clear:left; } .footer{ font-size:0.85em; margin:0 auto; text-align:center; background:url(https://img10.shop-pro.jp/PA01052/243/etc/line-footer.jpg) repeat-x top; } .footer ul { padding:20px; } .footer ul li a{ color:#333; text-decoration:none; } .footer ul li a:hover{ color:#E41715; text-decoration:none; } .footer ul li{ display:inline; margin:0 5px 0 5px; background:url(https://img10.shop-pro.jp/PA01052/243/etc/line-gray.gif) no-repeat left; padding-left:15px; } .footer ul li#footer-home { background:none; }