@charset "utf-8";


.slider {
    margin: 0 auto 70px;
    width: 100%;
    position: relative;
    overflow: hidden;
	z-index:0;
}
.slider ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.slider ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.slider .btnPrev,
.slider .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.slider .btnPrev {
    left: 10px;
    background:#fff url(../img/top/arr_slide_l.png) no-repeat center center;
}
.slider .btnNext {
    right: 10px;
    background:#fff url(../img/top/arr_slide_r.png) no-repeat center center;
}


@media screen and (max-width: 480px) {
	/*div.slider{
		width:480px;
		position:relative;
		left:50%;
		margin-left:-240px;
	}*/
	div.slider,
	div.slider ul,
	div.slider ul li{
		width:100%!important;
		height:500px!important;
	}
	div.slider ul li img{
		width:480px;
		max-width:480px;
		position:relative;
		left:50%;
		margin-left:-240px;
	}
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.slider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.slider ul {
    display: inline-block;
    overflow: hidden;
}