@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 "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande","ＭＳ Ｐゴシック","Osaka",verdana,arial,sans-serif;*/
	font: 13px/1.231 Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック","Osaka",verdana,arial,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: #000000;
	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: none; outline: none; }
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 {
}
div#container {
	margin: 0 auto;
	width: 940px;
}

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

div#header {
	position: relative;
	height: 224px;
}
	div#header h1 {
	}
		div#header h1 a {
			display: block;
			position: absolute;
			top: 51px; left: 0;
			width: 190px; height: 118px;
			background: url(../images_common/h1.gif) top left no-repeat;
			text-indent: -9999px;
		}
	div#header ul.snav {
		position: absolute;
		top: 0; left: 753px;
	}
		div#header ul.snav li {
			display: block;
			float: left;
			height: 34px;
			background-image: url(../images_common/snav_header.gif);
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		div#header ul.snav li.snav-twitter {
			width: 94px;
			background-position: 0 -34px;
		}
		div#header ul.snav li.snav-facebook {
			width: 93px;
			background-position: -94px -34px;
		}
			div#header ul.snav li a {
				display: block;
				height: 34px;
				background-image: url(../images_common/snav_header.gif);
				background-repeat: no-repeat;
				-webkit-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
			}
			div#header ul.snav li a:hover {
				opacity: 0;
				filter: alpha(opacity=0);
				-moz-opacity: 0;
				-ms-filter: "alpha(opacity=0)";
			}
			div#header ul.snav li.snav-twitter a {
				width: 94px;
			}
			div#header ul.snav li.snav-facebook a {
				width: 93px;
				background-position: -94px 0
			}
	div#header div.box-info,
	div#header div.box-address,
	div#header div.box-phone {
		position: absolute;
		top: 51px;
		font-size: 85%;
		line-height:1.2em;
		font-weight: bold;
	}
	div#header div.box-info {
		left: 240px;
		width: 160px;
	}
	div#header div.box-address {
		left: 400px;
		width: 239px;
	}
	div#header div.box-phone {
		left: 639px;
		width: 301px;
	}
		div#header div.box-info h2,
		div#header div.box-address h2,
		div#header div.box-phone h2 {
			height: 25px;
			text-indent: -9999px;
		}
		div#header div.box-info h2 {
			background: url(../images_common/url_header.gif) top left no-repeat;
		}
		div#header div.box-address h2 {
			background: url(../images_common/address_header.gif) top left no-repeat;
		}
		div#header div.box-phone h2 {
			background: url(../images_common/phone_header.gif) top left no-repeat;
		}
	ul#gnav {
		position: absolute;
		top: 128px; left: 240px;
		width: 700px; height: 41px;
		background: url(../images_common/bg_gnav.gif) top left no-repeat;
	}
		ul#gnav li {
			display: block;
			position: absolute;
			top: 15px;
			height: 21px;
			background-image: url(../images_common/line_gnav.gif);
			background-repeat: no-repeat;
			background-position: -150px 19px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			cursor: pointer;
		}
		li#gnav-home {
			left: 0;
			width: 49px;
		}
		li#gnav-about {
			left: 86px;
			width: 58px;
		}
		li#gnav-blog {
			left: 183px;
			width: 45px;
		}
		li#gnav-gallery {
			left: 266px;
			width: 74px;
		}
		li#gnav-originalframe {
			left: 377px;
			width: 140px;
		}
		li#gnav-onlineshop {
			left: 554px;
			width: 114px;
		}
		li:hover#gnav-home {
			background-position: -101px 19px;
		}
		li:hover#gnav-about {
			background-position: -92px 19px;
		}
		li:hover#gnav-blog {
			background-position: -105px 19px;
		}
		li:hover#gnav-gallery {
			background-position: -76px 19px;
		}
		li:hover#gnav-originalframe {
			background-position: -10px 19px;
		}
		li:hover#gnav-onlineshop {
			background-position: -36px 19px;
		}
			ul#gnav li a {
				display: block;
				height: 14px;
				text-indent: -9999px;
			}
			ul#gnav li a {
				-webkit-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
			}
			li#gnav-home a {
				width: 49px;
				background: url(../images_common/gnav_home.gif) top left no-repeat;
			}
			li#gnav-about a {
				width: 58px;
				background: url(../images_common/gnav_about.gif) top left no-repeat;
			}
			li#gnav-blog a {
				width: 45px;
				background: url(../images_common/gnav_blog.gif) top left no-repeat;
			}
			li#gnav-gallery a {
				width: 74px;
				background: url(../images_common/gnav_gallery.gif) top left no-repeat;
			}
			li#gnav-originalframe a {
				width: 140px;
				background: url(../images_common/gnav_originalframe.gif) top left no-repeat;
			}
			li#gnav-onlineshop a {
				width: 114px;
				background: url(../images_common/gnav_onlineshop.gif) top left no-repeat;
			}
			ul#gnav li a:hover {
				opacity: 0.5;
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				-ms-filter: "alpha(opacity=50)";
			}

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

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

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

div#footer-wrapper {
	color: #ffffff;
	background: #000000;
}
	div#footer {
		position: relative;
		margin: 0 auto;
		padding-top: 85px;
		padding-bottom: 45px;
		width: 940px;
	}
		span#btn-pagetop {
			display: block;
			top: 0; left: 790px;
			position: absolute;
			width: 150px; height: 41px;
			background: url(../images_common/btn_pagetop_hover.gif) top left no-repeat;
		}
			span#btn-pagetop a {
				display: block;
				width: 150px; height: 41px;
				background: url(../images_common/btn_pagetop.gif) top left no-repeat;
				-webkit-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
			}
			span#btn-pagetop a:hover {
				opacity: 0;
				filter: alpha(opacity=0);
				-moz-opacity: 0;
				-ms-filter: "alpha(opacity=0)";
			}
	div#footer dl {
		height: 100%;
		overflow: hidden;
	}
		div#footer dl dt {
			float: left;
		}
		div#footer dl dt.dt-01 {
			width: 320px;
			border-right: 1px dotted #ffffff;
		}
			a#logo-footer {
				display: block;
				margin-left: 47px;
				width: 180px; height: 135px;
				background: url(../images_common/logo_footer.gif) top left no-repeat;
				text-indent: -9999px;
			}
			div#footer dl dt.dt-01 address {
				margin: 28px 0 0 40px;
				width: 198px; height: 9px;
				background: url(../images_common/copyright.gif) top left no-repeat;
				text-indent: -9999px;
			}
		div#footer dl dt.dt-02 {
			padding-left: 30px;
			width: 289px;
			border-right: 1px dotted #ffffff;
		}
			div#footer dl dt.dt-02 h2 {
				margin-bottom: 25px;
				width: 31px; height: 12px;
				background: url(../images_common/h2_menu.gif) top left no-repeat;
				text-indent: -9999px;
			}
			ul#fnav {
			}
				ul#fnav li {
					line-height: 1.9;
				}
					ul#fnav li a {
						color: #ffffff;
						font-size: 116%;
						letter-spacing: 0.1em;
						-webkit-transition: all 0.1s ease;
						-moz-transition: all 0.1s ease;
					}
					ul#fnav li a:hover {
						opacity: 0.5;
						filter: alpha(opacity=50);
						-moz-opacity: 0.5;
						-ms-filter: "alpha(opacity=50)";
					}
		div#footer dl dt.dt-03 {
			padding-left: 30px;
			width: 269px;
			font-size: 93%;
		}
			h2#h2-address,
			h2#h2-phone,
			h2#h2-sns {
				height: 12px;
				text-indent: -9999px;
			}
			h2#h2-address {
				margin-bottom: 25px;
				width: 44px;
				background: url(../images_common/h2_address.gif) top left no-repeat;
			}
			h2#h2-phone {
				margin-top: 30px;
				margin-bottom: 5px;
				width: 34px;
				background: url(../images_common/h2_phone.gif) top left no-repeat;
			}
			h2#h2-sns {
				margin-top: 25px;
				margin-bottom: 10px;
				width: 20px;
				background: url(../images_common/h2_sns.gif) top left no-repeat;
			}
			div#footer dl dt.dt-03 ul.snav {
			}
				div#footer dl dt.dt-03 ul.snav li {
					float: left;
					padding-right: 13px;
				}
					div#footer dl dt.dt-03 ul.snav li a {
						display: block;
						width: 31px; height: 31px;
						text-indent: -9999px;
						-webkit-transition: all 0.2s ease;
						-moz-transition: all 0.2s ease;
					}
					div#footer dl dt.dt-03 ul.snav li.snav-twitter a {
						background: url(../images_common/btn_twitter.gif) top left no-repeat;
					}
					div#footer dl dt.dt-03 ul.snav li.snav-facebook a {
						background: url(../images_common/btn_facebook.gif) top left no-repeat;
					}
					div#footer dl dt.dt-03 ul.snav li a:hover {
						opacity: 0.5;
						filter: alpha(opacity=50);
						-moz-opacity: 0.5;
						-ms-filter: "alpha(opacity=50)";
					}
			a#link-harvesta {
				position: absolute;
				top: 325px; right: 0;
				color: #ffffff;
				font-size: 77%;
				font-family: Helvetica, Arial, sans-serif;
				text-align: right;
				letter-spacing: 0.1em;
			}
				a#link-harvesta span {
					-webkit-transition: all 0.2s ease;
					-moz-transition: all 0.2s ease;
				}
				a:hover#link-harvesta span {
					color: #0098ca;
				}