@Charset 'utf-8';

/*** ラップ ***/
/***----------------------------------------------------*/
#hnkSlides{
	width: 980px;
	margin: 0 auto;
	padding-top: 50px;
	position :relative;
	font-size: 12px;
}



/*** スライダー画像 ***/
/***----------------------------------------------------*/
#hnkSlides .slide img{
	width: 100%;
	height: auto;
}

/*** ナビゲーション ***/
/***----------------------------------------------------*/
#hnkSlides .slidesjs-navigation{
	display: block;
	position: absolute;
	top: 178px;
	z-index: 10;
	width: 50px;
	height: 95px;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -999em;
}

#hnkSlides .slidesjs-navigation:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;

}

#hnkSlides .slidesjs-next{
	right: 20px;
	background-image: url('../img/arrow-01-50-95-1.png');
}

#hnkSlides .slidesjs-previous{
	left: 20px;
	background-image: url('../img/arrow-01-50-95-3.png');
}



/*** ページネーション ***/
/***----------------------------------------------------*/
#hnkSlides .slidesjs-pagination{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

	#hnkSlides .slidesjs-pagination .slidesjs-pagination-item{
		float: left;
	}

		#hnkSlides .slidesjs-pagination .slidesjs-pagination-item a{
			display: block;
			padding: 10px 20px;
			font-size: 125%;
			text-decoration: none;
		}

		#hnkSlides .slidesjs-pagination .slidesjs-pagination-item a:hover{
			background-color: #eee;
			color: #000;
		}

		#hnkSlides .slidesjs-pagination .slidesjs-pagination-item a.active{
			background-color: #000;
			color: #fff;
		}