@charset "utf-8";

.imageHeader {
	left: 0; right: 0; top: 70px; bottom: 0; position: absolute; z-index: 1;
}
.imageHeader > ul {
	list-style:none; margin:0; padding:0; overflow:hidden;
}
.imageHeader > ul > li {
    position:absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; width: 100%;
	background-repeat:no-repeat; background-position: center center; background-size: cover;
	opacity:0; transition:opacity .5s ease-in .1s;
}
.imageHeader > ul > .active {
	opacity:1;
}


.imageHeaderMenu {
	bottom: 10px; position: absolute; z-index: 3; text-align: center; width: 100%;
}
.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;
}

.headerPage {
	width: 100%; height: 400px;
	background-repeat:no-repeat; background-position: center top; background-size: auto 400px; background-attachment: fixed;
}

@media only screen and (max-width:980px) {
	.headerPage {
		height: 300px; background-size: auto 300px;
	}
}

@media only screen and (max-width:840px) {
	.headerPage {
		height: 240px; background-size: auto 240px;
	}
}