.twilight-show {
	margin: 20px 0 0;
	width: 980px;
	height: 360px;
	overflow: hidden;
	position: relative;
}
.twilight-show .twilight-box {
	position: relative;
	width: 99999px;
	opacity: 1;
	-webkit-transition-duration: 0s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.twilight-show a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.twilight-show .twilight-box div {
	float: left;
	opacity: 1;
	-webkit-transition-duration: 0s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.twilight-show .twilight-box div img {
	width: 540px;/*---指定しなけれ正常に動作しません。ただしhtmlタグのheight属性でも代用可。---*/
	margin: 0 5px;
}
.twilight-show .arrow-left, .twilight-show .arrow-right {
	position: absolute;
	z-index: 10;
	top: 155px;
	cursor: pointer;
	opacity: .0;
}
.twilight-show .arrow-left {
	left: 20px;
}
.twilight-show .arrow-right {
	right: 20px;
}