@charset "UTF-8";
/* CSS Document */


.slider li.bg_image01{
	background:url(../images/home_image01.jpg) no-repeat;
	background-size:cover;
	position:relative;
}
.slider li.bg_image02{
	background:url(../images/home_image02.jpg) no-repeat;
	background-size:cover;
	position:relative;
}
.slider li.bg_image03{
	background:url(../images/home_image03.jpg) no-repeat;
	background-size:cover;
	position:relative;
}
.slider li.bg_image04{
	background:url(../images/home_image04.jpg) no-repeat;
	background-size:cover;
	position:relative;
}

.slide img{
	position:absolute;
	width:960px;
	margin:0 auto;
	left:0;
	right:0;
}

.slider {
	margin-bottom:40px;
	position: relative;
	overflow: hidden;
}
li.slide{
	height:405px;
	float: left;
	clear: none;
}
.slides {
	height: 100%;
	overflow: hidden;
	*zoom: 1;
}


.slider-arrow {
position: absolute;
display: block;
padding: 20px;
height: 405px;
top:34px;
}
.slider-arrow i{
	font-size:16px;
	color:#333;
}
.slider-arrow--right {
right:10px;
top:194.5px;
}

.slider-arrow--left {
left:10px;
top:192.5px;
}


.slider-nav {
position: absolute;
bottom: 20px;
}

.slider-nav__item {
width: 8px;
height: 8px;
float: left;
clear: none;
display: block;
margin: 0 5px;
border: 1px solid #333;
border-radius: 8px;
}

.slider-nav__item:hover { background: #333; }

.slider-nav__item--current { background: #333; }