@charset "utf-8";

/****************************************************************************
プレページ用
****************************************************************************/

.gotoppage{
width:200px;
height:60px;
margin:30px auto 0 auto;
background:url(../img/gotoppage.gif) no-repeat left bottom;
}

.gotoppage:hover{
background-position:top;
}

.gotoppage a{
display:block;
width:200px;
height:60px;
text-indent:-9999px;
overflow:hidden;
}

/****************************************************************************
ハーブ大辞典　#dictionary
****************************************************************************/

#dictionary #container #contents,
#dictionarylist #container #contents,
#dictionaryres #container #contents{
height:auto;
}

/*大辞典top*/
#dictionary #container #head{
background-image:url(../img/dic_head.png);
}

#dictionary #container #tab{
height:60px;
padding-left:10px;
background:url(../img/dic_tab_ul.gif) no-repeat left bottom;
}

	#tab li{
	float:left;
	width:280px;
	padding-right:10px;
	}
	
	#tab li a,
	#tab li strong{
	display:block;
	width:280px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	background:no-repeat left bottom;
	}
	
	li#tab01 a,li#tab01 strong{background-image:url(../img/dic_tab01.gif)}
	li#tab02 a,li#tab02 strong{background-image:url(../img/dic_tab02.gif)}
	li#tab03 a,li#tab03 strong{background-image:url(../img/dic_tab03.gif)}
	
	li#tab01 a:hover,
	li#tab02 a:hover,
	li#tab03 a:hover{background-position:left 50%;}

	li#tab01 strong,
	li#tab02 strong,
	li#tab03 strong{background-position:left top;}
	
.searchcolumn{
padding-top:35px;
}

#formarea{
float:right;
width:700px;
}

#subformarea{
width:700px;
margin:0 auto;
}

#search01 form{
width:580px;
height:40px;
margin:20px 0 20px 20px;
background:url(../img/dic_search01_form.gif) no-repeat left top;
}

#dictionarylist #search01 form{
margin:10px 0 20px 0px;
}

	#search01 form #search{
	float: left;
	padding: 0;
	margin: 8px 0 0 15px;
	border: 0;
	width: 430px;
	background: none;
	font-size:18px;
	}
	
	#search01 form .tagged{
	color:#A2CC7A;
	}
		
		*+html #search01 form #search{margin:0 0 0 15px;}
		* html #search01 form #search{margin:0 0 0 15px;}
		
		#search01 form button{
		float:right;
		width:110px;
		height:40px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../img/dic_search01_btn.gif) no-repeat left bottom;
		}
	
		#searchform button:hover{
		background-position:top;
		}
	
	#search01 #words{
	width:580px;
	margin-left:20px;
	background:url(../img/dic_search01_words.gif) no-repeat left bottom #F6F3F1;
	}
	
		#words h3{
		width:580px;
		height:12px;
		line-height:1%;
		text-indent:-9999px;
		background:url(../img/dic_search01_words_h3.gif) no-repeat left top;
		}
		
		#words p{
		padding:0 0 12px 140px;
		background:url(../img/dic_search01_words_ul.gif) no-repeat left 3px;
		}
		
			#words a{
			margin-right:2em;
			padding-bottom:3px;
			}

#search02 ul{
margin:20px 0 20px 20px;
}

	#search02 li{
	float:left;
	width:210px;
	height:195px;
	}
	
		#search02 li a{
		display:block;
		width:210px;
		height:195px;
		text-indent:-9999px;
		overflow:hidden;
		background:no-repeat left bottom;
		}
		
		#search02 li a:hover{background-position:top;}
		#search02 li#dc01 a{background-image:url(../img/dic_search02_cat01.gif);}
		#search02 li#dc02 a{background-image:url(../img/dic_search02_cat02.gif);}
		#search02 li#dc03 a{background-image:url(../img/dic_search02_cat03.gif);}
		#search02 li#dc02{margin:0 20px;}

#search03 h2{
float:left;
}

#search03 #infolabel{
float:right;
width:180px;
height:50px;
padding:10px 15px 0 15px;
background:url(../img/dic_search03_infolabel.gif) no-repeat left top;
}

	#search03 form{
	clear:both;
	padding-top:25px;
	background:url(../img/dic_search03_line.gif) no-repeat right 20px;
	}
	    
		#search03 form div#dc01,
    #search03 form div#dc02,
    #search03 form div#dc03{
      width:700px;
      padding-top:15px;
      padding-bottom:10px;
      background:url(../img/dic_search03_line.gif) no-repeat right bottom;
    }
    
		#search03 form div h3{
		float:left;
		width:100px;
		padding-left:20px;
		}

		#search03 form div ul{
      float:right;
      width:580px;
    }

		#search03 form div li{
		float:left;
    display:inline;
    padding-bottom:10px;
		}
		
      #search03 form div ul.lw7 li{ margin-right:15px; }
      #search03 form div ul.lw4 li{ width:25%; }
      #search03 form div ul.lw3 li{ width:33%; }
    
		#search03 form div h4{
      float:right;
      padding:1em 0 0.5em 0;
      width:580px;
		}
    
		#search03 form div.btnbox{
      padding-top:20px;
    }
    
		#search03 form button{
      width:220px;
      height:40px;
      background-image:url(../img/dic_search03_btn.gif);
      margin-left:250px;
		}

#guidearea{
float:left;
width:180px;
}

	#guidearea a:hover{
	filter: alpha(opacity=50);
	opacity:0.5;
	}

#panel{
display:none;
position:absolute;
top:375px;
left:0;
width:340px;
z-index:10000;
}

	#panel h3{
	text-indent:-9999px;
	overflow:hidden;
	width:340px;
	height:90px;
	background:url(../img/dic_panel_h3.png) no-repeat left top;
	_background:url(../img/dic_panel_h3.gif) no-repeat left top;
	}
	
	#panel dl{
	width:200px;
	padding:0 15px 0 125px;
	background:url(../img/dic_panel.png) repeat-y left top;
	_background:url(../img/dic_panel.gif) repeat-y left top;
	}
		
			#panel dt{
			padding-left:24px;
			padding-bottom:0.5em;
			font-weight:bold;
			font-size:14px;
			background:url(../img/dic_panel_dt.png) no-repeat left top;
			_background:url(../img/dic_panel_dt.gif) no-repeat left top;
			}
			
			#panel dd{
			padding-left:24px;
			padding-bottom:1em;
			}
	
	#panel #close{
	position:relative;
	padding:0 65px 20px 190px;
	width:85px;
	height:28px;
	background:url(../img/dic_panel_close.png) no-repeat left top;
	_background:url(../img/dic_panel_close.gif) no-repeat left top;
	}
	
		#panel #close a{
		display:block;
		width:85px;
		height:28px;
		text-indent:-9999px;
		overflow:hidden;
		}

/*大辞典 list*/
#dictionarylist #container #head,
#dictionaryres #container #head{
background-image:url(../img/dic_res_head.png);
height:35px;
}

#dictionarylist #container #contents,
#dictionaryres #container #contents{
height:auto;
}

#dictionarylist #container #pathlist,
#dictionaryres #container #pathlist{
padding-bottom:0;
}

#dictionaryres h1{
font-size:2.5em;
margin-top:-12px;
}

#dictionarylist h1{
font-size:2.5em;
margin-top:-12px;
margin-left:-10px;
}

#dictionarylist h2{
padding-top:45px;
text-align:center;
}

#gosearch{
padding:15px 0 30px 155px;
}

	#gosearch li{
	float:left;
	width:280px;
	height:50px;
	margin-right:10px;
	}
	
		#gosearch li a{
		display:block;
		width:280px;
		height:50px;
		background:no-repeat left bottom;
		text-indent:-9999px;
		overflow:hidden;
		}
		
		#gosearch li a:hover{
		background-position:top;}
	
		#dictionarylist #gosearch01 a{background-image:url(../img/dic_gosearch01.gif);}
		#dictionarylist #gosearch02 a{background-image:url(../img/dic_gosearch02.gif);}
		#dictionarylist #gosearch03 a{background-image:url(../img/dic_gosearch03.gif);}

/*search01*/

#dictionarylist #search01 form{
margin:10px 0 20px 0px;
}

#dictionarylist #search01 #resulttext{
padding-left:70px;
background:url(../img/dic_search01_list_rtxt.gif) no-repeat left top;
}

	#resulttext h2{
	padding:0;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	}

	#resulttext .result{
	font-size:1.167em;
	padding-bottom:0.75em;
	}
	
		#resulttext .result strong{
		font-size:24px;
		font-weight:normal;
		padding:0 0.5em;
		}

#dictionarylist #searchtoggle{
text-align:right;
height:25px;
}

	#searchtoggle a{
	line-height:25px;
	padding:0.5em 0 0.5em 30px;
	background:no-repeat left center;
	text-decoration:underline;
	}
	
	#searchtoggle .pop{
	background-image:url(../img/dic_search01_list_pop.gif);
	}
	
	#searchtoggle .gojyu{
	background-image:url(../img/dic_search01_list_gojyu.gif);
	}
	
#dictionarylist #contents #resultlist{
margin-left:-20px;
}

.listerr{
  text-align:center;
  padding-top:40px;
}

#resultlist li{
float:left;
width:280px;
height:125px;
padding-top:15px;
background:url(../img/dic_resultlist_list.gif) no-repeat left bottom;
margin-left:20px;
_display:inline;
}

#resultlist li.pop{background-image:url(../img/dic_resultlist_pop.gif);}

	#resultlist li h3{
	width:220px;
	height:52px;
	padding:20px 0 0 60px;
	font-size:14px;
	line-height:20px;
	color:#A184CE;
	overflow:hidden;
	}
	
	#resultlist li img{
	float:left;
	border:1px solid #eee;
	margin:0 10px 0 60px;
	display:inline;
	}
	
	#resultlist li p{
	padding-right:10px;
	}

/*search02*/

.clist{
  width:975px;
  margin-right:-15px;
  padding-top:10px;
}

.clist li{
  float:left;
}

.cl_eat,
.cl_grow,
.cl_pleay{
  padding-right:15px;
}
.cl_eat,
.cl_eat a,
.cl_grow,
.cl_grow a,
.cl_pleay,
.cl_pleay a{
 display:block;
 width:136px;
 height:66px;
 text-indent:-9999px;
 overflow:hidden;
}
.cl_pleay,
.cl_pleay a{ width:148px;}

.cl_eat a{ background:url(../img/dic_search02_cl_cat01.gif) no-repeat left bottom;}
.cl_grow a{ background:url(../img/dic_search02_cl_cat02.gif) no-repeat left bottom;}
.cl_pleay a{ background:url(../img/dic_search02_cl_cat03.gif) no-repeat left bottom;}
.cl_eat a:hover,
.cl_grow a:hover,
.cl_pleay a:hover{
  background-position:top;
}

#dictionarylist .cslist{
  padding:20px 0;
}

#dictionarylist .cslist h2{
  padding-top:0;
  padding-left:30px;
  text-align:left;
  font-size:24px;
  background:url(../img/dic_search02_list_h2.gif) no-repeat left center;
}

#dictionarylist .cslist h2 span{
  padding-left:20px;
  font-size:12px;
  font-weight:normal;
}

#dictionarylist .cslist #searchtoggle{
  margin-top:-30px;
}

/*search03*/

#cmblist{
  position:relative;
  width:880px;
  margin:15px auto 0 auto;
	background:url(../img/dic_search03_cmblist.gif) no-repeat left top #F6F3F1;
}

  #cmblist p{
    position: absolute;
    left: 0;
    width:156px;
    padding-top:15px;
    padding-left:12px;
  }
  
  #cmblist ul{
    padding:12px 12px 7px 168px;
    width:700px;
    background:url(../img/dic_search03_cmblist_ul.gif) no-repeat left bottom;
  }
  
  #cmblist li{
    float:left;
    padding-left:30px;
    padding-bottom:5px;
  }

#dictionarylist #search03 #resulttext{
  padding-left:70px;
  background:url(../img/dic_search03_list_rtxt.gif) no-repeat left center;
  min-height:70px;
  _height:70px;
  margin-top:20px;
}

#dictionarylist #search03 h2{
float:none;
padding-top:10px;
margin:auto;
cursor:pointer;
width:586px;
height:56px;
background: url(../img/dic_search03_list_h2_open.gif) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

#dictionarylist #search03 h2.open{ background-image:url(../img/dic_search03_list_h2_close.gif); }

#dictionarylist #search03 .searchcolumn{
}

#dictionarylist #search03 .searchcolumn p{
text-align:center;
}

#dictionarylist #subformarea{
display:none;
}


/*大辞典 result*/

#dictionaryres .popicon{
padding-left:70px;
background:url(../img/dic_popicon.gif) no-repeat left bottom;
}

#dictionaryres #datacolumn{
width:880px;
padding:20px 0 30px 0;
}

#datacolumn #mainimg{
float:left;
padding:15px;
background:url(../img/dic_dc_mainimg.gif) no-repeat left top;
}

#datacolumn #maincopy{
float:right;
width:310px;
height:70px;
margin-bottom:22px;
background:url(../img/dic_dc_maincopy.gif) no-repeat left top;
}

	#maincopy p{
	font-size:2em;
	font-weight:bold;
	line-height:32px;
	overflow:hidden;
	}

#datacolumn #shoplink{
float:right;
width:110px;
height:70px;
margin-left:10px;
visibility:hidden;
}

#datacolumn #iconlist{
float:right;
width:428px;
border-top:2px solid #EAF5DF;
border-right:2px solid #EAF5DF;
}

	#datacolumn #iconlist li{
	float:left;
	width:105px;
	height:116px;
	
	border-bottom:2px solid #EAF5DF;
	border-left:2px solid #EAF5DF;
	}

#dictionaryres #datacolumn h2{
float:right;
height:8px;
width:430px;
line-height:0%;
font-size:0%;
text-indent:-9999px;
overflow:hidden;
}

#datacolumn #outline{
float:right;
width:430px;
}

	#datacolumn #outline li{
	height:28px;
	margin-top:2px;
	background:#EFEBE9;
	}
	
	#datacolumn #outline li h3,
	#datacolumn #outline li p{
	display:inline;
	line-height:28px;
	overflow:hidden;
	}
	
#dictionaryres #detail{
width:880px;
}

	#detail li{
	float:left;
	width:270px;
	}
	
	#detail #detail02{
	padding:0 35px;
	}
	
		#detail li h2{
		width:270px;
		height:48px;
		text-indent:-9999px;
		overflow:hidden;
		background:no-repeat left top;
		}
	
		#detail #detail01 h2{background-image:url(../img/dic_detail01_h2.gif);}
		#detail #detail02 h2{background-image:url(../img/dic_detail02_h2.gif);}
		#detail #detail03 h2{background-image:url(../img/dic_detail03_h2.gif);}

#dictionaryres #onepoint{
clear:both;
margin-top:30px;
padding-bottom:15px;
background:url(../img/dic_onepoint_div.gif) no-repeat left bottom;
}

	#onepoint h2{
	line-height:0%;
	font-size:0%;
	text-indent:-9999px;
	overflow:hidden;
	}

	#onepoint div{
	padding:30px 25px 0 360px;
	background:url(../img/dic_onepoint.gif) no-repeat left top;
	min-height:6em;
	height:auto !important;
	height:6em;
	}

#dictionaryres #catlist{
clear:both;
margin-top:40px;
}

	#catlist h2{
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/dic_catlist_h2.gif) no-repeat left top;
	}
	
	#catlist dl{
	padding-left:1.25em;
	}

	#catlist dt{
	clear:both;
	padding-top:15px;
	font-weight:bold;
	padding-left:1.25em;
	margin-left:-1.25em;
	background:url(../img/dic_catlist_dt.gif) no-repeat left 20px;
	}

	#catlist dd{
	float:left;
	}
	
	#catlist a{
	text-decoration:underline;
	}

/*カテゴリ検索結果*/

/*おすすめリスト*/

#recommendarea h2{
  padding:0;
  height:85px;
  text-align:center;
  clear:both;
}

#recommendarea p.copy{
  text-align:center;
  margin-top:-35px;
  padding-bottom:20px;
}

#recommendarea p.copy span{
  font-size:20px;
  margin-right:0.5em;
}

#reclist li{
  float:left;
  width:260px;
  height:375px;
  padding:10px;
  background:no-repeat left top;
}

#reclist li.no1{ background-image:url(../img/dic_reclist_no1.gif); }
#reclist li.no2{ background-image:url(../img/dic_reclist_no2.gif); margin-left:20px; }
#reclist li.no3{ background-image:url(../img/dic_reclist_no3.gif); margin-left:20px; }

#reclist li div{
  padding:18px 0 5px 60px;
}

#reclist li div p{
  line-height:1.5em;
  text-align:left;
  font-size:16px;
  color:#808080;
}

#reclist li img{ border:1px solid #ccc; }

#reclist li p.link{
  text-align:center;
  font-size:12px;
  padding-top:8px;
  width:12em;
  margin:0 auto;
  line-height:1.25em;
}

	#reclist li a{
	text-decoration:underline;
	}

#categoryarea{
  padding-bottom:10px;
}

#categoryarea p{
  text-align:center;
  margin-top:-10px;
  padding-bottom:25px;
}

#categoryarea li{
  font-size:18px;
  height:20px;
  line-height:20px;
  padding-left:20px;
  padding-bottom:20px;
  float:left;
  background:url(../img/dic_maincatlist_li.gif) no-repeat left top;
}
#categoryarea li.sep{ background:none; }

.maincatlist5 li{
	width:156px;
}

.maincatlist4 li{
	width:156px;
}

.maincatlist3 li{
	width:273px;
}

#categoryarea h3{
  font-size:18px;
  padding-top:20px;
  background:url(../img/dic_categoryarea_h3.gif) no-repeat left top;
}

#subcatlist dt{
  clear:both;
  padding-bottom:15px;
}

#subcatlist dd{
  float:left;
  width:156px;
  background:url(../img/dic_maincatlist_li.gif) no-repeat left top;
  padding-left:20px;
  padding-bottom:15px;
}

	#categoryarea a{
	text-decoration:underline;
	}

/****************************************************************************
スタッフブログ　#blog
****************************************************************************/

#blog #container #head{	
background-image:url(../img/blog_head.png);
}

#blog #container #contents{
height:auto;
}


#blog #container #author{
float:left;
width:135px;
}

	#author h2{
	text-align:center;
	height:18px;
	padding:3px 0;
	}
	
	#author ul li{
	width:135px;
	height:105px;
	background:no-repeat left bottom;
	margin-top:5px;
	}
	
		#author ul li:hover{
		background-position:top;
		}

	#author #am01{background-image:url(../img/blog_author_am01.gif);}
	.author8 #am01{background-position:top;}

	#author #am02{background-image:url(../img/blog_author_am02.gif);}
	.author7 #am02{background-position:top;}

	#author #am03{background-image:url(../img/blog_author_am03.gif);}
	.author6 #am03{background-position:top;}

	#author #am04{background-image:url(../img/blog_author_am04.gif);}
	.author4 #am04{background-position:top;}

	#author #am05{background-image:url(../img/blog_author_am05.gif);}
	.author5 #am05{background-position:top;}
	
	#author ul li a{
	display:block;
	width:135px;
	height:105px;
	text-indent:-9999px;
	overflow:hidden;
	}

#blog #container #main{
float:left;
width:500px;
padding:0 35px;
}

#blog #container #main #entrylist{
padding-top:6px;
}

	#entrylist li{
	width:460px;
	height:190px;
	padding:20px 20px 40px 20px;
	background:url(../img/blog_entrylist_li.gif) no-repeat left top;
	}
	
		div.topbox{
		width:460px;
		height:35px;
		margin:0;
		padding:0;
		}
		
			.topbox p{
			float:left;
			height:35px;
			}

				.topbox p.date{
				font-size:14px;
				height:14px;
				line-height:14px;
				padding:18px 0 0 10px;
				}

				.topbox p.categoryicon{
				float:right;
				}
				
					.topbox p.categoryicon img{
					float:left;
					margin-left:10px;
					}
			
	#entrylist li h2{
	width:460px;
	height:35px;
	font-size:18px;
	line-height:35px;
	overflow:hidden;
	padding-bottom:10px;
	}
	
		#entrylist li h2 a{color:#4d4d4d;}
			

	#entrylist li div.imgbox{
	width:148px;
	height:108px;
	border:1px solid #e6e6e6;
	overflow:hidden;
	float:left;
	}
	
		#entrylist li div.imgbox img{
		width:150px;
		}
		
	#entrylist li div.entrybody{
	float:right;
	width:300px;
	height:60px;
	padding-left:10px;
	overflow:hidden;
	}

	#entrylist li p.godetail{
	float:right;
	width:130px;
	height:40px;
	padding-top:10px;
	}
		
		#entrylist li p.godetail a{
		display:block;
		width:130px;
		height:40px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../img/blog_godetail.gif) no-repeat left bottom;
		}
		
		#entrylist li p.godetail a:hover{
		background-position:top;
		}


#blog #container #main #entrybody,
#blog #container #main #comments{
padding-bottom:26px;
margin-bottom:20px;
background:url(../img/blog_line.gif) no-repeat left bottom;
}

	#entrybody h2{
	font-size:24px;
	line-height:1.25em;
	padding:5px 0 10px 0;
	background:url(../img/blog_line.gif) no-repeat left bottom;
	}

	#entrybody div.entrybody,
	#entrybody div.entrymore{
	padding-top:1em;
	}

	#comments dt{
	color:#669933;
	padding:1.5em 0;
	}

	#comments p.right{
	padding-top:0.5em;
	text-align:right;
	}
	
#blog #container #main #commentadd{}

	#commentadd h3{
	padding-bottom:20px;
	}
	
	#commentadd form table{
	border:none;
	}
	
		#commentadd form table th,
		#commentadd form table td{
		vertical-align:top;
		padding:0;
		background:none;
		padding-bottom:20px;
		border:none;
		}
		
		#commentadd form table td input,	
		#commentadd form table td textarea{
		width:313px;
		}
		
		#commentadd div.btnbox{
		width:500px;
		height:65px;
		padding-top:10px;
		}

		#commentadd .btnbox button.submit,
		#commentadd .btnbox button.check{
		margin-left:85px;
		}

		#commentadd .btnbox button.back{
		margin-left:150px;
		}


#blog #container #side{
float:left;
width:175px;
padding-top:45px;
background:url(../img/blog_side.gif) no-repeat left top;
}

	#side div{
	background:url(../img/blog_side_div.gif) repeat-y left top;
	padding-bottom:20px;
	}
	
	#side #archive{
	padding-bottom:0;
	}
	
		#side div h2{
		height:55px;
		padding:0 15px 15px 17px;
		text-indent:-9999px;
		overflow:hidden;
		background:no-repeat 17px 0px;
		}
		
		#side #newentry h2{background-image:url(../img/blog_side_newentry_h2.gif);}
		#side #category h2{background-image:url(../img/blog_side_category_h2.gif); padding-bottom:0px;}
		#side #archive h2{background-image:url(../img/blog_side_archive_h2.gif); padding-bottom:5px;}
		
		#side div ul{
		padding:0 9px 30px 17px;
		background:url(../img/blog_side_div_ul.gif) no-repeat left bottom;
		}
	
		#side #archive ul{
		padding-bottom:20px;
		background:url(../img/blog_side_archive.gif) no-repeat left bottom;
		}
	
			#side div ul li{
			line-height:20px;
			}

			#side div ul li a{
			color:#4d4d4d;
			}
			
				#side #newentry ul li{
				padding-left:1em;
				background:url(../img/blog_side_newentry_li.gif) no-repeat left top;
				}
					
				#side #category ul li{
				width:149px;
				height:60px;
				margin-top:5px;
				}
				
					#side #category ul li a{
					display:block;
					width:149px;
					height:60px;
					background:no-repeat left bottom;
					text-indent:-9999px;
					overflow:hidden;
					}
					
					#side #category ul li a:hover{
					background-position:top;
					}
					
					#side #category #cm01 a{background-image:url(../img/blog_side_category_cm01.gif);}
					#side #category #cm02 a{background-image:url(../img/blog_side_category_cm02.gif);}
					#side #category #cm03 a{background-image:url(../img/blog_side_category_cm03.gif);}
				
				#side #archive ul li{
				padding-left:25px;
				}
				
					#side #archive ul li ul{
					padding-left:5px;
					padding-bottom:0;
					background:url(../js/images/blank.gif);
					}
					
					#side #archive ul li ul li{
					padding-left:5px;
					padding-bottom:0;
					}

/****************************************************************************
ハーブスマイルって？　#aboutus
****************************************************************************/

#aboutus #container #head{
background-image:url(../img/aboutus_head.png);
}

/****************************************************************************
ハーブレッスン　#lesson
****************************************************************************/

#lesson #container #head{
background-image:url(../img/lesson_head.png);
}


/****************************************************************************
コンタクト　#contact
プライバシーポリシー　#privacy
サイトマップ　#sitemap
****************************************************************************/

#contact #container #head{
/*SSLに対応*/
background-image:url(../img/contact_head.png);
}

#privacy #container #head,
#sitemap #container #head{
background-image:url(../img/privacy_head.png);
}

#contact #container #contents,
#privacy #container #contents{
height:auto;
}

#contact #column,
#privacy #column,
#sitemap #column{
background:url(../img/contact_column.gif) no-repeat right 40px;
min-height:250px;
_height:250px;
}

	#privacy #column h2{
	margin:40px 0 10px 0;
	font-size:1.5em;
	padding-left:25px;
	background:url(../img/privacy_column_h2.gif) no-repeat left 50%;
	}


/****************************************************************************
イベント　#event
****************************************************************************/

#event #container #head{
background-image:url(../img/event_head.png);
}

#event #container #contents{
height:auto;
}

#eventbody{
float:left;
width:670px;
}

	#newtab,
	#oldtab{
	width:670px;
	height:45px;
	background:no-repeat left top;
	}

	#newtab{background-image:url(../img/event_tab_new.gif);}
	#oldtab{background-image:url(../img/event_tab_old.gif);}

	#newtab h2,
	#oldtab h2{
	height:0%;
	line-height:0%;
	font-size:0%;
	text-indent:-9999px;
	overflow:hidden;
	}
	
	#newtab p,
	#oldtab p{
	width:238px;
	height:37px;
	padding:8px 0 0 96px;
	background:url(../img/event_tab_new_p.gif) no-repeat right bottom;
	}
	
	#oldtab p{
	padding:8px 0 0 340px;
	background:url(../img/event_tab_old_p.gif) no-repeat right bottom;
	}
	
	#newtab p:hover,
	#oldtab p:hover{
	background:none;
	}

	#newtab p a,
	#oldtab p a{
	display:block;
	width:238px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	}

#eventbody #eventlist{}

#eventlist li{
width:630px;
height:120px;
padding:15px 20px;
background:url(../img/event_eventlist_li.gif) no-repeat left top;
margin-top:30px;
}

	#eventlist li img.mainimg{
	float:left;
	width:108px;
	height:108px;
	border:1px solid #e6e6e6;
	margin-top:5px;
	margin-right:20px;
	}
	
	#eventlist li div{
	float:left;
	width:340px;
	margin-top:5px;
	}
	
		#eventlist li div h3{
		font-size:1.5em;
		}
		
		#eventlist li div p{
		line-height:1.25em;
		padding-top:0.5em;
		}
		
	#eventlist li p.eventicon{
	float:right;
	width:160px;
	height:35px;
	text-align:right;
	}
		
		#eventlist li p.eventicon img{
		margin-left:5px;
		}
		
	#eventlist li p.godetail{
	float:right;
	width:160px;
	height:45px;
	padding-top:30px;
	}
		
		#eventlist li p.godetail a{
		display:block;
		width:160px;
		height:45px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../img/event_godetail.gif) no-repeat left bottom;
		}
		
		#eventlist li p.godetail a:hover{
		background-position:top;
		}

#eventbody p.noentry{
width:670px;
height:70px;
margin:30px auto;
background:url(../img/event_noentry.gif) no-repeat center top;
text-indent:-9999px;
overflow:hidden;
}

#eventmenu{
float:right;
width:150px;
height:250px;
padding:40px 10px 0 15px;
background:url(../img/event_eventmenu.png) no-repeat left top;
}

	#eventmenu h2{
	width:150px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/event_eventmenu_h2.png) no-repeat left top;
	}
	
	#eventmenu ul li{
	width:150px;
	height:60px;
	background:no-repeat left bottom;
	}
	
	#eventmenu #em01{background-image:url(../img/em01.png);}
	#eventmenu #em02{background-image:url(../img/em02.png);}
	#eventmenu #em03{background-image:url(../img/em03.png);}

	#eventmenu ul li:hover{
	background-position:top;
	}
	
	#eventmenu ul li a{
	display:block;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	}

/*詳細*/

#eventbody h1{
font-size:2em;
padding:10px 0 15px 0;
background:url(../img/event_eventbody_h1.gif) no-repeat left bottom;
margin-bottom:15px;
}

#eventbody table{
width:460px;
float:left;
}

#eventbody table th{
width:3em;
text-align:center;
}

#eventbody #eventmap{
float:right;
width:180px;
}

	#eventmap #gmap{
	width:180px;
	height:180px;
	margin-bottom:0.5em;
	}

#eventbody #eventdetail{
clear:both;
padding:30px 0;
}

#eventdetail img.mainimg{
float:left;
margin-right:20px;
margin-bottom:1em;
border:1px solid #e6e6e6;
}

#eventbody div.menu{
clear:both;
width:550px;
height:60px;
padding:0 60px;
}

#eventbody div.menu p{
height:60px;
}

#eventbody div.menu p a{
display:block;
height:60px;
text-indent:-9999px;
overflow:hidden;
background:no-repeat left bottom;
}

#eventbody div.menu p a:hover{
background-position:top;
}

#eventbody div.menu p.back{
float:left;
}

#eventbody div.menu p.back a{
width:200px;
background-image:url(../img/event_eventbody_back.gif);
}

#eventbody div.menu p.add{
float:right;
}

#eventbody div.menu p.add a{
width:330px;
background-image:url(../img/event_eventbody_add.gif);
}


#eventbody div.menu p.add{}

#detailmenu{
float:right;
width:175px;
}

	#detailmenu h2{
	height:0%;
	text-indent:-9999px;
	overflow:hidden;
	}

	#detailmenu ul li{
	width:175px;
	height:165px;
	background:no-repeat left bottom;
	margin-bottom:15px;
	}
	
	#detailmenu #em04{background-image:url(../img/em04.gif);}
	#detailmenu #em04e{background-image:url(../img/em04e.gif);}
	#detailmenu #em05{background-image:url(../img/em05.gif);}

	#detailmenu ul li:hover{
	background-position:top;
	}
	
	#detailmenu ul li a,
	#detailmenu ul li span{
	display:block;
	height:165px;
	text-indent:-9999px;
	overflow:hidden;
	}

/*申し込みフォーム*/

#event #column{
background:url(../img/event_eventform.gif) no-repeat right 53px;
min-height:250px;
_height:250px;
}

	#event #column h1{
	font-size:2em;
	padding:10px 0 15px 0;
	background:url(../img/event_eventbody_h1.gif) no-repeat left bottom;
	margin-bottom:15px;
	}

/****************************************************************************
トップページ　#home
****************************************************************************/

#home h1{
text-indent:-9999px;
overflow:hidden;
line-height:0%;
height:0%;
font-size:0%;
}

#home #container{
width:1030px;
height:auto;
margin:-50px auto 0 auto;
padding:0 0 100px 70px;
background:url(../img/01home_container.png) no-repeat 170px 70px;
}

	*+html body#home #container{margin-top:-40px; background-position:160px 70px;}
	* html body#home #container{margin-top:-40px; background-position:160px 70px;}

/*イベント*/

#home #container #eventbox{
float:left;
width:210px;
background:url(../img/eventbox.png) no-repeat center top;
}

	#eventbox h2,
	#eventbox p.copy{
	height:200px;
	text-indent:-9999px;
	overflow:hidden;
	}
	
	#eventbox p.copy{
	height:20px;
	}

	#eventbox #eventlist{
	width:170px;
	padding:15px 20px 15px 20px;
	background:url(../img/eventbox_div.png) no-repeat center bottom;
	}
	
	#eventbox dd{
	padding-bottom:15px;
	}
	
	#eventbox p.link{
	width:170px;
	height:30px;
	}

	#eventbox p.link a{
	display:block;
	width:170px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/01eventbox_link.png) no-repeat left bottom;
	}

	* html body #eventbox p.link a{
	background-image:url(../img/01eventbox_link.gif);
	}
	
	#eventbox p.link a:hover{
	background-position:left top;
	}
	

/*ニュース*/

#home #container #newsbox{
float:right;
width:820px;
height:50px;
background:url(../img/newsbox.png) no-repeat left top;
}

	#newsbox h2{
	float:left;
	width:165px;
	height:50px;
	}
	
	#newsbox h2 span{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
	
	#newsbox ul{
	float:left;
	width:585px;
	height:20px;
	padding:15px 0;
	}
	
	#newsbox ul li{
	height:20px;
	line-height:20px;
	}
	
	#newsbox ul li span{
	padding-right:0.5em;
	}
	
	#newsbox ul li a{
	color:#4d4d4d;
	}

/*コンテンツ*/

#home #container #contents{
width:820px;
height:auto;
padding:0;
margin:0;
background:none;
float:right;
}

	#home #container #contents h2 span,
	#home #container #contents p.copy{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0%;
	height:0%;
	}
	
	#home #container #contents p.btn{
	width:75px;
	height:75px;
	}
	
	#home #container #contents p.btn a{
	display:block;
	width:75px;
	height:75px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/01go.png) no-repeat left bottom;
	}

	#home #container #contents p.btn a:hover{
	background-position:left top;
	}


div#searchbox{
float:left;
width:250px;
padding-top:55px;
_padding-top:35px;
}

	#searchbox h2{
	height:40px;
	width:80px;
	padding-left:120px;
	}
	
	#searchbox p.btn{
	margin-top:105px;
	margin-left:155px;
	_margin-top:95px;
	}
	
		/*検索*/	
		#searchform{
		width:190px;
		height:24px;
		background:url(../img/searchform.png) no-repeat left top;
		margin-left:22px;
		margin-top:28px;
		_margin-top:20px;
		}
		
		#searchform #search{
		float: left;
		padding: 0;
		margin: 4px 0 0 30px;
		border: 0;
		width: 102px;
		background: none;
		color:#B3B3B3;
		}
		
		*+html body #searchform #search{margin: -3px 0 0 30px;}
		* html body #searchform #search{margin: -3px 0 0 30px;}
		
		#searchform button{
		float:right;
		width:52px;
		height:24px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../img/searchform_button.png) no-repeat left bottom;
		}
	
		#searchform button:hover{
		background-position:top;
		}
	
	#searchbox #ant{
	width:95px;
	height:30px;
	padding-top:15px;
	padding-left:30px;
	}

#lessonbox{
float:left;
height:260px;
padding-top:130px;
_padding-top:110px;
}

	#lessonbox h2{
	width:37px;
	height:42px;
	padding-left:420px;
	}
	
	#lessonbox p.btn{
	margin-top:30px;
	margin-left:395px;
	_margin-top:15px;
	}

	#lessonbox #mov{
	width:100px;
	height:100px;
	margin-top:-20px;
	margin-left:113px;
	}
	
	#lessonbox #butterfly{
	width:65px;
	height:65px;
	margin-top:-65px;
	margin-left:330px;
	}

#backimg{
clear:both;
width:1030px;
height:460px;
background:url(../img/backimg.gif) no-repeat center bottom;
margin-bottom:30px;
}