@charset "utf-8";

#loading {
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #696969;
	filter: alpha(opacity = 65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}

#loading .loadingMsg {
	text-align: center;
	width: 100%;
	height: 100%;
	background-image: url("/javax.faces.resource/gif-load.gif.xhtml?ln=images");
	background-position: center center;
	background-repeat: no-repeat;
	font-family: "メイリオ" !important;
	line-height: 100px;
}

#modal-content {
	width: 100%;
	height: 100%;
	z-index: 9997;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #f7f7f9;
	filter: alpha(opacity = 65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
	background-image: url("/javax.faces.resource/gif-load.gif.xhtml?ln=images");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: none;
}

#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75);
}


#divFirstLoading {
	width: 100%;
	height: 100%;
	z-index: 9997;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #f7f7f9;
	filter: alpha(opacity = 65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}

#divFirstLoading .FirstloadingMsg {
	text-align: center;
	width: 100%;
	height: 100%;
	background-image: url("/javax.faces.resource/ajax-loader-div.gif.xhtml?ln=images");
	background-position: center center;
	background-repeat: no-repeat;
	font-family: "メイリオ" !important;
	line-height: 100px;

	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}

.div-modal-content {
	width: 100%;
	height: 100%;
	z-index: 9997;
	top: 0;
	left: 0;
	background-color: #f7f7f9;
	filter: alpha(opacity = 65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
	background-image: url("/javax.faces.resource/gif-load.gif.xhtml?ln=images");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: none;
}

.div-modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75);
}

/* フェードイン */
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
	0% {opacity: 0} /* 始め */
	100% {opacity: 1} /* 終わり */
}

/* フェードイン 古いブラウザ用 */
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

/* フェードアウト */
@keyframes fadeOut { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
	100% {opacity: 0} /* 始め */
	0% {opacity: 1} /* 終わり */
}

/* フェードアウト 古いブラウザ用 　---------　一度追加していたら不要*/
@-webkit-keyframes fadeOut {
	100% {opacity: 0}
	0% {opacity: 1}
}

/* PrimeFaces Ajax動作時の全面ローディング用（モーダルメッセージ表示時使用） */
#ajaxLoading {
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	filter: alpha(opacity = 65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}