#indexCarouselArea {
	position: relative;
}
#indexCarouselBlockPc {
	position: relative;
	overflow: hidden;
	width: 920px;
	height: 0;/* 244px */
	margin: 0 auto;
	padding: 0;
}
#indexCarouselBlockSp {
	display: none;
	position: relative;
	overflow: hidden;
	width: 900px;
	/* height: 180px; */
	margin: 0 auto;
	padding: 20px 0 10px 0;
}
.indexCarousel {
	position: absolute;
	width: 1000%;
	top: 20px;
	/* left: -110px; */
}
.indexCarousel:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
.indexCarousel li {
	overflow: hidden;
	float: left;
	width: 100%;
	height: 182px;
	padding: 0 10px 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.indexCarousel li:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
.indexCarousel li > .inner {
	display: block;
	overflow: hidden;
	float: left;
	width: 440px;
	height: 180px;
	margin: 0;
	background: #fff;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.indexCarousel li > .inner + .inner {
	margin: 0 0 0 20px;
}
.indexCarousel li > .inner img {
	width: 100%;
}
.indexCarouselPager {
	text-align: center;
	padding: 214px 0 4px 0;
}
.indexCarouselPager li {
	cursor: pointer;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	border: 1px solid #999;
	border-radius: 50%;
	background-color: #fff;
}
.indexCarouselBtn {
	cursor: pointer;
	position: absolute;
	top: 90px;
	width: 32px;
	height: 48px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.indexCarouselBtn.ui_prev {
	left: 0;
	background-image: url(/common/new/img/ic_arrow_wh_24.png);
}
.indexCarouselBtn.ui_next {
	right: 0;
	background-image: url(/common/new/img/ic_arrow_wh_22.png);
}
.ui_prev:hover,
.ui_next:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);/* IE lt 8.x */
	-ms-filter: "alpha(opacity=70)";/* IE 8.x */
}


#indexGalleryArea {
	margin: 0 0 50px 0;
}
#indexGalleryBlock {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 300px;
}
#indexGalleryInner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000%;
}
#indexGalleryInner:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
#indexGalleryInner li {
	float: left;
	height: 300px;
}
#indexGalleryInner li img {
	width: 100%;
}
.indexGalleryBtn {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: 32px;
	height: 48px;
	margin: -24px 0 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.indexGalleryBtn.ui_prev {
	left: 70px;
	background-image: url(/common/new/img/ic_arrow_wh_24.png);
}
.indexGalleryBtn.ui_next {
	right: 70px;
	background-image: url(/common/new/img/ic_arrow_wh_22.png);
}



@media screen and (max-width: 750px) {
#indexCarouselBlockPc {
	display: none;
}
#indexCarouselBlockSp {
	display: block;
	width: 750px;
	/* height: 210px; */
}
.indexCarousel {
	/* left: 180px; */
	/* left: 0; */
}
.indexCarousel li {
	width: 430px;
	height: 100%;
	margin: 0;
	padding: 0 15px 0 15px;
}
.indexCarousel li > .inner {
	width: 100%;
	height: 100%;
}
.indexCarouselPager {
	padding: 160px 0 4px 0;
}
.indexCarouselBtn{
	top: 65px;
}
.indexCarouselBtn.ui_prev {
	left: 30px;
}
.indexCarouselBtn.ui_next {
	right: 30px;
}
#indexGalleryInner {
	left: 0;
}

}