/*
	モーダルダイアログとして表示する画面のスタイルを集約
*/

/* モーダルダイアログベース */
#showoverlay {
	margin: 25px;
}

@media (min-height:480px) {
	#modalbox {
		display: none;
		position: absolute;
		z-index: 1000;
		height: 480px;
		width: 730px;
		align-content: center;
		text-align: center;
		padding: 5px;
		background: #fff;
		border: rgb(128, 128, 128) solid 3px;
		border-radius: 5px;
		top: 10%;
		left: 25%;
	}

	/* テナント選択画面 */
	.blk_tenant_select{
		clear		: both;
		display		: inline-block;
  		width: 100%;
		height: calc(480px * 0.85) /* 85% */;
		margin:	10px 0 0 0;
		overflow-y	: scroll;
		-webkit-overflow-scrolling: touch;
	}

	/* エラー詳細画面 */
	.blk_detail_err_list {
		width: 100%;
		height: calc(480px * 0.7) /* 70% */;
	}

	/* エラーリスト */
	.blk_error_list{
		clear		: both;
		display		: inline-block;
		width: 100%;
		height: calc(480px * 0.85) /* 85% */;
		margin:	10px 0 0 0;
		overflow-y	: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-height:480px) {
	#modalbox {
		display: none;
		position: absolute;
		z-index: 1000;
		height: 350px;
		width: 730px;
		align-content: center;
		text-align: center;
		padding: 5px;
		background: #fff;
		border: rgb(128, 128, 128) solid 3px;
		border-radius: 5px;
		top: 10%;
		left: 25%;
	}
	/* テナント選択画面 */
	.blk_tenant_select{
		clear		: both;
		display		: inline-block;
		width: 100%;
		height: calc(350px * 0.85) /* 85% */;
		margin:	10px 0 0 0;
		overflow-y	: scroll;
		-webkit-overflow-scrolling: touch;
	}

	/* エラー詳細画面 */
	.blk_detail_err_list {
		width: 100%;
		height: calc(350px * 0.7) /* 70% */;
	}

	/* エラーリスト */
	.blk_error_list{
		clear		: both;
		display		: inline-block;
		width: 100%;
		height: calc(350px * 0.85) /* 85% */;
		margin:	10px 0 0 0;
		overflow-y	: scroll;
		-webkit-overflow-scrolling: touch;
	}
}


#modalboxIE9 {
	display: none;
	position: absolute;
	z-index: 1000;
	height: 480px;
	width: 730px;
	align-content: center;
	text-align: center;
	padding: 5px;
	background: #fff;
	border: rgb(128, 128, 128) solid 3px;
	border-radius: 5px;
	top: 10%;
	left: 25%;
}
/* テナント選択画面 */
.blk_tenant_selectIE9{
	clear: both;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 100%;
	height: 400px;
	margin: 10px 0 0 0;
	overflow-y : scroll;
}


#overlay {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
	background: #000;
}

#watingDialog {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 210px;
	padding: 5px;
	background: #333;
	border-radius: 10px;
	opacity: 0.8;
	text-align: center;
}

.blk_modal_close {
	margin: 20px auto !important;
}

/*
**********************************
	テナント切替画面
	common_01_tenantList.jsp
	common_01_tenantList_list.jsp
**********************************
*/


.tbl_tenant_list {
/*	width			: 100%;  障害管理#43038 テーブルサイズを固定 */
	width			: 1000px;
	border			: 1px solid;
	border-collapse	: collapse;
	padding			: 1px;
	text-align		: center;
	vertical-align  : top;
	padding: 0 20px;
}

.cell_select {
	width			: 60px;
	height			: 15px;
	text-align		: center;
	border			: 1px solid;
	border-collapse	: collapse;
	padding			: 5px;
}

.cell_code {
/*	width			: 200px; 障害管理#43038 テーブルサイズ固定に伴い幅を狭める */
	width			: 140px;
	height			: 15px;
	text-align		: center;
	border			: 1px solid;
	border-collapse	: collapse;
	padding			: 5px;
}

.cNowrap{
	white-space:nowrap;	/* 菊山様 */
}

.cell_tenant_name {
/*	width			: 500px; 障害管理#43038 テーブルサイズ固定に伴い幅を広げる */
	width			: 800px;
	height			: 15px;
	text-align		: left;
	border			: 1px solid;
	border-collapse	: collapse;
	padding			: 5px;
}


/*
**********************************
	エラーリスト
	common_02_errorList_list.jsp
**********************************
*/

.tbl_error_list {
	width			: 100%;
	border			: 1px solid;
	border-collapse	: collapse;
	padding			: 1px;
	text-align		: center;
	vertical-align  : top;
}

.cell_name_label,
.cell_date_label {
	width			: 15%;
	text-align		: center;
}
.cell_content_label {
	width			: 70%;
	text-align		: center;
}

.cell_name,
.cell_date {
	text-align		: center;
}

.cell_content {
	text-align		: left;
}


/*
**********************************
	エラー表示
	detailerr.jsp
**********************************
*/
.blk_result_message {
	display		: inline-block;
	padding-top: 20px;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

/* リスト部 */

/* スクロールさせる場合は、こちらを追加で指定 */
.with_scroll {
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}


.blk_detail_err_header {
	width: 100%;
	height: 50px;
	border: 0;
	padding: 0;
}

.tbl_detail_err {
	width: 100%;
	border: 1;
	padding: 1;
	text-align: center;
	vertical-align: top;
	padding: 0 20px;
}

.cell_err_item_title {
	width: 150px;
	height: 25px;
}

.cell_err_content_title {
	width: 500px;
	height: 25px;
}

.cell_err_content_only_title {
	width: 650px;
	height: 25px;
}

.cell_err_item {}

/*.cell_err_content {}*/
.cell_err_content {
	text-align: left;				/* 障害管理#39705 */
	vertical-align: top;			/* 障害管理#39705 */
}

.cell_err_content_only {}

.detail_err_item {
	height: 25px;
}

.err_content_only {
	width: 650px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 4px 2px;
}