@charset "utf-8";
/* CSS Document */
/* slider-rm */
.slider-rm-style {
	position: relative;
}
@media screen and (min-width: 980px){
.slider-rm-style .slider-rm-wrap {
	margin: 0 40px;
}
}
.slider-rm-style .slider-rm-ul > div {
	overflow: hidden;
}
.slider-rm-style .slider-rm-wrap-padding {
	overflow: hidden;
}
.slider-rm-style images {
	display: block;
	width: 100%;
}
.slider-rm-style .slider-rm-nav__prev {
	position: absolute;
	width: 24px;
	height: 24px;
	overflow: hidden;
	top: 50%;
	margin-top: -12px;
	left: -12px;
	text-indent: -999px;
	cursor: pointer;	
	background: url(../images/arrow-left.png) center center no-repeat;
}
.slider-rm-style .slider-rm-nav__prev:hover {
	background: url(../images/arrow-left-hov.png) center center no-repeat;
}
.slider-rm-style .slider-rm-nav__next {
	position: absolute;
	width: 24px;
	height: 24px;
	overflow: hidden;
	top: 50%;
	margin-top: -12px;
	left: auto;
	right: -12px;	
	text-indent: -999px;
	cursor: pointer;
	background: url(../images/arrow-right.png) center center no-repeat;
}
.slider-rm-style .slider-rm-nav__next:hover {
		background: url(../images/arrow-right-hov.png) center center no-repeat;
}
.slider-rm-style .slider-rm-bar {
	position: relative;
	max-width: 480px;
	margin: 30px auto 0;
	height: 9px;
	overflow: hidden;
	background: #ececec;
}
.slider-rm-style .slider-rm-bar__line {
	position: absolute;
	height: 100%;
	left: 85px;
	right: 85px;
	top: 0;
}
.slider-rm-style .slider-rm-bar__handler {
	position: absolute;
	width: 170px;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
	margin-left: -85px;
	background: #555;
	cursor: pointer;
}