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

* {
	margin: 0;
	padding: 0;
}

body{
	background:url(../images/bg.jpg) top center no-repeat;
	background-color:#f4b724;
	margin:0;
	padding:0;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4;
	font-size:1em;

}

img{
	border:0}

#wrapper{
	background-size:1024px auto;
	width: 100%;
	min-width:1024px;
	height:auto
}

#main{
	max-width:1024px;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	overflow:hidden}

#top{
	width:850px;
	height:158px;
	margin:0 auto;
	}
	
.logo{
	width:327px;
	height:48px;
	float:left;
	display:inline;
	padding:55px 10px}

.subtitle{
	width:480px;
	height:48px;
	float:left;
	display:inline;
	padding:55px 10px}

#content{
	width:990px;
	height:510px;
	margin:0 auto}

.item1-1{
	width:125px;
	height:125px;
	padding:0 15px 0 40px;
	float:left}
	
.item1-2{
	width:240px;
	height:160px;
	padding:0px 20px;
	float:left;
	-webkit-animation-delay: 0.2s; /* Chrome, Safari, Opera */
    animation-delay: 0.2s;
}

.item1-3{
	width:130px;
	height:190px;
	padding:0px 20px;
	float:left;
	-webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */
    animation-delay: 0.3s;
}

.item1-4{
	width:60px;
	height:195px;
	padding:0px 10px;
	float:left;
	-webkit-animation-delay: 0.1s; /* Chrome, Safari, Opera */
    animation-delay: 0.1s;
}

.item1-5{
	width:190px;
	height:210px;
	padding:0px 10px;
	float:left
}		

.item2-1{
	width:60px;
	height:135px;
	padding:0 5px 0 5px;
	float:left;
	-webkit-animation-delay: 0.2s; /* Chrome, Safari, Opera */
    animation-delay: 0.2s;}
	
.item2-2{
	width:75px;
	height:135px;
	padding:0 5px 0 5px;
	float:left}

.item2-3{
	width:200px;
	height:220px;
	margin:-40px 0 0 10px;
	padding:0;
	float:left;
	z-index:20;
	-webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */
    animation-delay: 0.3s;}

.item2-4{
	width:150px;
	height:150px;
	margin:20px 0 0 20px;
	padding:0 5px 0 5px;
	float:left;
	-webkit-animation-delay: 0.2s; /* Chrome, Safari, Opera */
    animation-delay: 0.2s;}

.item2-5{
	width:420px;
	height:260px;
	padding:0 5px 0 5px;
	float:left}				

.item3-1{
	width:150px;
	height:100px;
	padding:0 5px 0 5px;
	float:left}

.item4-1{
	width:65px;
	height:65px;
	padding:0 5px;
	float:left}

.item4-2{
	width:350px;
	height:65px;
	padding:0 5px;
	float:left}		
				
	
.item-outer01{
	width:160px;
	height:auto;
	margin:-60px 0 0 10px;
	padding:0;
	float:left;
	z-index:10}

.item-outer02{
	width:440px;
	height:auto;
	margin:-70px 0 0 0;
	padding:0 20px;
	float:left;
	z-index:30;}
	
#footer{
	background:url(../images/footer-bg.png) top center no-repeat;
	width:100%;
	height:115px;
	margin:0 auto}

.f-content{
	width:1000px;
	height:auto;
	margin:0 auto}	

.f-photo{
	width:460px;
	height:95px;
	float:left;
	padding:5px 0;
	margin:0 0 0 30px}

.f-design{
	width:460px;
	height:95px;
	float:left;
	padding:5px 0;
	margin:0 0 0 30px}		

#copyright{
	background:url(../images/copyright.png) top center no-repeat;
	width:100%;
	height:50px;
	margin:0 auto}

.button-delay{
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;}