@charset "UTF-8";

/* www.komeya-nouen.com トップページ用スタイル */

/* -----
div#mai：メインエリア
----- */
#main {
	background: url("../img/home_bg_main.jpg") 0 1px no-repeat;
}


/* -----
p#read_text：リードテキスト
----- */
#contents_area {
	position: relative;
}

	p#read_text {
		position: absolute;
		top: 851px;
		left: 0;
	}


/* -----
div.item_row：２段組み用コンテナ
----- */
/* clear fix */
.item_row:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.item_row { display: inline-table;}
/* Hides from IE-mac \*/
* html .item_row { height: 1%;}
.item_row { display: block;}
/* End hide from IE-mac */
/* End clear fix */

	.item_row .item {
		width: 415px;
	}


/* -----
div.item：メニュー別アイテム
----- */
.item {
}

	/* .item_header：コンテナの見出し部分 */
	.item_header {
		height: 50px;
		padding-right: 5px;
		background-position: left top;
		background-repeat: no-repeat;
		color: #fff;
	}

		/* 見出し */
		.item_header h2 {
			position: absolute;
			left: -9999px;
		}

		/* 概要 */
		.item_header p {
			display: table-cell;
			height: 50px;
			vertical-align: middle;
			line-height: 1.25;
		}

		/* for IE */
		* html .item_header {
			height: 40px;
			padding: 5px 0;/*\*/
			overflow: hidden;/**/
		}
			* html .item_header p {
				height: 40px;
			}

	/* div.item_body：コンテナの内容部分 */
	.item_body {
		padding: 20px 10px;
		line-height: 1.4;
	}

		/* div.entry：各エントリーのコンテナ */
		.item_body .entry {
			margin-bottom: 10px;
		}
		/* clear fix */
		.item_body .entry:after {
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0;
		}
		.item_body .entry { display: inline-table;}
		/* Hides from IE-mac \*/
		* html .item_body .entry { height: 1%;}
		.item_body .entry { display: block;}
		/* End hide from IE-mac */
		/* End clear fix */

			/* div.entry_text：各エントリーのテキスト部分 */
			.entry .entry_text {
				float: none;
				width: 660px;
			}
			
			.entry .entry_text2226 {
				float: right;
				width: 660px;
			}

				/* 各エントリーの見出し */
				.entry_text h3 {
					font-size: 190%;
					font-weight: bold;
					letter-spacing: .25em;
				}

				/* 各エントリーの本文 */
				.entry_text div {
					margin-top: .5em;
				}

				/* 詳細へのリンク */
				a.entry_more {
					display: block;
					margin-top: 1em;
					text-align: right;
				}

			/* 各エントリーの写真 */
			.entry img {
				float: none;
			}


/* -----
div#tree：［樹木のあれこれ］コンテナ
div#photo：［この木なんの木？］コンテナ
----- */
#tree,
#photo {
	width: 680px;
	margin-left: 180px;
}	

#photo {
	margin-bottom: 40px;
}

	/* div.item_header：コンテナの見出し部分 */
	#tree .item_header,
	#photo .item_header {
		background-color: #48054a;
		padding-left: 165px;
		}
	#tree .item_header { background-image: url("../img/home_title_tree.gif");}
	#photo .item_header { background-image: url("../img/home_title_photo.gif");}

	/* div.item_body：コンテナの内容部分 */
	#tree .item_body,
	#photo .item_body {
		padding-bottom: 10px;
		border: 1px solid #ebe2e6;
		border-top: none;
		background: #fbf7fb;
	}
	#tree .item_body { border-bottom: none;}


/* -----
div#faq：［よくある質問］コンテナ
div#member：［会員限定］コンテナ
div#contact：［来園予約］コンテナ
div#map：［農園までのご案内］コンテナ
----- */
#faq,
#contact { float: left;}
#member,
#map { float: right;}

	/* div.item_header：コンテナの見出し部分 */
	#faq .item_header {
		padding-left: 140px;
		background-color: #627c14;
		background-image: url("../img/home_title_faq.gif");
	}
	#member .item_header {
		padding-left: 180px;
		background-color: #136387;
		background-image: url("../img/home_title_member.gif");
	}
	#contact .item_header {
		padding-left: 140px;
		background-color: #850742;
		background-image: url("../img/home_title_contact.gif");
	}
	#map .item_header {
		padding-left: 140px;
		background-color: #850742;
		background-image: url("../img/home_title_map.gif");
	}

	/* div.item_body：コンテナの内容部分 */
	#faq .item_body,
	#member .item_body,
	#contact .item_body,
	#map .item_body{
		margin-bottom: 30px;
		border: 1px solid #ebe2e6;
		border-top: none;
		background: #f9fbf7;
	}

		/* 質問 */
		#faq .item_body ul {
			padding-left: 1.5em;
		}

			#faq .item_body li {
				margin-bottom: .5em;
			}
