@charset "Shift_JIS";
/*共通設定*/
body { text-align: center; margin: 0; padding: 0 }
p { font-size: 0.9em; line-height: 180% }
#contents h1 { font-size: 1.1em }
td { }
#wrapper { background-color: #ffc; text-align: center; margin: auto; width: 650px; height: auto }
/*ヘッダ部分設定*/
#header { background-color: white; margin: 0; padding: 0; position: relative; width: 650px; height: 120px }
#logo { text-align: left; position: relative; z-index: 1; top: 10px }
#logo a:hover { background-color: transparent }

#seasonalimages { text-align: right; position: absolute; z-index: 0; top: -80px; right: 10px }

#navigation {  margin: 0px; padding: 0 0 0 0; position: relative; z-index: 3; top: 43px; 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 -4px; 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:green; background-color: #9c9;} 
#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:  #fcc;}  
#newsbutton a:hover { color:white; background-color:  #fcc;}
#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;} 
/*
#topbutton {  width:auto;  　float: left; line-height:auto;   cursor: pointer;background:  #ffc;} 
#topbutton a:hover { color:white; background-color: #9c9;} 
#onlineshoppingbutton {  width: auto;    height:24px;   top:0px;  left:0px; cursor: pointer;background:  #ffc;}  
#onlineshoppingbutton a:hover { color:white; background-color:  #9c9;} 
#newsbutton {  width:auto; 　float: left;   height:24px;   top:0px;  left:0px; cursor: pointer;background:  #fcc}  
#newsbutton a:hover { color:black; background-color:  #fcc;}
#shopinfobutton   {  width:auto; 　float: left;   height:24px;   top:0px;  left:0px; cursor: pointer;;background:  #ffc;}  
#shopinfobutton a:hover { color:white; background-color:  #9c9;} 
#contactusbutton   {  width:auto; 　float: left;   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: 1.6em;float: left; background-color:  #fc0;  font-size:0.8em;　font-weight:bold;  }
#helpbutton a {  display:block;   position:relative;  width:40px; height:20px; 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; }
/*ヘルプ用ボタン設定ここまで*/
/*ヘッダ部分設定ここまで*/
 
/*title13部分設定*/
#title13 { margin: 0; padding: 0; position: relative; top: -3px; left: 0; width: 650px; height: 3px; clear: both;background-color:#f99; }
/*#title13 {display:inline; margin: 0; padding: 0; position: relative; top: -3px;  width: 650px; height: 3px; clear: both;background-color:#fc454a;}*/

/*#title13 { margin: 0; padding: 0; position: absolute; top: 115px; left: 0px; width: 650px; height: 3px; clear: both;z-index: 1;text-align:left; }*/
/*title13部分設定ここまで*/

/*maincontainer設定*/
/*#maincontainer { background-color: transparent; text-align: left; padding: 0; position: relative; width: 650px; height: auto }*/
#maincontainer { background-color: transparent;; text-align: left; padding: 0; position: relative; width: 100%; height: auto; clear: both }

/*コンテンツ部分設定*/
/*コンテンツ部分設定・共通*/
/*#contents { background-color: #ffc; margin: 0 0 0 200px; padding: 0; position: absolute; left: 0; width: 450px; height: auto; float: right }*/
#contents { background-color: #ffc; margin: 0 0 0 200px; padding: 0; position: relative; top: 33px; width: 450px; height: 2800px }
/*上記position: absolute; left: 0はNetscape対策*/
#itemdescription { font-size: 1em; line-height: 2em; background-color: #ffc; padding: 10px 20px; position: absolute; top: 35px; width: 410px; float: right }
#news051121 { background-image: url("../images/news/051121/051121.jpg"); background-repeat: no-repeat }
#green { color: #393 }
.logomark { text-align: center; padding: 12px }
#itemdescription h1 { color: #060; font-size: 1.2em; font-style: normal }
#itemdescription em { color: #060; font-size: 1em; font-style: normal; text-align: center; position: relative; left: 250px }
#itemdescription strong { color: red }
#photos { position: absolute; top: 35px; left: 5px; width: 150px; float: left; border-style: none }
/*コンテンツ部分設定・各ページここまで*/
/*コンテンツ部分設定ここまで*/

/*メニュー設定*/
/*#newsmenu { background-color: #ffcccc; margin: 0; padding: 0; position: relative; top: 33px; width: 200px; height: auto; float: left }*/
#newsmenu  { background-color: #ffcccc; margin: 0; padding: 0; position: absolute; top: 33px; width: 200px; height: auto; }
#newsmenu em { color: maroon; font-style: normal; position: relative; left: -20px }
#newsmenu li { font-size: 0.8em; list-style-type: none; position: relative; left: -15px }
#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; margin-bottom:30px;  padding: 12px; position: relative; top: 10px; left: 10px; width: 150px; border: groove 4px }
#leftmenu img { padding-top: 10px }
/*検索フィールド用*/
#search { color: #000; font-size: 0.9em; padding: 0px; margin-top:5px; padding-left: 20px; height: auto; }
/*検索フィールド用ここまで*/
/*はじめての方用リンク*/
#newcustomer { text-align: center; color: #000; font-size: 0.7em; padding: 1px; 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;}
/*はじめての方用リンクここまで*/

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

/*トピックパス用*/
/*#topicpath { font-size: 0.8em; background-color: #ff9999; word-spacing: 2em; letter-spacing: 0.1em; padding: 0; position: absolute; left: 0; width: 650px; height: 30px }*/
#topicpath {margin-top:-3px; font-size: 0.8em; background-color: #ff9999; word-spacing: 2em; letter-spacing: 0.1em; padding: 0; position: absolute; top: 0; width: 650px; height: 35px;border-color:white;border-width:5px; z-index : 3 ;  }
#topicpath li { 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: -35px; float: left; vertical-align: baseline }
/*トピックパス用ここまで*/

/*フッタ用*/
/*#footer { background-color: #e6ffcc; text-align: left; position: relative; top: 30px; width: 650px; height: 240px; clear: both }*/
#footer { background-color: #e6ffcc; text-align: left; margin-top: 500px; position: relative; top: 33px; width: 650px; height: 240px; clear: both }
#yesorganic { position: relative; top: 12px; left: 120px; float: left }
#reusepot { position: relative; top: 12px; right: 120px; float: right }
#copyright { font-size: 0.7em; text-align: center; position: relative; top: 30px; width: 650px; height: 20px; clear: both }
/*フッタ用ここまで*/

/*以下文字用設定*/
.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 }
.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 }
.ileft { padding: 5px; float: left }
.iright { float: right }
a:link { color: blue }
a:hover { color: black; background-color: #ff0 }
a:visited { color: purple }
a:active { color: #c00 }