@charset "UTF-8";

/* www.komeya-nouen.com レイアウト用スタイル */


/* -----
ブラウザ固有のHTML要素に対するスタイルを初期化
----- */
body,
h1,h2,h3,h4,h5,h6,
ol,ul,li,
dl,dt,dd,
form,p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

img,
object,
param {
	border: none;
	vertical-align: bottom;
}


/* -----
 HTML要素
----- */
body {
	background: #e8e8e8;
	text-align: center;
}

a:link { color: #981f66; text-decoration: underline;}
a:visited { color: #981f66; text-decoration: underline;}
a:hover { color: #00f; text-decoration: none;}
a:active { color: #00f; text-decoration: none;}

input,
textarea {
	margin: 0;
	font-size: 100%;
	line-height: 1.2;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

/* 必要に応じて追加する
strong {}
em {}
blockquote {}
*/


/* -----
 div#wrapper：全体を囲むボックス
----- */
#wrapper {
	width: 910px;
	margin: 0 auto;
	text-align: left;
	background: #fff url("../img/bg_wrapper.gif") left top repeat-y;
	color: #444;
	font-size: .83em;/* <-- */
}


/* -----
 h1#header：ヘッダー
----- */
#header {
	width: 900px;
	height: 123px;
	margin-left: 5px;
}


/* -----
 ul#global_navi：グローバルナビゲーション
----- */
#global_navi {
	width: 900px;
	height: 100px;
	margin-left: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d1bbc5;
}

/* clear fix */
#global_navi:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
#global_navi { display: inline-table;}
/* Hides from IE-mac \*/
* html #global_navi { height: 1%;}
#global_navi { display: block;}
/* End hide from IE-mac */
/* End clear fix */

	/* ul#global_navi li：グローバルナビ 各項目 */
	#global_navi li {
		float: left;
		list-style: none;
		width: 100px;
		height: 100px;
	}

		#global_navi li a {
			display: block;
			width: 100px;
			height: 100px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}

		#global_navi li a:hover {
			background-position: 0 -100px;
		}

		/* グローバルナビ画像 */
		#global_navi li.tree a { background-image: url("../img/gnavi_tree.gif");}
		#global_navi li.photo a { background-image: url("../img/gnavi_photo.gif");}
		#global_navi li.recommend a { background-image: url("../img/gnavi_recommend.gif");}
		#global_navi li.link a { background-image: url("../img/gnavi_link.gif");}
		#global_navi li.faq a { background-image: url("../img/gnavi_faq.gif");}
		#global_navi li.intro a { background-image: url("../img/gnavi_intro.gif");}
		#global_navi li.map a { background-image: url("../img/gnavi_map.gif");}
		#global_navi li.contact a { background-image: url("../img/gnavi_contact.gif");}
		#global_navi li.member a { background-image: url("../img/gnavi_member.gif");}

		/* グローバルナビ画像 - ページ毎の設定 */
		body.tree #global_navi li.tree a { background-image: url("../img/gnavi_tree.gif");}
		body.photo #global_navi li.photo a { background-image: url("../img/gnavi_photo.gif");}
		body.recommend #global_navi li.recommend a { background-image: url("../img/gnavi_recommend.gif");}
		body.link #global_navi li.link a { background-image: url("../img/gnavi_link.gif");}
		body.faq #global_navi li.faq a { background-image: url("../img/gnavi_faq.gif");}
		body.intro #global_navi li.intro a { background-image: url("../img/gnavi_intro.gif");}
		body.map #global_navi li.map a { background-image: url("../img/gnavi_map.gif");}
		body.contact #global_navi li.contact a { background-image: url("../img/gnavi_contact.gif");}
		body.member #global_navi li.member a { background-image: url("../img/gnavi_member.gif");}

		body.tree #global_navi li.tree a,
		body.photo #global_navi li.photo a,
		body.recommend #global_navi li.recommend a,
		body.link #global_navi li.link a,
		body.faq #global_navi li.faq a,
		body.intro #global_navi li.intro a,
		body.map #global_navi li.map a,
		body.contact #global_navi li.contact a,
		body.member #global_navi li.member a { background-position: 0 -100px;}


/* -----
 div#main：メインエリア
----- */
#main {
	width: 900px;
	margin-left: 5px;
	padding-top: 30px;
	padding-bottom: 50px;
}
	/* clear fix */
	#main:after {
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
	}
	#main { display: inline-table;}
	/* Hides from IE-mac \*/
	* html #main { height: 1%;}
	#main { display: block;}
	/* End hide from IE-mac */
	/* End clear fix */


/* -----
 div#contents_area：コンテンツエリア
----- */
/* div#main（メインエリア）内が１段組みの場合 ----- */
#contents_area {
	width: 860px;
	margin-left: 20px;
}

	/* div.entry：エントリー１件分のコンテナ */
	.entry {
		margin-bottom: 20px;
	}

/* div#main（メインエリア）内が１段組みの場合
	*body#link_entry：造園うで自慢エントリーページ（/link/entry.html） ----- */
body#link_entry #contents_area {
	width: 880px;
}

/* div#main（メインエリア）内が２段組みの場合 ----- */
/*樹木のあれこれ*/body#tree_index #contents_area,
/*気になる木*/body#recommend_index #contents_area,
/*よくある質問*/body#faq_index #contents_area,
/*業者限定*/body#komeyamember_index #contents_area {
	float: left;
	width: 690px;
	margin-left: 0;
}

	/* div.entry：エントリー１件分のコンテナ */
	/*樹木のあれこれ*/body#tree_index .entry,
	/*気になる木*/body#recommend_index .entry,
	/*よくある質問*/body#faq_index .entry,
	/*業者限定*/body#komeyamember_index .entry {
		width: 660px;
		margin: 0 0 20px 20px;
	}

/* div.entry内部の要素のスタイルは [style.css]を参照 */

/* div.link_otherpage：他のページへのリンクエリア、ボタン
	*米屋農園紹介（/intro/index.html）
	*会社概要（/company/index.html） */
.link_otherpage {
	padding-bottom: 10px;
	border: 1px solid #afafaf;
	text-align: center;
}

	.link_otherpage p {
		margin: .5em 0;
	}


/* -----
 div#side_area：サイドエリア
----- */
#side_area {
	float: right;
	width: 200px;
}

	/* div.local_navi：ローカルナビゲーション１項目分のボックス */
	.local_navi {
		width: 195px;
		margin-bottom: 20px;
	}

		.local_navi li {
			list-style: none;
			margin-top: 1px;
			background: url("../img/lnavi_li.gif") 4px 50% no-repeat;
			border-bottom: 1px solid #ebe2e6;
			border-left: 1px solid #ebe2e6;
		}

			.local_navi li a {
				display: block;
				padding: .25em 0 .25em 15px;
			}


/* -----
 div#footer：フッター
----- */
#footer {
	width: 900px;
	margin-left: 5px;
	border-top: 2px solid #48054a;
}

	/* ul#footer_navi：フッターナビゲーション */
	#footer_navi {
		padding-top: .5em;
		text-align: right;
	}

		#footer_navi li {
			display: inline;
		}

			#footer_navi li a {
				padding: 0 .5em;
			}

	/* (c)Copyright */
	#footer p {
		padding-bottom: 20px;
		padding-left: 20px;
	}