@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(universal.css);


/*--------------------------------------
 Box
---------------------------------------*/
html,body{ height: 100%; }

html{background:#FEFAF6;}
body{
	text-align:center;
	_background:#FEFAF6;
}
	div#container{
		text-align:left;
		padding-top:100px;
		width:920px;
		margin:0 auto;
	}
		h1{
			width:104px;
			height:104px;
			background:url(../images/share/logo.jpg);
			color:#fff;
			text-indent:-9999px;
			position:relative;
			z-index:2;
		}
		div#content{
			width:804px;
			margin:0 auto;
			margin:-75px 0 0 55px;
			position:relative;
			z-index:1;
		}
			h2{
				font-size:14px;
				font-weight:bold;
				background:transparent url(../images/home/h2.jpg) no-repeat 100% 0;
				height:18px;
				text-indent:-9999px;
				margin-bottom:5px;
			}
			p#img{
				width:804px;
				height:404px;
				text-indent:-9999px;
				background:url(../images/home/img3.jpg);
			}
			p#msg{
				width:800px;
				height:104px;
				margin-top:22px;
				margin-bottom:60px;
				font-size:86%;
				line-height:2;
				background:transparent url(../images/home/msg.jpg) no-repeat;
				text-indent:-9999px;
			}
			ul#btn_group li a{
				display:block;
				text-decoration:none;
				width:136px;
				height:24px;
				background:#eee;
				text-indent:-9999px;
				font-size:1%;
			}
			ul#btn_group li a:hover{
				background-position:0 -23px;
			}
			ul#btn_group li#info_btn a{
				background-image:url(../images/home/info_btn.jpg);
				margin-right:20px;
			}
			ul#btn_group li#contact_btn a{
				background-image:url(../images/home/contact_btn.jpg);
			}
	div#footer{
		width:100%;
		background:transparent url(../images/share/footborder.jpg) no-repeat 50% 0;
		margin-top:10px;
		padding-top:20px;
		margin-bottom:50px;
	}
		address{
			text-align:right;
			width:800px;
			margin:0 auto;
			display:block;
			font-size:86%;
		}
	div#contact_area{
		position:absolute;
		top:50%;
		left:50%;
		margin:-280px 0 0 -330px;
		width:600px;
		background:#fff;
		padding:40px 30px 30px;
		-webkit-box-shadow: 0 0 20px #000;
		-moz-box-shadow: 0 0 20px #000;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		font-family:Tahoma,Verdana,Arial,sans-serif !important;
	}
		div#contact_area fieldset#left_field{
			width:350px;
			float:left;
		}
		div#contact_area fieldset#right_field{
			padding:30px 0 0 25px;
		}
			div#contact_area input{
				line-height:24px;
				border:1px solid #ccc;
				height:24px;
				width:200px;
			}
			div#contact_area textarea{
				border:1px solid #ccc;
				width:200px;
				overflow:auto;
			}
			.t{
				text-align:left;
				font-family:inherit!important;
				font-weight:bold;
				font-size:110%;
				margin-bottom:20px;
			}
			form#contact_form dl{
				font-family:inherit!important;
				background-color:transparent;
				text-align:left;
				border-width:1px 0;
			}
			form#contact_form dt{
				padding: 1.5em 0 1.5em 1em;
				width: 10em;
				font-size:12px;
				border-width:1px 0;
				line-height:24px;
			}
			form#contact_form dd{
				margin: 0 0 0 10em;
				padding: 1.5em 0 1.5em 1em;
				background-color:transparent;
				border-width:1px 0;
			}
			p.form_comment{
				padding:20px 0 0;
				font-size:85%;
				font-family:inherit!important;
				color:#777;
			}
			button#send,button#info_send{
				margin-top:50px;
				width:135px;
				line-height:24px;
				height:24px;
				font-size:80%;
			}
			button#send:hover,button#info_send:hover{
				background:#261b17;
				color:#fff;
			}
		a#contact_close,a#info_close{
			display:block;
			background:#eee;
			color:#666;
			width:35px;
			height:35px;
			line-height:35px;
			text-align:center;
			position:absolute;
			top:-17px;
			right:-17px;
			border:1px solid #bbb;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			text-decoration:none;
		}
		a#contact_close:hover,a#info_close:hover{
			background:#261b17;
			color:#fff;
		}
	div#info_area{
		position:absolute;
		top:50%;
		left:50%;
		margin:-280px 0 0 -330px;
		width:600px;
		background:#fff;
		padding:40px 30px 30px;
		-webkit-box-shadow: 0 0 20px #000;
		-moz-box-shadow: 0 0 20px #000;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		font-family:Tahoma,Verdana,Arial,sans-serif !important;
	}
		div#info_area input{
				line-height:24px;
				border:1px solid #ccc;
				height:24px;
				width:200px;
			}
			form#info_form dl{
				font-family:inherit!important;
				background-color:transparent;
				text-align:left;
				border-width:1px 0;
			}
			form#info_form dt{
				padding: 1.5em 0 1.5em 1em;
				width: 10em;
				font-size:12px;
				border-width:1px 0;
				line-height:24px;
			}
			form#info_form dd{
				margin: 0 0 0 10em;
				padding: 1.5em 0 1.5em 1em;
				background-color:transparent;
				border-width:1px 0;
			}