@charset "utf-8";
/* 
====================================================================================================
■ common (下層ページ共通設定)
■ .news /news/ （新着情報）
■ .contact /contact/ （お問い合わせ）
■ .class_name /folder_name/ （下層ページ）【★】※ページ毎のbodyに付与したclass名称を利用
■ .class_name /folder_name/ （下層ページ）【★】
■ ※以下は必要に応じ追加
■ 
■ 
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ common (下層ページ共通設定)
---------------------------------------------------------------------------------------------------- */

#mainimg_naka {
 margin:0px 0px 15px 0px ;
 padding:0px 0px 0px 20px ;
 font-weight:normal;
 color:#fff;
 line-height:90px;
 text-shadow:1px 1px 2px #000;
 text-align:left;
 font-size:140%;
 background-size:auto 90px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.page_con{background:url(../contact/images/title_bg.jpg) no-repeat center top;}
.page_new{background:url(../news/images/title_bg.jpg) no-repeat center top;}
.page_abo{background:url(../about/images/title_bg.jpg) no-repeat center top;}
.page_faq{background:url(../faq/images/title_bg.jpg) no-repeat center top;}
.page_par{background:url(../partner/images/title_bg.jpg) no-repeat center top;}
.page_voi{background:url(../voice/images/title_bg.jpg) no-repeat center top;}
.page_com{background:url(../company/images/title_bg.jpg) no-repeat center top;}
.page_sho{background:url(../shop/images/title_bg.jpg) no-repeat center top;}
.page_enz{background:url(../enzyme/images/title_bg.jpg) no-repeat center top;}
.page_org{background:url(../organic/images/title_bg.jpg) no-repeat center top;}
.page_gui{background:url(../guide/images/title_bg.jpg) no-repeat center top;}
.page_reg{background:url(../regist/images/title_bg.jpg) no-repeat center top;}


.tit_style02 {
	padding:10px 0px 10px 0px;
	margin:20px 0px 15px 0px ;
	font-weight:bold;
	color:#fff;
	font-size:120%;
	text-align:center;
	background:url(../common_img/h3_bg01.png) repeat center top;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.tit_style03 {
	padding:0px 0px 0px 0px;
	margin:20px 0px 15px 0px ;
	font-weight:bold;
	line-height:30px;
	color:#f97810;
	background:url(../common_img/h3_bg02.png) no-repeat left center,url(../common_img/h3_bg02.png) no-repeat right center;
	text-align:center;
	font-size:130%;
}

.tit_style03_02 {
	padding:0px 0px 0px 0px;
	margin:20px 0px 15px 0px ;
	font-weight:bold;
	line-height:30px;
	color:#008357;
	background:url(../common_img/h3_bg03.png) no-repeat left center,url(../common_img/h3_bg03.png) no-repeat right center;
	text-align:center;
	font-size:130%;
}

.tit_style04 {
	padding:15px 0px 15px 0px;
	margin:20px 0px 15px 0px ;
	font-weight:bold;
	color:#000;
	background:url(../common_img/h3_bg05.png) repeat-x left top,url(../common_img/h3_bg05.png) repeat-x left bottom;
	text-align:center;
	font-size:120%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.tit_style05 {
	padding:0px 0px 0px 0px;
	margin:20px 0px 15px 0px ;
	font-weight:bold;
	color:#000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:left;
	font-size:110%;
}

.tit_style05 span{
	font-size:120%;
}

.tit_style06 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px ;
	font-weight:bold;
	color:#642d15;
	text-align:left;
	font-size:120%;
}

.tit_style07 {
	padding:10px 0px 10px 0px;
	margin:20px 0px 15px 0px ;
	font-weight:bold;
	color:#fff;
	font-size:120%;
	text-align:center;
	background:url(../common_img/bg04.png) repeat center top;
	background-size: 6px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* 
====================================================================================================
■ .news /news/ （新着情報）
---------------------------------------------------------------------------------------------------- */
#wrapper img.shd{
	padding:1px;
	border:solid 1px #ccc;
}

.news_box{
	margin:0px 0px 10px;
	padding:0px 0px 10px 0px ;
}

.ntit{
	font-weight: bold;
	border-bottom:double 3px #b18e65;
	position: relative;
	margin-bottom:25px;
	font-size:100%;
	color:#562b10;
        padding:0px 5px 5px 5px;
}

.ntit .date{
        position: absolute;
        bottom:-30px;
        left:5px;
        font-weight: normal;
        font-size:90%;
        color:#fff;
        padding:3px 10px;
        background:#99652d;
}



.news_box .news_contents{
	padding:10px 0px 0px 0px;
}


.phot{
	float:left;
	width:30%;
	margin:0px 20px 10px 0px;
	position:relative;
}
.icon { position: absolute; right:5px; bottom:5px; }


.phott{
	margin:0px 0px 0px 0px;
	position:relative;
}

.phottr{
	float:right;
	width:33%;
	position:relative;
	margin:0px 0px 10px 20px;
}

.photll{
	float:left;
	position:relative;
}

.photrr{
	float:right;
	position:relative;
}
/* 
====================================================================================================
■ お問い合わせ
---------------------------------------------------------------------------------------------------- */

.ppList {
  padding: 15px;
  border-radius: 4px;
  background-color: #f1f1f1;
  text-align:left;
}

.ppList dl {
  padding-bottom: 10px;
  border-bottom: 1px dotted #cccccc;
}
.ppList dl li {
  list-style: inside lower-alpha;
  margin-left: 10px;
  padding: 3px 0;
}

.ppList ol {
}

.ppList ol li {
  margin: 0 auto;
  padding: 10px 0 0 15px;
  text-indent:-15px;
  border-top: 1px dotted #cccccc;
  list-style: inside decimal;
}

.ppList ol li:first-child {
  border-top: none;
}

.contact_box{
border:solid 1px #e6d7c1;
width:96%;
margin:10px auto;
}

.contact_box dl{
border:solid 5px #fbf5ee;
padding:10px;
}

.contact_box dl dd{
text-align:center;
margin:15px 0 0;
}

img.tel{width:240px;}
img.fax{width:200px;}
img.jikan{width:230px;}

/* 
====================================================================================================
■ コンテンツ内共通
---------------------------------------------------------------------------------------------------- */

/* -------画像のレフト・ライト------- */

.fig_01{
float:right;
width:36%;
margin:0px 0px 20px 20px;
}

.fig_02{
float:left;
width:36%;
margin:0px 20px 20px 0px;
}

.fig_03{
float:right;
width:20%;
margin:0px 0px 20px 20px;
}

.fig_04{
float:left;
width:20%;
margin:0px 20px 20px 0px;
}


.fig_05{
float:right;
width:20%;
margin:0px 0px 20px 20px;
text-align:center;
}

.fig_06{
float:left;
width:20%;
margin:0px 20px 20px 0px;
}

/* -------アコーディオン系------- */

.dl_acc01 {margin:10px 0px 20px 0px;
 }

.dl_acc01 dt {
padding:7px 20px 7px 10px;
position: relative;
border:dashed 1px #52280e;
font-weight:bold;
margin:2px 0px 0px 0px ;
color:#26612b;
}



.dl_acc01 dt span.no {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: #f0ff00;
    text-align: center;
    margin-right: 0.4em;
    padding: 0.5em 0.75em;
    background: #74a92d;
    border-radius: 50%;
    border:solid 2px #e5b97c;
}

.dl_acc01 dt span.iro{
font-weight:bold;
margin:0px 0px 0px 0px ;
color:#642d15;
font-size:90%;
}



.dl_acc01 dd {
padding:10px 10px 20px 10px;
}

.dl_acc01 dd span{
color:#e75903;
}


.dl_acc01 .open {}
.dl_acc01 .open:before { position: absolute;content:'　　';right:5px;top:12px;background:url(../common_img/btn_02_on.png) no-repeat 0px center;background-size:20px;}
.dl_acc01 dt,
.dl_acc01 .close {}
.dl_acc01 .close:before { position: absolute;content:'　　';right:5px;top:12px;background:url(../common_img/btn_02.png) no-repeat 0px center;background-size:20px;}



.dl_faq {margin:10px 5px 20px 5px;
border-top:solid 1px #ccc;
 }

.dl_faq dt {
padding:10px 50px 10px 45px;
position: relative;
background:#fff url(../faq/images/ic_q.png) no-repeat 0px 0px;
border:solid 1px #ccc;
border-top:none;
background-size:40px;
font-weight:bold;
margin:0px 0px 0px 0px ;
color:#333;
position: relative;
}


.dl_faq dd {
padding:10px 10px 20px 45px;
background:#fff url(../faq/images/ic_a.png) no-repeat 0px 0px;
background-size:40px;
border:solid 1px #ccc;
border-top:none;
}


.dl_faq .open {}
.dl_faq .open:before { position: absolute;content:'　　';right:0px;top:12px;background:url(../common_img/btn_02_on.png) no-repeat 0px center;background-size:20px;}
.dl_faq dt,
.dl_faq .close {}
.dl_faq .close:before { position: absolute;content:'　　';right:0px;top:12px;background:url(../common_img/btn_02.png) no-repeat 0px center;background-size:20px;}





/* -------タブボタン------- */

.box_tab{
width:100%;
margin:0 auto 40px;
}

.box_tab ul{
display: table;
border-collapse: separate;
border-spacing: 5px 0;
width:100%;
margin:0px auto;
}

.box_tab ul li{
	text-align: center;
	display: table-cell;
	width:33%;
	color:#fff;
	vertical-align:middle;
	background-repeat:no-repeat,repeat;
	background-position:center 90%,0 0;
	background-image:url(../common_img/ic_arrow_01.png),url(../common_img/bg_pattern03.png);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}


.box_tab ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:10px 0 35px;
	font-weight:bold;
}

/* -------背景------- */

.bg_01_box{
background:url(../common_img/bg_pattern01.png) repeat 0px 0;
}

.bg_02_box{
background:url(../common_img/bg.jpg) repeat 0px 0;
}


/* 
====================================================================================================
■ ショッピングページ
---------------------------------------------------------------------------------------------------- */
.list_shopbox dl{
	background: url(../common_img/bg_pattern01.png) repeat 0 0;
	margin-bottom: 15px;
	border-radius: 6px;
	padding: 10px;
}

.shop_index{
width:46%;
padding:5px;
margin-bottom:20px;
}


.shop_index h4{
text-align:center;
padding:10px 0;
font-weight:normal;
}

.shop_index .price{
text-align:center;
font-weight:bold;
}


.shop_index figure{
text-align:center;
vertical-align:middle;
text-align:center;
background:#fff;
}

.cate_tab{
width:100%;
margin:0 auto 20px;
}

.cate_tab ul{
width:80%;
margin:0px auto;
}

.cate_tab ul li{
	color:#642d15;
	border:solid 1px #642d15;
	margin:5px;
}

.cate_tab ul li figure{
	float:left;
	width:20%;
}

.cate_tab ul li p{
	float:right;
	width:70%;
	line-height:1.0;
	padding:0px 0 0;
}

.cate_tab ul li a{
	color:#642d15;
	text-decoration:none;
	display:block;
	padding:10px 10px 10px 95px;
	font-weight:bold;
}

.cate_01{background:#f4d6be url(../shop/images/shop_ctgry_nav01.jpg) no-repeat 0 0;background-size:80px;}
.cate_02{background:#f4d6be url(../shop/images/shop_ctgry_nav02.jpg) no-repeat 0 0;background-size:80px;}
.cate_03{background:#f4d6be url(../shop/images/shop_ctgry_nav03.jpg) no-repeat 0 0;background-size:80px;}
.cate_04{background:#f4d6be url(../shop/images/shop_ctgry_nav04.jpg) no-repeat 0 0;background-size:80px;}
.cate_05{background:#f4d6be url(../shop/images/shop_ctgry_nav05.jpg) no-repeat 0 0;background-size:80px;}
.cate_06{background:#f4d6be url(../shop/images/shop_ctgry_nav06.jpg) no-repeat 0 0;background-size:80px;}

@media only screen and (max-width: 450px) {
}
.bg_01_box dd {
	line-height: 1.3;
}

.price_txt {
   /* padding:0px 0px 20px 15px ;*/
}


.price_txt span{
    font-weight:bold;
    color:#990000;
    font-size:120%;
    padding:0px 20px 0px 0px ;
}

.price_txt span:after{
    content:"円(税込)";color:#000;font-size:80%;
}

.exp{
margin:15px 10px;
}

.exp dt{
background:url(../shop/images/bg_pattern03.png) repeat 0 0;
color:#642d15;
padding:5px;
border-bottom:solid 2px #fff;
font-weight:bold;
}

.exp dd{
padding:10px;
background:#f2f2f2;
}

.sidecol_list_item{
margin-left: 1em;
text-indent: -1em;
}

/* 
====================================================================================================
■ オーガニック酵素ドリンク
---------------------------------------------------------------------------------------------------- */
.enzyme_box{
padding:0px 0px 90px 0px ;
background:url(../enzyme/images/bg_01.png) no-repeat center bottom;
background-size:100%;
}

.enzyme_item{
border:solid 1px #ccc;
}

.enzyme_item h3{
text-align:center;
padding: 6px 10px;
color: #642d15;
font-size:120%;
line-height:1.4;
font-weight:bold;
background: url(../common_img/bg_pattern02.png);
}

.enzyme_item h3 span{
font-size:90%;
background:#7e1717;
color:#fff;
padding:0 10px;
}

.arrow_red{
	width:260px;
	margin:0px auto 50px;
	padding:0px 0px 0px 0px;
	background-color:#ff0e0e;
	font-size:100%;
	line-height:1.3;
	position:relative;
	color:#fff;
}

.arrow_red:before{
	content: "";
	position: absolute;
	top: 100%;
	left: -35px;
	width: 0;
	height: 0;
	border: 160px solid transparent;
	border-top: 40px solid #ff0e0e;
	z-index:100;
}

.arrow_red p{
	padding:10px 20px 0px 20px;
	font-size:100%;
	text-align:center;
	font-weight:bold;
}

.voice_box {
	margin-top: 20px;
	padding: 20px;
	border: 3px solid #fff;
	border-radius: 10px;
	background: #efefef;
	background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 10%, #ffffff 20%);
	background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 10%,#ffffff 20%);
	background: linear-gradient(to bottom,  #efefef 0%,#ffffff 10%,#ffffff 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
}
.voice_box header {
	margin-bottom: 10px;
	padding-bottom: 8px;
	background: url(../common_img/bg_border01.png) 0 100% repeat-x;
}
.voice_box h5 {
	min-height: 18px;
	padding-top: 5px;
	padding-left: 25px;
	background: url(../enzyme/images/voice_icon_fukidashi.png) 0 0 no-repeat;
	color: #D56306;
	font-weight: bold;
}
.voice_box header span {
	display: block;
	padding-top: 5px;
	color: #7d9e43;
	font-size: 14px;
	text-align: right;
}

/* 
====================================================================================================
■ 他オーガニック商品
---------------------------------------------------------------------------------------------------- */

/*== レシピ ========================*/


.content_width {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.equalHeight2 {
  width: 100%;
}

.repeat {
  width: 100%;
  margin: 0px 40px 10px 0;
  background-color: #f1f1f1;
}



.data {
  padding: 20px 0 20px 0px;
  background-color: #ffffff;
}

.data h6 {
  border-bottom: 1px solid #d8c7bc;
  color: #7BBB03;

  font-weight: bold;
  text-align: left;
}

.data dl {
  overflow: hidden;
}

.data dt {
  clear: left;
  float: left;
  padding: 5px 10px 0 0;
  border:none!important;
  color:#333;
  font-weight:normal;
}

.data dt:before{background:none!important;}

.data dd {
  padding: 5px 0 3px;
  border-bottom: 1px solid #d8c7bc;
  text-align: right;
  color: initial;
}


.text {
  padding: 5px;
  text-align: left;
}

.text h6 {
  border-bottom: 1px solid #d8c7bc;
  color: #7BBB03;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

.text ol li{
  list-style: inside decimal;
  padding-top: 3px;
  padding-left: 0px;
  color: #FF8400;
  font-weight: bold;
}

.text li {
  padding: 6px 0;
}

.text span {
  color: #362116;
  font-weight: normal;
}


.bloc02 dl {
  display: table;
}

.bloc02 dt {
  display: table-cell;
  vertical-align: top;
}

.bloc02 dd {
  display: table-cell;
  padding-left: 30px;
  text-align: left;
  vertical-align: middle;
}

.bloc02 li {
  list-style: inside;
  padding: 3px 0;
  text-align:left;
}

.bloc02 .oil_use .text{
  overflow: hidden;
  margin: 0px auto 0px;
  text-align: left;
}

.plus {
	background-color:#f1f1f1;
	padding:5px 0 5px 10px;
	width:100%;
	margin-bottom:30px;
}

.font16{
	margin-left:14px;
	color: #D96706;
}

.font18{
	font-weight:bold;
}

.plus p{
  overflow: hidden;
  margin: 6px auto 6px;
  text-align: center;
  font-weight:bold;
}

.strong {
	font-weight:700;
	color:#D96706;
}

/* 
====================================================================================================
■ 会社案内
---------------------------------------------------------------------------------------------------- */

.company dl {
  width: 100%;
  padding-top: 0px;
}

.company dt {
  padding-top: 10px;
  color: #642d15;
  font-weight: bold;
  text-align: left;
}

.company dd {
  padding: 5px 0;
  padding-left: 20px;
  background: url(../common_img/bg_border01.png) repeat-x bottom;
}

.link_img li{float:left;
width:25%;
text-align:center;
}

.link_img li img{
width:80%;
text-align:center;
}

/* 
====================================================================================================
■ 会社案内
---------------------------------------------------------------------------------------------------- */
.partner_lead {
	margin: 15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #673402;
	font-weight: bold;
	text-align: center;
}