@charset "shift_jis";

.carouselItem table th,
.carouselItem table td {
	font-size: 12px !important;
}

.carouselItem table th.bold a {
	display: block;
	width: 176px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*  keyVisual
---------------------------------------------------------- */
div#keyVisual {
	margin: 0 auto;
	position:relative;
	overflow:hidden;
}

	div#keyVisual ul.slider {
		width:100%;
		height:100%;
	}

		div#keyVisual ul.slider li {
			float: left;
		}

	div#keyVisual div.sliderPrev {
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}

	div#keyVisual div.sliderNext {
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}

/*  2ブロックカルーセル
---------------------------------------------------------- */
div.carousel2 {
	position: relative;
}

	div.carousel2 div.carouselSet {
		position: relative;
		overflow: hidden;
	}

	div.carousel2 div.carouselWrapper {
		position: absolute;
	}

	div.carousel2 div.carouselInner {
		float: left;
		padding: 10px;
	}

	div.carousel2 div.carouselItem {
		float: left;
		margin: 0 0 0 10px;
		padding: 10px;
		border-radius: 3px;
		background: #3f3f44;
	}

	div.carousel2 div.carouselInner > div.carouselItem:first-child {
		margin-left: 0;
	}

	div.carousel2 div.carouselPrev {
		display: none;
		position: absolute;
		margin-top: -26px;
		top: 50%;
		left: -27px;
		width: 27px;
		height: 52px;
		background: url(/common_v2/img/btn_carousel_prev_off.png);
		z-index: 1000;
		cursor: pointer;
	}

		div.carousel2 div.carouselPrev:hover {
			background: url(/common_v2/img/btn_carousel_prev_on.png);
		}

	div.carousel2 div.carouselNext {
		position: absolute;
		margin-top: -26px;
		top: 50%;
		right: -27px;
		width: 27px;
		height: 52px;
		background: url(/common_v2/img/btn_carousel_next_off.png);
		z-index: 1000;
		cursor: pointer;
	}

		div.carousel2 div.carouselNext:hover {
			background: url(/common_v2/img/btn_carousel_next_on.png);
		}

/*  4ブロックカルーセル
---------------------------------------------------------- */
div.carousel4 {
	position: relative;
}

	div.carousel4 div.carouselSet {
		position: relative;
		overflow: hidden;
	}

	div.carousel4 div.carouselWrapper {
		position: absolute;
	}

	div.carousel4 div.carouselInner {
		float: left;
		padding: 10px;
		width: 864px;
	}

	div.carousel4 div.carouselItem {
		float: left;
		margin: 0 0 0 10px;
		border-radius: 3px;
		background: #fff;
		text-align: center;
	}

	div.carousel4 div.carouselInner > div.carouselItem:first-child {
		margin-left: 0;
	}

		div.carousel4 div.carouselInner > div.carouselItem a {
			display: block;
		}

		div.carousel4 div.carouselInner > div.carouselItem a:hover {
			opacity: 0.5;
			filter: alpha(opacity=50);
		}

	div.carousel4 div.carouselPrev {
		display: none;
		position: absolute;
		margin-top: -26px;
		top: 50%;
		left: -27px;
		width: 27px;
		height: 52px;
		background: url(/common_v2/img/btn_carousel_prev_off.png);
		z-index: 1000;
		cursor: pointer;
	}

		div.carousel4 div.carouselPrev:hover {
			background: url(/common_v2/img/btn_carousel_prev_on.png);
		}

	div.carousel4 div.carouselNext {
		position: absolute;
		margin-top: -26px;
		top: 50%;
		right: -27px;
		width: 27px;
		height: 52px;
		background: url(/common_v2/img/btn_carousel_next_off.png);
		z-index: 1000;
		cursor: pointer;
	}

		div.carousel4 div.carouselNext:hover {
			background: url(/common_v2/img/btn_carousel_next_on.png);
		}

/*  6ブロックカルーセル
---------------------------------------------------------- */
div.carousel6 {
	position: relative;
}

	div.carousel6 div.carouselSet {
		position: relative;
		overflow: hidden;
	}

	div.carousel6 div.carouselWrapper {
		position: absolute;
	}

	div.carousel6 div.carouselInner {
		float: left;
		padding: 10px;
		width: 930px;
	}

	div.carousel6 div.carouselItem {
		float: left;
		margin: 10px 0 0 10px;
		padding: 10px;
		width: 283px;
		height: 70px;
		border-radius: 3px;
		background: #3f3f44;
	}

	div.carousel6 div.carouselInner > div.carouselItem:nth-child(3n+1) {
		margin-left: 0;
	}

	div.carousel6 div.carouselInner > div.carouselItem:nth-child(-n+3) {
		margin-top: 0;
	}

	div.carousel6 div.carouselPrev {
		display: none;
		position: absolute;
		margin-top: -26px;
		top: 50%;
		left: -27px;
		width: 27px;
		height: 52px;
		background: url(/common_v2/img/btn_carousel_prev_off.png);
		z-index: 1000;
		cursor: pointer;
	}

		div.carousel6 div.carouselPrev:hover {
			background: url(/common_v2/img/btn_carousel_prev_on.png);
		}

	div.carousel6 div.carouselNext {
		position: absolute;
		margin-top: -26px;
		top: 50%;
		right: -27px;
		width: 27px;
		height: 52px;
		background: url(/common_v2/img/btn_carousel_next_off.png);
		z-index: 1000;
		cursor: pointer;
	}

		div.carousel6 div.carouselNext:hover {
			background: url(/common_v2/img/btn_carousel_next_on.png);
		}


/*  8ブロックカルーセル
---------------------------------------------------------- */
div.carousel8 {
	position: relative;
}

	div.carousel8 div.carouselSet {
		position: relative;
		overflow: hidden;
	}

	div.carousel8 div.carouselWrapper {
		position: absolute;
	}

	div.carousel8 div.carouselInner {
		float: left;
		padding: 10px;
		width: 930px;
	}

	div.carousel8 div.carouselItem {
		float: left;
		margin: 10px 0 0 10px;
	}

	div.carousel8 div.carouselInner > div.carouselItem:nth-child(4n+1) {
		margin-left: 0;
	}

	div.carousel8 div.carouselInner > div.carouselItem:nth-child(-n+4) {
		margin-top: 0;
	}

	div.carousel8 div.carouselPrev {
		display: none;
		position: absolute;
		margin-top: -26px;
		top: 50%;
		left: -27px;
		width: 27px;
		height: 52px;
		background: url(/common_v2/img/btn_carousel_prev_off.png) left center no-repeat;
		-webkit-background-size: 27px 52px!important;
		background-size: 27px 52px!important;
		z-index: 1000;
		cursor: pointer;
	}

		div.carousel8 div.carouselPrev:hover {
			background: url(/common_v2/img/btn_carousel_prev_on.png) left center no-repeat;
		}

	div.carousel8 div.carouselNext {
		position: absolute;
		margin-top: -26px;
		top:  50%;
		right: -27px;
		width: 27px;
		height: 52px;
		background: url(/common_v2/img/btn_carousel_next_off.png) left center no-repeat;
		-webkit-background-size: 27px 52px!important;
		background-size: 27px 52px!important;
		z-index: 10;
		cursor: pointer;
	}

		div.carousel8 div.carouselNext:hover {
			background: url(/common_v2/img/btn_carousel_next_on.png) left center no-repeat;
		}