@charset "utf-8";
/* CSS Document */
.wrap ul.quick_link {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 48px;
}
.wrap ul.quick_link li {
	float: left;
	margin-right: 10px;
}
.wrap ul.quick_link li a {
	display: block;
	height: 50px;
	width: 50px;
	background-image: url(../images/quick_link.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	opacity: .5;
	transition: opacity ease .3s;
}
.wrap ul.quick_link li a { background-position-x: 0px; }
.wrap ul.quick_link li+li a { background-position-x: -50px; }
.wrap ul.quick_link li a:hover { opacity: 1; }
.wrap .sound {
	opacity: .5; /*position: absolute; top: 20px; right: 28px;*/
	width: 50px;
	height: 50px;
	background: transparent url(../images/btn_sound.png) no-repeat -50px 0;
	cursor: pointer
}
.wrap .sound:hover { opacity: 1; }
.wrap .sound.on { background-position: 0 0 }
.wrap .btn_join {
	position: absolute;
	top: 90px;
	right: 20px;
	width: 253px;
	height: 92px;
	background: transparent url(../images/btn_join.png) no-repeat;
	transition: filter ease .3s;
}
.part2 .wrap .btn_join {
	background: transparent url(../images/btn_join_2.png) no-repeat;
}
.wrap .btn_join:hover {
	filter: brightness(135%);
}
.wrap .btn_download {
	position: absolute;
	top: 190px;
	right: 20px;
	width: 253px;
	height: 80px;
	background: transparent url(../images/btn_download.png) no-repeat;
	transition: filter ease .3s;
}
.part2 .wrap .btn_download {
	background: transparent url(../images/btn_download_2.png) no-repeat;
}
.wrap .btn_download:hover {
	filter: brightness(135%);
}