/* ************************************************ * 共通設定 * ************************************************ */ * { margin: 0px; padding: 0px; } body { color: #000000; font-size: small; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif; line-height: 1.6em; background-color: #ffffff; text-align:center; background-image: url(https://img15.shop-pro.jp/PA01241/717/etc/img_bg.jpg?20130516144753); background-repeat: repeat-x; } a{ text-decoration:none; color:#990000; } a:hover{ text-decoration:underline; color:#990000; } br.clear { clear: both; font: 0pt/0pt sans-serif; } img { border: 0px; } /* ------------------------------------- * ページレイアウト * ------------------------------------- *※ページ全体の幅は990pxとなっています。 幅を広げる場合は、.sideと.mainのwidth の合計値が#containerのwidthになるよう 設定してください。 * ------------------------------------- */ /*ページ全体の幅、レイアウトをセンタリング*/ #container { margin:0px auto; width:990px; text-align:left; background-color:#FAF0E6; } /*ヘッダー(ページタイトル、グローバルメニュー)*/ .header { width:100%; clear:left; background-color:#ffffff; padding-bottom:0px; } .head_logo { float:left; } .head_haiso { float:right; margin-top:20px; } .navi{ clear:both; width:990px; /*height:54px;*/ height:47px; font-size:12px; /*border:1px solid #000;*/ } .navi li{ display:block; float:left; width:165px; height:47px; text-align:center; /* padding-top:7px;*/ /*border:1px solid #000;*/ } .navi ul{ margin:0; padding:0; width:990px; float:left; } a.nav_home{ display:block; width:165px; height:47px; background-image:url(https://img15.shop-pro.jp/PA01241/717/etc/btn_navi_home.gif?20130522194615); text-indent:-9999px; } .nav_home:hover{ background-position:left bottom; } a.nav_haiso{ display:block; width:165px; height:47px; background-image:url(https://img15.shop-pro.jp/PA01241/717/etc/btn_navi_haiso.gif?20130522194525); text-indent:-9999px; } .nav_haiso:hover{ background-position:left bottom; } a.nav_pay{ display:block; width:165px; height:47px; background-image:url(https://img15.shop-pro.jp/PA01241/717/etc/btn_navi_pay.gif?20130522195348); text-indent:-9999px; } .nav_pay:hover{ background-position:left bottom; } a.nav_tokusho{ display:block; width:165px; height:47px; background-image:url(https://img15.shop-pro.jp/PA01241/717/etc/btn_navi_tokusho.gif?20130522195433); text-indent:-9999px; } .nav_tokusho:hover{ background-position:left bottom; } a.nav_privacy{ display:block; width:165px; height:47px; background-image:url(https://img15.shop-pro.jp/PA01241/717/etc/btn_navi_privacy.gif?20130522195514); text-indent:-9999px; } .nav_privacy:hover{ background-position:left bottom; } a.nav_inq{ display:block; width:165px; height:47px; background-image:url(https://img15.shop-pro.jp/PA01241/717/etc/btn_navi_inq.gif?20130522195611); text-indent:-9999px; } .nav_inq:hover{ background-position:left bottom; } a.chk_cart{ display:block; width:216px; height:30px; background-image:url(https://img15.shop-pro.jp/PA01241/717/etc/img_chk_cart.gif?20130522203034); text-indent:-9999px; } .chk_cart:hover{ background-position:left bottom; } /* 画面左側メニューの幅 */ .side { float: left; width:240px; } .subtotal { padding:5px 0; width:180px; } .stotal { text-align:right; width:180px; } .total { padding:5px 0; border-top:1px solid #C3C3C3; text-align:right; width:180px; } .side_chk_cart { /*padding:8px;*/ margin-left:5px; margin-bottom:10px; } .side_wrap { border:1px solid #330033; padding:8px; margin-left:5px; margin-bottom:20px; border-radius: 8px; /* CSS3草案 */ -webkit-border-radius: 8px; /* Safari,Google Chrome用 */ -moz-border-radius: 8px; /* Firefox用 */ width:200px; } .side_wrap #side_menu_top { padding-bottom:10px; } .side_wrap #menu_link { background-image:url(https://img15.shop-pro.jp/PA01241/717/etc/img_arrow.png?20130520202036); background-position:left; background-repeat:no-repeat; text-align:left; text-indent:17px; margin-top:5px; margin-bottom:5px; } .postage { border-top:1px dotted #C3C3C3; border-bottom:1px dotted #C3C3C3; list-style-type:none; margin-bottom:5px; } .postage li { margin:5px 0; color:red; text-align:left; } .viewcart { padding:5px 0; text-align:center; } /* 画面右側の幅 */ .main { float: left; width: 750px; } /* 特定商取引法に基づく表記(返品など)ボタン */ p#sk_link_other { text-align:left; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* フッター(コピーライト) */ .footer { text-align:center; width:100%; clear:left; } #group-list { border-top:#838383 dotted 1px; padding:5px 0px 0px; margin:10px 20px 0px 0px; } /* ------------------------------------- * 商品オプション 表形式 * ------------------------------------- */ #option_tbl { border-collapse:collapse; border-top:1px solid #ccc; border-left:1px solid #ccc; } #option_tbl th{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; } #option_tbl td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; }