@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:  #ffc;}  
#newsbutton a:hover { color:white; background-color:  #9c9;}
#shopinfobutton   {  width:auto; height:24px;   top:0px;  left:0px; cursor: pointer;;background:  #fc6;}  
#shopinfobutton a:hover { color:white; background-color:  #fc6;} 
#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:  #ffc;}  
#newsbutton a:hover { color:white; background-color:  #9c9;}
#shopinfobutton   {  width:auto; 　float: left;   height:24px;   top:0px;  left:0px; cursor: pointer;;background:  #fc6;}  
#shopinfobutton a:hover { color:black; background-color:  #fc6;} 
#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 }*/
#title13 { margin: 0; padding: 0; position: relative; top: -3px; left: 0; width: 650px; height: 3px; clear: both }
/*#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 { text-align: left; padding: 0; position: relative; width: 100%; height: auto; clear: both }
/*#maincontainer { background-color: transparent; text-align: left; padding: 0; position: relative; width: 650px; height: auto }*/

/*コンテンツ部分設定*/
/*コンテンツ部分設定・共通*/
#contents { background-color: #ffc; margin: 0 0 0 200px; padding: 0; position: relative; top: 33px; width: 450px; height: auto }
/*#contents { background-color: #ffc; margin: 0 0 0 200px; padding: 0px; position: absolute; left: 0; top:150px;width: 450px; height: 10000px; float: right }*/
/*上記position: absolute; left: 0はNetscape対策*/
#contents table { font-size: 0.9em; line-height: 2em; padding: 12px 6px }
#itemdescription { font-size: 1em; line-height: 2em; background-color: #ffc; padding: 10px 20px; position: relative; width: 410px; height: auto; float: right }
#contents dt { color: #008; font-size: 1em; background-image: url("../images/shop/leaf.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 25px }
#contents h2 { color: #009; font-size: 1.2em }
#contents dd { color: #003200; font-size: 0.9em }
#green { color: #393 }
#itemdescription h1 { color: #060; font-size: 1.2em; font-style: normal }
#itemdescription em { color: #c00; font-size: 0.9em; font-style: normal; text-align: center; position: relative; top: -12px }
/*コンテンツ部分設定・共通ここまで*/
/*コンテンツ部分設定・各ページ*/
/*講習会紹介用*/
#course li { font-size: 0.9em; list-style-type: square }
#course table { font-size: 0.9em; margin: 2em auto; border: solid 3px #336699; border-collapse: collapse }
#course th, td { padding: 3px }
#course th { color: #ffffff; background-color: #336699; border: none }
#course td { border-style: none none none solid; border-width: medium 1px; border-color: #d33669 #336699 }
#course .c1 { color: #000000; background: #cfc }
/*講習会紹介用ここまで*/

/*メニュー設定*/
/*#shopmenu { background-color: #ffff66; margin: 0; padding: 0; position: relative; top: 33px; width: 200px; height: auto; float: left }*/
#shopmenu { background-color: #ffff66; margin: 0; padding: 0; position: absolute; top: 33px; width: 200px; height: auto;}
/*検索フィールド用*/
#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;}
/*はじめての方用リンクここまで*/

/*#shopmenu { background-color: #ffff66; margin: 0; padding: 0; position: absolute; top: 33px; width: 200px; height: auto }*/
#shopmenu em { color: maroon; font-size: 0.8em; font-style: normal; position: relative; left: -8px }
#shopmenu li { font-size: 0.8em; background-image: url("../images/common/arrow.gif"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 6px; padding-left: 15px; position: relative; left: -25px }
#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 }
/*メニュー設定ここまで*/

/*トピックパス用*/
#topicpath {margin-top:-3px; font-size: 0.8em; background-color:  #ffcc33; 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 { font-size: 0.8em; background-color: #ffcc33; word-spacing: 2em; letter-spacing: 0.1em; padding: 0; position: absolute; top: 0; width: 650px; height: 30px }*/
/*#topicpath { font-size: 0.8em; background-color: #ffcc33; word-spacing: 2em; letter-spacing: 0.1em; padding: 0; position: absolute; top: 0; width: 650px; height: 30px }*/
/*#topicpath        { font-size: 0.8em; background-color: #ffcc33; word-spacing: 2em; letter-spacing: 0.1em; padding: 0; position: absolute; left: 0; width: 650px; height: 30px }*/
#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; position: relative; top: 30px; width: 650px; height: 250px; clear: left;}*/
#hidfooter { background-color: #e6ffcc; visibility: hidden; position: relative; z-index: -1; top: 30px; width: 650px; height: 20px; clear: both ;z-index: 0; }
#footer { background-color: #e6ffcc; text-align: left; margin-top: 500px; position: relative; top: 33px; width: 650px; height: 240px; clear: both }
/*上記margin-top: 500pxは絶対配置したメニューを隠さないため*/
#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 }
/*フッタ用ここまで*/

/*スタッフ紹介用*/
#stuff {position: relative; left: 15px;}
#stuff .male { font-size: 1em; background-image: url("../images/shop/male.jpg"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 0px; padding-left: 55px; position: relative; left: -25px;height: 50px;}
#stuff .female { font-size: 1em; background-image: url("../images/shop/female.jpg"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 0px; padding-left: 55px; position: relative; left: -25px; height: 50px;}
#stuff .jinke { font-size: 1em; background-image: url("../images/shop/jinke.jpg"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 6px; padding-left: 55px; position: relative; left: -25px; height: 50px;}
#stuff .mitsu { font-size: 1em; background-image: url("../images/shop/mitsu.jpg"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 6px; padding-left: 55px; position: relative; left: -25px; height: 50px;}
#stuff .haru { font-size: 1em; background-image: url("../images/shop/haru.jpg"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 6px; padding-left: 55px; position: relative; left: -25px; height: 50px;}
#stuff .gamisan { font-size: 1em; background-image: url("../images/shop/gamisan.jpg"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 6px; padding-left: 55px; position: relative; left: -25px; height: 50px;}
#stuff .roku { font-size: 1em; background-image: url("../images/shop/roku.jpg"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 6px; padding-left: 55px; position: relative; left: -25px; height: 50px;}
#stuff .medaka { font-size: 1em; background-image: url("../images/shop/medaka.jpg"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; padding-top: 6px; padding-bottom: 6px; padding-left: 55px; position: relative; left: -25px; height: 50px;}


#stuff dd {font-size: 0.8em; margin-top:-20px; padding:0;line-height: 200%; }
/*スタッフ紹介用ここまで*/

/*以下文字用設定*/
.green { color: green }
.orange { color: #f60 }
.center { text-align: center }
.red { color: red }
.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 }
a:link { color: blue }
a:hover { color: black; background-color: #ff0 }
a:visited { color: purple }
a:active { color: #c00 }