@charset "UTF-8";

/* ========================================
	common
======================================== */
body {
	background: url(../common/bg_pattern.png) repeat center top;
}

#deco-corner {
	position: absolute;
	top: 11px;
	left: 445px;
}

/* ========================================
	.movie
======================================== */
.movie {
	position: absolute;
	top: 0;
	right: 54px;
	width: 331px;
	height: 315px;
}

/* ========================================
	.rule
======================================== */

.ttl_gameplay {
	margin-top: 40px;
}

.rule {
	position: relative;
	width: 786px;
	margin: 10px auto -12px;
}
.slide-wrap {
	height: 507px;
	background: url(../about/images/bg_rule.png) no-repeat center top;
	overflow: hidden;
}
.slide-wrap .disabled img {
	display: none;
}
.slide-wrap .prev a {
	position: absolute;
	top: 205px;
	left: -22px;
	display: block;
	width: 68px;
	height: 68px;
	background: url(../about/images/bg_arrow_prev.png) no-repeat left top;
	z-index: 100;
	cursor: pointer;
}
.slide-wrap .next a {
	position: absolute;
	top: 205px;
	right: -22px;
	display: block;
	width: 68px;
	height: 68px;
	background: url(../about/images/bg_arrow_next.png) no-repeat left top;
	z-index: 100;
	cursor: pointer;
}
.slide-wrap a.disabled {
	background: none;
}
.slide-wrap .prev a:hover img,
.slide-wrap .next a:hover img {
	display: none;
}

.bx-controls .bx-pager {
	text-align: center;
	padding-top: 7px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-pager a {
	float: left;
	width: 18px;
	height: 18px;
	background: url(../about/images/slide_pointer.png) no-repeat right top;
	margin: 0 4px;
	text-indent: -9999px;
}
.bx-pager a.active,
.bx-pager a:hover {
	background-position: left top;
}