@charset "utf-8";

#headerMain {
	display:block; width:964px; height:430px; margin: 20px 0 0 0;
}
.imageHeader > ul {
	width:inherit; height:inherit; list-style:none; margin:0; padding:0; overflow:hidden;
}
.imageHeader > ul > li {
    width:inherit; height:inherit; position:absolute; z-index:2; display:block; overflow:hidden;
	margin:-1000px 0 0 0; opacity:0; transition:opacity .2s ease-in,margin-left .2s ease-in, margin-top 0s .2s;
}
.imageHeader > ul > .active {
	margin:0 0 0 0; opacity:1; transition:opacity .5s ease-in .1s,margin-left .5s ease-in, left 0s 0s;
}
.imageHeader > ul > li > div {
    width:inherit; height:inherit; display:table-cell; text-align:center; vertical-align:middle;
}
.imageHeader > ul > li img {
	max-height:100%; width:auto;
}

.imageHeaderMenu {
	width:99%; height:30px; position:relative; display:block; overflow:hidden; margin:0; padding: 10px 0 0 0; text-align:right; z-index:3;
}
.imageHeaderMenu > ul {
	display:block; list-style:none; overflow:hidden; margin:0; padding:0; text-align: center;
}
.imageHeaderMenu > ul > li {
	display:inline-block; width:14px; height:14px; background:url(../../../../image/setup/header_main_button.png) no-repeat; margin: auto 2px;
}
.imageHeaderMenu .active {
	background:url(../../../../image/setup/header_main_button_over.png) no-repeat;
}

.imageHeaderMask {
	position: absolute; margin: -430px 0 0 0; z-index: 3; max-width: 100%;
}

@media only screen and (max-width:1080px) {
	#headerMain {
		width:100%;
	}
}

@media only screen and (max-width:1024px) {
	#headerMain {
		height:315px;
	}
}

@media only screen and (max-width:860px) {
	#headerMain {
		height:280px;
	}
}

@media only screen and (max-width:768px) {
	#headerMain {
		height:250px;
	}
}

@media only screen and (max-width:720px) {
	#headerMain {
		height:230px;
	}
}

@media only screen and (max-width:640px) {
	#headerMain {
		height:210px;
	}
}

@media only screen and (max-width:520px) {
	#headerMain {
		height:160px;
	}
}

@media only screen and (max-width:480px) {
	#headerMain {
		height:150px;
	}
}

@media only screen and (max-width:360px) {
	#headerMain {
		height:110px;
	}
}