/* CSS Document */

#main{
	width:100%;
	height:450px;
	background:url(../images/bg_main.jpg) repeat-x ;
	background-size:1px 450px;
}

#main h2{
	width:980px;
	margin:0 auto;
}

.block01{
	width:100%;
	background:#fadce6;
	padding:15px 0 45px;
}

.block01_inner{
	width:980px;
	margin:0 auto;	
}



.btn01{
	margin-top:10px;	
}

.btn02{
	margin-top:8px;	
}

.block02{
	width:980px;
	margin:180px auto 0;
	position:relative;		
}

.block02 h4{
	position:absolute;
	top:-214px;
	left:50%;
	margin-left:-178px;
}

.new_item_list{
	width:960px;
	margin:0 auto;
}

.new_item_list li{
	width:465px;
	float:left;	
	position:relative;
}

.new_item_list li.sec{
	float:right;	
}

.btn01{
	position:absolute;
	left:226px;
	top:406px;	
}

.btn02{
	position:absolute;
	left:236px;
	top:464px;	
}

h5{
	text-align:center;
	background:#000;
	padding:15px 0;	
	margin-top:30px;
}

.item_list{
	width:960px;
	margin:	20px auto 40px;
}

.item_list li{
	width:160px;
	float:left;
	margin-right:40px;
	text-align:center;
}

.item_list li a{
	display:inline-block;
	margin-top:5px;
}

.item_list li.last{
	margin-right:0;	
}

@media (max-width:670px) {
	#main{
		width:100%;
		height:auto;
		background:none ;

	}
	
	#main h2{
		width:100%;
		margin:0 auto;
	}
	
	.block01{
		width:100%;
		background:#fadce6;
		padding:10px 0 25px;
	}
	
	.block01_inner{
		width:95%;
		margin:0 auto;	
	}
	
	
	
	.btn01{
		margin-top:10px;	
	}
	
	.btn02{
		margin-top:8px;	
	}
	
	.block02{
		width:95%;
		margin:90px auto 0;
		position:relative;		
	}
	
	.block02 h4{
		position:absolute;
		top:-104px;
		left:50%;
		margin-left:-89px;
	}
	
	.block02 h4 img{
		width:178px;
		height:auto;	
	}
	
	.new_item_list{
		width:100%;
		margin:0 auto;
	}
	
	.new_item_list li{
		width:48%;
		float:left;	
		position:relative;
	}
	
	.new_image{
		width:100%;
		height:auto;	
	}
	
	.new_item_list li.sec{
		float:right;	
	}
	
	.btn01{
		width:40%;
		position:absolute;
		left:53%;
		top:79%;	
	}
	
	.btn02{
		width:35%;
		position:absolute;
		left:55%;
		top:89%;
	}
	
	.btn01 img,
	.btn02 img{
		width:100%;
		height:auto;	
	}
	
	h5{
		text-align:center;
		background:#000;
		padding:10px 0;	
		margin-top:20px;
	}
	
	h5 img{
		width:70%;
		height:auto;	
	}
	
	.item_list{
		width:95%;
		margin:	10px auto 20px;
	}
	
	.item_list li{
		width:30%;
		float:left;
		margin-right:5%;
		text-align:center;
		margin-bottom:15px;
	}
	
	.item_list li a img{
		width:90%;
		height:auto;	
	}
	
	.item_list li:nth-child(3n){
		margin-right:0;	
	}
	
	.item_list li a{
		display:inline-block;
		margin-top:5px;
	}
	
	.item_list li.last{
		margin-right:0;	
	}
	
}