@charset "utf-8";
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
		position: absolute;
		cursor: pointer;
		display: block;
		background: url(../images/slider/a03.png) no-repeat;
		overflow: hidden;
}
				
.jssora03l {
		background-position: -5px -35px;
}

.jssora03r {
		background-position: -65px -35px;
}

.jssora03l:hover {
		background-position: -125px -35px;
}
				
.jssora03r:hover {
		background-position: -185px -35px;
}

.jssora03ldn {
		background-position: -245px -35px;
}

.jssora03rdn {
		background-position: -305px -35px;
}

#header_slider {
	display: block;
	overflow: hidden;
	width: 998px;
	height: 374px;
	position: absolute;
	top: 0;
	left: 0;
}

.header_slider_inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 998px;
	height: 374px;
	overflow: hidden;
}

.header_slider_inner > div img {
	position: absolute;
	top: 50px;
	right: 150px;
	width: 340px;
}

.slider {
		position: absolute;
		margin: 0;
		top: 1px;
		left: 0;
		overflow: hidden;
		width: 498px;
		height: 498px;
}

.loading {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

.loading > .opacity {
		filter: alpha(opacity=70);
		opacity: 0.7;
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

.loading > .animation {
		position: absolute;
		display: block;
		background: url(../images/slider/loading.gif) no-repeat center center;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

@media (min-width: 337px) {


}

@media (min-width: 657px) {


}


@media (min-width: 1017px) {


}