@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	min-width: 1000px;
	background-color:#000;
	padding: 0;
}

img{
	border: 0;
}

ul,li{
	list-style:none;
	margin:0;
	padding:0;
}

#intro, #second{
	width: 100%;
}

#intro{
	background:url(../images/bg01.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1700px;
	margin: 0 auto;
	padding: 0;
}

#second{
	position:relative;
	background: #8AC538;
	color: white;
	height:1250px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	z-index:300;
}

#second .bg03{
	background: url(../images/bg03.png) 50% 0 no-repeat fixed;
	height: 2000px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;
}

#second .bg04{
	background: url(../images/bg04.png) 50% 0 no-repeat fixed;
	height: 2500px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 210;
}

#about{
	background: url(../images/bg01.jpg) 50% -500px no-repeat fixed;
	color: white;
	height: 650px;
	padding: 100px 0 0 0;	
}

#fifth{
	position:relative;
	background: #000;
	color:#fff;
	min-height: 700px;
	margin: 0 auto;
	padding: 40px 0 35px 0;
	z-index:400;
}

.story .float-left, .story .float-right{
	padding: 0;
	position: relative;
}

/* skin */
#logo,.trim,#second,#about,#fifth{
	white-space: nowrap;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

#h3_area{
	display:block;
	position:relative;
	width:800px !important;
	height:0;
	margin:0 auto;
}

.h301{
	position:absolute;
	height:184px;
	margin:60px 0 0 0;
	z-index:400;
}

.h302{
	position:absolute;
	height:254px;
	margin:240px 0 0 430px;
	z-index:400;
}

.h303{
	position:absolute;
	height:89px;
	margin:545px 0 0 0;
	z-index:400;
}

.h304{
	position:absolute;
	height:350px;
	margin:670px 0 0 430px;
	z-index:400;
}

#header{
	display:block;
	width:865px;
	margin:0 auto;
}

#logo{
	display:block;
	position:absolute;
	background: url(../images/logo.png) 0 0 no-repeat fixed;
	width:435px;
	height:965px;
	z-index:310;
	top:95px;
}

.trim{
	display:block;
	position:absolute;
	width:100%;
	height:1060px;
	margin:0;
	padding:0;
	background: url(../images/trim.png) 0 0 no-repeat fixed;
	z-index:290;
}

.contact img{
	display:block;
	padding:145px 0 115px 0;
	margin:0 auto;
	clear:both;
}

.copyright{
	display:block;
	width:500px;
	color:#999;
	font-size:12px;
	text-align:center;
	margin:50px auto 35px auto;
	clear:both;
}

.about_bg{
	position:relative;
	display:block;
	width:100%;
	background-image:url(../images/about_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	margin:1060px 0 0 0;
	padding:35px 0;
	z-index:300;
}

.about_bg img{
	display:block;
	margin:0 auto;
}

.btn_web a{
	display:block;
	width:125px;
	height:40px;
	background-image:url(../images/btn_web.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:25px 0 0 0;
}

.btn_fb a{
	display:block;
	width:269px;
	height:13px;
	background-image:url(../images/btn_fb.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0 0 0;
}

.btn_web a:hover,.btn_fb a:hover{
	background-position:bottom left;
}