@charset "shift-jis";

body {
background:#ffffff;
background:url(img/bg01.gif);
line-height:1.5;
font-size:75%;
font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka, "Verdana", sans-serif;
color:#330;
margin:0;
padding:0;
}

td {
font-size:12px;
}

html {
overflow-y:scroll;
}

.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix {
min-height:1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 設定クリア */

div,dl,dt,dd,li,form,input {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5 {
font-size:12px;
margin:0;
padding:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
}

ul {
list-style-type:none;
margin:0;
padding:0;
}


ol {
margin:0;
padding:1em;
}

p {
padding-top:0;
	padding:5px;
margin:5px 0 10px;
}

li {
list-style-type:none;
}

img {
border:0;
-ms-interpolation-mode:bicubic;
margin:0;
padding:0;
}  
	



/* フォント設定 */

html>/**/body {
	font-size: 12px;
}

* + html body {
	font-family: "メイリオ","Meiryo";}

.txt{font-size:12px ;line-height:1.5;}

.memo{font-size:12px;line-height:2.15;}

.txt11{font-size:11px;line-height:1.5;}

.txt14b{font-size:14px;font-weight:bold;}

.e11{font-size:11px;font-family: Verdana, Arial, Helvetica;line-height:1.5;}

.e11b{font-size:11px;font-family: Verdana, Arial, Helvetica;font-weight:bold;}

.e12b{font-size:12px;font-family: Verdana, Arial, Helvetica;font-weight:bold;}

/* リンク設定 */
a{ outline: none; }

a,a:link {
color:#009;
text-decoration:none;
}

a:visited {
color:#671f4e;
text-decoration:none;
}

a:hover {
color:#04F;
text-decoration:none;
}
	
a:active {
color:#04F;
text-decoration:none;
}
	
a img {
border:0;
text-decoration:none;
vertical-align:text-bottom;
}
	
/* logo部分カゴ白文字固定リンク設定 */

.txtwhite {
color:#fff;
font-weight:700;
font-size:13px;
}
	
.txtwhite a,a:link {
color:#fff;
text-decoration:none;
}

.txtwhite a:visited {
color:#fff;
text-decoration:none;
}

.txtwhite a:hover {
color:#fff;
text-decoration:none;
}
	
.txtwhite a:active {
color:#fff;
text-decoration:none;
}

/* txt設定 */

.center {
text-align:center;
margin:0;
padding:0;
}

.left {
text-align:left;
}

.right {
text-align:right;
}


/* 注意設定設定 */
.orange {
color:#ec7103;
}


/* 文字強調設定 */

.bold {
font-weight:700;
letter-spacing:1px;
}

em{
font-weight: normal;
color:#ec7103;
}

/* 背景色設定 */

.green238123 {background-color:#238123;}

.yellowffe77a {background-color:#FFE77A;}

.bgum {background-color:#9C6;}
.bgkm {background-color:#d1e6c6;}
.bgua {background-color:#def2e6;}
.bgg {background-color:#999;}
.bgm {background-color:#238123;}
.bgk {background-color:#FFE77A;}
.bgc {background-color:#fff;}
.bgskin {background-color:#fdc689;}
.bgpgrren {background-color:#00a651;}

/* 文字色設定 */

.yellow {color:#fce701;}
.brown {color:#542c26;}
.green {color:#238123;}
.mgreen {color:#366;}
.white,.txtwhite {color:#fff;}
.orange {color:#ff7e00;}
.blue {color:#1f87b8;}
.skyblue {color:#3fafd0;}
.gray {color:#999;}
.red {color:#de0123;}
.pink {color:#db6e69;}
.p3color {color:#00a651;}
.cream {color:#fffddf;}

/* 価格色設定 */

.price {
font-weight:700;
letter-spacing:1px;
color:#de0123;
}

.marker {
background-color:#f33;
margin-left:3px;
margin-right:3px;
letter-spacing:1px;
color:#fff;
padding:2px 3px;
}

/* 送料0 */

   
#varythanks {
position:absolute;
top:80px;
left:100px;
font-size:12px;
}

.headh1 {
font-size:11px;
font-weight:700;
color:#f93;
position:absolute;
top:0;
left:100px;
float:left;
margin:0;
padding:0;
}

.headh2 {
font-size:11px;
font-weight:400;
color:#330;
display:inline;
margin:0;
}
 
.e081h2 {
font-size:12px;
font-weight:400;
color:maroon;
display:inline;
margin:0;
}

.sitemap a {
	float: right;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
	position: absolute;
	top: 59px;
	left: 670px;
	margin: 0;
	padding: 0 0 0 20px;
	background: url(img/sitemap.gif) no-repeat left;
}

sitemap {
color:#ffe77a;
}


/* 見出し設定 */


h1 {
display:inline;
}

h2 {
font-size:16px;
color:#ff7e00;
}

h3 {
font-size:14px;
color:#366;
border-bottom:2px dotted #7cab2f;
border-left:10px solid #7cab2f;
margin-top:5px;
margin-bottom:5px;
text-align:left;
padding:0 0 5px 5px;
}

h4 {
font-size:12px;
color:#090;
margin-top:1px;
padding:3px;
}

h5 {
background-image:url(img/h5.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
}




/* 左サイドバー画像隙間防止 */

#menu {
line-height:0;
}

/* 左サイドバー中央固定 */

#nav {
float:left;
width:150px;
text-align:center;
margin:0 auto;
padding:0;
}

/* 右サイドバー中央固定 */
#navindex {
width:158px;
font-size:12px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px #999 solid;
background:#fff;
text-align:center;
margin:0 auto;
padding:0;
}

#navindex h2 {
font-size:12px;
color:#090;
margin-top:1px;
padding:3px;
}

 /* 産地 */
.sanchi {
font-size:12px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:2px dotted #ffb447;
background:#fff;
margin:6px;
padding:0 2px 5px;
}


 /* 産地規格テーブル効能 */
.howherb {
background-color:#ffc;
font-size:10px;
}


/* 標準box */

.boxzero {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px #818181 solid;
background:#fff;
text-align:left;
margin:6px;
padding:10px;
}

.boxzero strong {
color:#005d00;
letter-spacing:1px;
}


.boxzerocenter {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px #999 solid;
background:#fff;
text-align:center;
margin:6px;
padding:0 2px 5px;
}

/* 標準boxの色違い用パーツ */

.pinkwak {
border:1px #fcc solid;
}

.greenwak {
border:1px #393 solid;
}

.redwak {
border:1px #c0372a solid;
}


/* index 更新ブロックtd h2 センタリング用 */
.hallotd {
width:450px;
margin-top:15px;
text-align:center;
}


/* index What's New!更新ブロック */
#topics420 {
width:420px;
text-align:left;
margin:15px;
line-height:1.3;
}

#topics420 h2 {
	background-image: url(img/ballline.gif);
	background-repeat: no-repeat;
	height: 40px;
	padding-left: 5px;
	font-weight: bold;
	padding-top: 30px;
	color:#366;
	margin-bottom: 10px;
    font-size:14px;}


/* index 旧吹き出し部分用 */
div#hallo {
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border:1px #999 solid;
background-color:#fff;
text-align:left;
margin:10px;
}

div#hallo p {
margin:10px;
lline-height: 1.4;
}


/* 画像設定 */


.imgleft {
float:left;
margin:0 10px 10px;
}

.imgright {
float:right;
margin:0 0 10px 10px;
}

.clr {
clear:both;
}


/* テーブル設定 */

	
table {
border:0;
empty-cells:show;
border-collapse:collapse;
border-spacing:0;
}


/* 最低高さ設定 */

.takasa250 {
min-height:250px; 
height:auto !important; 
height:250px; /*IE6以下にmin-height同様の効果を適用*/
}

.takasa300 {
min-height:300px; 
height:auto !important; 
height:300px; /*IE6以下にmin-height同様の効果を適用*/
}

/* 商品一覧リストtopページのリンク設定 */


.tdw620 a,a:link {
color:#009;
text-decoration:underline;
}

.tdw620 a:visited {
color:#606;
text-decoration:none;
}

.tdw620a:hover {
color:#04F;
text-decoration:underline;
}

.tdw620 a:active {
color:#04F;
text-decoration:none;
}

.tdw620 a img {
border:0;
text-decoration:none;
vertical-align:text-bottom;
}


/* 商品一覧リスト四ページ分box */


.box1 {
width:250px;
float:left;
text-align:center;
padding:10px 0;
}

.box2 {
width:250px;
float:left;
text-align:center;
padding:10px 0;
}


/* 運営会社情報・ */

.tableco {
width:100%;
border-collapse:collapse;
border-top:1px dotted #999;
margin:0 0 10px;
background-color:#fff;
padding:0;
}

.tableco th {
width:25%;
text-align:left;
vertical-align:top;
color:#666;
background-color:#fffddf;
border-bottom:1px dotted #999;
border-left:5px solid #fd9631;
padding:4px 2px 2px 4px;
}

.tableco td {
border-bottom:1px dotted #999;
border-left:3px double #CCC;
padding:4px 2px 2px 4px;
}


/* 会社概要リスト */

dl.co dt {
width:14em;
border-bottom:solid 3px #393;
font-weight:700;
color:#005d00;
margin:0.6em 0 0 3em;
}

dl.co dd {
margin-bottom:0.8em;
margin-left:6em;
}

/* ショッピングガイド */

#footer {
clear:both;
width:600px;
background:#fff;
}

#footer h3 {
font-size:13px;
color:#366;
border-bottom:2px dotted #7cab2f;
border-left:10px solid #7cab2f;
margin-top:15px;
margin-bottom:15px;
padding:5px;
}

#footer h4 {
margin-right:10px;
font-size:12px;
background-color:#d1e6c6;
border:solid 1px #999;
background-position:left;
background-image:url(img/h4.gif);
padding:3px;
}

#boxa,#boxb,#boxc {
width:33%;
float:left;
background:#fff;
}

#boxa p,#boxb p,#boxc p {
margin-right:10px;
}

/* --- パンくずリストエリア --- */
ol.pan {
list-style-type:none;
font-size:12px;
text-align:left;
margin:8px 0 10px;
padding:0;
}

/* --- パンくずリスト項目 --- */
ol.pan li {
display:inline;
color:green;
}

/* --- パンくずリストリンク --- */
ol.pan li a,a:link {
margin-right:8px;
color:#999;
}

ol.pan li a:visited {
color:#999;
}

ol.pan li a:hover,a:active {
color:#04F;
}



/* --- 「 内部 --- */

div#main {
width: 600px;
text-align:left;
background:#fff;
margin:0 auto;
}


#goodsboxa {margin-top:10px;padding-right:10px;border:1px;}
#goodsboxa h2 {font-size:13px;display:inline; font-weight: bold;}
#goodsboxa h3 {font-size:13px;color:#005d00;display:inline;border:0;}
#goodsboxa h5 {font-size:13px;color:#330;border-bottom:2px dotted #ff7f00;border-left:0 solid #f93;margin-top:5px;margin-bottom:5px;text-align:left;padding:0 0 5px 5px;}
#goodsboxa td {font-size:12px;}
#goodsboxa dt {width:285px;float:left;text-align:center;}
#goodsboxa dd {width:305px;float:right;font-size:12px;}
#goodsboxa p {padding:5px 5px 6px;}
#goodsboxa input,select,textarea {background-color:#def2e6;}

div.goodsboxb {clear:both;margin:10px 10px 0 50px;}
div.goodsboxb p {margin-bottom:12px;}
div.goodsboxb h3 {font-size:13px;color:#005d00;display:inline;border:0;}
div.goodsboxb h4 {font-size:12px;color:#005d00;border:0;background-image:url(img/bck04.gif);}

div.goodsboxb a,a:link {color:#009;text-decoration:underline;}
div.goodsboxb a:visited {color:#606;text-decoration:none;}
div.goodsboxb a:hover {color:#04F;text-decoration:underline;}
div.goodsboxb a:active {color:#04F;text-decoration:none;}

div.goodsboxb a img {border:0;text-decoration:none;vertical-align:text-bottom;}

/* --- 店長コラム --- */

div.goodsboxb .saki {
line-height:1.8;
padding-left:100px;
font-weight:400;
font-size:14px;
margin-top:30px;
padding-top:30px;
padding-bottom:4px;
color:#b03e21;
border-top:2px solid #ffa900;
background-image:url("img/column-bg.gif");
background-repeat:no-repeat;
background-position:top left;
}

.healthherb {
font-size:12px;
text-align:left;
background:url(img/note-line.gif) #fff;
background-repeat:no-repeat;
margin:6px;
padding:10px 25px 35px 20px;
}

div.healthherb h4 {
font-size:13px;
color:#005d00;
border:0;
background:url(img/dummy.gif);
}

.healthherb p:first-letter {
margin-right:0.1em;
line-height:1;
display:block;
font-size:2em;
color:#330;
}



hr {
color:#f1570b;
border:2px solid #339933;
}


/* --- goodsboxb 用 カラー --- */


.waku1 {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fff;
text-align:left;
border:1px #e3cc22 solid;
margin:6px;
padding:10px;
}

.waku2 {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fff;
text-align:left;
border:1px #c4df9b solid;
margin:6px;
padding:10px;
}

.waku3 {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fff;
text-align:left;
border:1px #8dc63f solid;
margin:6px;
padding:10px;
}

.waku4 {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fff;
text-align:left;
border:1px #00a651 solid;
margin:6px;
padding:10px;
}

.waku5 {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fff;
text-align:left;
border:1px #00a99d solid;
margin:6px;
padding:10px;
}

.waku6 {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fff;
text-align:left;
border:1px #0054a6 solid;
margin:6px;
padding:10px;
}

.waku7 {
font-size:12px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#fff;
text-align:left;
border:1px #003471 solid;
margin:6px;
padding:10px;
}


/* --- 商品関連リスト設定--- */


div#goods ul {
margin:0;
padding:0;
}

div#goods ul li {
display:inline;
margin-right:1em;
}

div#goods ul li a {
text-decoration:none;
}


/* --- ページトップへ --- */

.pagetop {
font-size:11px;
color:#333;
text-align:right;
clear:both;
margin:30px 40px 0 10px;
padding:0 0 10px;
}

.pagetop a.back {
color:#539DE9;
border-style:dotted;
border-width:0 0 1px;
}

.pagetop a.back:link {
text-decoration:none;
color:#333;
border-color:#333;
}

.pagetop a.back:visited {
text-decoration:none;
color:#666;
border-color:#666;
}

.pagetop a.back:hover {
text-decoration:none;
color:#666;
border-color:#fff;
}


/* --- フッター --- */


#footer {
width:600px;
margin-top:20px;
margin-left:5px;
}

#footer #footeraria {
font-size:12px;
margin:0 auto;
}

#footer #footeraria .e081 {
float:left;
margin:0 15px auto 0;
padding:15px 0 0;
}

#e081link {
text-align:center;
padding:0;
}

#e081link a {
color:#999;
margin:0 4px;
}

address {
font-style:normal;
font-size:10px;
}

#footeraria address a,a:link,#footeraria address a:visited,#footeraria address a:hover,#footeraria address a:active {
color:#330;
text-decoration:none;
}

.copyright a,a:link,.copyright a:visited,.copyright a:hover,.copyright a:active {
color:#330;
text-decoration:none;
}



/* --- td 幅 --- */

.tdw5{width:5px}
.tdw10{width:10px}
.tdw21{width:21px}
.tdw34{width:34px}/* --- 戌の日カレンダー--- */
.tdw65{width:65px}
.tdw100{width:100px}/* --- スプーン会社概要---- */
.tdw150{width:150px}/* --- 産地規格ー--- */
.tdw165{width:165px} /* --- indexfooter左--- */
.tdw168{width:168px;text-align: left;} /* --- index右--- */
.tdw190{width:190px}
.tdw200{width:200px}
.tdw215{width:215px}/* --- 戌の日カレンダー--- */
.tdw240{width:240px}
.tdw250{width:250px}
.tdw269{width:269px}
.tdw280{width:280px}
.tdw350{width:350px}
.tdw380{width:380px}/* --- 会社概要--- */
.tdw450{width:450px}/* --- スプーン--- */
.tdw500{width:500px}/* --- 注文フォーム別窓 時間帯指定--- */	
.tdw605{width:605px}
.tdw620{width:620px} /* --- メイン枠 --- */
.tdw665{width:665px}

/* dryherbの幅 */
div.width550 {width:550px;}


/* 注文質問 */

.question {
text-align:left;
font-size:14px;
background:#D1E6C6 url(img/question.gif) no-repeat 10px 10px;
border-top:3px solid #393;
border-right:1px solid #393;
border-bottom:1px dashed #393;
border-left:1px solid #393;
font-weight:700;
padding:8px 8px 8px 30px;
}

.answer {
text-align:left;
font-size:13px;
background:#FFFFFF url(img/answer.gif) no-repeat 10px 10px;
border-right:1px solid #393;
border-bottom:3px solid #393;
border-left:1px solid #393;
padding:8px 8px 8px 30px;
}


/* --- お客様の声paging --- */

.page {
width:100%;
margin:0;
padding:0;
}

.page ul,.page li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}

.page:before,.page:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.page a {
border:1px solid #ccc;
cursor:pointer;
display:inline-block;
float:left;
text-align:center;
text-decoration:none;
margin:0.2em 0.2em 0 0;
padding:0.1em 0.4em;
}

div.page a .now {
border:1px solid #393;
cursor:pointer;
display:inline-block;
float:left;
text-align:center;
text-decoration:none;
margin:0.2em 0.2em 0 0;
padding:0.1em 0.4em;
}

.page a:hover {
background:#d8eb9f none repeat scroll 0 0;
border:1px solid #090;
}
 
div.boxzero a[href^="http:"], 
div.boxzero a[href^="https:"]{ 
    padding-left: 13px; 
    background: transparent url(img/point.gif) no-repeat center left; 
} 

div.boxzero a[href^="http://www.e081.com"],
div.boxzero a[href^="https://www.e081.com"],
div.boxzero a[href^="http://www.sakichi.com"],{ 
    padding-left: 0; 
    background: none; 
} 

/* --- お客様の声各商品ページ用 */
.voice{	
clear: both;}

.voice .txt{
	overflow: auto;
	clear: both;
	width: 500px;
	margin: 0;
}

.voice dl
{
	padding: 8px 4px 8px 4px;
	border-bottom: 1px dotted #999999;
}

.voice dt
{
	float: left;
	width: 86px;
	padding: 0px 0px 0px 16px;
	background: url(img/balloon_voice.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}
.voice dd
{
	padding: 0px 0px 0px 100px;
}