@charset "utf-8";

/*--------------------------------------------------*
 *
 *  Carousel
 *
 *--------------------------------------------------*/

.carousel_container {
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:100%;
	height:
	height:189px;
}

.item {
	width:320px;
	height:100%;
	margin:0px;
	padding:0px;
}

.carousel_container ul li {
	position: relative;

}

.item span.category_title {
	display: block;
	width: 284px;
	height: 24px;
	color: #ffffff;
	line-height: 24px;
	background-color: #000000;
	opacity: 0.5;
	padding: 2px 8px;
	position: absolute;
	bottom: 7px;
}

.carousel_list {
	width:9999px;
}

.carousel_list li {

}

.cf:after {
	content:'';
	display:block;
	clear:both;
}

div.carouselCount {
	display: table;
	margin: 5px auto 3px;
	line-height: 0;
}

/* 以下システムで使用するクラス名 */
.counts {
	display: table-cell;
	width: 7px;
	height: 7px;
	background: url(/share/stellar/img/smp/indicater.gif);
	background-size: 7px 7px;
	margin: 0 5px 0 5px;
}

.carousel_active {
	width: 7px;
	height: 7px;
	background: url(/share/stellar/img/smp/indicater_o.gif);
	background-size: 7px 7px;
}

.carousel_arrow_hide {
	display:none;
}

#carousel99ToLeft {
	width: 20px;
	height: 189px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#carousel99ToLeft img {
	display: block;
	position: absolute;
	top: 65px;
	left: 0px;
}

#carousel99ToRight {
	width: 20px;
	height: 189px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#carousel99ToRight img {
	display: block;
	position: absolute;
	top: 65px;
	right: 0px;
}

div.show_swipe_area #carousel0ToLeft {
	width: 20px;
	height: 153px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

div.show_swipe_area #carousel0ToLeft img {
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
}

div.show_swipe_area #carousel0ToRight {
	width: 20px;
	height: 153px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

div.show_swipe_area #carousel0ToRight img {
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
}


/*	category swipe
------------------------------------------------------------*/
div.left_item,
div.right_item {
	width: 100px;
	height: 150px;
}

div.left_item {
	margin: 0 0 0 30px;
}

div.right_item {
	margin: 0 30px 0 0;
}

div.left_item a,
div.right_item a {
	font-size: 12px;
	line-height: 16px;
	display: block;
}

span.item_name {
	color: #484848;
	display: block;
}

span.item_price {
	font-family: Georgia,'Times New Roman',Times;
	display: block;
	color: #898989;
}

div.show_swipe_area {
	width: 320px;
	margin: 0 auto;
	position: relative;
}