@charset "Shift_JIS";
/* 基本設定 */
div.slider{display:block;position:relative;margin:0 auto;padding:0;overflow:hidden;}
div.slider ul{display:block;list-style:none;margin:0;padding:0;font-size:0;line-height:normal;}
div.slider ul li{display:block;text-align:center;vertical-align:middle;overflow:hidden;}
div.slider ul li a{display:block;width:100%;text-decoration:none;}
div.slider ul li a img{display:block;width:100%;margin:0 auto;padding:0;border:0;}
div.slider ul li a p{display:block;margin:0;padding:0;}
div.slider div.sliderPrev,div.slider div.sliderNext{display:block;position:absolute;top:0;line-height:0;cursor:pointer;z-index:2;}
div.slider div.sliderPrev{left:0;}
div.slider div.sliderNext{right:0;}
div.slider div.sliderCount{display:block;position:absolute;left:0;right:0;margin:0 auto;line-height:0;text-align:center;z-index:1;}
div.slider div.sliderCount span{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:5px;}

/* カスタマイズ */
/* スライダー本体 */
div.slider ul{background:#000000;}
div.slider ul li{background:#ffffff;}
div.slider ul li a:hover{opacity:0.8;}
div.slider ul li a p{
	font-size:8px;
	color:#ffff00;
	background:#000000;
}

/* 操作ボタン */
div.slider div.sliderPrev{
	background:url(./sliderPrev.png);
	background-color:rgba(255,255,255,0.5);
	background:url(./sliderPrev.png),linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
div.slider div.sliderNext{
	background:url(./sliderNext.png);
	background-color:rgba(255,255,255,0.5);
	background:url(./sliderNext.png),linear-gradient(to left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
}
div.slider div.sliderNext,div.slider div.sliderPrev{background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
div.slider div.sliderPrev,div.slider div.sliderNext{opacity:0.7;}
div.slider div.sliderPrev:hover,div.slider div.sliderNext:hover{opacity:0.9;}

/* カウンター */
div.slider div.sliderCount{top:0;margin-top:3px;}
div.slider div.sliderCount span{background:#000000;border:1px solid #ffffff;opacity:0.5;}
div.slider div.sliderCount span.on{background:#ffffff;border:1px solid #000000;opacity:0.7;}