@charset "UTF-8";

/* ----- 一番外側の枠 ----- */
#slide-banner {
	margin-top: 8px;
	margin-bottom: 20px;
	width: 459px;
	height: 214px;
	overflow: hidden;
	background-image: url(../imgs/slides/base.png);
}

/* ----- スライド画像部分 ----- */
#slides {
	margin-top: 1px;
	margin-left: 6px;
	display: none;
	width: 452px;
}

/* ----- スライド１枚 ----- */
.slidesjs-slide,
.slidesjs-slide img {
	display: block;
	width: 452px !important;
	height: 180px !important;
}

/* ----- スライドナビゲーション ----- */
.slidesjs-pagination {
	zoom: 1;
	position: relative;
	margin: 6px 0 0 0;
	padding: 0;
}
.slidesjs-pagination:after {
	content: ""; 
	display: block; 
	clear: both;
}
.slidesjs-pagination li {
	float: left;
	list-style-type: none;
}
/* ボタン１つ */
.slidesjs-pagination-item {
}
.slidesjs-pagination-item a {
	border-style: none;
	display: block;
	width: 36px;
	height: 21px;
	border: none;
	background-image: url(../imgs/slides/button.png);
	background-position: 0 0;
}
.slidesjs-pagination-item a:hover {
	background-position: 0 -21px;
}
.slidesjs-pagination-item a.active,
.slidesjs-pagination-item a:hover.active {
	background-position: 0 bottom;
}
.slidesjs-pagination-item a img {
	border-style: none;
}

/*.<ul class="">
<li class="">
<a href="#" data-slidesjs-item="0" class="">1</a></li>
<li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="4" class="active">5</a></li></ul>
*/