/* 注意：重複する説明コメントは記述してしていません。*/
/* jquery.carousel_mini.cssのコメント参照 */


/* 画像スライダ 全体設定 ここから */
.list_carousel_main {
	/* background-color:#ddd; */	/* スライダ部分の背景色(テスト表示用) */
	width:770px;
	height:225px;
	overflow:visible;
	position: relative;
}
.list_carousel_main ul {
	margin:0;
	padding:0;
}
.list_carousel_main ul li{
	list-style:none;
	display:block;
	float:left;
}
.list_carousel_main li img {
	margin:5px 5px 1px 5px;
}


/* 戻る・次へボタン設定 ここから */
.carouPrev_main, .carouNext_main {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: 15px;
	cursor:pointer;
}

.carouPrev_main{
	left: -10px;
	top : 90px;
	background:url(../images/slider_prev.png) no-repeat;
	background-position: 0 0;
}

.carouNext_main{
	right: -10px;
	top : 90px;
	background:url(../images/slider_next.png) no-repeat;
	background-position: 0 0;
}

.carouPrev_main:hover, .carouNext_main:hover {
	background-position: 0 -50px;
}


/* ページナビ設定 ここから */
.carouPage_main {
	text-align: center;
}

.carouPage_main a {
	background: url(../images/slider_page.png) no-repeat;
	width: 14px;
	height: 14px;
	margin: 0px 5px 0px 5px;
	display: inline-block;
}


.carouPage_main a.selected {
	background-position: 0px -14px;
}


.carouPage_main a span {
	display: none;
}