@charset "utf-8";


body{
margin:0px;
padding:0px;
}


#showcase {
	width: 320px;/*----- フリッカー全体の表示領域 -----*/
	overflow: hidden;
	margin: 0 auto;
	height:100px;
	margin-bottom:10px;
}

#showcase .flipsnap {
	overflow: hidden;
	width: 2560px;/*2240px----- アイテム全体の表示領域＆アイテム数で割った数が移動距離(この場合、÷7が移動距離) -----*/

}
#showcase .item {
	width: 320px;/*----- ひとつのアイテムの表示領域 -----*/
	height:80px;
	float: left;
	text-align:center;
}

#showcase .item img{
	width: 200px;
	height:80px;
}


/*----- インジケーターの設定 -----*/
#showcase .pointer {
	text-align: center;
	margin:0px;
	padding:0px;
}

#showcase .pointer span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin:0px;
	border-radius: 8px;
	border: 1px solid #333333;
}

#showcase .pointer span.current {
	background-color: #fcc700;
}


/*----- next / prev ボタン -----*/
#showcase .prev {
	padding:8px 10px 8px 10px;
	height:68px;
	float:left;
	position:relative;
	top:-90px;
	left: 0px;
	background-color: #fffade;
}

#showcase .next {
	padding:8px 10px 8px 10px;
	height:68px;
	float:right;
	position:relative;
	top:-90px;
	background-color: #fffade;
}