@charset "Shift_JIS";
html, body, #wrapper {height: 100%; text-align: center;-webkit-text-size-adjust: none;}
body > #wrapper {height: auto; min-height: 100%;background-color: red; text-align: center; margin: auto; width: 100%;}
#maincontainer {padding-bottom: 250px;}  /* must be same height as the footer */


/*ヘッダ部分設定*/
#header { background-color: white; margin: 0; padding: 0; position: relative; width: 650px; height: auto;}
#logo { text-align: left; position: relative; z-index: 1; top: 10px;height: auto;}
#logo a:hover { background-color: transparent }
#subtitle  h2{ position: relative; top: 0; margin-top:20px;text-align:right;margin-bottom:10px; font-size:0.8em; color:green;height: 10px;}
/*#navigation {  margin-top: 35px; margin-bottom:5px; padding: 0 0 0 0; position: relative; z-index: 4;  background-image: url("../images/common/menubg.jpg");background-repeat: no-repeat;width: 650px; text-align: center;  height:25px;   }*/

#navigation { margin:0; padding: 0; position: relative; z-index: 4;  background-image: url("../images/common/menubg.jpg");background-repeat: no-repeat;width: 650px; text-align: center;  height:auto;   }
#navigation a{ text-decoration: none; color: black; font-weight: normal;  }
#navigation a:active { color: #c00; }
#navigation h2 { display:inline;  font-size: 1em; margin: 1px 1px 1px -2px; padding: 2px 7px 2px 7px; }
#navigation h2 a {padding: 0.2em;}

#topbutton {  width:auto; height:24px;  top:0px;  left:0px;   cursor: pointer;background:  #ffc; } 
#topbutton a:hover { color:white; background-color: #9c9;} 
#onlineshoppingbutton {  width: auto; height:24px;   top:0px;  left:0px; cursor: pointer;background:  #cfc;}  
#onlineshoppingbutton a:hover { color:black; background-color:  #cfc;} 
#newsbutton {  width: auto; height:24px;   top:0px;  left:0px; cursor: pointer;background:  #ffc;}  
#newsbutton a:hover { color:white; background-color:  #9c9;}
#shopinfobutton   {  width:auto; height:24px;   top:0px;  left:0px; cursor: pointer;;background:  #ffc;}  
#shopinfobutton a:hover { color:white; background-color:  #9c9;} 
#contactusbutton   {  width:auto; height:24px;   top:0px;  left:0px; cursor: pointer;background:  #ffc;}  
#contactusbutton a:hover { color:white; background-color:  #9c9;} 

/*ヘルプ用ボタン設定*/

#helpbutton { display:block; position: absolute; right: 15px; bottom: 82px; width: 40px; height: auto;float: left; background-color:  #fc0;  font-size:0.8em;　font-weight:bold;  }
#helpbutton a {  display:block;   position:relative;  width:40px; height:auto; margin-left:0px;  overflow:hidden; color:red;}  
#helpbutton a:link { color: red; text-decoration: none; }
#helpbutton a:visited { color: red; }
#helpbutton a:hover { background-color: transparent; color:blue; }

/*ヘルプ用ボタン設定ここまでx
/*ヘッダ部分設定ここまで*/

/*トピックパス用*/
#topicpath { text-align: left; font-size: 0.8em; background-color:#cfc;  margin: 3 0 3 0; padding: 0; position: relative; top: 0px; width: 650px; z-index: 0; line-height:2.6;}
#topicpath ul {margin:0 0 0 0 ;padding-left:0;line-height:2.0;}
#topicpath li {display: inline; background-image: url("../images/common/topicarrow.gif"); background-repeat: no-repeat; background-position: 0 center; list-style-type: none; padding-left: 15px; position: relative; left: 0px;  line-height:2.0;}

/*contents設定*/
#contents { background-color: #ffc; margin: 0px; padding: 0; position: relative; top: 0px; width: 650px;  padding-bottom: 10px;}
#contents h1 { font-size: 1.1em; margin: 0; padding: 0; }
#items {float:right; width: 440px; padding-top:10px;}
#contents table { font-size: 0.9em; line-height: 2em; padding: 12px 6px }
#itemdescription {text-align: left;  background-color: #ffc; padding: 0; position: relative; top: 35px; left: 0px; width: 280px; float: right;height: 800px; }
#photos { position: relative; top: 35px; left: 5px; width: 150px; float: left; border-style: none }
#contents dt { color: #008; font-size: 1em; background-image: url("../images/contactus/leaf.gif"); background-repeat: no-repeat; text-indent: 30px }
#contents dd { color: #003200; font-size: 0.9em }
#contents strong { color: red }
#green { color: #393 }
#itemdescription h1 { color: #060; font-size: 1.2em; font-style: normal }
#itemdescription p { font-size: 0.9em; line-height:1.6;}
#itemdescription em { color: #c00; font-size: 0.9em; font-style: normal; text-align: center; position: relative; top: -12px }
#keyword h2 {font-size: 1em;color: #f36; margin-top:0;}
#keyword  {font-size: 0.8em;border:  #f90 2px dotted ;margin:5px;padding:3px; line-height:1.6;}
/*contents設定ここまで*/

/*onlineshopping用設定*/
#onlineshopoutline {text-align:left;line-height:1.6;}
#onlineshopoutline h1{font-size:1.2em;color:green; text-align:center;}
#onlineshopoutline h2{font-size:1.1em;}
#onlineshopoutline p{padding:5px;font-size:0.9em;}
#onlineshopoutline .photo1{display: inline;width:80px;height:80px;margin:0 2 0 0;}
#onlineshopheader {position: relative; top:10px;left:10px;padding-top:0px;padding-bottom:30px;margin-top:0px;}

#onlineshopheader h1 { font-size: 1em; color:blue; margin-top:0px;}
#onlineshopheader li { list-style-type: none; float: left;  }
#onlineshopheader h2 { font-size: 0.8em; background-color: #ffff99; margin: 2px 5px; padding: 0 15px; 
border: solid 2px #449933 }
#category { position: relative;margin-top: 30px;padding-top:40px; padding-left: 10px; clear: both; }
#category h2 { color: #040; font-size: 1.2em }
.ileft { margin: 12px; padding-bottom: 12px; float: left; vertical-align: middle }
.iright { margin: 12px; float: right; vertical-align: middle }
.iclear { clear: both }*/
/*onlineshopping用設定ここまで*/

/*苗インデックス用設定ここから*/
#index { color: #050; font-size: 1.2em; text-align: center; position: relative; top: 10px; }
#indexdesc p { margin:15px; text-align:left; font-size:0.9em;}
#indexbottom {color: #050; font-size: 1em; background-color: transparent; text-align: right; margin-top: 0px; padding-top: 0px; position: relative; top: 200px; height:30px; }
#indexbottom2 {float: right;width:50px; height: 204px;display: block; margin-top: 200px; padding-top: 500px;}
#listindex { color: #040; font-size: 0.8em; font-weight: bold; background-color: #3c0; margin: 5px; padding: 5px }
#usageindex { color: #040; font-size: 0.8em; font-weight: bold; background-color: #ff6; margin: 0px; padding: 5px }
#usagedescription { color: #040; font-size: 0.8em }
#advice { font-size:0.7em; text-align: right;margin-right: 10px;}
.eachitem { font-size: 1em; margin-top: 10px; position: relative; top: 5px; width: 440px; clear: both; height:auto;border-top: 1pt dotted green; }
.eachitem .item{line-height:1.6;}

.eachitemthum {  margin-top: 10px; position: relative; top: 5px; width: 140px; height:160px; border: none; float: left;overflow:hidden; }
.eachitemthum .images{  height:130px; overflow:hidden; position: absolute;  bottom: 0.5em;  }
.eachitemthum .item{ font-size: 0.6em; width: 120px; height:1.2em;position: absolute;  bottom: 0.5em;overflow:hidden;}
.eachitemthum img{ overflow:hidden;position: absolute;  bottom: 0; }

.bunrui {font-size: 0.8em; padding-top: 2px; color:gray; text-align:right;}
.eachitemlatin { font-size: 1em; margin-right: 5px; padding-left: 5px; position: relative; top: 120px; width: 440px; clear: both }
.eachitemlatin p { line-height: 100% }
.eachitemlatin em { font-size: 0.8em; font-weight: bold; background-image: url("../images/OnlineShopping/greendot.gif"); background-repeat: no-repeat; background-position: 0 center; padding-right: 10px; padding-left: 15px }

.pagenaviprev { font-size: 12px; text-align: left; margin: 12px }
.pagenavinext { font-size: 12px; text-align: right; margin: 12px }
#plantsinfo {margin-top:50px;padding-left:10px;text-align: left;}
#plantsinfo h3 { color: green; font-size: 16px; font-weight: normal; text-decoration: none; margin: 1em 0 }
#plantsinfo li{ font-size: 0.9em; }
#plantsinfo p { color: green; font-size: 12px; font-stretch: normal; padding: 20px }
#plantsinfo h5 { color: fuchsia; font-size: 12px; padding: 20px }
#plantsinfo h1 { color: green; font-size: 1em; line-height: 25px; font-stretch: normal }
#plantsinfo h2 { color: green; font-size: 0.9em; line-height: 20px; font-stretch: normal }
#cartlink { font-size: 0.9em; text-align:right;margin:5 10 10 0;}

/*苗インデックス用設定ここまで*/

/*リスト用設定ここから*/
.images { margin: 5px; position: relative; top: 0px; width: 120px; height: auto; float: left }
.item { text-align: left; background-color: transparent; margin: 5px; position: relative; left: 0; width: 290px; float: left; }
.item p{font-size: 0.9em;  }
.description { font-size: 0.8em }
.item em { font-size: 1.2em; font-weight: bold; background-image: url("http://www.qherb.com/images/OnlineShopping/greendot.gif"); background-repeat: no-repeat; background-position: 0 center; padding-left: 15px }
/*リスト用設定ここまで*/

/*メニュー設定*/
#leftmenu { background-color: #cfc; margin-top: 0px; padding: 0; position: relative; top: 0px; width: 200px; height:auto; float:left; text-align: left;line-height:1.2em; }
#leftmenu em { color: maroon; font-style: normal; position: relative; left: -20px }
#leftmenu ul { font-size: 1em; list-style-type: circle; margin-left: 15px; padding-left: 5px; }
#leftmenu li { font-size: 80%; list-style-type: circle; margin-left: 5px; padding-left: 5px; }
#leftmenu li li { font-size: 100%;}
#leftmenu img { padding-top: 10px;margin-left:5px; }

/*メニュー設定ここまで*/
/*検索フィールド用*/
#search { color: #000; font-size: 0.9em; padding: 0px; margin:5px; padding-left: 20px; height: auto; }
/*検索フィールド用ここまで*/
/*はじめての方用リンク*/
#newcustomer { text-align: center; color: #000; font-size: 0.7em; margin:auto; padding: 1px; height: auto;background-color: #cf9; width: 170px; border: 2pt outset #0f0; }
#newcustomer h3 {font-size: 1.2em; font-style: normal; font-weight: normal; padding: 1px; margin:0;}
/*はじめての方用リンクここまで*/


#extra { font-size: 1em; list-style-type: none; padding-top: 12px; position: relative; left: 10px }
#shopinfo { color: #fff; font-size: 0.8em; background-color: #060; padding: 12px; position: relative; top: 10px; left: 10px; width: 150px; border: groove 4px; margin-bottom:30px; }

/*メニュー設定ここまで*/




/*フッタ用*/

#footer {position: relative;background-color: #e6ffcc; text-align: center;font-size: 0.9em;padding-top:20px;
	margin-top: 0px; /* negative value of footer height */
	height: 250px;
	clear:both;width: 650px;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac �*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*フッタ用ここまで*/

/*フッタ用震災復興*/

/*フッタ用震災復興ここまで*/

/*-----------以下は各ページごとの設定----------------*/

/*特定商取引に関する法律に基づく表記用設定*/
#contents2 { background-color: #ffc; margin: 0; padding: 0; position: relative; top: 33px; width: 440px; height: 1200px;}
#contents2 table {width: 430px;margin: 0 10 3 3px; font-size: 0.8em;color: black; padding:1px;table-layout: fixed;background-color:#666666;}
#contents2 tr{color:#000000;background-color:#ffc;}
.definition {width: 100px; }
/*特定商取引に関する法律に基づく表記用設定ここまで*/
/*おすすめのお支払方法用設定*/
#payment { padding-top: 20px; padding-left: 10px; clear: both; text-align:left; margin-right:10px;}
#payment li {font-size:1em; color:green;}
#payment li p{font-size:0.9em; color:black;}
/*おすすめのお支払方法用設定ここまで*/
/*オンラインショッピングの方法用設定ここから*/
.howtoorder {width: 80px; }
#howtoorder{height:auto;}
#howtoorder table{background-color:#666666; padding: 1px 1px;margin-left:5px; }
#howtoorder th{color:#ffffff;background-color:#FF9900;}
#howtoorder tr{color:#000000;background-color:#ffc;}
.oshiharai {width: 40px;   font-size: 0.9em; }
#details{margin:5px;position:relative; top:0px; height: auto;text-align:left;}
#details table{text-align:center;}
#details tr{border-collapse:collaple;}
#details h2{ font-size: 1.2em;color: black; }
#details h3{ font-size: 0.8em;color: white;background-color: green; }
#details ul{ margin-left:15px; font-size: 0.8em; list-style-type: circle;;background-color: #ffff99;}
#details strong{color:red;}
/*オンラインショッピングの方法用設定ここまで*/
/*送料の目安用設定ここから*/
#postage { margin-left: 12px; padding: 4px; top: 12px; left: 12px; text-align:left;}
#postage h1 { color: blue; font-size: 1em; line-height: 25px; font-stretch: normal }
#postage h2 { color: green; font-size: 0.8em; line-height: 20px; font-stretch: normal }
#postage .description { font-size: 0.9em }
/*送料の目安用設定ここまで*/
/*プライバシーポリシー用設定ここから*/
#privacy { margin-left: 5px; padding: 4px; left: 12px; text-align:left;}
#privacy h1 { color: #008000; font-size: 1em; text-align: center }
#privacy li { font-size: 0.9em; background-image: url("../images/OnlineShopping/check.gif"); background-repeat: no-repeat; background-position: 0 center; list-style-type: none; padding-left: 20px }
#privacy dl { font-size: 0.8em; padding-left: 10px }
/*プライバシーポリシー用設定ここまで*/
/*初心者用設定ここから*/
#beginners { margin: 0px 5px 0px 5px; position: relative; top: 20px; right: 0px; left: 0px }
#beginners h1{ margin: 0; }
#beginners li { font-size: 0.8em; font-stretch: extra-condensed; background-position: 12px 0; text-align: left; outline-color: blue }
#beginners p { font-size: 1em; text-align: left }
#beginners b { color: red; font-size: 1em; text-decoration: blink; text-align: left }
/*初心者用設定ここまで*/
/*用土発送用設定ここから*/
#soil { margin: 0px 5px 0px 5px; position: relative; top: 60px; right: 0px; left: 0px }
#soil h1{ margin: 0; font-size: 1.5em;}
#soil h2{ margin: 0; font-size: 1.1em;}
#soil h3 { font-size: 0.9em;margin: 5px 5px 0px 15px;color:green;}
#soil li { font-size: 0.9em; font-stretch: extra-condensed; background-position: 12px 0; text-align: left; outline-color: blue; font-weight:bold; }
#soil dt { font-size: 0.9em; font-stretch: extra-condensed; background-position: 12px 0; text-align: left; }
#soil p { font-weight:bold; font-size: 0.9em; text-align: left;margin: 5px 5px 0px 20px;} }
#soil b { color: red; font-size: 1em; text-decoration: blink; text-align: left }
#soil .example p {font-size: 0.8em; font-weight:normal;}
/*用土発送用設定ここまで*/
/*ストック用設定ここから*/
#stock h2{font-size: 0.8em; text-align: left;}
#stock p{font-size: 0.8em; text-align: left;}
/*ストック用設定ここまで*/

/*注文からお受け取りまで設定ここから*/
#process { background-color: #ffc; position: relative; top: 35px; left: 5px; width: 420px; height:auto; float: left; border-style: none }
#process h2 { font-size: 0.8em;color: green;text-align:right }
#process p { font-size: 0.8em;color: black; }
#process li { font-size: 0.7em;color: black; }
/*注文からお受け取りまで設定ここまで*/
/*はじめてのお客様へ設定ここから*/
#welcome { margin-left: 5px; padding: 4px; left: 12px; text-align:left;}
#welcome h1 { color: #008000; font-size: 1.2em; text-align: center }
#welcome h2 { color: #008000; font-size: 1em; text-align: left; }
#welcome p{font-size:0.9em; text-align:left; line-height:1.6em;margin:5px; padding-left:10px;}
#welcome ul{ padding-left:15px; line-height:1.6;} 
#welcome li { font-size: 0.8em;  list-style-type: none; padding-left: 20px; }
#recommend {color:#006633;font-weight:bold;}
#notrecommend {color:#999999;}
#welcome img {width: auto; height:auto;margin-left: 40px; }
/*はじめてのお客様へ設定ここまで*/
/*リクエスト表示設定ここから*/

#ranking h3 { font-size: 0.8em;color: black; padding:0 15;}
#ranking p { font-size: 0.8em;color: black; margin:0; padding:0 20;}
/*リクエスト表示設定ここまで*/
/*以下ateaseページ用設定*/
#atease h1{font-size: 1.1em;text-align:center;margin:15px;}
#atease h2{font-size: 1em;text-align:left;color: green; clear: both;margin-top:15px;}
#atease p{font-size: 0.8em;text-align:left;margin: 5 5 0 10; width 430px;line-height:1.6;}
#atease .caption{font-size: 0.8em;text-align:center ; color:darkblue;}
#navibefore {text-align:right;margin-left:10px;font-size:0.9em;float: left;margin-bottom:10px;}

#navinext {text-align:right;margin-right:10px;font-size:0.9em;}

/*以上ateaseページ用設定*/

/*--------------以上各ページ用設定-----------------*/
/*以下文字用設定*/
.requestform { color: black; font-size: 12px; background-color: olive; visibility: hidden; margin: 12px; position: absolute; top: 50px; left: -3020px }
.wish { color: navy; font-size: 12px; background-color: #9f9 }
.note { color: fuchsia; font-size: 0.8em; text-align: right; padding: 12px }
.instock { color: blue; text-align: right; padding: 12px 12px 12px 2px; }
.instock img{ border-style:none; }
.outofstock { color: red; text-align: right; padding: 12px }
.growing { color: green; text-align: right; padding: 12px }
.comingsoon { color: green; text-align: right; padding: 12px }
.end { color: olive; text-align: right; padding: 12px }
a:link { color: blue }
/*以下はIE対策*/
a:hover {;}
html:not(:target) a:hover {
  color: black; background-color: #ff0;
}
/*以上はIE対策*/

/*a:hover { color: black; background-color: #ff0 }*/
a:visited { color: purple }
a:active { color: #c00 }