@charset "UTF-8";

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

#deco-corner {
	position: absolute;
	top: 17px;
	left: 504px;
	z-index: 30;
}
.js-on #deco-corner div {
	display: none;
}

.pic {
	float: left;
}

.deco-corner-btm {
	position: absolute;
	bottom: -68px;
	left: 527px;
	z-index: 30;
}

/* ========================================
	.system-other
======================================== */
.system-other-list {
	margin: 0 0 15px;
}
.system-other-list li {
	float: left;
}

/* ========================================
	.system-facility
======================================== */
.system-facility {
	position: relative;
}
.system-facility .ico-new {
	position: absolute;
	top: -12px;
	left: -23px;
}
.system-facility-list {
	height: 1475px;
}
.system-facility-list li {
	float: left;
}
/* ========================================
	.system-podiums
======================================== */
.system-podiums {
	position: relative;
}
.system-podiums .ico-new {
	position: absolute;
	top: -12px;
	left: -23px;
}
.system-podiums-list {
	height: 333px;
}
.system-podiums-list li {
	float: left;
}

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

.ttl_gameplay {
	margin-top: 40px;
}

.system-magic {
	position: relative;
	width: 786px;
	margin: 10px auto 40px;
}
.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;
}