@charset "Shift_JIS";

body { background-repeat: repeat-y; text-align: center; margin: 0; padding: 0; }
p { }
td { }
#wrapper { background-repeat: repeat-y; text-align: center; margin: auto; width: 950px; }
#maincontainer { text-align: left; margin: 0 auto; width: 940px;background-image: url("../images/Top/botanicalbg2.jpg");   }
/*ヘッダ部分*/
#header { position: relative }
#header { background-color: transparent; background-repeat: no-repeat; background-position: 0 5px;  margin: 0; padding: 0; height: auto; }
#header a:hover { background-color: transparent; }
#header a:visited { color:green; }
#header2  h2{ position: relative; top: -100; margin-left:420px; font-size:1em; color:green;}
h1{  display:block;   position:relative;  width:360px;  height:85px;  overflow:hidden;  }  
h1 span{  display:block;  background:url(../images/Top/title1c.jpg) no-repeat 0 0;  width:360px;  height:85px;   position:absolute;  top:0px;  left:0px;  } 
/*
トップイメージ表示
*/
#topimg {position: absolute; top: -10px; margin-left:370px;z-index:-1}
#topimg li { list-style-type: none;}

/*
トップイメージ表示ここまで
*/
#navigation {  margin: 0px; padding: 0 0 0 0; position: relative; z-index: 3; top: -10px; background-image: url("../images/common/menubg2.jpg");background-repeat: no-repeat;width: 940px;  height:auto ; text-align:center;   }
#navigation a{ text-decoration: none; color: green; font-weight: normal;  }
#navigation a:active { color: #c00; }
#navigation a:visited { color:green; }
#navigation h2 { display:inline;  font-size: 1em; margin: 1px 1px 1px -4px; padding: 2px 15px 2px 15px; height:auto; }
#navigation h2 a {padding: 0.2em;}


#topbutton {  width:auto; height:24px;  top:0px;  left:0px;   cursor: pointer;background:  #EBFFD6; } 
#topbutton a:hover { color:green; background-color: #FFF8D6;} 
#onlineshoppingbutton {  width: auto; height:24px;   top:0px;  left:0px; cursor: pointer;background:  #ffc;}  
#onlineshoppingbutton a:hover { color:white; background-color:  #9c9;} 
#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;} 

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

#helpbutton2 {  position: absolute; right: 2px; top: 25px; width: 40px; height: 18px;border: 2pt outset #f90; font-size: 10px;background-color: #ff3; padding: 1px; }
#helpbutton2 a {  display:block;   position:relative;  width:40px; height:18px; padding:1px;  overflow:hidden; text-decoration: none; font-weight: bold;text-align: center; }  
#helpbutton2 a:visited {color: black;}

#helpbutton2 a:hover {display:block;   position:relative;  width:37px; height:15px; padding:2px;  overflow:hidden; text-decoration: none; font-weight: bold;background-color: #fc0 ; color: white;}

/*ヘルプ用ボタン設定ここまで*/
/*携帯用ボタン設定 */

#keitaibutton2 {  position: absolute; right: 2px; top: 60px; width: 40px; height: 18px;border: 2pt outset red; font-size: 10px;background-color: #fcc; padding: 1px; }
#keitaibutton2 a {  display:block;   position:relative;  width:40px; height:18px; padding:1px;  overflow:hidden; text-decoration: none; font-weight: bold;text-align: center;  }  

#keitaibutton2 a:hover { background-color: transparent }

#keitaibutton2 a:visited {color: black;}
#keitaibutton2 a:hover { display:block;   position:relative;  width:37px; height:15px; padding:2px;  overflow:hidden; text-decoration: none; font-weight: bold;background-color: #f9c ; color: white; }

/*携帯用ボタン設定ここまで*/
/*お気に入りボタン設定 */

#okiniiributton2 {  position: absolute; right: 2px; top: 100px; width: 120px; height: 18px;padding: 1px; }

/*お気に入りボタン設定ここまで*/
#payment {  position: absolute; right: 100px; top:30px; width: 270px; height: 70px;border: 0; padding: 1px;}

#largeinfo { margin: 0 0 30 0; padding: 0; position: relative; top: 0px; left: 0; width: 940px; height: 320px; clear: both; background:url(../images/Top/wrap.jpg) no-repeat 0 0; }
#largeinfoleft  { margin: 0 10 5 0; padding: 0; position: relative; top: 18px; left: 0; width: 300px; height: 270px; float: left ;background-color: transparent; border: dotted 3px #ccffcc;}
#largeinfocenter  { margin: 0 10 5 0; padding: 0; position: relative; top: 18px; left: 0; width: 300px; height: 270px; float: left ;background-color: transparent;border: dotted 3px #ccffcc; }
#largeinforight  { margin: 0 0 5 0; padding: 0; position: relative; top: 18px; left: 0; width: 300px; height: 270px; float: left ;background-color: transparent;border: dotted 3px #ccffcc; }
#largeinfo h2 { margin: 0; padding: 0; position: relative; top: 18px; left: 0; width: 940px; height: 30px; clear: both;text-align: center;color: #ff6600; }
#largeinfo h3 {  text-align: center;color: #ff6600; font-size:1.2em;background-color:99cc00;margin: 0;position: relative; top: -3px; left: -3px; }
#largeinfo h3 img{  position: relative; top: 3px; left: -5px; }
#largeinfo ul {margin-top:15px; padding:0; position: relative; }
#largeinfo li {background-image: url("../images/top/anshin.gif"); background-repeat: no-repeat; background-position: 0px 50%; text-indent: 35px;list-style-type: none;line-height:35px;padding-top:15px;}
#largeinfo a{display:block;width:300px; padding-top:2px; padding-bottom:2px; text-align:center;border:3px solid; border-color:#aaaaaa #000000 #000000 #aaaaaa;border-radius:5px; }
#largeinfo h3 a:link { color: 003300;background-color:99cc00; text-decoration:none;}
#largeinfo h3 a:hover { color: 003300; background-color:ccff66; }
#largeinfo a:visited { color: 003300;}
#largeinfo a:active { color: ff6600; }

/*上部内容*/
#contents1 { top: -26px;}
/*上部内容左*/
#leftmenu { float:right; width:330px; margin: 0px;}
/*上記のleftmenuは名前こそleftmenuだが、実際には右側に表示される*/
#main {float: left; width:610px; margin: 0px; padding: 0px;}
#newitems {float: right;  background-color: transparent; padding: 5px; width: 390px; margin: 0px; height: auto; border-left: solid 2px #8CA384; border-right: solid 2px #8CA384; }

#newitems h2 {  display:block;   position:relative;  width:380px; margin-left:5px; height:25px;  overflow:hidden;text-align: center; } 
#newitemtitle span {  display:block;  background:url(../images/Top/newitem1208.jpg) no-repeat 0 0;  width:380px;  height:25px;   position:absolute;  top:0px;  left:5px; border-top: dashd 3px #93A877; }  
#newitems img{ float:left;margin:0px 5px 5px 5px; }
.newimage {  padding: 0px 5px 5px 5px; }
#newitems h3 { clear:both;}
#newitems p { font-size: 0.8em; line-height: 1.8em }
#newitemsleft { background-color: transparent; padding: 0 5px; width: 180px; height: auto; float: left }
#newitemsright { background-color: transparent; padding: 0 5px; width: 180px; height: auto; float: left }
#undercontents { color: #c36; font-size: 1.2em; clear: both }

#customervoice h2 { border-top: solid 1px green; border-bottom: solid 1px green; font-size: 1.4em; color: #ff6600; margin:2px;padding: 2 0 2 0; text-align: center;background-color:#ffffcc;height:1.5em;}
#customervoice h3 {color:green;}
#customervoice p {margin-left:15px;}
#photoandnews {float: left; width: 200px; display:inlline; margin:0px; background-color:transparent;}
#search { color: #000; font-size: 0.9em; background-color: transparent; text-align: left; padding: 0px; padding-left: 5px; height: auto; }

#groundcover { margin: 5px 2px 10px 2px; padding:10px 5px 10px 5px; color: #000000; font-size: 1em; background-color: transparent; background-position: 0 bottom; text-align: left; border:none; z-index: 1; width: 305px; clear: both; }
#mantomanlesson { text-decoration: none; margin: 5px 2px 10px 2px; padding:10px 5px 10px 5px; color: #000000; font-size: 1em; background-color: ffffcc; background-position: 0 bottom; text-align: left; border:none; z-index: 1; width: 305px; clear: both; }

#regeneration { text-decoration: none; margin: 5px 2px 10px 2px; padding:10px 5px 10px 5px; color: #000000; font-size: 0.9em; background-color: #FFD440; background-position: 0 bottom; text-align: center; border:outset 3px #B3932D; z-index: 1; width: 300px; clear: both; }
#regeneration a:hover {color: #000000;background-color: transprant;}

#konoherb { text-decoration: none; margin: 5px 2px 10px 2px; padding:10px 5px 10px 5px; color: #000000; font-size: 0.8em; background-color: #ffffff; background-position: 0 bottom; text-align: left; border:solid; border-color:0f7002; z-index: 1; width: 310px; clear: both; }
#konoherb a:hover {color: #000000;background-color: transprant;}
#konoherb em {color:red;font-style: normal; font-weight: bold;}

#twitter p{margin-top:0; text-align:center;font-size: 0.9em;}
#facebook { margin:10px 2px 10px 2px;}
#gcalendar { margin:10px 2px 10px 2px;  }
h3 { font-size: 0.8em }
#news { background-color: transparent; margin: 5px 5px 10px 5px;padding:10px 5px 10px 5px; width: 310px; height: auto; clear: both;border: dotted 1px #B3932D; }
#news h2 {  display:block;   position:relative;  width:180px; margin-left:0px; height:25px;  overflow:hidden; top:-20px; }  
#news span {  display:block;  background:url(../images/Top/Newstitle1208.jpg) no-repeat 0 0;  width:215px;  height:25px;   position:absolute;  top:5px;  left:0px;   }  

#news li { font-size: 0.9em; line-height: 1.5em; list-style-type: none; margin: 0; padding: 0; position: relative; left: -5px; }
#news a {position: relative; left: -10px;font-size: 0.9em;}
#news img { position: relative; left: -20px }
#news em { color: #008000; font-size: 0.9em; font-style: normal; padding: 5px; position: relative; left: -30px }
#mailmagazine { margin: 5px 5px 5px 5px; width:220px; }

#mamechishiki { margin-top: 25px; }

/*お客様へのお知らせ・不使用時は以下一行を有効にして、後の三行をコメントアウト*/
#customer    { color: #000; font-size: 0.8em; background-color: #cff; visibility: hidden; padding: 0px; }
/*
#customer h2 { color: #f00; font-size: 1.5em; text-align: center }
#customer em  { color: #00c; background-color: #fc6 }
#customer { color: #000; font-size: 0.8em; background-color: #cff; visibility: visible; padding: 0 }
*/

/*はじめての方用リンク*/
#newcustomer { text-align: center; color: #000; font-size: 0.7em; padding: 1px; margin:auto;  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;}
/*はじめての方用リンクここまで*/

/*以下オンラインショップメニューの表示*/
#onlineshopleftmenu { background-color: transparent; margin: 0; padding: 0; position: relative;  width: 200px; height: auto;line-height:1.4em; }
#onlineshopleftmenu em { color: maroon; font-style: normal; position: relative; left: -20px }
#onlineshopleftmenu ul { font-size: 1em; list-style-type: circle; margin-left: 15px; padding-left: 5px;　 }
#onlineshopleftmenu li { font-size: 80%; list-style-type: circle; margin-left: 5px; padding-left: 5px; }
#onlineshopleftmenu li li { font-size: 100%;}
#onlineshopleftmenu .menularge {font-size: 140%;font-weight:bold;}
#onlineshopleftmenu img { padding-top: 10px;margin-left:5px; margin-bottom:-10px;}
/*以下オンラインショップメニューの表示ここまで*/

#calendar { color: #338504; font-size: 1.5em; text-align: center ;width:240px; }
#calendar em { color: red; font-size: 0.8em; line-height: 1.5em; background-color: #ff6; text-align: left }
#contents2 { }
/*下部内容左*/
#history { background-color: #7ce284; padding: 0; width: 340px; height: auto; float: left }
#history h2 { background-image: url("../images/Top/kousin.gif"); background-repeat: no-repeat; background-position: center 0; text-indent: -1700px }
#history li { font-size: 0.8em; text-indent: -25px; list-style-type: none; margin: 0; padding: 0 }
#history em { color: #060 }
#update { color: red; font-size: 0.8em; padding-left: 12px }
#recommend { background-color: transparent; width: 180px; float: right;border: dotted 2px #338504;}
#recommend h2 {  display:block;   position:relative;  width:180px; margin-left:0px; height:25px;  overflow:hidden;font-size: 1.2em; color:red;
text-shadow:0px -1px 10px green,1px 0px 10px green,0px 1px 10px green,-1px 0px 10px green; text-align: center;}  
#recommend span {  display:block;  background:url(../images/Top/osusume-osusume1008.jpg) no-repeat 0 0;  width:180px;  height:25px;   position:absolute;  top:0px;  left:0px;   }


#recommend h3 { background-image: url("../images/Top/redstar.gif"); background-repeat: no-repeat; background-position: 0 top; text-indent: 25px; font-size: 0.8em; }
#recommend p { color: #009; font-size: 0.7em; padding: 5px 12px 12px }
#footer { background-color: #e6ffcc; width: 950px; height: 260px; clear: both }
#footer p { text-align: center;font-size: 0.9em; margin-top: 10px;padding-top: 10px; clear: both; }
#blogs {margin: 0; padding:10 0 0 0;background-color: transparent; text-align: center; width:950px;height:110px; }
#bekkan { color: red; font-size: 1.5em; background-color: transparent;display:inline; margin:5px;}
#nippo { color: red; font-size: 1.5em; background-color: transparent;display:inline;margin:5px;  }
#mamechishiki { color: red; font-size: 1.5em; background-color: transparent;margin:5px;display:inline;  }

#yesorganic { position: relative; top: 12px; left: 120px; float: left }
#reusepot { position: relative; top: 12px; right: 120px; float: right }
#browser { background-color: transparent; text-align: center; border: solid 1px #390 }
#browser img { padding-right: 12px; padding-left: 12px; border-style: none }
#copyright { font-size: 0.8em; text-align: center; clear: both }
/*ナビゲーション効果*/
a:link { color: #4169e1 }
a:hover { color: black; background-color: #EAEDC2; }
a:visited { color: purple }
a:active { color: green }
/* RSS Feed 表示用*/
#rss { text-align: left; padding: 1px }
#rss img { margin: 0px }
#rss_item { font-size: 1em; background-color: #ccff99; padding: 0 }
.rss_box { background-color: #ccffcc; text-align: left; margin: 0px 2%; padding: 0; width: 320px; height: 500px; overflow: scroll; border: none }
.rss_title, rss_title a { font-size: 15px; font-weight: bold; letter-spacing: 1px; margin: 5px 0; padding: 0 }
.rss_items { margin: 10px; padding: 0 }
.rss_item { color: #111; font-size: 0.7em; font-weight: normal; margin-top: 10px; padding-right: 0; padding-bottom: 2px; padding-left: 0; word-break: break-all }
.rss_item a:link, .rss_item a:visited, .rss_item a:active { color: blue; font-size: 1.1em; font-weight: bold; text-decoration: none }
.rss_item a:hover { color: #333; font-size: 1.1em; font-weight: bold; text-decoration: underline }
.rss_date { color: #999; font-size: 0.8em; font-weight: normal }

/*文字装飾*/
.red {color: red;}