@charset "utf-8";

/****************************************************************************
スイートバジルの育て方　#mov
****************************************************************************/

#mov h2{
width:356px;
height:85px;
margin:0 auto;
background-image:url(img/mov_title.gif);
}

#commentary{
}

#mov #contents{
padding-bottom:10px;
}

#mov #contents dl{
width:486px;
margin:0 auto;
padding-bottom:2.3em;
}

	#mov #contents dl dt{
	padding-top:2.3em;
	float:left;
	clear:both;
	width:24px;
	line-height:2.3em;
	}

	#mov #contents dl dd{
	padding-top:2.3em;
	margin-left:30px;
	line-height:2.3em;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
	#mov #contents dl dd p{
	line-height:2.3em;
	}
	
	#mov #contents dl dd img{
	margin-top:1em;
	}


#mov #contents ul{
width:486px;
margin:0 auto;
padding-bottom:2.3em;
}

	#mov #contents ul li{
	padding-top:2.3em;
	line-height:2.3em;
	text-align:center;
	}

	#mov #contents ul li img{
	margin-top:1em;
	}
	





/*
#commentary p{
text-indent:-1em;
margin-left:1em;
line-height:2.3em;
padding-top:2.3em;
}

#commentary img{
padding-top:1em;
margin:0 auto;
}

#commentary img.sage{
}
*/
/****************************************************************************
ハーブスマイルって？　#about
****************************************************************************/

#about h2{
width:309px;
height:125px;
margin:0 auto;
background-image:url(img/about_title.gif);
}

#about h3{
width:292px;
height:19px;
margin:75px auto 20px auto;
text-indent:-9999px;
overflow:hidden;
background:url(img/about_h3.gif) no-repeat left top;
}

#about #container ul{
width:810px;
margin:0 auto;
padding-bottom:8px;
}

#about #container ul li{
float:left;
width:270px;
text-align:center;
}

/****************************************************************************
スイートバジルの種差し上げます　#basil
****************************************************************************/

#basil h2{
text-indent:0;
text-align:center;
height:80px;
margin:0 auto;
}

#contents{
text-align:center;
line-height:2.3em;
}

#basilform{
width:640px;
margin:0 auto;
padding:35px 0 40px 0;
}
	
#basilform form{
text-align:center;
}

	#basilform th{
	width:170px;
	padding-bottom:20px;
	text-align:left;
	vertical-align:top;
	}

	#basilform td{
	width:470px;
	padding-bottom:20px;
	text-align:left;
	vertical-align:middle;
	}
	
	#basilform td p{
	height:30px;
	line-height:30px;
	}
	
	#basilform td span{
	float:left;
	padding-left:0.5em;
	line-height:30px;
	color:#F49800;
	}
	
	#basilform td p strong{
	font-weight:normal;
	padding-left:0.5em;
	line-height:30px;
	color:#F49800;
	}

#basilform th label{
display:block;
width:160px;
height:30px;
text-indent:-9999px;
overflow:hidden;
background:no-repeat left top;
}

#basilform th#basilform-name label{background-image:url(img/label_name.gif)}
#basilform th#basilform-add label{background-image:url(img/label_add.gif)}
#basilform th#basilform-tel label{background-image:url(img/label_tel.gif)}
#basilform th#basilform-email label{background-image:url(img/label_email.gif)}
#basilform th#basilform-sex label{background-image:url(img/label_sex.gif)}
#basilform th#basilform-age label{background-image:url(img/label_age.gif)}
#basilform th#basilform-com label{background-image:url(img/label_com.gif)}

input#bf_name,
input#addr,
input#bf_tel,
input#bf_email,
#bf_com{
float:left;
width:316px;
}

input#bf_zip{
width:90px;
}

#basilform button{
margin:20px auto 30px auto;
}

#check{background-image:url(img/btn_check.gif);}
#back{background-image:url(img/btn_back.gif);}
#submit{background-image:url(img/btn_submit.gif);}

#basil p.cmp,
#basil p.err{
margin:0 auto;
text-align:center;
}

#basil p.err{
color:#F49800;
}
#basilform td em{
font-style:normal;
line-height:30px;
color:#F49800;
}

/****************************************************************************
スタッフ日記配信中！　#blog
****************************************************************************/

#blog h2{
width:325px;
height:95px;
margin:0 auto 30px auto;
background-image:url(img/blog_title.gif);
}

#blog #main{
}

#blog #main p.date{
text-align:center;
font-size:1.167em;
color:#808080;
}

#blog #main h3{
text-align:center;
font-size:1.667em;
color:#83B850;
margin-bottom:1em;
}

#blog #main div.entrybody{
text-align:center;
line-height:2.3em;
}

#blog #main div.entrybody p{
text-align:center;
line-height:2.3em;
}

#blog #main div.entrybody img{
margin:1em auto;
}

/*ページャ*/
ul#pager{
width:320px;
height:102px;
margin:0 auto;
padding:39px 0;
}

	#pager li{
	float:left;
	width:102px;
	height:102px;
	padding:0 29px;
	}
	
	#pager li a{
	display:block;
	width:102px;
	height:102px;
	text-indent:-9999px;
	overflow:hidden;
	background:no-repeat left bottom;
	}
	
	#pager li a:hover{background-position:top;}
	
	#pager li#prev a{background-image:url(img/prev.gif);}
	#pager li#next a{background-image:url(img/next.gif);}
	
/*archive*/

#archive{
padding-top:39px;
}

#archive h3{
width:94px;
height:19px;
margin:0 auto;
padding-bottom:1em;
text-indent:-9999px;
overflow:hidden;
background:url(img/archive_h3.gif) no-repeat left top;
}

#archive dt,
#archive dd{
text-align:center;
}

#archive dd{
padding-bottom:1em;
}

#archive dd a{
color:#8BBC5A;
}

/*コメント*/
#blog #comment,
#blog #commentform,
#blog #commentmsg{
width:640px;
margin:0 auto;
}

	#blog #comment{padding-top:35px;}
	#blog #commentform{padding-top:20px;}
	#blog #commentmsg{padding-top:35px;}
	
#blog #comment h3,
#blog #commentform h3,
#blog #commentmsg h3{
width:240px;
height:19px;
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
background:url(img/comment_h3.gif) no-repeat center top;
}

	#blog #comment h3{margin-bottom:35px;}
	#blog #commentform h3{
	margin-bottom:20px;
	background-image:url(img/commentform_h3.gif);
	}
	#blog #commentmsg h3{
	margin-bottom:35px;
	background-image:url(img/commentmsg_h3.gif);
	}

#blog #comment dt,
#blog #comment dd p{
text-align:center;
line-height:2.3em;
}

	#blog #comment dt{
	color:#8BBC5A;
	padding-bottom:1em;
	}
	
	#blog #comment dd{
	vertical-align:top;
	padding-bottom:2em;
	}
	
#blog #commentform form{
text-align:center;
}

	#blog #commentform th{
	width:170px;
	padding-bottom:20px;
	text-align:left;
	vertical-align:top;
	}

	#blog #commentform td{
	padding-bottom:20px;
	text-align:left;
	vertical-align:top;
	}
	
	#blog #commentform td span{
	float:left;
	padding-left:0.5em;
	line-height:30px;
	color:#F49800;
	}

#commentform th label{
display:block;
width:160px;
height:30px;
text-indent:-9999px;
overflow:hidden;
background:no-repeat left top;
}

#commentform th#comment-form-name label{background-image:url(img/blog_label_name.gif)}
#commentform th#comment-form-email label{background-image:url(img/blog_label_email.gif)}
#commentform th#comment-form-url label{background-image:url(img/blog_label_url.gif)}
#commentform th#comments-open-text label{background-image:url(img/blog_label_text.gif)}

input#comment-author,
input#comment-email,
input#comment-url,
#comment-text{
float:left;
width:316px;
}

#comment-submit{background-image:url(img/btn_submit.gif);}

#blog #commentmsg p{
text-align:center;
line-height:2.3em;
}

#blog #commentmsg p.err{
color:#F49800;
}

#blog img.emoji{
display:none;
}

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

/*wrap*/
#top #wrap{
margin-bottom:-430px;
}

/*container*/
#top #headcopy{
width:410px;
height:44px;
margin:58px auto auto auto;
text-indent:-9999px;
overflow:hidden;
background:url(img/headcopy.gif) no-repeat center top;
}

#top h1{
width:580px;
height:172px;
margin:0 auto;
background-image:url(img/top_logo.gif);
}

#top #maincopy{
width:410px;
height:90px;
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
background:url(img/maincopy.gif) no-repeat center top;
}

#top ul#mainlist{
width:660px;
height:162px;
margin:0 auto;
}

	#mainlist li{
	float:left;
	width:162px;
	height:162px;
	padding:0 29px;
	}
	
		#mainlist li a{
		display:block;
		width:162px;
		height:162px;
		text-indent:-9999px;
		overflow:hidden;
		background:no-repeat center bottom;
		}
		
		#mainlist li a:hover{
		background-position:top;
		}
		
		#mainlist li#gomov a{ background-image:url(img/gomov.gif);}
		#mainlist li#goabout a{ background-image:url(img/goabout.gif);}
		#mainlist li#goblog a{ background-image:url(img/goblog.gif);}

/*footer*/
#top #footer,
#top .push{height:430px;}

#top #note{
width:410px;
height:65px;
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
background:url(img/note.gif) no-repeat center top;
}

#top #basil{
width:410px;
height:310px;
margin:0 auto;
}

	#top #basil a{
	display:block;
	height:310px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/basil.png) no-repeat center top;
	}

	#basil a:hover{
	/*
	filter: Alpha(opacity=50);
	opacity:0.5;
	*/
	}