/*□□□□□□□□□□□□□□□□□□□□

	Ajax 関連スタイル

□□□□□□□□□□□□□□□□□□□□*/
/*////////////////////////////////////////
	 UpdateProgress
////////////////////////////////////////*/
/*――― 背景 ―――*/
.progressBackground {
	filter: alpha(opacity=70);
	opacity: 0.7;
	min-height: 100%;
	height: 100%;
	width: 100%;
	/*background-color: #DAEDC7;*/
    background-color:rgba(218,237,199,0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2147483646;
}
.updateProgress {
	position: absolute;
	margin: auto;
	/*top: 40%;*/
    top:250px;
	left: 0;
	right: 0;
	border: 1px solid #639531;
	background-color: #fff;
	text-align: center;
	width: 250px;
	z-index: 2147483647;
}
.updateProgress img {
	margin: 20px;
}
.updateProgress img#LoadingText {
	margin-top: 0;
}

/*////////////////////////////////////////
	 ModalPopup
////////////////////////////////////////*/
/*――― 背景 ―――*/
.modalBackground {
	filter: alpha(opacity=70);
	opacity: 0.7;
	min-height: 100%;
	height: 100%;
	width: 100%;
	background-color: #DAEDC7;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2147483643 !important;
}
/*――― ポップアップ本体 ―――*/
div.modalPopup {
    display: table;
    position: absolute;
    vertical-align: top;
    border: 1px solid #666;
    border-radius: 5px 5px;
    box-shadow: 10px 10px 10px #555;
    background-color: transparent;
    z-index: 2147483644 !important;
    min-width: 300px;
}

/*――― グリップ ―――*/
div.modalPopup div.modalGrip {
	background: url(../../_images/bg_popup_grip.png) repeat-x;
	cursor: move;
	border-bottom: 1px solid #666;
	padding: 5px;
	padding-left: 10px;
	line-height: 1.7em;
	text-align: left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/* 閉じるボタン */
div.modalPopup div.modalGrip img {
	cursor: pointer;
	margin-left: 2em;
	float: right;
}

/*――― メイン表示部 ―――*/
div.modalPopup div.modalMain {
	background-color: #fff;
	padding: 20px;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* ボタン表示部 */
div.modalPopup div.modalMain .buttonArea {
	text-align: center;
	margin-top: 20px;
    white-space:nowrap;
}


/*////////////////////////////////////////
	 ModalPopup（メッセージダイアログ）
////////////////////////////////////////*/
/*――― ポップアップ本体 ―――*/
table.modalPopup {
	border-collapse: collapse;
	position: absolute;
	vertical-align: top;
	z-index: 102;
	box-shadow: 10px 10px 10px #555;
}

/*――― グリップ ―――*/
table.modalPopup tr.modalGrip {
	/*background-color: #333333;*/
    background-color:#005caf;
    background-image:url("/_images/bg_title.jpg");
	color: #fff;
	cursor: move;
}
/*――― グリップ内：タイトル部 ―――*/
table.modalPopup tr.modalGrip th {
	text-align: left;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #666;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	width: 100%;
}
/*――― グリップ内：Closeボタン ―――*/
table.modalPopup tr.modalGrip th input {
	float: right;
	/*margin-top: -3px;*/
    margin-top:2px;
	cursor: pointer;
}

/*――― メイン表示部 ―――*/
table.modalPopup .modalMain {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #666;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}

table.modalPopup .modalMain .buttonArea {
	text-align: center;
	margin-top: 20px;
}

/*――― ［前へ・次へ］ボタン ―――*/
div.modalPopup div.buttonArea input.btn_move {
	min-width: 70px;
	height: 26px;
	color: #333;
	padding: 3px 8px;
	border-radius: 3px;
	/*border: 1px solid #bcbcbc;*/
	border: 1px solid #808080;
	letter-spacing: 2px;
	position: relative;
	/*margin: 10px;*/
    cursor:pointer;
}
div.modalPopup div.buttonArea input.btn_move[disabled] {
    color:GrayText;
	border: 1px solid #dcdcdc;
    cursor:default;
}
/*――― ［OK,Cancel,Yes,No］ボタン ―――*/
div.modalPopup div.buttonArea input.btn_confirm {
	min-width: 90px;
	height: 26px;
	color: #333;
	padding: 3px 8px;
	border-radius: 3px;
	border: 1px solid #bcbcbc;
	letter-spacing: 2px;
	position: relative;
	/*margin: 10px;*/
}

/*――― ポップアップメッセージボックスアイコン ―――*/
div.modalPopup table.messageArea th {
    padding-right:10px;
    width:48px;
    height:48px;
    background-repeat:no-repeat;
}
div.modalPopup table.messageArea th.info {
    background-image:url(../../_Images/mbox_info.png);
}
div.modalPopup table.messageArea th.warn {
    background-image:url(../../_Images/mbox_warn.png);
}
div.modalPopup table.messageArea th.error {
    background-image:url(../../_Images/mbox_error.png);
}
div.modalPopup table.messageArea th.question {
    background-image:url(../../_Images/mbox_question.png);
}