@charset "UTF-8";

@import url("http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css");
@import url("http://yui.yahooapis.com/2.8.1/build/fonts/fonts-min.css");

/* TAG			##################################### */

html, body {
	height: 100%;
	margin: 0; padding: 0;
	background: transparent;
}

html { background: #ffffff; }

body {
	font: 13px/1.231 Helvetica,"ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro","Lucida Grande","ＭＳ Ｐゴシック","Osaka",verdana,arial,sans-serif;
	/*font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	*font-size: small; 	/* for Standard conforming mode (Win IE7,Win IE6 )*/
	*font: x-small; 		/* for Rear interchangeable mode (Win IE 5-5.5､6) */
	color: #ffffff;
	text-align: left;
	background: #ffffff;
	line-height: 1.6;
}

table {
	font-size: inherit;		/* for modern browser */
	font: 100%;				/* for Rear interchangeable mode (Win IE 5-5.5､6) */
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%; 	/* for IE whole */
	line-height: 100%;
}

img			{ vertical-align: bottom;}	
strong 		{ font-weight: bold; }
p			{ margin-bottom: 1em;}
object		{ margin: 0; padding: 0; }
a 			{ color: #000000; text-decoration: none; outline: none; }
a:visited 	{ color: #000000; text-decoration: none; outline: none; }
a:hover		{ color: #000000; text-decoration: underline; }
a:active	{ color: #000000; text-decoration: none; outline: none; }

/*
10 	77%
11 	85%
12 	93%		(was 93)
13 	100%
14 	108%	(was 107)
15 	116%	(was 114)
16 	123.1%	(was 122)
17 	131%	(was 129)
18 	138.5%	(was 136)
19 	146.5%	(was 144)
20 	153.9%	(was 152)
21 	161.6%	(was 159)
22 	167%
23 	174%
24 	182%
25 	189%
26 	197%
*/

/* COMMON		##################################### */

html, body {
	background: #ffffff;
	color: #000000;
}
div#container {
}

/* HEADER		##################################### */

div#header {
	position: relative;
	margin-left: 100px;
	width: 940px; height: 190px;
}
	div#header h1 {
		position: absolute;
		top: 18px; left: 0;
	}
		div#header h1 a {
			display: block;
			width: 150px; height: 135px;
			background: url(../images_common/logo_harvesta.gif) top left no-repeat;
			text-indent: -9999px;
		}
	ul#gnav {
		position: absolute;
		top: 35px; left: 320px;
		padding-top: 19px;
		background: url(../images_common/stt_menu.gif) top left no-repeat;
	}
		ul#gnav li {
		}
			ul#gnav li a {
				display: block;
				width: 66px; height: 17px;
				background-image: url(../images_common/g_menu.gif);
				background-repeat: no-repeat;
				text-indent: -9999px;
				* overflow: hidden;
			}
			a#gnav-home {
				background-position: 0 0;
			}
			a#gnav-works {
				background-position: 0 -17px;
			}
			a#gnav-about {
				background-position: 0 -34px;
			}
			a#gnav-blog {
				background-position: 0 -51px;
			}
			a#gnav-lab {
				background-position: 0 -68px;
			}
			a#gnav-contact {
				background-position: 0 -85px;
			}
				a:hover#gnav-home {
					background-position: -66px 0;
				}
				a:hover#gnav-works {
					background-position: -66px -17px;
				}
				a:hover#gnav-about {
					background-position: -66px -34px;
				}
				a:hover#gnav-blog {
					background-position: -66px -51px;
				}
				a:hover#gnav-lab {
					background-position: -66px -68px;
				}
				a:hover#gnav-contact {
					background-position: -66px -85px;
				}
	div#box-info {
		position: absolute;
		top: 0; left: 640px;
		width: 300px; height: 187px;
	}
		div#box-info span {
			display: block;
			height: 4px;
			background: url(../images_common/harvesta_jp.gif) top left no-repeat;
			text-indent: -9999px;
		}
		div#box-info address.address {
			margin-top: 32px;
			margin-bottom: 7px;
			height: 35px;
			background: url(../images_common/address.gif) top left no-repeat;
			text-indent: -9999px;
		}
		a#btn-map {
			display: block;
			width: 63px; height: 23px;
			background: url(../images_common/btn_map.gif) top left no-repeat;
			text-indent: -9999px;
		}
			a:hover#btn-map {
				opacity: 0.7;
				filter: alpha(opacity=70);
				-moz-opacity: 0.7;
				-ms-filter: "alpha(opacity=70)";
			}

/* CONTENT		##################################### */

div#content {
	margin-bottom: 100px;
}

/* FOOTER		##################################### */

div#footer-outer {
	position: fixed;
	bottom: 0; left: 0;
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #e4e4e4;
}
	div#footer {
		position: relative;
		margin-left: 100px;
		width: 940px; height: 42px;
	}
		ul#fnav {
			position: absolute;
			top: 15px; left: 124px;
		}
			ul#fnav li {
				float: left;
				margin-right: 20px;
				padding-right: 20px;
				border-right: 1px solid #000000;
				line-height: 1.0;
			}
			ul#fnav li.end {
				border-right: none;
			}
				ul#fnav li a {
					font-size: 93%;
					font-weight: bold;
				}
					ul#fnav li a:hover {
						color: #777777;
						text-decoration: none;
					}
		div#footer address.copy {
			position: absolute;
			top: 18px; left: 0;
			width: 86px; height: 8px;
			background: url(../images_common/copyright.gif) top left no-repeat;
			text-indent: -9999px;
		}
		a#btn-pagetop {
			display: block;
			position: absolute;
			top: -1px; right: 0;
			width: 140px; height: 40px;
			background: url(../images_common/btn_pagetop.gif) top left no-repeat;
			text-indent: -9999px;
		}
			a:hover#btn-pagetop {
				opacity: 0.5;
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				-ms-filter: "alpha(opacity=50)";
			}