@charset "utf-8";
#main img{
	width: 100%;
	height: auto;
}
#imgWrap{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 58.66%;
}
.overImg{
	position: absolute;
	z-index: 6;

}
.overImg#ov_ff{
	left: 1%;
	top: 2%;
}
.overImg#ov_bnr1{
	bottom: 20px;
	left: 2%;
}

.overImg#ov_bnr2{
	bottom: 80px;
	left: 2%;
}

.overImg#butai_bnr{
	bottom: 20px;
	right: 1%;
}

.overImg a:hover{
	opacity: 0.8;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}
.imgBox{
	width: 23%;
	position: absolute;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	transition: all .6s ease-out;
	top: 0;
	padding-top: 58.66%;
}
.imgBox.hoverImg{
	width: 54.87% !important;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	transition: all .6s ease-out;
}
.imgBox#img1{
	overflow: hidden;
	z-index:4;
}
.imgBox#img3{
	overflow: hidden;
	z-index:3;
	text-align: right;
}
#img3{
	right:0;
}
#img3{
	background: url(../img/mainimg_03.jpg) no-repeat top right !important;
	background-size: auto 100%!important;
}
#img3.hoverImg{
	right:0;
}
#img2{
	left:54.87%;
	background: url(../img/mainimg_02.jpg) no-repeat top center !important;
	background-size: auto 100%!important;
}
#img2.hoverImg,
#img2.hoverImg2{
	left:23%;
	z-index:5;
}

#img1{
	background: url(../img/mainimg_01.jpg) no-repeat top left !important;
	background-size: auto 100%!important;
	left: 0;
	top: 0;
}
#img1:hover{
	z-index:4;
}

	
.hover a{
	-ms-transition: all .40s ease-out;
	-webkit-transition: all .40s ease-out;
	transition: all .40s ease-out;
}
.hover a:hover{
	filter:alpha(opacity=80);
	opacity: 0.8;
}
.txtArea{
	background: url(../img/ft_bg.jpg) no-repeat center top;
	background-size: cover;
}
.txtArea .in{
	width: 1060px;
	margin:  0 auto;
	padding: 30px 0;
}

.billingArea{
	margin-bottom: 40px;
}

.billingArea p{
	margin-bottom: 20px;
}