html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
body {
font-family:
"メイリオ", Meiryo,
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
Osaka,
"ＭＳ Ｐゴシック", "MS PGothic",
sans-serif;
font-size:small;
font-weight:normal;
font-style:normal;
background:#fff;
color:#333;
margin:0 auto;
background:#fff url(http://www.kumate.jp/shop/item/kumate/design/img02/bg.jpg) top left repeat-x;
}
select,
input,
button,
textarea {
font:100% "メイリオ", Meiryo,"MS Pゴシック",Arial,sans-serif ;
}
table {
font-size:inherit;
font:100%;
}
textarea {
font-size: 100%;
}
hr{
display:none;
margin:0;
padding:0;
}
.clearfix{
overflow: hidden;
}
/*IE 6 に適用*/
* html .clearfix{
zoom: 1;
}
/*IE 7の「haLayout」問題を解決*/
*:first-child+html*{
letter-spacing: 0;
}
/*Firefoxで横スクロールバーが表示されない問題を解決*/
html{
overflow: scroll;
overflow: -moz-scrollbars-verticlal;/*Firefoxが先行実装している値*/
overflow-x:scroll;/*問題を回避*/
}
/*IE 7 に対するフォントの種類*/
*:first-child+html* {
font-family:
"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic",
sans-serif;
font:x-small;
}
/*IE 6 に対するフォントの種類*/
* html * {
font-family:
"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic",
sans-serif;
font:x-small;
}
html{
overflow-y: scroll;
overflow-x: hidden;
}
.clear{
clear:both;
}
a{
color:#F7931E;
text-decoration:underline;
outline: none;
}
a:hover{
text-decoration:none;
}
/*コンテンツ************************************************/
/*全体*/
div#wrapper{
background:#fff top left repeat-x;
height:auto;
margin:0px auto;
}
div#contWrap{
background:#fff;
width:900px;
height:auto;
margin:0px auto;
}
.floatLeft{
float:left;
}
/*ヘッダー***************************************************/
div#header{
background: url(http://www.kumate.jp/shop/item/kumate/design/img02/bg_header.jpg) top left no-repeat;
border-top:3px solid #603813;
width:900px;
height:auto;
margin:0px auto;
overflow:hidden;
}
h1#logo{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/logo.jpg) top left no-repeat;
width:286px;
height:50px;
font-size:1px;
text-indent:-9999px;
margin:5px 0 0 0;
float:left;
}
div#header h2{
color:#9b7753;
float:left;
white-space:nowrap;
}
/*上部ヘルプボタン*/
div#headerWrap{
width:754px;
height:auto;
margin:0 auto;
padding-top:5px;
margin-left:146px;
overflow:hidden;
}
#headerWrap ul{
margin:0 auto;
}
#headerWrap li{
float:right;
font-size:75%;
}
#headerWrap a{
display:block;
height:auto;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/arrow.jpg) center left no-repeat ;
text-decoration:underline;
color:#603818;
margin-right:1em;
padding-left:1.2em;
line-height:130%;
}
a.top{
display:block;
height:auto;
background:url(http://www.kumate.jp/img/qa/top.jpg) center left no-repeat ;
text-decoration:underline;
color:#603818;
margin-right:1em;
padding-left:1.2em;
line-height:130%;
float:right;
}
* html #headerWrap a{
line-height:120%;
padding-top:3px;
}
div#headerWrap a:hover{
text-decoration:underline;
color:#603818;
}
div#headerRight{
width:260px;
height:55px;
margin:0 auto;
float:right;
}
p#tel{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/tel.gif) 0 3px no-repeat;
width:232px;
height:31px;
font-size:1px;
text-indent:-9999px;
margin:0 auto;
}
p#time{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/time.gif) 0 0px no-repeat;
width:232px;
height:21px;
font-size:1px;
text-indent:-9999px;
margin:0 auto;
}
div#shippingWrap{
width:748px;
height:22px;
margin:0 0 0 146px;
padding-top:8px;
clear:both;
overflow:hidden;
border-top:1px solid #603818;
}
div#shippingWrap h3{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/read_header.gif) top left no-repeat;
width:363px;
height:18px;
font-size:1px;
text-indent:-9999px;
float:left;
line-height:100%;
}
a#arrow {
height:auto;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/arrow.jpg) center left no-repeat ;
text-decoration:underline;
color:#603818;
margin:10px 0 10px 20px;
padding:1.2em 0 1.2em 1.2em;
line-height:130%;
}
/*グローバルナビ***************************************************/
div#navi{
display:block;
position:relative;
width:900px;
height:40px;
margin:0 auto;
clear:both;
padding-left:6px;
}
#navi li{
float:left;
}
#navi01 a{
display:block;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/navi01.jpg) top left no-repeat ;
width:112px;
height:40px;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}
#navi02 a{
display:block;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/navi02.jpg) top left no-repeat ;
width:111px;
height:40px;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}
#navi03 a{
display:block;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/navi03.jpg) top left no-repeat ;
width:111px;
height:40px;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}
#navi04 a{
display:block;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/navi04.jpg) top left no-repeat ;
width:110px;
height:40px;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}
#navi05 a{
display:block;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/navi05.jpg) top left no-repeat ;
width:111px;
height:40px;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}
#navi06 a{
display:block;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/navi06.jpg) top left no-repeat ;
width:111px;
height:40px;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}
#navi07 a{
display:block;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/navi07.jpg) top left no-repeat ;
width:111px;
height:40px;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}
#navi08 a{
display:block;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/navi08.jpg) top left no-repeat ;
width:111px;
height:40px;
text-indent:-9999px;
font-size:1px;
text-decoration:none;
}
#navi01 a:hover,
#navi02 a:hover,
#navi03 a:hover,
#navi04 a:hover,
#navi05 a:hover,
#navi06 a:hover,
#navi07 a:hover{
background-position: 0 -40px ;
}
/*フッター************************************************/
div#footerLink{
width:900px;
margin:0 auto;
clear:both;
padding-bottom:10px;
}
div#footerLink p{
text-align:center;
}
div#footerLink p a{
padding:0 5px;
}
div#footerWrap{
background:#f7931e url(http://www.kumate.jp/shop/item/kumate/design/img02/bg_footer.jpg) top left repeat-x ;
width:900px;
height:auto;
margin:0 auto;
padding:6px 0;
}
div#footerWrap address{
color:#fff;
text-align:center;
font-size:85%;
clear:both;
}
/*左カラム***************************************************/
div#leftWrap{
width:200px;
height:auto;
float:left;
padding-top:10px;
}
/*枠線なし*/
div.columnWrap{
width:200px;
margin:0 auto;
text-align:center;
margin-bottom:10px;
}
/*枠線あり*/
.columnWrap01{
border:1px solid #c69c6d;
width:198px;
height:auto;
margin-bottom:10px;
}
/*業務用*/
div#gyomu{
border:1px solid #c69c6d;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/bg_gyomu.jpg) top left no-repeat;
width:198px;
height:106px;
padding:2px 0 0 0px;
margin-bottom:10px;
}
div#gyomuWrap{
width:129px;
height:98px;
float:left;
padding-left:6px;
}
div#gyomuWrap p{
margin-top:2px;
}
/*カテゴリメニュー*/
h2#category01{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/category01.jpg) top left no-repeat;
width:200px;
height:32px;
font-size:1px;
text-indent:-9999px;
}
h2#category02{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/category02.jpg) top left no-repeat;
width:200px;
height:32px;
font-size:1px;
text-indent:-9999px;
}
h2#category03{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/category03.jpg) top left no-repeat;
width:200px;
height:32px;
font-size:1px;
text-indent:-9999px;
}
h2#category04{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/category04.jpg) top left no-repeat;
width:200px;
height:32px;
font-size:1px;
text-indent:-9999px;
}
ul.categoryWrap{
background:#fff5db;
width:190px;
height:auto;
padding:5px 5px;
margin-bottom:10px;
}
*html ul.categoryWrap{
padding:5px 5px 0px 5px;
}
ul.categoryWrap li{
font-size:85%;
}
ul.categoryWrap a,
ul.linkWrap a{
display:block;
height:auto;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/arrow.jpg) center left no-repeat ;
text-decoration:underline;
padding-left:1.2em;
line-height:170%;
color:#603813;
}
ul.categoryWrap a:hover,
ul.linkWrap a:hover{
text-decoration:none;
}
strong{
font-weight:bold;
color:#F15A24;
}
/*中央カラム***************************************************/
ul#pan{
width:470px;
height:20px;
padding:0 0 10px;
}
ul#pan li{
font-size:90%;
display:block;
height:auto;
line-height:200%;
}
div#centerWrap{
width:480px;
height:auto;
float:left;
padding:10px 0 0 10px;
}
div#centerWrapsub{
width:680px;
height:auto;
float:left;
padding:10px 0 50px 10px;
}
/*新着情報*/
h2#news{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/h2_news.jpg) top left no-repeat;
width:480px;
height:30px;
font-size:1px;
text-indent:-9999px;
}
ul#newsWrap{
width:470px;
margin:5px;
}
ul#newsWrap li{
font-size:90%;
display:block;
height:auto;
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/arrow.jpg) center left no-repeat ;
padding-left:1.2em;
line-height:200%;
}
ul#newsWrap a{
text-decoration:underline;
padding-left:5px;
}
ul#newsWrap a:hover{
text-decoration:none;
}
/*枠線あり*/
div.columnWrap02{
border:1px solid #c69c6d;
width:478px;
height:100%;
}
/*お客様の声*/
div#voiceWrap{
width:480px;
height:228px;
margin-top:5px;
clear:both;
}
h2#voiceH2{
width:101px;
height:228px;
float:left;
}
p#voiceRead{
width:379px;
height:42px;
float:left;
}
div#voiceFrame{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/bg_voice.jpg) center left repeat-x ;
width:379px;
height:186px;
float:left;
}
div#voiceFrame iframe{
border:0px solid;
}
dl#voiceDl{
width:339px;
padding:10px;
font-size:90%;
}
dl#voiceDl dt{
width:339px;
color:#603813;
border-bottom:1px solid #603813;
padding-bottom:3px;
margin-bottom:3px;
font-weight:bold;
}
dl#voiceDl dd{
color:#333;
margin-bottom:15px;
}
body.iframeWrap{
background-color: transparent;
}
/*ギフト*/
h2#giftH2{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/h2_gift.jpg) top left no-repeat;
width:480px;
height:30px;
font-size:1px;
text-indent:-9999px;
margin-top:10px;
clear:both;
}
div#giftWrap{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/bg_gift.jpg) top left repeat-y;
width:480px;
height:auto;
overflow:hidden;
}
div.giftColumn{
width:160px;
height:auto;
float:left;
}
div.gifColumnWrap{
margin-top:5px;
width:160px;
height:80px;
}
div.gifColumnWrap p{
font-size:85%;
line-height:110%;
padding:5px 5px 0px 5px;
}
img.giftImg{
margin:0px 7px 5px 7px;
}
dl.price dt{
text-align:center;
font-size:100%;
line-height:120%;
}
dl.price dd{
text-align:center;
font-size:120%;
color:#c1272d;
font-weight:bold;
}
/*店長メッセージ*/
h2#messageH2{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/h2_message.jpg) top left no-repeat;
width:480px;
height:31px;
font-size:1px;
text-indent:-9999px;
margin-top:10px;
clear:both;
}
p.mes{
color:#603813;
font:95%;
padding:5px 0;
}
div#mesWrap{
background:#fff5e6;
width:480px;
height:185px;
}
div#message p.date{
color:#603813;
font-weight:bold;
border-bottom:1px solid #603813;
}
div#message p.redtext{
color:#F15A24;
font-weight:bold;
}
div#message p{
color:#603813;
padding:5px;
font-size:90%;
}
/*静的HTML共通*/
h2#title{
background:url(http://www.kumate.jp/img/company/title.jpg) top left repeat-x;
width:680px;
height:45px;
font-size:17px;
color:#764C24;
font-weight:bold;
letter-spacing: 0.2em;
text-indent:10px;
clear:both;
padding-top:10px;
}
p.titleMenue{
padding:10px 0;
}
p.subtitle{
padding:15px 0 5px 0;
}
/*会社概要*/
div#detail_message{
padding:10px 0;
height:125px;
}
div#detail_contact{
padding:10px 0;
height:300px;
}
div#detail_message div.ownerMessage{
color:#764C24;
}
div#detail_message div.ownerMessage div.word{
}
div#detail_message div.word{
}
div#detail_message div.ownerImg{
float:left;
height:125px;
padding-right:20px;
}
div#detail_message p.from{
float:right;
}
hr.head{
border: 1px #764C24 solid;
display:block;
}
div#detail_contact table{
width:500px;
height:250px;
border: 1px #D5C6B3 solid;
}
div#detail_contact div.contactImg{
float:right;
padding-top:75px;
}
div#detail_contact table tr{
height:20px;
}
div#detail_contact table tr th{
background:url() top left #EBDBCC;
border: 1px #D5C6B3 solid;
padding:5px;
width:35%;
color:#764C24;
}
div#detail_contact table tr td{
background:url() top left #fff;
border: 1px #D5C6B3 solid;
padding:5px;
color:#764C24;
}
div#detail_company{
padding-top:20px;
padding-bottom:20px;
}
div#detail_company table{
height:250px;
border: 0px #D5C6B3 solid;
width:75%;
}
div#detail_company div.historyImg{
float:left;
width:25%;
}
div#detail_company table tr{
height:20px;
}
div#detail_company table tr th{
background:url() top left #fff;
border-bottom: 1px #D5C6B3 solid;
padding:5px;
width:20%;
font-weight:bold;
color:#764C24;
}
div#detail_company table tr td{
background:url() top left #fff;
border-bottom: 1px #D5C6B3 solid;
padding:5px;
color:#764C24;
}
div#detail_history ul{
}
div#detail_history ul li{
background:url(http://www.kumate.jp/img/company/medal.jpg) top left no-repeat;
color:#764C24;
height:26px;
margin:10px 20px;
padding:5px 35px 0;
}
/*購入ガイド*/
div#delivMessage{
}
div.delivMessage div.word{
float:right;
width:75%;
color:#764C24;
height:auto;
margin-bottom:20px;
}
span.red{
color:#EF1203;
font-weight:bold;
}
span.bold{
color:#764C24;
font-weight:bold;
}
div#detail_deliv{
padding-top:20px;
padding-bottom:20px;
height:auto;
}
div#detail_deliv div.deliv_01{
height:auto;
}
div#detail_deliv div.deliv_02{
height:auto;
}
div#detail_deliv div.deliv_03{
height:auto;
}
div#detail_deliv div.delivTitle{
float:left;
width:25%;
color:#F15A25;
font-weight:bold;
}
div#detail_deliv table{
width:500px;
height:240px;
border: 1px #D5C6B3 solid;
}
div#detail_deliv div.contactImg{
float:right;
padding-top:75px;
}
div#detail_deliv table tr{
height:20px;
}
div#detail_deliv table tr th{
background:url() top left #EBDBCC;
border: 1px #D5C6B3 solid;
padding:5px;
width:35%;
color:#764C24;
}
div#detail_deliv table tr td{
background:url() top left #fff;
border: 1px #D5C6B3 solid;
padding:5px;
color:#764C24;
}
div#detail_deliv div.deliv_03 div.delivTable{
padding-top:20px;
float:right;
}
div#detail_payment{
padding-top:20px;
height:auto;
}
div#detail_payment div.deliv_01{
height:400px;
height:auto;
clear:both;
}
div#detail_payment div.deliv_02{
height:auto;
clear:both;
}
div#detail_payment div.deliv_03{
height:auto;
}
div#detail_payment div.deliv_04{
height:auto;
}
div#detail_payment div.deliv_05{
height:auto;
}
div#detail_payment div.delivTitle{
float:left;
width:25%;
color:#F15A25;
font-weight:bold;
}
div#detail_payment div.paymentImg{
float:right;
width:510px;
}
div#detail_payment div.bikou{
float:left;
width:510px;
padding-bottom:10px;
}
div#detail_tax{
padding-top:20px;
height:auto;
}
div#detail_tax div.deliv_01{
height:auto;
}
div#detail_tax div.deliv_02{
height:auto;
}
div#detail_tax div.deliv_03{
height:auto;
}
div#detail_return{
padding-top:20px;
height:auto;
}
div#detail_return div.deliv_01{
height:auto;
}
div#detail_return div.deliv_02{
height:auto;
margin-bottom:100px;
}
/*定期コース*/
div#regularCartTitle{
width:680px;
padding-top:20px;
}
div#regularCartTitle div.regularTitle{
float:left;
text-align:center;
width:340px;
}
div#regularCartImg{
width:680x;
}
div#regularCartImg div.regularImg{
float:left;
width:340px;
text-align:center;
}
div#regularCartPrice{
text-align:center;
width:680x;
}
div#regularCartPrice div.regularPrice{
float:left;
width:340px;
text-align:center;
font-size:14px;
color:#EB1C24;
font-weight:bold;
}
div#regularCartButton{
text-align:center;
width:680x;
}
div#regularCartButton div.regularButton{
float:left;
width:340px;
text-align:center;
padding:5px 0;
}
/*よくあるご質問*/
hr.dotted{
border-top: 0px dotted #ccc;
border-left: 0px dotted #ccc;
border-right: 0px dotted #ccc;
border-bottom: 3px dotted #D4B48E;
display:block;
width:100%;
clear:both;
margin:20px 0;
}
p.question{
background:url(http://www.kumate.jp/img/qa/question.jpg) center left no-repeat ;
padding-left:10px;
height:19px;
padding:5px 0 0 20px;
margin-left:10px;
font-weight:bold;
color:#764C24;
}
p.qa_question{
background:url(http://www.kumate.jp/img/qa/question.jpg) center left no-repeat ;
padding-left:10px;
height:19px;
padding:5px 0 0 20px;
margin-left:10px;
margin-top:20px;
font-weight:bold;
color:#764C24;
}
p.qa_answer{
background:url() center left no-repeat ;
padding-left:10px;
padding:5px 0 0 20px;
margin-left:10px;
color:#764C24;
}
div.line{
padding:5px 0;
}
div#detail_qa_subtitle{
width:680px;
height:auto;
}
div#detail_qa_subtitle div.title{
float:left;
width:30%;
height:100%;
color:#764C24;
}
div#detail_qa_subtitle div.detail{
float:left;
width:70%;
color:#764C24;
padding-bottom:10px;
}
div#detail_qa_subtitle div.pack{
width:680px;
padding-top:10px;
}
div#detail_qa_deliv{
width:680px;
}
div#detail_qa_deliv div.deliv_01{
height:50px;
padding-top:10px;
}
div#detail_qa_deliv div.deliv_02{
height:100px;
padding-top:10px;
}
div#detail_qa_deliv p.detail{
background:url(http://www.kumate.jp/img/qa/qa_detail.jpg) center left no-repeat ;
padding-left:10px;
padding-bottom:10px;
height:19px;
margin:5px 0 0 30px;
font-weight:bold;
}
div#detail_qa_deliv div.deliv_01 div.col{
padding:0 0 20px 0;
}
div#detail_qa_order{
width:680px;
height:auto;
}
div#detail_qa_order div.order_01{
height:100px;
padding-top:10px;
}
div#detail_qa_order div.order_02{
height:300px;
padding-top:10px;
}
div#detail_qa_order table{
border: 1px #D5C6B3 solid;
}
div#detail_qa_order table tr td table.inner{
background:url() top left #EBDBCC;
border: 0px #fff solid;
width:100%;
color:#764C24;
}
div#detail_qa_order table tr td table.inner tr td{
border-top: 0px #D5C6B3 solid;
border-left: 0px #D5C6B3 solid;
border-right: 0px #D5C6B3 solid;
border-bottom: 1px #D5C6B3 solid;
color:#764C24;
}
div#detail_qa_order table tr{
height:20px;
}
div#detail_qa_order table tr th{
background:url() top left #EBDBCC;
border: 1px #D5C6B3 solid;
padding:5px;
width:25%;
color:#764C24;
}
div#detail_qa_order table tr td{
background:url() top left #fff;
border: 1px #D5C6B3 solid;
padding:10px;
color:#764C24;
}
div#detail_qa_order table tr td.no_padding{
background:url() top left #fff;
border-top: 1px #D5C6B3 solid;
border-left: 1px #D5C6B3 solid;
border-right: 1px #D5C6B3 solid;
border-bottom: 0px #D5C6B3 solid;
color:#764C24;
padding:0px;
}
div#detail_qa_order table tr td table tr td.border_01{
background:url() top left #fff;
border-top: 0px #D5C6B3 solid;
border-left: 0px #D5C6B3 solid;
border-right: 1px #D5C6B3 solid;
border-bottom: 1px #D5C6B3 solid;
color:#764C24;
text-align:center;
width:50%;
}
div#detail_qa_order table tr td table tr td.border_02{
background:url() top left #fff;
border-top: 0px #D5C6B3 solid;
border-left: 0px #D5C6B3 solid;
border-right: 1px #D5C6B3 solid;
border-bottom: 0px #D5C6B3 solid;
color:#764C24;
text-align:center;
}
div#detail_qa_order table tr td table tr td.border_03{
background:url() top left #fff;
border: 0px #D5C6B3 solid;
color:#764C24;
text-align:center;
}
div#detail_qa_order table tr td table tr td.border_04{
background:url() top left #fff;
border-top: 0px #D5C6B3 solid;
border-left: 0px #D5C6B3 solid;
border-right: 0px #D5C6B3 solid;
border-bottom: 1px #D5C6B3 solid;
color:#764C24;
text-align:center;
}
div#detail_qa_order div.order_table{
background:url() center left no-repeat ;
padding-left:10px;
padding:5px 0 0 20px;
margin-left:10px;
}
div#detail_qa_safety{
width:680px;
height:600px;
}
div#detail_qa_safety div.safety_01{
height:300px;
padding-top:10px;
}
div#detail_qa_safety div.safety_02{
height:300px;
padding-top:10px;
}
div#detail_qa_present{
width:680px;
height:100px;
}
div#detail_qa_present div.present_01{
height:100px;
padding-top:10px;
}
div#detail_qa_honey{
width:680px;
height:450px;
}
div#detail_qa_honey div.hoeny_01{
height:450px;
padding-top:10px;
}
div#detail_qa_buy{
width:680px;
height:500px;
}
div#detail_qa_buy div.buy_01{
height:150px;
padding-top:10px;
}
div#detail_qa_buy div.buy_02{
height:350px;
padding-top:10px;
}
/*詳細 飲める酢*/
div#vinegar_text {
padding: 10px 0 10px 10px;
}
div#vinegar_01 {
text-align: center;
width: 680px;
}
div#vinegar_02 {
width: 680px;
height: 350px;
padding: 10px 0 10px 10px;
}
div#vinegar_02 div.right{
float: right;
padding:60px 20px 0;
}
div#vinegar_03 {
width: 680px;
height: 300px;
padding: 10px 0 10px 10px;
}
div#vinegar_03 div.right{
float: right;
padding:60px 20px 0;
}
div#vinegar_buy{
text-align: center;
width: 680px;
}
/*詳細 はちみつ*/
div#honey_text {
padding: 10px 0 10px 10px;
width: 345px;
}
div#honey_01 {
width: 680px;
height: 350px;
padding: 10px 0 10px 10px;
}
div#honey_01 div.right{
float: right;
padding:20px 20px 0;
}
div#honey_02 {
width: 680px;
height: 300px;
padding: 10px 0 10px 10px;
}
div#honey_02 div.right{
float: right;
padding:30px 20px 0;
}
div#honey_buy{
text-align: center;
width: 680px;
}
/*お試しセット*/
div#trial_set {
width: 680px;
text-align: center;
}
div#trial_set div.img_padding{
padding: 10px 0;
}
/*お問い合わせ*/
div#inquiry{
padding:10px 0;
}
div#inquiry table{
width:100%;
height:240px;
border: 1px #D5C6B3 solid;
}
div#inquiry table tr{
height:20px;
}
div#inquiry table tr th{
background:url() top left #EBDBCC;
border: 1px #D5C6B3 solid;
padding:5px;
width:30%;
color:#764C24;
}
div#inquiry table tr td{
background:url() top left #fff;
border: 1px #D5C6B3 solid;
padding:5px;
color:#764C24;
}
/*サイトマップ*/
div#map dl {
display:block;
float:left;
margin:10px;
}
div#map span.delivTitle{
width:25%;
color:#F15A25;
font-weight:bold;
}
div#conmap span.delivTitle{
width:25%;
color:#F15A25;
font-weight:bold;
}
span#delivMessage div.word{
float:right;
width:75%;
color:#764C24;
}
div#conmap dl{
padding:10px;
}
div#map {
height:230px;
}
div#sitemap{
padding-top:20px;
padding-bottom:20px;
height:500px;
}
div#sitemap div.deliv_01{
height:400px;
}
/*はじめての方へ*/
h3#input,
h3#deliver,
h3#pay,
h3#confirm{
padding:1px 0 1px 5px;
margin:10px 0 3px 0;
border-left:5px solid #F7931E;
color:#630;
font-weight:bold;
font-size:12px
}
h4.subtitle03{
padding:1px 0 1px 5px;
margin:10px 0 3px 0;
color:#F15A24;
font-weight:bold;
font-size:14px
}
h4.subtitle03 span{
color:#630;
padding-left:5px;
}
div.firstFlow{
width:598px;
margin:0 auto;
}
table.firstTbl02{
border-bottom:1px dotted #F93;
}
table.firstTbl th,td,
table.firstTbl02 th,td{
padding:5px 10px 30px 10px;
vertical-align:top;
}
table.firstTbl p{
font-weight:bold;
font-size:16px;
text-align:center;
color:#F60;
padding:20px 0 0 0;
}
/*右カラム***************************************************/
div#rightWrap{
width:200px;
height:auto;
float:right;
}
/*枠線あり*/
div.columnWrap03{
border:1px solid #8c6239;
width:198px;
height:auto;
margin-bottom:10px;
}
/*受賞歴*/
h2#jyushoH2{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/h2_jyusho.jpg) top left no-repeat;
width:200px;
height:39px;
font-size:1px;
text-indent:-9999px;
}
/*ショッピングはこちら*/
h2#shoppingH2{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/h2_shopping.jpg) top left no-repeat;
width:200px;
height:34px;
font-size:1px;
text-indent:-9999px;
}
div#shoppingWrap{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/bg_shopping.jpg) top left no-repeat;
width:200px;
height:116px;
margin:0 auto;
overflow:hidden;
margin-bottom:10px;
}
div#shoppingWrap p.shopping{
width:110px;
color:#603813;
padding:20px 0 0 60px;
line-height:110%;
font-size:90%;
}
div#shoppingWrap p.memberBt{
width:160px;
height:29px;
color:#603813;
margin:15px 0 0 20px;
}
/*ランキング*/
h2#rankingH2{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/h2_ranking.jpg) top left no-repeat;
width:200px;
height:38px;
font-size:1px;
text-indent:-9999px;
}
div.rankingWrap{
width:192px;
height:auto;
padding:3px;
overflow:hidden;
}
div.rankingWrap img {
margin-right:5px;
}
div.rankingWrap dd a{
color:#603813;
font-size:90%;
line-height:110%;
}
/*営業カレンダー*/
h2#calendarH2{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/h2_calendar.jpg) top left no-repeat;
width:198px;
height:30px;
font-size:1px;
text-indent:-9999px;
clear:both;
}
table#calendar{
width:168px;
border-bottom:1px solid #603813;
margin:0 auto;
}
table#calendar th{
text-align:center;
color:#603813;
}
table#calendar td{
text-align:center;
color:#666;
padding:2px;
}
table#calendar th.month{
border-bottom:1px solid #603813;
font-weight:bold;
}
table#calendar th.week{
border-bottom:2px solid #603813;
}
table#calendar td.holiday{
background:#FBB03B;
}
p.holidayP{
margin:5px 15px 5px 15px;
padding:0 2px;
border-left:18px solid #FBB03B;
font-size:90%;
}
p.note{
margin:5px 15px 10px 15px;
font-size:90%;
color:#603813;
line-height:110%;
}
/*リンク*/
ul.linkWrap{
width:190px;
height:auto;
padding:5px 0px;
}
/*お問い合わせ*/
h2#contactH2{
background:url(http://www.kumate.jp/shop/item/kumate/design/img02/h2_contact.jpg) top left no-repeat;
width:198px;
height:30px;
font-size:1px;
text-indent:-9999px;
}
div#contactWrap{
border:1px solid #c69c6d;
width:198px;
height:auto;
margin-bottom:10px;
overflow:hidden;
padding:0;
}
div#contactWrap h3{
font-weight:bold;
color:#603813;
padding:10px 0 5px 5px;
}
div#contactWrap p{
color:#603813;
padding:0 5px 5px 5px;
line-height:100%;
font-size:90%;
}
dl#contactDl{
color:#603813;
padding:0 5px;
}
dl#contactDl dt {
clear: left;
float: left;
width: 3em;
font-weight:bold;
margin:0;
line-height:110%;
}
dl#contactDl dd {
margin-left: 3em;
margin-bottom: 10px;
zoom: 1;
margin:0;
line-height:110%;
}
.pan{
margin:0 0 20px;
padding:5px;
background:none repeat scroll 0 0;
}
/* 商品詳細：定期購入・頒布会：価格表 */
/* 商品詳細：定期購入・頒布会：価格表：コンテナ */
.FS2_FixedPeriod {
margin-bottom:10px;
}
/* 商品詳細：定期購入・頒布会：価格表：上部コメント */
.FS2_FixedPeriod_comment {
margin:0px 0px 5px 0px;
}
/* 商品詳細：定期購入・頒布会：価格表：テーブル */
.FS2_GoodsFixedPeriodTable{
margin: 0 0 5px 0;
width:100%;
border-left:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
}
.FS2_GoodsFixedPeriodTable th {
font-weight:normal;
padding:2px 8px;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
background:#F6F6F6;
text-align:left;
}
.FS2_GoodsFixedPeriodTable td {
padding:2px 8px;
text-align:center;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
text-align:right;
}
/* 商品詳細：定期購入・頒布会：価格表：初回 */
.FS2_FixedPeriod_title_tr_init {}
/* 商品詳細：定期購入・頒布会：価格表：その他の回 */
.FS2_FixedPeriod_title_tr {}
/* 商品詳細：定期購入・頒布会：価格表：最終回 */
.FS2_FixedPeriod_title_tr_final {}
/* 商品詳細：定期購入・頒布会：価格表：当店特別価格 */
.FS2_GoodsFixedPeriodTable.FS2_special_price {}
/* 商品詳細：定期購入・頒布会：価格表：価格 */
.FS2_GoodsFixedPeriodTable.itemPrice {}
/* 商品詳細：定期購入・頒布会：価格表：(本体価格：××円)(消費税込：××円)(税込) */
.FS2_GoodsFixedPeriodTable.FS2_itemPrice_addition {}
/* 商品詳細：定期購入：一回のみ注文する */
.FS2_figure_InCartOnly {
border:5px solid #F0F0F0;
border-bottom:none;
padding:10px;
margin:0px;
}
.FS2_figure_InCartOnly p {
margin:0px;
padding:0px;
}
/* 商品詳細：定期購入：一回のみ注文する：テーブル */
.FS2_figure_table_InCartOnly {}
/* 商品詳細：定期購入：一回のみ注文する：在庫 */
.FS2_figure_InCartOnly.FS2_Stock {}
/* 商品詳細：定期購入：一回のみ注文する：一番左の空白セル（レイアウト調整用） */
.FS2_figure_InCartOnly .FS2_figure_table_InCartOnly .FS2_FixedPeriod_td {
width:px;/* 上下のボタン位置を調整したい場合、任意の数値に要変更 */
}
/* 商品詳細：定期購入：一回のみ注文する：数量 */
.FS2_figure_InCartOnly .FS2_figure_table_InCartOnly .FS2_figure_table_td_figure {}
/* 商品詳細：定期購入：一回のみ注文する：数量入力テキストフォーム */
.FS2_figure_InCartOnly .FS2_figure_table_InCartOnly .FS2_figure_table_td_input_cnt {}
/* 商品詳細：定期購入：一回のみ注文する：数量↑↓ボタン */
.FS2_figure_InCartOnly .FS2_figure_table_InCartOnly .FS2_figure_table_td_updn_btn {}
/* 商品詳細：定期購入：一回のみ注文する：カートヘ入れるボタン */
.FS2_figure_InCartOnly .FS2_figure_table_InCartOnly .FS2_figure_table_td_cart_btn {}
/* 商品詳細：定期購入：定期購入する */
.FS2_figure_FixedPeriod {
border:5px solid #F0F0F0;
padding:10px;
margin:0px 0px 10px 0px;
}
.FS2_figure_FixedPeriod p {
margin:0px;
padding:0px;
}
/* 商品詳細：定期購入：定期購入する：テーブル */
.FS2_FixedPeriod_table {}
/* 商品詳細：定期購入：定期購入する：在庫 */
.FS2_figure_InCartOnly.FS2_Stock {}
/* 商品詳細：定期購入：定期購入する：一番左の空白セル（レイアウト調整用） */
.FS2_figure_FixedPeriod .FS2_FixedPeriod_table .FS2_FixedPeriod_td {}
/* 商品詳細：定期購入：定期購入する：数量 */
.FS2_figure_FixedPeriod .FS2_FixedPeriod_table .FS2_figure_table_td_figure {}
/* 商品詳細：定期購入：定期購入する：数量入力テキストフォーム */
.FS2_figure_FixedPeriod .FS2_FixedPeriod_table .FS2_figure_table_td_input_cnt {}
/* 商品詳細：定期購入：定期購入する：数量↑↓ボタン */
.FS2_figure_FixedPeriod .FS2_FixedPeriod_table .FS2_figure_table_td_updn_btn {}
/* 商品詳細：定期購入：定期購入する：カートヘ入れるボタン */
.FS2_figure_FixedPeriod .FS2_FixedPeriod_table .FS2_figure_table_td_cart_btn {}
/* 商品詳細：頒布会：商品別価格一覧 */
/* 商品詳細：頒布会：商品別価格一覧：コンテナ */
.FS2_Distribution {
margin:10px 0;
}
/* 商品詳細：頒布会：商品別価格一覧：テーブル */
.FS2_GoodsDistributionTable{
margin: 0 0 5px 0;
width:100%;
border-left:1px solid #B8B8B8;
border-top:1px solid #B8B8B8;
border-right:1px solid #B8B8B8;
}
.FS2_GoodsDistributionTable th{
font-weight:normal;
padding:2px 8px;
border-bottom:1px solid #B8B8B8;
border-right:1px solid #B8B8B8;
background:#e0e0e0;
text-align:left;
}
.FS2_GoodsDistributionTable td {
font-weight:normal;
padding:2px 8px;
border-bottom:1px solid #B8B8B8;
text-align:left;
}
/* 商品詳細：頒布会：商品別価格一覧：頒布会購入するボタン */
.FS2_distribution_table {}
.FS2_body_FixedPeriodDeliveryEdit {}
/* カート：定期購入：STEP3（body） */
.FS2_body_FixedPeriodDeliveryCycleEdit {}
.FS2_FixedPeriodDelivery_CycleEdit_container_01 {}
.FS2_FixedPeriodDelivery_CycleEdit_container_02 {
margin-top:0.3em;
margin-left:1.5em;
margin-bottom:1.5em;
}
.FS2_FixedPeriodDeliveryCycle_Confirm_container{
margin:0 auto;
width:65%;
}
.FS2_body_FixedPeriodDeliveryCycleEdit .inputTableArea th{
text-align:left;
}
/* カート：定期購入：お届け日確認一覧 */
.FS2_FixedPeriodDeliveryCycle_Confirm {
border:5px solid #DDDDDD;
padding:10px;
}
.FS2_FixedPeriodDeliveryCycle_Confirm span {
display:inline-block; width:10em;
}
.FS2_FixedPeriodDeliveryCycle_Confirm input {}
/* カート：定期購入：お届け日確認一覧：省略の… */
.FS2_FixedPeriodDeliveryCycle_Confirm_abbr {
padding-left:16em;
}
/* カート：定期購入：STEP4（body） */
.FS2_body_FixedPeriodSettleEdit {}
/* カート：定期購入：STEP5（body） */
.FS2_body_FixedPeriodOrderConfirm {}
/* カート：定期購入：STEP5：合計金額（th） */
.FS2_total_area .cartTable th.FS2_FixedPeriod_summary {
font-weight:bold;
}
/* カート：定期購入：STEP5：合計金額（td） */
.FS2_total_area .cartTable td.FS2_FixedPeriod_summary {
font-weight:bold;
}
.FS2_itemlayout_td_Right {
margin-left:10px;
padding-left:15px;
}
.system_content {
float:left;
height:auto;
padding:10px 0 0 10px;
}
.mainimg {
padding-top:10px;
float:left;
}
/* ギフトセット 10/04/22 追加*******************************************/
div.giftTopWrap{
width:650px;
height:auto;
margin:0 auto;
zoom:1;
}
div.giftTopWrap:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
font-size:0;
}
div.giftTopWrap div.giftTopL{
float:left;
width:412px;
height:171px;
display:inline;
}
div.giftTopWrap div.giftTopL h2#giftTopH2{
background:url(../img/gift/gift_h2_01.jpg) top left no-repeat;
width:412px;
height:118px;
font-size:1px;
text-indent:-9999px;
}
div.giftTopWrap div.giftTopL h3#giftTopH3{
background:url(../img/gift/gift_h3_01.jpg) top left no-repeat;
width:412px;
height:53px;
font-size:1px;
text-indent:-9999px;
}
div.giftTopR{
float:right;
width:232px;
display:inline;
margin-bottom:40px;
}
div#giftSetWrap{
background:url(../img/gift/bg_gift.jpg) top left repeat-y;
width:667px;
height:auto;
margin:0 auto;
zoom:1;
margin-bottom:40px;
}
div#giftSetWrap:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
font-size:0;
}
div#giftSetWrap h2#giftSetH2{
background:url(../img/gift/gift_h2_02.jpg) top left no-repeat;
width:381px;
height:52px;
font-size:1px;
text-indent:-9999px;
text-align:center;
margin:0 auto;
}
div#giftSetWrapL{
float:left;
width:300px;
height:auto;
padding:0 0 0 20px;
}
div#giftSetWrapR{
float:right;
width:315px;
height:auto;
border-left:1px solid #c61a22;
padding:0 0 0 10px;
}
div#giftSetWrap div#giftSetWrapL h3#giftSetH301{
background:url(../img/gift/gift_h3_02.jpg) top left no-repeat;
width:304px;
height:143px;
font-size:1px;
text-indent:-9999px;
margin-top:20px;
}
div#giftSetWrap div#giftSetWrapL p#giftSetP01{
background:url(../img/gift/gift_p_01.jpg) top left no-repeat;
width:304px;
height:28px;
font-size:1px;
text-indent:-9999px;
}
div#giftSetWrap div#giftSetWrapL p#giftSetP03{
background:url(../img/gift/gift_p_03.jpg) top left no-repeat;
width:304px;
height:113px;
font-size:1px;
text-indent:-9999px;
}
div#giftSetWrap div#giftSetWrapL p#giftPrice01{
background:url(../img/gift/gift_price01.jpg) top left no-repeat;
width:123px;
height:39px;
font-size:1px;
text-indent:-9999px;
float:left;
}
div#giftSetWrap p#giftFree{
background:url(../img/gift/gift_free.jpg) top left no-repeat;
width:64px;
height:39px;
font-size:1px;
text-indent:-9999px;
float:left;
}
div#giftSetWrap div#giftSetWrapR h3#giftSetH302{
background:url(../img/gift/gift_h3_03.jpg) top left no-repeat;
width:300px;
height:143px;
font-size:1px;
text-indent:-9999px;
margin-top:20px;
}
div#giftSetWrap div#giftSetWrapR p#giftSetP02{
background:url(../img/gift/gift_p_02.jpg) top left no-repeat;
width:300px;
height:27px;
font-size:1px;
text-indent:-9999px;
}
div#giftSetWrap div#giftSetWrapR p#giftSetP04{
background:url(../img/gift/gift_p_04.jpg) top left no-repeat;
width:304px;
height:53px;
font-size:1px;
text-indent:-9999px;
}
div#giftSetWrap div#giftSetWrapR p#giftPrice02{
background:url(../img/gift/gift_price02.jpg) top left no-repeat;
width:125px;
height:39px;
font-size:1px;
text-indent:-9999px;
float:left;
}
div.giftOtherWrap{
width:650px;
height:auto;
margin:0 auto;
zoom:1;
}
div.giftOtherWrap:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
font-size:0;
}
div#giftOtherWrap h2#giftOtherH2{
background:url(../img/gift/gift_h2_03.jpg) top left no-repeat;
width:502px;
height:37px;
font-size:1px;
text-indent:-9999px;
text-align:center;
margin:0 auto;
}
div.giftOtherColumnL{
width:190px;
height:auto;
float:left;
margin:20px 25px 0 20px ;
display:inline;
}
div.giftOtherColumnR{
width:190px;
height:auto;
float:right;
margin:20px 0 0 0px;
}
div.giftOtherColumnL p.otherName,
div.giftOtherColumnR p.otherName{
text-align:center;
padding-top:8px;
}
div.giftOtherColumnL p.price,
div.giftOtherColumnR p.price{
text-align:center;
}
div.giftOtherColumnL p.otherName a,
div.giftOtherColumnR p.otherName a{
font-size:110%;
color:#603813;
line-height:100%;
text-decoration:none;
}
div.giftOtherColumnL p.price a,
div.giftOtherColumnR p.price a{
font-size:110%;
color:#F15A24;
text-decoration:none;
}
div.giftOtherColumnL p.otherName a:hover,
div.giftOtherColumnR p.otherName a:hover,
div.giftOtherColumnL p.price a:hover,
div.giftOtherColumnR p.price a:hover{
text-decoration:underline;
}
/* 安心・安全 10/04/26 追加*******************************************/
ul.safeUl{
clear:both;
padding:10px 0 10px 0px;
}
p.safeTxt{
padding:1.5em 0 1.5em 0px;
}
div.safeFlow{
width:598px;
margin:0 auto;
padding:10px 0;
}
h3#issue,
h3#haccp,
h3#work,
h3#safe,
h3#products,
h3#contentsmap,
h3#privacy01,
h3#privacy02,
h3#privacy03,
h3#privacy04,
h3#privacy05,
h3#privacy06,
h3#privacy07,
h3#privacy08,
h3#business01,
h3#business02,
h3#business03,
h3#business04,
h3#business05,
h3#business06,
h3#business07{
padding:1px 0 1px 5px;
margin:10px 0 3px 0;
border-left:5px solid #F7931E;
color:#630;
font-weight:bold;
font-size:12px;
}
div#deliv_01,
div#deliv_02,
div#safety_01,
div#safety_02,
div#order_01,
div#order_02,
div#present_01,
div#kodawari_01,
div#buy_01,
div#buy_02{
margin:0px 0;
clear:both;
}
h3.qaH3{
padding:1px 0 1px 5px;
margin:10px 0 3px 0;
border-left:5px solid #F7931E;
color:#630;
font-weight:bold;
font-size:12px;
clear:both;
}
div#detail_qa_subtitle:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
font-size:0;
}
ul.qaUl{
list-style:disc;
padding-left:40px;
}
p.pagetop a{
height:auto;
background:url(http://www.kumate.jp/img/qa/top.jpg) center left no-repeat ;
text-decoration:underline;
color:#603818;
margin:1em 1em 0 0;
padding-left:1.2em;
line-height:130%;
float:right;
}
p.privacyTxt{
padding:0.5em 0 1.5em 0px;
}
ul.priUl{
list-style:disc;
padding:0 0 20px 40px;
}
div#basic-table table{
margin-bottom:10px;
}
div#basic-table td.head{
background:url() top left #EFEFEF;
border: 1px #D5C6B3 solid;
padding:5px;
color:#764C24;
}
div#basic-table td.data{
background:url() top left #fff;
border: 1px #D5C6B3 solid;
padding:5px;
color:#764C24;
}