/* 注意：重複する説明コメントは記述してしていません。*/

/* 画像スライダ 全体設定 ここから */
.list_carousel_mini {
	background-color:#ddd;	/* スライダ部分の背景色 */
	width:510px;					/* スライダ部分の幅 */
	height:100px;					/* スライダ部分の高さ */
	overflow:visible;				/* はみ出た内容の表示方法の指定 */
	position: relative;				/* 表示位置の調整 */
}
.list_carousel_mini ul {			/* 順序のないリスト */
	margin:0;
	padding:0;
}
.list_carousel_mini ul li{			/* 順序のないリスト 各項目 */
	list-style:none;				/* リストマーカーの種類、位置、画像を一括で指定 */
	display:block;					/* 要素の表示形式の指定 */
	float:left; 					/* 指定された要素を左または右に寄せて配置 */
}
.list_carousel_mini li img {		/* 順序のないリスト 各項目の中の画像 */
	margin:5px 5px 1px 5px;
}


/* 戻る・次へボタン設定 ここから */
.carouPrev_mini, .carouNext_mini {	/* 戻る・次へボタン全体設定 */
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: 15px;
	cursor:pointer;					/* カーソルの形を指定 */
}

.carouPrev_mini{					/* 戻るボタン設定 */
	left: -30px;					/* 戻るボタン位置 */
	top : 25px;						/* 戻るボタン位置 */
	background:url(../images/slider_prev.png) no-repeat;	/* 背景画像 */
	background-position: 0 0;		/* CSSスプライト用 */
}

.carouNext_mini{					/* 次へボタン設定 */
	right: -30px;
	top : 25px;
	background:url(../images/slider_next.png) no-repeat;
	background-position: 0 0;
}

.carouPrev_mini:hover, .carouNext_mini:hover {	/* 戻る・次へボタンマウスオーバ時設定 */
	background-position: 0 -50px;	/* CSSスプライト用 */
}


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

.carouPage_mini a {					/* ページナビボタン設定 */
	background: url(../images/slider_page.png) no-repeat;
	width: 14px;
	height: 14px;
	margin: 0px 5px 0px 5px;
	display: inline-block;
}

.carouPage_mini a.selected {			/* ページナビボタン選択時設定 */
	background-position: 0px -14px;
}

.carouPage_mini a span {				/* 数字のページ表記の設定 */
	display: none;
}