@charset "Shift_JIS";


/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
p, {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height:170%;
}

table, caption, th, td {
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}


span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*bodyのスタイル*/


body {
	font-size:small;
	line-height:1.5;
	background:#EEEBE0;		
}

a {
	color:;
	text-decoration: underline;
}

a:hover {
	color:;
	text-decoration: underline;
}

/*containerのスタイル*/

div#container {
	width:870px;
	margin:auto;
	padding:10px 0 0;
	color:#000;
	background:#FFF;
	position:relative;	
}

/*headerのスタイル*/

div#header {
	width:848px;
	margin:0 auto;
	padding:0;
	border:1px solid #000;
	background:#FFF url(../../images/header_bg.jpg) top right no-repeat;	
}

div#header h1 {
	font-size:small;
	position:absolute;
	left: 210px;
	top: 35px;
}


/*wrapperのスタイル*/

div#wrapper {
	clear:both;
	width:850px;
	margin:0 auto;
	background:url(../../images/side_bg.jpg) left top repeat-y;
}

/*mainのスタイル*/

div#main {
	float:right;
	width:670px;	
	margin:0;
}

/*sideのスタイル*/

div#side {
	float:left;
	width:180px;
	margin:20px 0 0;
	padding:0 0 10px;
}

div#side ul {
	list-style-type: none;
}

div#side ul li {
	margin:0 0 6px;
	line-height: 0;
    font-size: 1px;
	}

div#side ul li a {
	background:#FFF;
	display:block;
	zoom: 1;
	}
	
div#side ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	}	


/*footerのスタイル*/

div#footer {
	clear:both;
	width:870px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:x-small;
	line-height:1.8;
	color:#999999;
	background:#8BC568;	
}

div#footer address {
	margin:0 auto;
	padding:10px;
	text-align:right;
	font-size:small;
	line-height:1.6;
	color:#FFF;
}

/* clearfix */
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

* html .clearfix { /* IE6にのみ適用 */
	height:1%;
}

*+html .clearfix { /* IE7にのみ適用 */
	display:inline-block;
}


/* イメージの隙間 */
img {
	vertical-align:top;
	}

/* テーブルの隙間 */
table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
	
.left {
	float:left;
}

.right {
	float:right;
}

#img_right {
	float:right;
	margin-right:77px;
}


/* リンク画像の明度を上げる */

a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	}	
	
/* リンクテキストの色指定 */	
.green {
	color:#099;
	font-weight:bold;
	}

a.green {
	color:#33CC66;
	}

a.green:hover {
	color:#B5FFB5;
	}

/*--------------------------------------------------------------------
index.html
トップページ
--------------------------------------------------------------------*/

/*メインイメージ*/
div#index div#visual {
	margin:20px 0;
	text-align:center;
}

div#index div#top_logo {
	margin:20px 0;
	text-align:center;
}

div#index div.banner {
	margin:20px 0;
	text-align:center;
}

/*取扱商品一覧テーブル*/

div#products {
	margin:0 18px 30px;
}

div#products table {
	border:solid 1px #999; 
	}

div#products table th {
	padding:2px;
	border:solid 1px #999; 
	}

div#products table td {
	padding:7px;
	font-size:11px;
	line-height: 150%;
	border:solid 1px #999; 
	}

	
/*会社案内テーブル*/

div#kaisha {
	margin:0 50px 30px;
}

div#kaisha table {
	border:solid 1px #999; 
	}

div#kaisha table th {
	padding:2px;
	border:solid 1px #999; 
	}

div#kaisha table td {
	padding:7px;
	font-size:13px;
	line-height: 170%;
	border:solid 1px #999; 
	}
	
/*土の力を発揮する　悪循環図*/
div#akujyunkan {
	margin:0 0 15px;
	text-align:center;
}

/*木酢液って何？*/
h2{
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	font-weight:200;
	font-size: 130%;
}

/*入浴剤ハッピー*/
div#table1 {
	margin:20px 40px;
}
div#table2 {
	margin:0 40px;
}
div#table1 td {
	padding:3px;
	font-size: 12px; 
	}
div#table2 td {
	padding:3px;
	font-size: 12px; 
	}
div#table1 th {
	padding:3px;
	font-size: 12px; 
	}
div#table2 th {
	padding:3px;
	font-size: 12px; 
	}
	
	
div#table3 {
	margin:20px 40px;
}
div#table4 {
	margin:0 40px 10px;
}
div#table3 td {
	padding:3px;
	font-size: 12px; 
	}
div#table4 td {
	padding:3px;
	font-size: 12px; 
	}
div#table3 th {
	padding:3px;
	font-size: 12px; 
	}
div#table4 th {
	padding:3px;
	font-size: 12px; 
	}
	
div#table5 {
	margin:5px 40px 20px;
}
div#table5 td {
	padding:3px;
	font-size: 12px; 
	line-height: 170%;
	}
div#table5 th {
	padding:3px;
	font-size: 12px; 
	line-height: 170%;
	}
	
/*有機肥料*/
div#table6 {
	margin:5px 40px 20px;
}
div#table6 td {
	padding:3px;
	font-size: 12px; 
	line-height: 170%;
	}
div#table6 th {
	padding:3px;
	font-size: 12px; 
	line-height: 170%;
	}
	
div#kirameki {
	background-image:url(../../images/yuukihiryou_img/kirameki.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}
div#kagayaki {
	background-image:url(../../images/yuukihiryou_img/kagayaki.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}
	
/*re液*/
div#re01 {
	background-image:url(../../images/reeki_img/reeki20.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}
div#re02 {
	background-image:
	url(../../images/reeki_img/ushi.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}
div#re03 {
	background-image:
	url(../../images/reeki_img/sanpu.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}
	
/*木酢液って何？*/
div#table7 {
	margin:5px 115px 80px;
}
div#table7 td {
	padding:3px;
	font-size: 12px; 
	line-height: 170%;
	}
div#table7 th {
	padding:3px;
	font-size: 12px; 
	line-height: 170%;
	}