/************************************************ 共通設定 ************************************************ */ body { color: #666; font-family: Verdana,Arial,Helvetica,sans-serif; background-color: #f5f5f5; font-size: 72.5%; line-height: 150%; letter-spacing: 0.1em; height:100%; } select { border: solid 1px #ccc; } /*写真*/ .picture { border: 1px solid #ccc; } /* ============================================== フレーム =============================================== */ /* 全体を包括 */ .frame_outer { margin: 0 auto; width: 100%; text-align: center; } /* コンテンツ */ #container { margin: 0 auto; padding: 0 0 30px 0;////横余白 width: 980px; background: #fff; text-align: left; } /* ============================================== カラム指定 =============================================== */ /* ヘッダーとフッターの上下 [注意]ブロック移動時はbloc.css内で調整が必要 */ #topcolumn , #bottomcolumn , #footerbottomcolumn { margin: 0 auto; padding: 0px;///15px width: 950px; background: #fff; text-align: left; } /* 中央カラム */ .main_column { padding: 0 0 20px; } /* サイドカラム */ #leftcolumn { float: left; width: 10%; } #rightcolumn { float: right; width: 10%; } /* 1カラム設定 これだ、これ-50pxだと詳細でボタンが干渉する*/ #one_maincolumn { position: relative; top: -2px; margin: 0 auto; width: 98%; } /* 2カラム設定 (メイン部が左) */ #two_maincolumn_left { padding-left: 1.5%; float: left; width: 78%; } /* 2カラム設定 (メイン部が右) */ #two_maincolumn_right { padding-right: 1.5%; width: 78%; float: right; } /* 3カラム設定 */ #three_maincolumn { padding-left: 0.5%; width: 59%; float: left; } /* 下層コンテンツ */ #undercolumn { width: 100%; margin: 0 0 30px 0; } /* ============================================== ユーティリティ =============================================== */ /* フロート回り込み解除 ----------------------------------------------- */ .clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; } .clearfix { display: block; /* for IE8 */ } .clear { clear: both; } /* リンク指定 --------------------------------------#39cを#35cに--------- */ a:link , a:visited { color: #35c; text-decoration: none; } a:link:hover , a[href]:hover { color: #f60; text-decoration: underline; } /* フォント ----------------------------------------------- */ h1,h2,h3,h4,h5 { font-size: 100%; line-height: 150%; } .sale_price { color: #f00; } .normal_price { font-size: 90%; } .point { color: #f00; font-weight: bold; } .user_name { font-weight: bold; } .recommend_level { color: #ecbd00; } .attention { color: #f00; } .attentionSt { color: #f00; font-weight: bold; } .st { font-weight: bold; } .mini { font-size: 90%; } /* 行揃え ----------------------------------------------- */ .alignC { text-align: center; } .alignR { text-align: right; } .alignL { text-align: left; } .pricetd em { font-weight: bold; } /* フォーム ----------------------------------------------- */ input[type='text'] , input[type='password'] , .select { border: solid 1px #ccc; padding: 2px; } .box40 { width: 40px; } .box60 { width: 60px; } .box100 { width: 100px; } .box120 { width: 120px; } .box140 { width: 140px; } .box145 { width: 145px; } .box150 { width: 150px; } .box240 { width: 240px; } .box240big { width: 400px; height:22px; vertical-align: middle ; font-size: 1.0rem; border: 4px; } .box300 { width: 300px; } .box320 { width: 320px; } .box350 { width: 350px; } .box380 { width: 380px; } /* フォームが縦に重なり合う場合に併用する余白 */ .top { margin-bottom: 5px; } .ng_top { margin-bottom: 0 !important; } /* タイトル ----------------------------------------------- */ h2.title { margin-bottom: 10px; padding: 8px; border-top: solid 1px #008800;//濃いめの緑 // border-top: solid 1px #ebeced;もともと color: #008800; // background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAApAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGRABAQADAQAAAAAAAAAAAAAAABICBBRT/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQFAgb/xAAdEQEAAgAHAAAAAAAAAAAAAAAAERIBAgMUFVGh/9oADAMBAAIRAxEAPwDS1JNjcAstZuAWXsJAaLWEhfBveOQ/Ha/XuAe4yAdUmP/Z") repeat-x left bottom;もともと background: -moz-linear-gradient(top, #ABffAB 0, #eeffee 100%);//濃いめの緑から薄い緑 background: -webkit-linear-gradient(top, #ABffAB 0, #eeffee 100%); background: linear-gradient(to bottom, #ABffAB 0, #eeffee 100%); //background-color: #fef3d8;もともと font-size: 140%; } h2.title-gunzo { margin-bottom: 10px; padding: 8px; border-top: solid 1px #0044FF; color: #ff0000; background: -moz-linear-gradient(top, #88BBFF 0, #E0F5FF 100%); background: -webkit-linear-gradient(top, #88BBFF 0, #E0F5FF 100%); background: linear-gradient(to bottom, #88BBFF 0, #E0F5FF 100%); font-size: 140%; backface-visibility: hidden; } h3.title { margin-bottom: 1px; padding: 5px; border-top: solid 1px #ebeced; color: #f60; background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAApAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGRABAQADAQAAAAAAAAAAAAAAABICBBRT/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQFAgb/xAAdEQEAAgAHAAAAAAAAAAAAAAAAERIBAgMUFVGh/9oADAMBAAIRAxEAPwDS1JNjcAstZuAWXsJAaLWEhfBveOQ/Ha/XuAe4yAdUmP/Z") repeat-x left bottom; background-color: #fef3d8; font-size: 100%; } #one_maincolumn .sub_area h3 , #two_maincolumn_right .sub_area h3 , #two_maincolumn_left .sub_area h3 , #three_maincolumn .sub_area h3 , #undercolumn_login .login_area h3 , #undercolumn_shopping h3 , #mypagecolumn h3 , #undercolumn_cart h3 { margin: 0 0 10px 0; padding: 5px 0 10px; color: #f60; background: url("data:image/gif;base64,R0lGODlhAQAEAIAAAN3f4fHy8yH5BAAHAP8ALAAAAAABAAQAAAICRF4AOw==") repeat-x left bottom; font-size: 120%; } div#undercolumn_login .login_area h4 { padding-left: 15px; background: url("data:image/gif;base64,R0lGODlhDQALAMQAACS1IN743kraSonoiSvUK/b99mLfYqTtpDrXOnDicFLcUv///7TwtFndWeT65GzhbEHZQazurDLWMvX19QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABMALAAAAAANAAsAAAVB4CSOYwE4ZGomZyquyQNMJgk8hgEE6zwBjeDul9MBFArBcBI4Cp4QCIBBakIQCMnUxQAQCICISxQBAAbj0cGXCgEAOw==") no-repeat left; } /* ============================================== ヘッダー =============================================== */ /* レイアウト ----------------------------------------------- */ #header_wrap { // border-top: solid 3px #f90; border-top: solid 3px #008800; min-height: 82px; // background: url("data:image/gif;base64,R0lGODlhAQBPAJEAAP/////68PDw8MzMzCH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNC4xLWMwMzQgNDYuMjcyOTc2LCBTYXQgSmFuIDI3IDIwMDcgMjI6Mzc6MzcgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhhcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx4YXA6Q3JlYXRvclRvb2w+QWRvYmUgRmlyZXdvcmtzIENTMzwveGFwOkNyZWF0b3JUb29sPgogICAgICAgICA8eGFwOkNyZWF0ZURhdGU+MjAwNy0wMS0wNFQyMjoxMDozMVo8L3hhcDpDcmVhdGVEYXRlPgogICAgICAgICA8eGFwOk1vZGlmeURhdGU+MjAxMS0wMi0xOVQyMjowMToxM1o8L3hhcDpNb2RpZnlEYXRlPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9naWY8L2RjOmZvcm1hdD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PAA6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQABwD/ACwAAAAAAQBPAAACCoyPqcvtz8AQtAAAOw==") repeat-x bottom #fffaf0; background: -moz-linear-gradient(top, #ABffAB 0, #eeffee 100%); background: -webkit-linear-gradient(top, #ABffAB 0, #eeffee 100%); background: linear-gradient(to bottom, #ABffAB 0, #eeffee 100%); } #header { margin: auto; width: 980px; } #logo_area { padding-left: 10px; float: left; width: 390px; text-align: left; } #header_utility { float: right; width: 580px; } #errorHeader { color: #F00; font-weight: bold; font-size: 12px; background-color: #FEB; text-align: center; padding: 5px; } /* ロゴ ----------------------------------------------- */ #site_description { font-size: 90%; } #logo_area h1 { width: 378px; height: 33px; } #logo_area h1 span { display: none; /* テキストロゴ非表示 */ } /* ヘッダーナビ ------------------------------width: 409px;-----height: 38px;------------ */ div#header_navi { float: right; width: 470px; height: 45px; } div#header_navi ul li { display: block; float: left; } div#header_navi ul li.mypage, div#header_navi ul li.entry { margin-top: 6px; } /* ============================================== フッター =============================================== */ #footer_wrap { margin: 0 auto; width: 980px; height: 80px; background: #fff; } #footer { margin: auto; padding-top: 10px; border-top: solid 1px #ccc; width: 950px; } #pagetop { width: 210px; float: right; text-align: right; } #copyright { width: 740px; float: left; text-align: left; font-size: 97%; } /* ============================================== パーツ =============================================== */ /* ボタン ----------------------------------------------- */ .btn_area { margin-top: 10px; width: 100%; text-align: center; } .btn_area li { padding-right: 10px; display: inline; } /* 完了メッセージ ----------------------------------------------- */ div#complete_area { margin-bottom: 20px; } div#complete_area .message , div#undercolumn_entry .message { margin-bottom: 20px; line-height: 150%; font-weight: bold; font-size: 120%; } div#complete_area .shop_information { margin-top: 40px; padding: 20px 0 0 0; border-top: solid 1px #ccc; } div#complete_area .shop_information .name { margin-bottom: 10px; font-weight: bold; font-size: 140%; } /* Tipsy ----------------------------------------------- */ .tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-arrow { position: absolute; background: url('data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==') no-repeat top left; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } /*pc用のcssを記述 ここまで*/ } @media screen and (max-width:960px) { /*横幅960px以下では*/ } @charset "utf-8"; /************************************************ 各ページコンテンツ用 ************************************************ */ /* ============================================== ▼TOP =============================================== */ /* メインイメージ ----------------------------------------------- */ #main_image { margin-bottom: 10px; text-align: center; } /* ============================================== ▼下層 =============================================== */ /* ============================================== ▼ガイド =============================================== */ /* ◎◎について ----------------------------------------------- */ div#undercolumn_aboutus { } /* 特定商取引法 ----------------------------------------------- */ div#undercolumn_order { } /* お問い合わせ ----------------------------------------------- */ div#undercolumn_contact { margin: 0 auto; width: 100%; } .zipimg img { vertical-align: middle; } /* ============================================== ▼MYページ =============================================== */ /* 共通設定 ----------------------------------------------- */ div#mypagecolumn { width: 100%; } div#mynavi_area { width: 100%; } div#mycontents_area { width: 100%; } div#mynavi_area .mynavi_list { margin-bottom: 20px; width: 100%; } div#mynavi_area .mynavi_list li { margin:0 15px 5px 0; padding-left: 15px; float: left; background: url('data:image/gif;base64,R0lGODlhCwALALMAAP+ZAP/txf/cj//GAP////+zJP/68P+mAP+yAP/MAP+9AP+tAP/ckf/68AAAAAAAACH5BAEHAA0ALAAAAAALAAsAAAQ8sLVQgC1BNgGOGsMCCBOgJCiqANSCGkZ6VEMKq1b6xol17riCK3FDzQImXQLBajAAi4/icGBoKBYARhIBADs=') no-repeat left ; font-size: 120%; } div#mynavi_area div.point_announce { margin-bottom: 30px; padding: 10px; border: solid 1px #ffcc62; background-color: #fffaf0; } div#mynavi_area div.point_announce p { padding-left: 20px; background: url('data:image/gif;base64,R0lGODlhEAAQANUAADOZzMjt/63d9I7I5ezz8V6w2b3h8ujy8cXm9+74/qLX8t7y/Xq+37Tm/9bx/+X3///68MPj8pTS8kmk0uD1/6/d8rXg9db3/8Tq/b/n/c/v/5PK5fb38GKx2YbE4u///87o8rjf8pHJ5Z3V8q3W7/X19QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACUALAAAAAAQABAAAAatwJKwdEBYBEjEYTjkgCyIRSKxMII4TQTisXB4HYsqAlsCbb9oxwMBKhEsD0cFQKcXEGrLAQTqzhkbGx4ADBQUGE8LGhoCABEfkB0dVAshAgkBAQoABnEaE5NSFRUJGBibdXQkVAkCFgumI4QitAYJFGAWIBgODRKct4YOGrAIbw8ZvyEOps0PemUIFBm8GA3XGBRsQhxaXAHXGRprY01PUVNVumRMeyHvISAETEEAOw==') no-repeat left ; } div#mycontents_area p.inforamtion { margin-bottom: 20px; } div#mypagecolumn h4 { margin: 10px auto; border-bottom: 1px solid #999; text-align: left; font-size: 120%; } /* 購入履歴一覧/詳細 ----------------------------------------------- */ div#mycontents_area div.mycondition_area { margin: 0 auto 20px 0; padding: 10px; border: solid 1px #ccc; width: 97%; background: #f9f9f9; } div#mycontents_area div.mycondition_area p { float: left; } div#mycontents_area div.mycondition_area .btn { width: 160px; margin-top: 15px; float: right; } .add_address { margin-bottom: 20px; } /* 会員登録内容変更/退会 ----------------------------------------------- */ div#mycontents_area .message_area { margin: 30px auto; padding: 30px; border: 1px solid #ccc; text-align: center; } div#mycontents_area .message_area p { margin-bottom: 20px; } /* ============================================== ▼会員登録 =============================================== */ div#undercolumn_entry { width: 100%; } div#undercolumn_entry .kiyaku_text { margin: 20px auto; padding: 10px; border: solid 1px #ccc; width: 94%; background: #fff; } /* ============================================== ▼ログイン =============================================== */ div#undercolumn_login { margin: 0 auto; width: 100%; } div#undercolumn_login .login_area { margin-bottom: 30px; } div#undercolumn_login .login_area .inputbox { margin: 15px auto 15px auto; padding: 15px 20px 10px 20px; background: #f0f0f0; } div#undercolumn_login .login_area .inputbox .btn_area { margin-top: 0; } /* ============================================== ▼エラー =============================================== */ div#undercolumn_error .message_area { width:80%; margin: 30px auto; padding: 30px; border: 1px solid #ccc; text-align: center; } div#undercolumn_error .message_area .error { padding: 120px 0; } /* ============================================== ▼商品一覧 =============================================== */ /* ページ送り ----------------------------------------------- */ .pagenumber_area { padding-bottom: 10px; background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom ; } .pagecond_area { margin-bottom: 20px; padding: 10px; } .pagenumber_area { margin: 20px 0; } .pagecond_area { border: 1px solid #ccc; } .pagenumber_area .navi { width: 100%; text-align: left; } .pagenumber_area .navi li { display: inline; } .pagenumber_area .change { float: right; text-align: right; white-space: nowrap; } /* レイアウト ----------------------------------------------- */ /*list_areaの padding下を30pxから変更★★★★★divの下のみ実線を入れるborder-bottom: ★*/ div.list_area { padding: 2px 0 2px 0; width: 100%; overflow: auto; border-top: 1px solid #888888; } div.list_area2 { padding: 2px 0 2px 0; width: 100%; overflow: auto; border-top: 1px solid #000000; background-color: #ecf5ff; } div.list_area22 { padding: 0 0 0 0; width: 100%; overflow: auto; border-top: 1px solid #000000; background-color: #ffff88; } /* paddingを追加した。右側にスペースを入れたのだ★★★★★★*/ div.listphoto { padding: 0 8px 0 0; float: left; } /* 新設したのだ★★★★★★*/ div.wakalistmid { padding: 0 0 0 0; width: 40%; float: left; } /* メインカラム用 1カラム時74%*/ #one_maincolumn div.listrightbloc { float: right; width: 100%; } /* メインカラム用 2カラム時*/ #two_maincolumn_right div.listrightbloc , #two_maincolumn_left div.listrightbloc { float: right; width: 80%; } /* メインカラム用 3カラム時*/ #three_maincolumn div.listrightbloc { float: right; width: 74%; } /* 商品情報 各種設定 ----------------------------------------------- */ /* 商品ステータス width: 100%;*/ div.listrightbloc ul.status_icon { margin-bottom: 10px; width: 7%; float: left; } div.listrightbloc ul.status_icon li { margin-right: 5px; float: left; } /* 商品名 */ div.listrightbloc h3 { font-weight: bold; font-size: 120%; } /* コメント float:left;clear:both;*/ div.listrightbloc .listcomment { clear:both; margin: 0 0 10px 0; text-align: left; border: 1px solid #cef0f4; background-color: #ecf5ff; width: 30%; } /* 商品詳細を見る */ div.listrightbloc .detail_btn { margin-bottom: 20px; } /*pricebox★★★★★★*/ /* 価格 */ div.listrightbloc .pricebox { //clear: both; margin: 0 0 1px 0; // background-color: #ffcccc; float:left; width: 45%; height: 50px; } /* 価格オリジナル */ div.listrightbloc .price_inL { margin: 0 0 1px 0; float:left; width: 50%; text-align: right; } div.listrightbloc .price_inR { margin: 0 0 1px 0; float:left; width: 50%; text-align: right; } /*買い物かご関連★★★★★★*/ /* 買い物かご width: 94% 27%float:left;*/ div.listrightbloc .cart_area { float:right; padding: 5px; // border: 1px solid #cef0f4; // background-color: #ecf5ff; width: 40%; height: 50px; } /* 規格 */ div.listrightbloc .classlist { margin-bottom: 10px; padding-bottom: 10px; background: url("data:image/gif;base64,R0lGODlhBAACAJEAAM7g9P////X19QAAACH5BAAHAP8ALAAAAAAEAAIAAAIEBCQRWAA7") repeat-x bottom ; } div.listrightbloc dl { width: 30%; } div.listrightbloc dt { display: inline-block; vertical-align: top; } div.listrightbloc dd { padding-bottom: 10px; display: inline-block; } div.listrightbloc dd p.attention { margin-top: 5px; } /*買い物かご関連★★★★★★*/ /* カゴに入れる */ /*水色の枠そのもの */ div.listrightbloc .cartin { //padding-left: 5px; margin: 0; float :left; width: 180px; } /*買い物かご関連★★★★★★数量 float :left;text-align: right;*/ div.listrightbloc .cartin .quantity { padding: 1px 5px 0 0; width: 90px; float :left; text-align: left; } /*買い物かごの数量入力欄。ボックスそのもの*/ div.listrightbloc .cartin .quantity .box { width: 40px; } div.listrightbloc .cartin_btn { width: 80px; float :right; } /* ===バックアップ=========================================== div.listrightbloc .cartin_btn { width: 160px; float :left; } =============================================== */ /* ============================================== ▼商品詳細 =============================================== */ /* レイアウト tplファイルのマークアップが同じ項目 *1カラム時 [one_maincolumn] *2カラム時 [two_maincolumn_left] [two_maincolumn_right] *3カラム時 [three_maincolumn] ----------------------------------------------- */ #detailarea , .sub_area { margin-bottom: 20px; width: 100%; } /* レイアウト ----------------------------------------------- */ /* 1カラム用 */ #one_maincolumn div#detailphotobloc { width: 37%; float: left; } #one_maincolumn #detailrightbloc { width: 63%; float: right; } #one_maincolumn div.subtext { margin-bottom: 20px; float: left; width: 69%; } #one_maincolumn div.subphotoimg { float: right; width: 25%; text-align: right; } #one_maincolumn p.subtext { margin-bottom: 20px; } /* 2カラム用 */ #two_maincolumn_left div#detailphotobloc , #two_maincolumn_right div#detailphotobloc { float: left; width: 37%; } #two_maincolumn_left #detailrightbloc , #two_maincolumn_right #detailrightbloc { float: right; width: 63%; } #two_maincolumn_left div.subtext, #two_maincolumn_right div.subtext { margin-bottom: 20px; float: left; width: 73%; } #two_maincolumn_left p.subtext, #two_maincolumn_right p.subtext { margin-bottom: 20px; } #two_maincolumn_left div.subphotoimg , #two_maincolumn_right div.subphotoimg { float: right; width: 25%; text-align: right; } /* 3カラム用 */ #three_maincolumn div#detailphotobloc { float: left; width: 49%; } #three_maincolumn #detailrightbloc { float: right; width: 50%; } #three_maincolumn div.subtext { margin-bottom: 20px; float: left; width: 63%; } #three_maincolumn p.subtext { margin-bottom: 20px; } #three_maincolumn div.subphotoimg { float: right; width: 35%; text-align: right; } /* 商品情報 各種設定 ----------------------------------------------- */ #detailrightbloc h2 { margin: 0 0 10px 0; padding: 0 0 15px 0; color: #666; background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom ; font-weight: bold; font-size: 160%; } #detailrightbloc .point, #detailrightbloc .relative_cat { margin: 0 0 10px 0; padding: 0 0 10px 0; background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom ; } #detailrightbloc .main_comment { margin-bottom: 20px; float: left;//ここを追加 } /* 商品コード */ #detailrightbloc .product_code dt, #detailrightbloc .product_code dd { display: inline; } /* 商品ステータス */ #detailrightbloc ul.status_icon { margin-bottom: 10px; width: 100%; } #detailrightbloc ul.status_icon li { margin-right: 5px; margin-bottom: 3px; float: left; } /* 通常価格 */ #detailrightbloc .normal_price dt, #detailrightbloc .normal_price dd { display: inline; } /* 販売価格 */ #detailrightbloc .sale_price dt, #detailrightbloc .sale_price dd { display: inline; } /* ポイント */ #detailrightbloc .point dt, #detailrightbloc .point dd { display: inline; } /* 規格 */ #detailrightbloc div.classlist { margin-bottom: 10px; padding-bottom: 10px; width: 100%; background: url("data:image/gif;base64,R0lGODlhBAACAJEAAM7g9P////X19QAAACH5BAAHAP8ALAAAAAAEAAIAAAIEBCQRWAA7") repeat-x bottom ; } #detailrightbloc .classlist { margin-bottom: 5px; } #detailrightbloc ul { margin-bottom: 10px; width: 100%; } #detailrightbloc ul li { vertical-align: top; float: left; } /* メーカー */ #detailrightbloc .maker dt, #detailrightbloc .maker dd { display: inline; } /* メーカーURL */ #detailrightbloc .comment1 dt, #detailrightbloc .comment1 dd { display: inline; } /* 関連カテゴリ */ #detailrightbloc .relative_cat dd { margin-left: 1em; } /* 買い物かご */ #detailrightbloc .cart_area { padding: 10px; background-color: #ecf5ff; border: 1px solid #cef0f4; } #detailrightbloc .quantity dt, #detailrightbloc .quantity dd { display: inline; } #detailrightbloc .cartin { text-align: center; } #detailrightbloc .cartin_btn { text-align: center; } #detailrightbloc .favorite_btn { text-align: center; margin-top: 10px; } /* お客様の声 ----------------------------------------------- */ div#customervoice_area { clear: both; padding: 35px 0 0 0; } div#customervoice_area h2 { margin-bottom: 20px; padding: 6px 0 8px 10px; border-top: solid 1px #f90; background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAApAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGRABAQADAQAAAAAAAAAAAAAAABICBBRT/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQFAgb/xAAdEQEAAgAHAAAAAAAAAAAAAAAAERIBAgMUFVGh/9oADAMBAAIRAxEAPwDS1JNjcAstZuAWXsJAaLWEhfBveOQ/Ha/XuAe4yAdUmP/Z') repeat-x left bottom; } div#customervoice_area .review_bloc { margin-bottom: 20px; padding: 10px; background-color: #f6f6f6; } div#customervoice_area .review_bloc p { padding-top: 3px; margin-right: 10px; float: left; } div#customervoice_area review_bloc .review_btn { float: right; width: 160px; } div#customervoice_area ul li{ padding-bottom: 15px; margin-bottom: 15px; background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom ; } div#customervoice_area .voicetitle { margin-bottom: 5px; color: #333; font-weight: bold; } div#customervoice_area .voicedate { margin-bottom: 10px; } /* 関連商品(商品部分はbloc.cssのおすすめ商品と共通) ----------------------------------------------- */ div#whobought_area { clear: both; padding: 35px 0 0 0; } div#whobought_area h2 { border-top: solid 1px #f90; background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAApAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGRABAQADAQAAAAAAAAAAAAAAABICBBRT/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQFAgb/xAAdEQEAAgAHAAAAAAAAAAAAAAAAERIBAgMUFVGh/9oADAMBAAIRAxEAPwDS1JNjcAstZuAWXsJAaLWEhfBveOQ/Ha/XuAe4yAdUmP/Z') repeat-x left bottom; padding: 5px 0 8px 10px; font-size: 14px; } /* *********************************************** ▼カートの中 /*********************************************** */ /* 現在のカゴの中 ----------------------------------------------- */ div#undercolumn_cart .point_announce { padding: 20px; margin-bottom: 20px; border: solid 1px #ffcc62; background: #fffaf0; font-size: 120%; text-align: center; line-height: 140%; } div#undercolumn_cart .totalmoney_area { margin-bottom: 20px; } div#undercolumn_cart p { margin: 10px 5px; } div#undercolumn ul#quantity_level li { padding: 3px; display: inline; } div#undercolumn .empty { text-align: left; } div.form_area { margin-bottom: 30px; } /* お客様情報入力 ----------------------------------------------- */ div#undercolumn_customer { } .flow_area { margin: 0 0 20px 0; } div#undercolumn_customer th em { color: #000; font-weight: bold; } /* お支払い方法・お届け時間等の指定 ----------------------------------------------- */ div#undercolumn_shopping .pay_area { margin: 0 auto 30px; width: 100%; } div#undercolumn_shopping .pay_area02 { margin: 40px auto 30px auto; } div#undercolumn_shopping .pay_area02 .txtarea { margin: 5px 0 0 0; padding: 2px; border: 1px solid #ccc; width: 99%; height: 150px; } div#undercolumn_shopping .pay_area02 .select-msg { margin-bottom: 10px; } div#undercolumn_shopping .point_area { margin: 40px auto 0 auto; } div#undercolumn_shopping .point_area .point_announce { padding: 20px; border: 1px solid #ccc; } div#undercolumn_shopping .point_area p { margin-bottom: 20px; } div#undercolumn_shopping .point_area .point_announce li { margin-bottom: 5px; } /* お届け先の指定 ----------------------------------------------- */ #address_area { margin-bottom: 10px; width: 100%; } #address_area .information { width: 65%; float: left; } #undercolumn_shopping .information { margin-bottom: 15px; } #address_area .add_multiple { padding: 15px 10px; border: 1px solid #ffcc62; float: right; width: 30%; color: #555; background: #fffaf0; text-align: center; font-weight: bold; } #address_area .add_multiple p { margin-bottom: 10px; } #address_area p.addbtn { font-weight: bold; font-size: 10px; } /* ============================================== ▼検索結果 =============================================== */ p.condition_area { margin: 0 auto; padding: 5px; border: solid 1px #333; width: 566px; } @charset "utf-8"; /************************************************ tables ************************************************ */ /* デフォルトテーブル ----------------------------------------------- */ table { margin: 15px auto 20px auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; border-collapse: collapse; text-align: left; } table th { padding: 8px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #333; background-color: #f0f0f0; font-weight: normal; } table td { padding: 8px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* 見出し ----------------------------------------------- */ div#undercolumn_shopping table th[scope=col] { text-align: center; } div#undercolumn_shopping table.delivname th { width: 155px; } /* MYページ */ div#mycontents_area table th { text-align: left; } div#mycontents_area table th.alignR { text-align: right; } div#mycontents_area table th.alignL { text-align: left; } div#mycontents_area table th.alignC { text-align: center; } div#mycontents_area table th.resulttd { text-align: right; } div#mycontents_area table caption { padding: 8px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; color: #000; background-color: #f0f0f0; text-align: left; font-weight: bold; } /* その他 ----------------------------------------------- */ table select { margin-bottom: 7px; border: solid 1px #ccc; } @charset "utf-8"; /************************************************ ブロック用 ************************************************ */ /*** 目次 *** ▼ブロック共通 リスト タイトル ヘッダー上、フッター下のブロックエリア ▼各機能ブロックの指定 -新着情報 -現在のカゴの中 -カテゴリー -ガイドリンク -ログイン(サイド用) -検索 -カレンダー -おすすめ商品 *メインカラム用 1カラム時 [one_maincolumn] *メインカラム用 2カラム時 [two_maincolumn_left] [two_maincolumn_right] *メインカラム用 3カラム時 [three_maincolumn] *サイドカラム用 [side_column] *商品詳細のオススメ商品 [whobought_area] */ /* ============================================== ブロック共通 /* ============================================= */ #container .bloc_body { background-color: #fff; } .side_column { overflow-x: hidden; /* IE6 表示乱れ防止 */ } .side_column .bloc_outer { margin: 10px 7%; } .side_column .bloc_body , .main_column .bloc_body { border: solid 1px #ccc; border-top: none; } .side_column .bloc_body .box { border: solid 1px #ccc; width: 145px; } .main_column .bloc_outer { margin-bottom: 10px; } /* リスト ----------------------------------------------- */ /* ログイン 検索条件 */ #container .bloc_outer .bloc_body dl.formlist { margin-bottom: 8px; } #container .bloc_outer .bloc_body dl.formlist dd { margin-bottom: 5px; } #container .bloc_outer .bloc_body dl.formlist dt { margin-bottom: 3px; padding-left: 15px; background: url("data:image/gif;base64,R0lGODlhCQAHAJEAADMzM/Dw8PX19QAAACH5BAEHAAIALAAAAAAJAAcAAAINhC6Gepz4FlSOznZPAQA7") no-repeat left; font-size: 90%; } #container .bloc_outer .bloc_body dl.formlist span{ vertical-align: top; } /* タイトル ----------------------------------------------- */ /* タイトルの背景 白 */ #login_area h2 , #search_area h2 , #calender_area h2 , #cart_area h2 , #cart h2 { padding: 5px 0 8px 10px; border-style: solid; border-color: #f90 #ccc #ccc; border-width: 1px 1px 0; background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAhAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAMI/8QAHBAAAQMFAAAAAAAAAAAAAAAAAAMSEwECU5PS/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANTvoAOUAkoBnWZktqfQFwP/2Q==') repeat-x left bottom; font-size: 14px; } #category_area h2 { border-top: solid 1px #f90; background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAhAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAMI/8QAHBAAAQMFAAAAAAAAAAAAAAAAAAMSEwECU5PS/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANTvoAOUAkoBnWZktqfQFwP/2Q==') repeat-x left bottom; padding: 5px 0 8px 10px; font-size: 14px; } #search_area h3 { padding: 1px 0 1px 1px; border-style: solid; border-color: #f90 #ccc #ccc; border-width: 1px 1px 0; background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAhAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAMI/8QAHBAAAQMFAAAAAAAAAAAAAAAAAAMSEwECU5PS/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANTvoAOUAkoBnWZktqfQFwP/2Q==') repeat-x left bottom; font-size: 12px; } /* タイトルの背景 オレンジ */ #recommend_area h2 , #news_area h2 { padding: 5px 0 8px 10px; border-style: solid; border-color: #f90 #ccc #ccc; border-width: 1px 1px 0; background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAhAAEDAREAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAABAMFCP/EABsQAAICAwEAAAAAAAAAAAAAAAASAQMTU5PS/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQFAgb/xAAgEQEAAAMJAAAAAAAAAAAAAAAAARETAgQSFBVRUqHR/9oADAMBAAIRAxEAPwDS7wS8ZqQmQRqCyFcRqDyRpO2rrX6CabeOPcPWcxY3WB1iW//Z') repeat-x left bottom #fef3d8; } /* ============================================== ▼ヘッダー上、フッター下のブロックエリア =============================================== */ div#topcolumn { margin:0px; clear:both; } div#bottomcolumn { margin:0px; clear: both; } /* *********************************************** ▼各機能ブロックの指定 /*********************************************** */ /* =============================================== ▼新着情報 =============================================== */ #news_area .bloc_body { padding: 10px; } #news_area .news_contents { padding-right: 10px; max-height:260px; height: auto !important; height: 260px; overflow:auto; overflow-y:scroll; } #news_area dl.newslist { background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom; } #news_area dl.newslist dt { margin-bottom: 5px; } #news_area dl.newslist dd { margin-bottom: 10px; padding-bottom: 10px; } #news_area dl.end { padding: 10px 0; background: url("") no-repeat bottom; } /* =============================================== ▼現在のカゴの中 =============================================== */ #cart_area .information { padding: 10px; } #cart_area .postage { margin-top: 10px; padding-top: 10px; background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x top; } #cart_area .postage .point_announce { padding: 2px 0 2px 20px; background: url("data:image/gif;base64,R0lGODlhEAAQANUAAOtUBP/udP/VMfWodf/31vvVnP/wvu9zLf/gav/lfP/vrf/nhP/68PrLkf/vk/3nzOxeEvzmxvrLdvB9Of/aSv/xw//73vrStP/YQfKISvjJq//ve//ic+5pIf/wtPrOjP/3z//vov/97vB7JvWpe//2u/vYq//wh//75Pvbtf/kc//XOv/znP/1r//2xPB8L/B+QPaxdv/33v/0tv/bTO5zMf/+9/vWpvrRoPWofP/wm/rRqf/Wrf/tjPX19QAAACH5BAEHAD4ALAAAAAAQABAAAAbNQJ/QZ+BQBAIMxzAcEhKYhYdA8CwwCYITgXAZDC4vmKv1JRC3RgplaacaN07CV8G4CgDIA4WKQAAmIBRFCTMEAwAZIigZACQiIAtGHh4uBAcAFxcANTY2Lh40AgQhLR8xAB0dADkXIlQrow4sLy+YnDAwFiAgKxgKPScSHzgAABoXOwQzMxQJKiEBI7XGMBMTLiUJHHUGAQEsLcaQLjMgGExnJRsBG8YWLTouckIEXAbRASUuCgZkTlBUKOBlIIGzMk2KUFixgkaCCk2CAAA7") no-repeat left top; } #cart_area .btn { padding: 10px 0; background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x top #f7f7e6; text-align: center; } /* =============================================== ▼カテゴリー =============================================== */ #category_area .bloc_body{ background-color: #fffaf0; } #category_area li{ padding-left: 5px; } #category_area li.level1{ border-bottom: solid 1px #ccc; } #category_area li.level1 p{ padding-left: 20px; margin: 7px 3px; } #category_area li.level1 p { background: url("data:image/gif;base64,R0lGODlhCwALALMAAP+ZAP/txf/cj//GAP////+zJP/68P+mAP+yAP/MAP+9AP+tAP/ckf/68AAAAAAAACH5BAEHAA0ALAAAAAALAAsAAAQ8sLVQgC1BNgGOGsMCCBOgJCiqANSCGkZ6VEMKq1b6xol17riCK3FDzQImXQLBajAAi4/icGBoKBYARhIBADs=") 2px 3px no-repeat; } #category_area li.level1 li p { background: url("data:image/gif;base64,R0lGODlhBwAHAIAAAGZmZv/68CH5BAAHAP8ALAAAAAAHAAcAAAIMRI6Gp9u5WAygWlAAADs=") 7px 7px no-repeat; } #category_area li a { display: block; padding: 0; } a.onlink:link { color: #f00; text-decoration: underline; } a.onlink:visited { color: #f00; } a.onlink:hover { color: #f00; } /* =============================================== ▼ガイドリンク =============================================== */ #guide_area { margin-top: 1em; border: none; } #guide_area li{ margin-bottom: 5px; letter-spacing: -0.05em; } ul.button_like li { margin: 0; padding: 0 0 1px 0; background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAmAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQI/8QAGxAAAgEFAAAAAAAAAAAAAAAAABIBAxNTk+P/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A1MwBsATAEwE1+rgjbzA//9k=") bottom repeat-x; } ul.button_like li a { margin: 0; padding: 10px 15px 10px 10px; border: 1px solid; border-bottom: none; border-color: #ccc; display: block; background: url("data:image/gif;base64,R0lGODlhFwAPAKIAAGZmZv////f39+7u7urq6szMzPX19QAAACH5BAEHAAYALAAAAAAXAA8AAANGaKrVvTDCN4u8Rei97V0ZJwreF47dZ5wagJYR247whLpcDQ587/Y8HQM4+BGFBhJxmVEVlkcVg0CtVpGxgpVAkS5IjqY3AQA7") no-repeat right; text-decoration: none; outline: none; } /* =============================================== ▼ログイン(サイド用) ※ヘッダー用はbloc_alpha.css内に記述 =============================================== */ #container div#login_area .bloc_body { padding: 10px; } #container div#login_area .bloc_body p { margin-bottom: 5px; } #container div#login_area .bloc_body .btn { text-align: center; } #container .login_area dl.formlist { margin-bottom: 8px; width: 420px; } #container .login_area dl.formlist dt { margin-bottom: 3px; padding-left: 15px; color: #333; background: url("data:image/gif;base64,R0lGODlhCQAHAJEAADMzM/Dw8PX19QAAACH5BAEHAAIALAAAAAAJAAcAAAINhC6Gepz4FlSOznZPAQA7") no-repeat left; width: 90px; float: left; font-size: 90%; } #container .login_area dl.formlist dd { margin-bottom: 5px; float: right; width: 300px; vertical-align: bottom; text-align: left; } #container div#login_area .bloc_body .mini { margin-top: 5px; letter-spacing: -0.01em; } /* =============================================== ▼検索 =============================================== */ div#search_area .bloc_body { padding: 1px; } div#search_area .bloc_body .btn { text-align: center; } /* =============================================== ▼カレンダー =============================================== */ #calender_area { background-color: transparent; border: none; } #calender_area .bloc_body { padding: 10px 0; background-color: #f1f9fc; } #calender_area table { background: #fff; border: none; width: 150px; margin: 0 auto 5px; font-size: 90%; } #calender_area table td { padding: 1px 3px; border-top: 1px solid #ccc; border-right: none; text-align:center; } #calender_area th { padding: 1px 3px; background: #fff; border: none; text-align: center; } #calender_area table .month { margin-bottom: 5px; padding-left: 12px; background: url("data:image/gif;base64,R0lGODlhCAAEAIAAAJmZmf///yH5BAAHAP8ALAAAAAAIAAQAAAIIhA+Bp5sBIywAOw==") no-repeat left; font-size: 120%; } #calender_area .off { color: #f00; } #calender_area .information { margin-left: 10px; font-size: 90%; } /* =============================================== ▼おすすめ商品 =============================================== */ /* tplファイルのマークアップが同じ項目 メインカラム用 2カラム時 [two_maincolumn_left] [two_maincolumn_right] メインカラム用 3カラム時 [three_maincolumn] サイドカラム用 [side_column] 商品詳細のオススメ商品 [whobought_area] =============================================== */ /* 共通 ----------------------------------------------- */ #recommend_area .bloc_body , #whobought_area .whobought_bloc { margin-bottom: 10px; padding: 10px 0 10px; border: none; background: url("data:image/gif;base64,R0lGODlhBAABAIAAAP///8zMzCH5BAAHAP8ALAAAAAAEAAEAAAIDBBIFADs=") repeat-x bottom; } #recommend_area .bloc_body p , #whobought_area .whobought_bloc p { margin: 0 0 5px 0; } #recommend_area .bloc_body img , #whobought .whobought_bloc img { margin: 0 5px 0 0; } #recommend_area .bloc_body h3 , #whobought_area .whobought_bloc h3 { font-size: 100%; font-weight: normal; } /* サイドカラム用 */ .side_column #recommend_area .product_item { margin-bottom: 10px; } /* 画像 ----------------------------------------------- */ /* メインカラム用 */ .main_column #recommend_area .bloc_body .productImage, #whobought_area .whobought_bloc .productImage { margin-bottom: 10px; float: left; width: 90px; } /* サイドカラム用 */ .side_column #recommend_area .bloc_body .productImage { float: none; text-align: center; width: auto; } /* 左右の振り分け ----------------------------------------------- */ .main_column #recommend_area .product_item, #whobought_area .whobought_bloc .whobought_left { float: left; width: 47.5%; } #whobought_area .whobought_bloc .whobought_right { float: right; width: 47.5%; } /* 商品説明テキスト ----------------------------------------------- */ /* メインカラム用 1カラム時*/ #one_maincolumn #recommend_area .bloc_body .productContents { float: right; width: 74%; } /* メインカラム用 2カラム時*/ #two_maincolumn_right #recommend_area .bloc_body .productContents , #two_maincolumn_left #recommend_area .bloc_body .productContents , #two_maincolumn_right #whobought_area .whobought_bloc .productContents , #two_maincolumn_left #whobought_area .whobought_bloc .productContents { float: right; width: 74%; } /* メインカラム用 3カラム時*/ #three_maincolumn #recommend_area .bloc_body .productContents , #three_maincolumn #whobought_area .whobought_bloc .productContents { float: right; width: 67%; } /* サイドカラム用 */ .side_column #recommend_area .bloc_body .productContents { clear: both; } @charset "utf-8"; /************************************************ インヘッダーブロック ******************************** height: 65px;**************** */ #headerInternalColumn { margin-top: 5px; float: right; width: 520px; height: 65px; } /* ログイン(ヘッダー用) ----------------------------------------------- */ #header_login_area { padding: 0 10px; border: solid 1px #ffc979; height: 40px; background: #fef3d3; letter-spacing: -0.075em; } #header_login_area ul.formlist { margin-top: 5px; } #header_login_area ul.formlist li { float: left; } /* ---padding-left: 28px;width: 155px;-------------------- */ #header_login_area ul.formlist li.mail { padding-left: 28px; background: url("data:image/gif;base64,R0lGODlhGQAPAMQAAOnAAfnwxtvPqFJSUu7ML/+ZALOfP+3ejpWGPvLnxPPgcPr02M6tEePWqerEEfPcUN7SrPHTUOzgvdq2DuvNTbyoSP3mS/ryyuDUru3emJSMQv7z0+nBBfToxvTeefX19SH5BAEHAB8ALAAAAAAZAA8AAAV84Cd+HSYIWDeubNtBmWVlkNreI3QoTaMcGBwuAXlAJJJiTcg6OZ9Opui0uFivVspJKggQAOBw2CEYFQqi8zTgCCMQYkDZjP6ou20AYzBgiOd0aQV4bnB/K2p2aIRgFRVxgImJjAAGBpBcbGETE5hMAh4ccWIRgDhQqFFMIQA7") no-repeat left; font-size: 90%; } /* -- padding-right: 5px;-------------------- */ #header_login_area ul.formlist li.password { padding-right: 5px; font-size: 90%; } #header_login_area ul.formlist li.login_memory { padding-right: 5px; font-size: 90%; } #header_login_area ul.formlist li.forgot{ margin-top: 3px; padding-right: 5px; font-size: 90%; } /* ログイン.btn width: 53px;---------------------------------------- */ #header_login_area ul.formlist li.btn { padding-right: 5px; width: 83px; } #header_login_area p.btn { height: 20px; padding: 5px 0; vertical-align: middle; } #header_login_area p.btn input[type=image] { vertical-align: middle; } /* *********************************************** 追加ブロック ************************************************ */ /* 共通 ----------------------------------------------- */ #container .bloc_outer #banner_area .bloc_body { border: none; } /* 【メイン】バナーエリア_02 ----------------------------------------------- */ .main_column .bloc_outer #banner_area .bloc_body ul { width: 100%; } .main_column .bloc_outer #banner_area .bloc_body ul li { float: left; } .main_column .bloc_outer #banner_area .bloc_body ul li.sub_01{ padding-right: 8px; } /* 【サイド】バナーエリア_01 ----------------------------------------------- */ /* 【サイド】バナーエリア_02 ----------------------------------------------- */ #leftcolumn .bloc_outer #banner_area .bloc_body ul li , #rightcolumn .bloc_outer #banner_area .bloc_body ul li { margin-bottom: 8px; } @charset "utf-8"; /************************************************ ポップアップウィンドウ ************************************************ */ /* 共通 ----------------------------------------------- */ div#windowcolumn { border-top: solid 3px #f90; width: 560px; height: 100%; margin: 15px 15px 0 15px; background: #fff; } div#windowcolumn h2 { margin-bottom: 10px; padding: 8px; border-top: solid 1px #ebeced; color: #f60; background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAApAAEDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwII/8QAGRABAQADAQAAAAAAAAAAAAAAABICBBRT/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQFAgb/xAAdEQEAAgAHAAAAAAAAAAAAAAAAERIBAgMUFVGh/9oADAMBAAIRAxEAPwDS1JNjcAstZuAWXsJAaLWEhfBveOQ/Ha/XuAe4yAdUmP/Z") repeat-x left bottom; background-color: #fef3d8; font-size: 170%; } div#window_area { margin: 15px auto 0 auto; padding-bottom: 20px; width: 540px; min-height:300px; height: auto !important; } div#window_area p.information { margin-bottom: 20px; } div#window_area .message { margin-bottom: 20px; color: #f60; line-height: 150%; font-weight: bold; font-size: 140%; } div#window_area table { width: 540px; } /* お客様の声の書き込み、新しいお届け先の追加・変更 ----------------------------------------------- */ div#window_area #forgot { margin: 0 auto; padding: 20px; width: 440px; border: 1px solid #ccc; text-align: left; } div#window_area #forgot .mailaddres { margin-bottom: 10px; } div#window_area #forgot p { text-align: center; } /* 商品詳細拡大写真、カート拡大写真 ----------------------------------------------- */ div#bigimage, div#cartimage { margin-top: 15px; background-color: #fff; text-align: center; } div#bigimage img, div#cartimage img { padding: 10px; background-color: #fff; } /* 郵便番号検索 ----------------------------------------------- */ div#zipsearchcolumn { margin: 15px auto 0 auto; border-top: 5px solid #ffa85c; border-bottom: 5px solid #ffa85c; width: 460px; background-color: #fff; } div#zipsearchcolumn h2 { margin: 0 0 15px 0; width: 460px; } div#zipsearch_area { margin: 15px auto 0 auto; width: 460px; } div#zipsearchcolumn .btn { margin: 15px 0 30px 0; text-align: center; } div#zipsearch_area #completebox p{ padding: 60px 5px; text-align: center; } @charset "utf-8"; /************************************************ 印刷用 ************************************************ */ @media print { body { zoom: 75%; } }