@charset "utf-8";

.proggSlider{
	position:relative;
	width:100%;
}
.proggSlider .inner{
	position:relative;
}
.proggSlider .item{
	left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
	width:100%;
}
.proggSlider .new{
    z-index: 2;	
}
.proggSlider .old{
    z-index: 3;	
}
.proggSlider .item img{
	width:100%;
	height:auto;
}
.proggSlider .base img{
	visibility:hidden;
	width:100%;
	height:auto;
}
.proggSlider .pager{
	left: 0px;
    position: absolute;
    bottom: 3%;
    z-index: 5;
	width:100%;	
}
.proggSlider .pager table{
	margin:0 auto;
}
.proggSlider .pager p{
	width:15px;
	height:15px;
	background:url(../img/pslider_pager.png) no-repeat center center;
	cursor:pointer;
	float:left;
}
.proggSlider .pager p.act,
.proggSlider .pager p:hover{
	background-image:url(../img/pslider_pager_on.png);
}
.proggSlider .pager span{
	display:block;
	float:left;
	width:15px;
	height:15px;
	background:url(../img/pslider_progg.png) no-repeat center center;
	cursor:pointer;
}
.proggSlider .pager .on{
	background-image:url(../img/pslider_progg_on.png);
	padding:0;
}
.proggSlider .pager .last span{
	display:none;
}
.proggSlider .next,
.proggSlider .prev{
	position:absolute;
	z-index:10;
	top:0;
	cursor:pointer;
	background:url(images/bg_alphablack.png) repeat;
}
.proggSlider .next:hover,
.proggSlider .prev:hover{
	opacity:0.9;
}
.proggSlider .next{ 
	right:0;
}
.proggSlider .prev{ 
	left:0;
}

.sp_device .proggSlider .pager span{
	width:8px;
}