/*
 * 画面全体のロード画面を表示するスタイルシートです
 */

#loader-bg {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.65);
	z-index: 21 !important;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -160px;
	width: 320px;
	height: 320px;
	text-align: center;
	color: #fff;
	z-index: 22 !important;
}
.loader_circle {
width: 320px;
height: 320px;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-ms-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0% {
	-webkit-transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	0% {
	-moz-transform: rotate(0deg);
	}
	100% {
	-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes spin {
	0% {
	-ms-transform: rotate(0deg);
	}
	100% {
	-ms-transform: rotate(360deg);
	}
}
@-o-keyframes spin {
	0% {
	-o-transform: rotate(0deg);
	}
	100% {
	-o-transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}