/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* --- Reset Start --- --- 各ブラウザ間の表示を統一する為の記述です --- */ /* default property reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote, form,fieldset,input,textarea, th,td { margin:0;padding:0; } table { border-collapse:collapse;border-spacing: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:'';} body * { line-height:1.22em; } /* body * {line-height:1.22em;} について */ /* 各フォントサイズ毎に行間を算出する指定です。 この指定を削除すると、全体の行間は統一される為、 見た目のレイアウトが変更される場合があります。 */ /* --- Reset End --- */ BODY { font-family:'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro','Verdana','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size : 12px; >font-size: 75%; line-height:170%; background-color:#FFFFFF; color:#333333; margin: 0px; padding: 0px; text-align: center; font-weight : normal; font-style : normal; } img { vertical-align:bottom; } .cell_mar { margin: 0px 5px 0px 15px; } a:link { color:#eb5050;text-decoration:none; } a:visited { color:#eb5050;text-decoration:none; } a:active { color:#eb5050;text-decoration:none; } a:hover { color:#ff7a21;text-decoration:none; } /* ************************************************ * ヘッダーメニュー * ************************************************ */ #header { color:#ffffff; margin:20px 0px 10px; } .title { width:785px; height:121px; color: #6d2916; font-size: 22px; font-weight:bold; text-align:center; background : url(title_bg.jpg) no-repeat 0px 0px; margin-bottom:10px; } .title a { color: #6d2916; } .title a:link { color: #6d2916;text-decoration: none; } .title a:visited { color: #6d2916;text-decoration: none; } .title a:active { color: #6d2916;text-decoration: none; } .title a:hover { color: #6d2916;text-decoration: none; } /*ホーム・マイアカウント・お問合せリンク*/ .menu_1 { padding:0px; margin:0px; line-height:0em; text-align:right; } a#linkHome, a#linkMyAccount { margin-right:25px; } /* ************************************************ * 左側メニュー * ************************************************ */ .sidemenu { width:190px; color:#333333; margin-bottom: 20px; } .side_title { height:30px; background : transparent url(side_cat_title_bg.jpg) no-repeat 0px 0px; color:#6d2916; padding-left:15px; font-weight:bold; } .side_text { font-size: 12px; >font-size: 75%; background-color:#f9f4eb; padding:15px; } .side_text1 { font-size: 12px; >font-size: 75%; width:460px; background-color:#f9f4eb; padding:20px; } .side_text2 { font-size: 12px; >font-size: 75%; width:460px; margin-left:auto; margin-right:auto; text-align : left; background-color:#f9f4eb; padding:20px; } .side_text ul li{ padding-bottom:10px; } .side_bottom { height:4px; background-color:#f9f4eb; } /* ------------------------------------- * 商品カテゴリｰエリア背景色 * ------------------------------------- */ .side_cat_bg { width:190px; background : transparent url(side_cat_bg.jpg) no-repeat 0px 0px; margin-bottom:25px; } .side_cat_title { height:30px; background : transparent url(side_cat_title_bg.jpg) no-repeat; color:#6d2916; padding-left:15px; font-weight:bold; } .side_cat_text { font-size: 12px; >font-size: 75%; border-bottom:1px #dacdb9 solid; padding:10px 15px 10px 30px; line-height:0px; } .side_cat_text a { color: #eb5050; } .side_cat_text a:link { color: #eb5050;text-decoration: none; } .side_cat_text a:visited { color: #eb5050;text-decoration: none; } .side_cat_text a:active { color: #eb5050;text-decoration: none; } .side_cat_text a:hover { color: #ff7a21;text-decoration: none; } /* ************************************************ * フッターメニュー * ************************************************ */ #footer { width: 785px; height: 79px; color: #432A16; font-size:100%; text-align: center; background : url(footer_bg.jpg) no-repeat; margin-top: 30px; margin-bottom: 15px; } #menu_2 { text-align:center; margin-bottom: 10px; } #copy { text-align:center; color:#333333; } #footer a { color: #432A16; } #footer a:link { color: #432A16;text-decoration: none; } #footer a:visited { color: #432A16;text-decoration: none; } #footer a:active { color: #432A16;text-decoration: none; } #footer a:hover { color: #7E5E44;text-decoration: none; } /* ************************************************ * コンテンツ共通 * ************************************************ */ .main_title { width:565px; height:30px; background : url(main_title_bg.jpg) no-repeat; color:#6d2916; margin-bottom:15px; font-weight:bold; } .main_title td{ padding-left:15px; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_bg { text-align : center; background : transparent url(info_bg.jpg) repeat-y 0px 0px; padding:0px 0px 5px; width:564px; } .info_title { color:#6d2916; font-weight:bold; padding:7px 15px; } .info_text { font-size: 12px; >font-size: 75%; color:#333333; padding:5px 15px; text-align : left; } .info_textr { font-size: 12px; >font-size: 75%; color:#333333; padding:5px 15px; text-align : left; float: right; } .info_textl { font-size: 12px; >font-size: 75%; color:#333333; padding:5px 15px; text-align : left; float: left; } .info_text_bottom { margin-top:10px; } .info_block { width:540px; align : center ; text-align : center; margin:0px auto; padding:15px 0px 0px; background:#ffffff; } .info_bottom { background : transparent url(info_bottom_bg.jpg) no-repeat 0px 0px; height:5px; margin-bottom:20px; } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { font-size: 12px; >font-size: 75%; color:#333333; margin-bottom: 15px; } /* ************************************************ * 商品一覧　レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示　並び順を変更(商品検索結果） * ------------------------------------- */ /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list { float: left; width: 188px; text-align: center; padding:5px 0px 30px; } .product_item { text-align:center; width:175px; margin:0px auto; } .product_item img { padding: 4px; border: 1px #dacdb9 solid; } .product_item .name { line-height: 120%; margin:10px 0px 0px; } .product_item .price { font-size: 12px; >font-size: 75%; margin:5px 0px 0px; color: #333333; } .product_list a, .product_list a:link, .product_list a:visited { text-decoration:none; } .product_list a:active, .product_list a:hover { text-decoration:none; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .payment_img { width:30px; height:30px; margin:3px; } #ShopKeeper { font-size: 12px; >font-size: 75%; width: 564px; color:#333333; margin-bottom: 15px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; } #ShopKeeper th { width: 160px; padding:10px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-weight: normal; text-align:left; } #ShopKeeper td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:10px; text-align:left; } #ShopKeeper td table th, #ShopKeeper td table td, #ShopKeeper td table, #ShopKeeper td table { border-right:none; border-top:none; border-left:none; border-bottom:none; } #ShopKeeper th img, #ShopKeeper td img { vertical-align:middle; } div#mf_wrapper { width: 640px; text-align: left; margin: 0px auto 0px auto; font-family: sans-serif; } div#mf_header h1 { font-size: 24px; border-bottom: solid 1px #999999; margin: 0px; padding: 0px; } div#mf_header h2 { font-size: 16px; color: #999999; font-weight: normal; margin: 0px; padding: 0px; } form#mailform { padding: 3px; } table.mailform { width: 90%; } table.mailform tr th,table.mailform tr td { text-align: left; font-weight: normal; font-size: 12px; >font-size: 75%; padding: 2px 3px 2px 3px; } table.mailform tr th span { }