/************************************************ 共通設定 ************************************************ */ 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%; } } (cache)株式会社若松通商 / products_view
/************************************************ 共通設定 ************************************************ */ 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%; } } 株式会社若松通商(新BIZ 電子部品販売サイト) / product_view_fast
←表紙(大分類)へ戻る


全 104 件
(1/2ページ)
1
 

21090074
50VDC/10000uF
限定販売 Φ90x165mm+15(ネジ)   バンド付き  限定特売中  PWN3 3
ネジ端子型  Nitsuko
2個
¥3150
数量

21090059
TMC AUDIOゴールド


100個
¥0
数量

21090157
450VDC/ 22uF+22uF TMC AUDIO 1pcs
φ35x67mm  TMC AUDIO 
金具付き
ラジ館5階
¥1239
数量

21090067
500VDC/ 50uF+50uF TMC AUDIO 1pcs
φ35x76mm  TMC AUDIO
金具付き
ラジ館5階
¥1575
数量

21090066
500VDC/ 100uF+100uF TMC AUDIO 1pcs
φ35x82mm  TMC AUDIO
金具付き
ラジ館5階
¥1680
数量

21090151
500V/100uFx2 Gold UNICON
複合 直径:35Φ/高さ:110(端子込 118mm)
ラグ端子型(バンド付)
本店1階、3階、ラジ館4階
¥2625
数量

21090152
500V/47uFx2 Gold UNICON
複合 直径:35Φ/高さ:70(端子込 78mm)
ラグ端子型(バンド付)
本店1階、3階、ラジ館4階
¥1575
数量

21090153
500V/100uF Gold UNICON
直径:35Φ/高さ:100(端子込 109mm)
ラグ端子型(バンド付)
YBB-19/1個
1個
¥2205
数量

21090100
 JJ社 電解コンデンサ-


100個
¥0
数量

21090099
560V/100uF+100uF
JJ社 電解コンデンサ- D35xL70mm
入荷
¥2600
数量

21090177
560V/40uF+3x20uF
JJ社 電解コンデンサ- D40xL50mm
入荷
¥3800
数量

21090178
560V/50uF+50uF
JJ社 電解コンデンサ- D35xL50mm
入荷
¥2200
数量

21090179
560V/32uF+32uF
JJ社 電解コンデンサ- D35xL50mm
入荷
¥2200
数量

21090180
560V/350uF
JJ社 電解コンデンサ- D35xL90mm
入荷
¥3600
数量

21090181
560V/200uF
JJ社 電解コンデンサ- D35xL57mm
入荷
¥2400
数量

21090182
560V/50uF
JJ社 電解コンデンサ- D25xL42mm
入荷待ち
¥1400
数量

21090183
560V/100uF
JJ社 電解コンデンサ- D30xL50mm
入荷
¥1800
数量

21090163
500V/47uF ANH47/500
Φ25/高さ:42  定格リップル電流:160mA  高耐圧コンデンサー
JJ社
¥1100
数量

21090164
500V/80uF ANH80/500
Φ25/高さ:42  定格リップル電流:240mA  高耐圧コンデンサー
JJ社
¥1300
数量

21090165
500V/100uF ANH100/500
Φ25/高さ:42  定格リップル電流:300mA  高耐圧コンデンサー
JJ社
¥1400
数量

21090106
500V/40+3x20uF TC549  在庫品限り
複合  高耐圧コンデンサ- JJ社
直径:40/高さ:50  ラグ端子型(バンド付)
400mA
2個
¥3600
数量

21090131
TE050 高耐圧コンデンサー 


100個
¥0
数量

21090161
 JJ社 AXIAL モデル


100個
¥0
数量

21090013
500V/33uF
ALLEARTH 500VAC 33u φ50×H90  SMRW500-330 無極性フイルムコンデンサー
ラグ端子型
7-348:み-020R/1個
¥1980
数量

21090038
250VAC/33uF
Φ40x61mm   無極性フイルムコンデンサー
ラグ端子型
9-261
¥1575
数量

21090194
250ACV/20uF Nichicon EEN2E206HQN615
メタライズドポリプロピレンフィルムコンデンサ  横:58mmX高さ:40mmX奥:26mm 

7-1402/100個:YH-0056H/25個
125個
¥210
数量

21090121
400ACV/4uF HFC-MPP40B405K
高周波 モーター用機器用  横:57mmX高さ:35mmX奥:21mm  

7-1401/115個:YH-0056/11個
126個
¥105
数量

21090053
450V/5600uF   バンド付き Nichicon Φ90x123
バンド付き

YB-G/22個
22個
¥2100
数量

21090125
450V/3300uF φ77x88  nichicon
限定販売

7-1176/11個:7-117/23個
34個
¥1575
数量

21090021
450V/470uF EPCOS/TDK φ35x55mm 105℃
EPCOS/TDK RoHS 詳細参照  限定販売
B43515-A5477M
7-1403/45個:YH-0059/63個
108個
¥420
数量

21090187
450V 390uF   LGU2W391MELC nichicon Φ35x40 105℃ RoHS 1個
詳細参照下さい nichicon
激安特価
7-1368~1389/8.8K個
8600個
1個〜 ¥210
50個〜 ¥178
100個〜¥157
数量

21090020
450V/330uF LGW2W331MELC35 Nichicon φ35x35 GW 105℃ RoHS
詳細参照下さい
nichicon
YH-0055/64個
64個
¥367
数量

21090054
450V/390uF Hitachi HP3 φ35x40 85℃


YH-0060H/9個
9個
¥367
数量

21090134
450V/150uF CB2G1504501 1pcs
ELECTROLYTIC CAPACITORS Φ35/25mm 105℃ ツメ型 

A2004/300個:A2006/300個:A2007/300個:A2009/290個:A2010/300個:A2011/300個:A2012/300個:A2013/300個:A2014/300個:A2015/300個
2990個
1個〜 ¥200
50個〜 ¥147
100個〜¥94
数量

21090135
450V/150uF CB2G1504501 10pcs
ELECTROLYTIC CAPACITORS Φ35/25mm 105℃ ツメ型 

A2004/300個:A2006/300個:A2007/300個:A2009/290個:A2010/300個:A2011/300個:A2012/300個:A2013/300個:A2014/300個:A2015/300個
2990個
¥1470
数量

21090136
450V/150uF CB2G1504501 100pcs
ELECTROLYTIC CAPACITORS Φ35/25mm 105℃ ツメ型 

A2004/300個:A2006/300個:A2007/300個:A2009/290個:A2010/300個:A2011/300個:A2012/300個:A2013/300個:A2014/300個:A2015/300個
2990個
¥9450
数量

21090018
450V/150uF 450V JACKCON
20mmX35mm
ツメ付基板用ブロックコン 105℃
¥672
数量

21090188
450V 390uF   LGU2W391MELC nichicon Φ35x40 105℃ RoHS 10個

nichicon
7-1368~1389/8.8K個
8597個
¥2100
数量

21090090
450V/82uF φ18x35.5 105℃ EKXG451E□□820MMP1S
詳細参照してください    ニッケミ KXG450V82 105℃ φ18x25 新品
φ18x35.5 105℃
ラジ館5階:7-584/380個:7-568/500個:7-567/930個
1810個
1個〜 ¥150
50個〜 ¥126
数量

21090091
450V/82uF φ18x35.5 105℃ EKXG451E□□820MMP1S
詳細参照してください    ニッケミ KXG450V82 105℃ φ18x25 新品
φ18x35.5 105℃
ラジ館5階:7-584/380個:7-568/500個:7-567/930個
1810個
¥1260
数量

21090193
450V/82uF φ22x25 105℃ ELX451VSN820MP15S RoHS
ニッケミ 詳細参照下さい

7-1401/190個:YH-0055/121個
311個
¥157
数量

21090016
450V/68uF     1pcs
22mmX32mm
ツメ付基板用ブロックコン 105℃
¥399
数量

21090146
450V/47uF     1pcs
Rubycon  外形:20Φx25mm ツメ付基板用ブロックコン MXR CE105℃

7-766/120個:7-651/200個:7-652/170個:み-015/100個
590個
1個〜 ¥231
50個〜 ¥178
数量

21090172
450V/47uF   10pcs
Rubycon  外形:20Φx25mm ツメ付基板用ブロックコン MXR CE105℃

7-766/120個:7-651/200個:7-652/170個:み-015/100個
590個
¥1785
数量

21090015
450V/47uF     STONE
22mmX27mm
ツメ付基板用ブロックコン 105℃
7-242
51個
¥210
数量

21090189
400V/12000uF ニッケミ  Φ89x170 85℃ ERWF401LGC123MFH0H
ニッケミ  Φ89x170 85℃ ERWF401LGC123MFH0H
新品
YH-G/59個
59個
¥2625
数量

21090190
400V 3900uF ニッケミ   Φ63.5x130 85℃ ERWF401LGC392MDD0H
Φ63.5x130 85℃ ERWF401LGC392MDD0H
新品
YH-G
80個
¥2100
数量

21090014
400V/2700u   ニッケミ ELXR401LGC272MDB5M
バンド付き Nichicon ELXR401LGC272MDB5M 105℃ φ64x116 新品同様
 リサイクル品
Y3F/15個
15個
¥1575
数量

21090029
400V/1900uF   Nichicon ELXR401LGC192M
Nichicon ELXR401LGC192M 105℃ φ50x116   バンド付き 
 リサイクル品
4F/No27
10個
¥1365
数量

21090175
400V/1800uF CEGW
ニッケミ CEGW φ75x100
 リサイクル品
ラジ館5階
46個
¥1155
数量

21090176
400V/1500uF CEGW
ニッケミ CEGW φ64x120   バンド付き
 リサイクル品
ラジ館5階
16個
¥1050
数量

21090082
400V/680uF nichicon Φ35x58L
nichicon Φ35x58L

7-594/285個
285個
¥441
数量

21090196
400V/560uF 400MXG561M 105℃ φ30x50 Rubycon
400MXG561M 105℃ φ30x50 Rubycon

7-670/174個
174個
¥525
数量

21090087
400V/470uF Hitachi HP3 φ35x37


7-785/26個
26個
¥420
数量

21090031
400V/470uF KMH401LIN471MA50N Φ35x50
KMH401LIN471MA50N Φ35x50
ニッケミ
7-1403/30個:YBB-2/17個
47個
¥441
数量

21090197
400V/470uF ELXS401VSN471MA35S φ35x35 105℃ ニッケミ


7-1403/101個:YH-0058/99個
200個
¥430
数量

21090088
400V/330uF
詳細参照してください   Nichicon GU 105℃ φ25x50 新品
LGU2G331MELA
ラジ館5階/20個:YH-B1/90個
110個
¥399
数量

21090089
本日の特価  400V/330uF LXH 400VSSN330M  φ30x45mm 105℃
詳細参照してください   Nichicon GU 105℃ φ25x50 新品
RoSH ニッケミ
7-1402/52個:YH-0055/23個
75個
¥367
数量

21090035
400V/220uF EKMM401VSN221MQ40S 1pcs
EKMMタイプ 外形: 25.4mmX40mm    ニッケミ
ツメ付基板用ブロックコン
正MIKASA
¥462
数量

21090198
400V/220uF HC105℃ φ25x35 ツメ端子
HC105℃ φ25x35 ツメ端子

7-655/200個
200個
¥315
数量

21090057
400V/180uF KMR401VSN181MP-30S 1pcs
22φx32mm 105℃  ニッケミ

ラジ館5階:9-289/56個
56個
¥400
数量

21090034
400V/180uF KMR400VSSN180M ニッケミ φ22x30
KMR400VSSN180M ニッケミ φ22x30

7-704/400個
400個
¥380
数量

21090001
400V/120uF Rubycon USR 1pcs
Rubycon USR 85℃ Φ20x35
ツメ付基板用ブロックコン
ラジ館5階
198個
¥315
数量

21090003
400V/120uF Rubycon USR 1pcs
Rubycon SUG 85℃ Φ22x25
ツメ付基板用ブロックコン
ラジ館5階
¥315
数量

21090007
400V/120uF Rubycon MXR 1pcs
Rubycon MXR 105℃ Φ20x40
ツメ付基板用ブロックコン
ラジ館5階
¥315
数量

21090004
400V/82uF φ18x25 105℃ nichicon UCS2G820M
Nichicon 18x25

7-657/100個
100個
¥150
数量

21090006
400V/100uF 400MXG100M φ22x26 105℃ Pb FREE  Rubycon
400MXG100M φ22x26 105℃ Pb FREE  Rubycon
ブロックコン
ラジ館5階:7-669/380個
380個
¥262
数量

21090097
本日の特価 400V/82uF ニチコン UCS2G820MHD6 1pcs
詳細参照してください
φ18x25 105℃ nichicon
ラジ館5階:7-584/900個:7-657/150個
1050個
1個〜 ¥150
50個〜 ¥126
数量

21090098
本日の特価 400V/82uF ニチコン UCS2G820MHD6 10pcs
詳細参照してください
φ18x25 105℃ nichicon
ラジ館5階:7-584/900個:7-657/150個
1050個
¥1260
数量

21090186
390V/450uF Φ35x40 Hitachi
Φ35x40 Hitachi

YH-0047H
18個
¥480
数量

21090203
350V 6800uF HITACHI
φ77h x 156 ネジ端子型 バンドつき

YBB-19/2個
2個
¥1890
数量

21090201
350V 6800uF ELXR351LG682M
ニッケミ LX バンドつき

7-1081/2個
2個
¥1890
数量

21090191
350V/3300uF 350LGSN3300
ニッケミ Φ77xh121 ネジ端子 85℃ バンド付き

7-1077/9個:7-1078/9個
18個
¥1890
数量

21090033
350V/3300uF ELXR351LGC332MDB5M
ニッケミ ELXR351LGC332MDB5M 105℃ φ63.5x115 バンド付き
リサイクル品
YB/4個
4個
¥1365
数量

21090036
350VDC/400uF
無極性 バンド付き Hitachi ネジ端子 Φ52x130

YBB-15/9個
9個
¥1260
数量

21090026
350V/33uF Rubycon 1pcs
25.5mmX25.5mm MXP
ツメ付基板用ブロックコン 105℃
9-284/110個:7-256/YUKI:YH-0061H/39個:7-648/180個
329個
1個〜 ¥189
50個〜 ¥157
数量

21090027
350V/33uF Rubycon 10pcs
25.5mmX25.5mm MXP
ツメ付基板用ブロックコン 105℃
9-284/110個:7-256/YUKI:YH-0061H/39個:7-648/180個
329個
¥1575
数量

21090092
本日の特価 330V/1100UF 1pcs
Rubycon  CE  PHOTO φ35x50 拡大詳細参照
ラグ端子型  7-853/90個
ラジ館5階:7-854/80個
80個
¥630
数量

21090148
250V/470uF 1pcs
Hitachi 105℃  25ΦxH:45mm

ラジ館5階:YH-0060H/85:7-921/200個:7-922/200個:7-923/200個
685個
1個〜 ¥420
50個〜 ¥367
数量

21090096
250V/470uF 10pcs
Hitachi 105℃  25Φ H:45mm

ラジ館5階:YH-0060H/85:7-921/200個:7-922/200個:7-923/200個
685個
¥3675
数量

21090122
250V/470uF MIEC φ25x46 105℃


YH-0060H/5個
5個
¥420
数量

21090005
250V/330uF KMH250LGSN330M 1pcs
250V/330uF  KMH250LGSN330M    25.5Φ 高さ:30.5mm
ツメ付基板用ブロックコン
¥525
数量

21090024
250V/330uF Rubycon 1pcs
22mmX35.5mm
ツメ付基板用ブロックコン  85℃
7-256/190個:YUKI
¥294
数量

21090025
250V/330uF Rubycon 10pcs
22mmX35.5mm
ツメ付基板用ブロックコン  85℃
7-256/190個:YUKI
¥1680
数量

21090069
250V/330uF 1pcs
KMMタイプ  Φ25x30  ニッケミ
ツメ付基板用ブロックコン 105℃
ラジ館5階
¥250
数量

21090022
250V/220uF Rubycon 1pcs
22mmX30.5mm
ツメ付基板用ブロックコン  85℃
7-654/140個:7-647/80個
220個
1個〜 ¥262
50個〜 ¥189
数量

21090023
250V/220uF Rubycon 10pcs
22mmX30.5mm
ツメ付基板用ブロックコン  85℃
7-654/140個:7-647/80個
220個
¥1890
数量

21090085
250V/200uF nichicon
LJP2E201MACAAS Φ36x81mm JP(M) 85℃
限定特売中
7-386/8個:7-924/50個:7-925/50個:7-926/50個:7-927/50個:7-1402/32個:YH-0057H/15個
255個
1個〜 ¥262
50個〜 ¥241
数量

21090086
200V 1000uF  LGU2D102MELC nichicon Φ35x30 105℃ RoHS
詳細参照下さい

7-1390/330個:7-1391/400個
730個
¥315
数量

21090009
200V 680uF Panasonic 1pcs
200V/680uF  Φ22x40mm ツメ付基板用ブロックコン HC105℃ 

ラジ館5階:A-1961/600個
600個
¥262
数量

21090166
200V 680uF Panasonic 10pcs
200V/680uF  Φ22x40mm ツメ付基板用ブロックコン

ラジ館5階:A-1961/600個
600個
¥2310
数量

21090010
200V/560uF DUFM200V-561uF
200V/561uF
ツメ付基板用ブロックコン
¥367
数量

21090040
200V/470uF KEMM201VSN471MP35S
ニッケミ KEMM201VSN471MP35S 22ΦX35mm ツメ付基板用ブロックコン
写真はイメージです
¥378
数量

21090095
200V/470uF marcon DWF-M φ22x35 85℃


YH-0060H/17個
17個
¥262
数量

21090123
200V/330uF Rubycon MXR φ25x25 105℃
Rubycon MXR φ25x25 105℃

YH-0060H/7個
7個
¥210
数量

21090171
200V/220uF HITACHI  1個
Hitachi 105℃  22φx24.5
200V/220uF HITACHI 105℃  22φx24.5
9-180/163個:9-246:7-648/350個
513個
1個〜 ¥157
50個〜 ¥126
数量

21090199
200V/220uF HITACHI  10個
Hitachi 105℃  22φx24.5
200V/220uF HITACHI 105℃  22φx24.5
9-180/163個:9-246:7-648/350個
513個
¥1260
数量

21090124
180V/470uF marcon CEFHW φ35x30 85℃


YH-0060H/25個
25個
¥157
数量

21090048
160V/330uF nichicon UCS2C331MHD 1pcs
18ΦX31mm  限定品 リード端子

Y-OO:7-68/120個
100個
1個〜 ¥84
50個〜 ¥63
100個〜¥52
数量

21090049
160V/330uF nichicon UCS2C331MHD 10pcs
18ΦX31mm  限定品 リード端子

Y-OO:7-68/120個
100個
¥630
数量

全 104 件
(1/2ページ)
1
 


←表紙(大分類)へ戻る