/*
    common.css
    Last Update:2011.01.14

	History
		2018.12.xx N.Watanabe AlertおよびConfimの代替


 */

html 
{
	width:100%;
	height:100%;
	margin:0em;
	padding:0em;
}
body
{
	width:100%;
	height:100%;
	margin:0.5em;
	padding:0em;
	background-color:#BCD7EE;
	color:#0B2345;
	font-family:monospace;
	font-size:12pt;
}

h1
{
	width:97%;
	margin:0em;
	padding:0.5em;
	background-color:#118ACB;
	color:#FFFFFF;
	font-size:90%;
	font-style:normal;
	font-weight:bold;
}
table 
{
	border-collapse:collapse;
}

p.cssError
{
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:120%;
}
span.cssError
{
	color:#E11B22;
	font-size:80%;
}

*.cssUnvisible
{
	visibility:hidden;
}

/* List */
*.cssDivListBase, *.cssDivListBasePage
{
	position:absolute;
	margin:0em;
	padding:0em;
	left:0.5em;
	right:0em;
	bottom:0em;
	width:98%;
	width:expression(document.documentElement.clientWidth - (1.5 * 12 * (screen.deviceXDPI / 72)));
}
#sprList
{
	width:100%;
	height:100%;
}
#pnlListMovePage
{
	margin:0em 0em 0.5em 0em;
	padding:0em;
	text-align:left;
}
#pnlListMovePage *.cssButton, #pnlListMovePage *.cssButtonDE
{
	margin:0em 1em 0em 1em;
	padding:0em;
	width:6em;
	height:2em;
	font-size:80%;
}

/* Button Common */
*.cssButton, *.cssSubmit, *.cssSearch, *.cssButtonSelect, *.cssButtonSelectMove, *.cssButtonDE, *.cssSubmitDE, *.cssSearchDE, *.cssSearchAC
{
	margin:0em;
	padding:0.4em 0em 0.4em 0em;
	background-position:left bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	outline:#0B2345 solid 1px;
	color:inherit;
	border:solid 1px #616A74;
	font-size:100%;
	font-weight:normal;
}
*.cssButton, *.cssSubmit, *.cssSearch, *.cssSearchAC, *.cssButtonSelect, *.cssButtonSelectMove
{
	cursor:pointer;
}

/* Button Image */
*.cssButton
{
	background-image:url("img/btncommon.png");
}
*.cssButtonDE
{
	background-image:url("img/btncommond.png");
}

*.cssSubmit
{
	background-image:url("img/btnsubmit.png");
}
*.cssSubmitDE
{
	background-image:url("img/btnsubmitd.png");
}
*.cssSearch
{
	background-image:url("img/btnsearch.png");
}
*.cssSearchAC
{
	background-image:url("img/btnsearcha.gif");
	background-position:center center;
	background-repeat:no-repeat;
}
*.cssSearchDE
{
	background-image:url("img/btnsearchd.png");
}

*.cssButtonSelect
{
	background-image:url("img/btnsubmit.png");
}
*.cssButtonSelectMove
{
	background-image:url("img/btncommon.png");
}

/* Text Box Common */
*.cssTextBox, *.cssTextBoxDE, *.cssTextBoxNU
{
	height:1.1em;
	margin:0em;
	padding:0.1em;
	background-color:#FFFFFF;
	color:#000000;
	border-style:inset;
	border-width:2px;
	border-color:#616A74 #D2D6D9 #D2D6D9 #616A74;
	outline-style:none;
	font-size:150%;
	cursor:text;
}
select.cssTextBox, select.cssTextBox option
{
	cursor:pointer;
	line-height:1.1em;
	height:auto;
}
*.cssTextBoxNU
{
	background-color:#E1E1E1;
	color:#E1E1E1;
}

/* Text Box Show Only Common */
*.cssTextBoxShowOnly, *.cssTextBoxShowOnlyDE, *.cssTextBoxShowOnlyNU
{
	height:1.1em;
	margin:0em;
	padding:0.1em;
	background-color:#FFFFFF;
	color:#3F5364;
	border:solid 1px #8AAAC5;
	outline-style:none;
	font-size:150%;
	text-align:left;
	cursor:default;
}
*.cssTextBoxShowOnlyNU
{
	background-color:#E1E1E1;
	color:#E1E1E1;
}

/* Disabled Common */
*.cssButtonDE, *.cssSubmitDE, *.cssSearchDE, *.cssTextBoxDE, *.cssTextBoxShowOnlyDE
{
	color:GrayText;
	cursor:default;
}

/* Select Town & Select Ward */
#sprSelectTown, #sprSelectWard, div.cssSelectButtonBase
{
	width:98%;
	width:expression(document.documentElement.clientWidth - (2 * 12 * (screen.deviceXDPI / 72)));
}
#sprSelectTown, #sprSelectWard
{
	height:480px;
	margin-top:0.25em;
}
div.cssSelectButtonBase
{
	margin:0em;
	padding:0em;
	text-align:center;
	font-size:125%;
}
*.cssButtonSelect, *.cssButtonSelectMove
{
	height:2em;
	margin-top:0.5em;
	margin-bottom:0em;
}
*.cssButtonSelect
{
	width:5.5em;
}
#btnSelectDecisionTown, #btnSelectDecisionWard
{
	margin-right:1.25em;
}
#btnSelectClearTown, #btnSelectClearWard
{
	margin-left:1.25em;
	margin-right:0.25em;
}
#btnSelectCancelTown, #btnSelectCancelWard
{
	margin-left:0.25em;
}
*.cssButtonSelectMove
{
	width:2em;
	margin-left:0.25em;
	margin-right:0.25em;
}

/* Input Base */
*.cssInputBase
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-image:url("img/cover.gif");
	background-repeat:repeat;
	background-color:Transparent;
	font-size:100%;
	z-index:0;
}

/* Input Number */
div.cssInputNumberBase
{
	position:absolute;
	left:20em;
	top:11em;
	width:18em;
	left:expression(Math.max((document.documentElement.clientWidth - (18 * 12 * (screen.deviceXDPI / 72))) / 2, 0));
	padding:0em;
	background-color:#BCD7EE;
	border:solid 1px #333333;
}
div.cssInputNumberBase p 
{
	width:100%;
	margin:0.25em 0em 0.25em 0em;
	padding:0em;
}
div.cssInputNumberBase p span
{
	display:inline-block;
	width:3em;
	margin:0em 0.25em 0em 0.25em;
	padding:0.9em 0em 0.9em 0em;
	text-align:center;
}
div.cssInputNumberBase p.cssInputNumberArea
{
	width:100%;
	height:3em;
	margin:0em;
	padding:0em 0em 0em 0.25em;
	overflow:auto;
}
div.cssInputNumberBase p.cssInputNumberArea span
{
	display:inline-block;
	width:auto;
	height:auto;
	margin:0em;
	padding:0em;
	text-align:left;
}
div.cssInputNumberBase p.cssInputNumberArea span.cssInputNumberArea
{
	font-weight:normal;
	color:inherit;
}
div.cssInputNumberBase p.cssInputNumberArea span.cssInputNumberAreaAttention
{
	font-weight:bold;
	color:#FF0000;
}
div.cssInputNumberBase *.cssButton, div.cssInputNumberBase *.cssButtonDE
{
	width:3em;
	height:3em;
	margin-left:0.25em;
	margin-right:0.25em;
}
#btnBSInput, #btnBSInputD
{
	width:17em;
}
div.cssInputNumberBase *.cssSubmit
{
	width:6.5em;
	height:3em;
	margin-left:0.5em;
}
#btnEndInputNum
{
	width:6.5em;
}
div.cssInputNumberBase *.cssTextBoxShowOnly
{
	width:3.25em;
	padding:0.15em 0em 0.15em 0em;
	font-size:200%;
	text-align:center;
	color:#0B2345;
}

/* Input Code */
div.cssInputCodeBase
{
	position:absolute;
	top:11em;
	left:12em;
	width:35.25em;
	left:expression(Math.max((document.documentElement.clientWidth - (35.25 * 12 * (screen.deviceXDPI / 72))) / 2, 0));
	padding:0em;
	background-color:#BCD7EE;
	border:solid 1px #333333;
}
div.cssInputCodeBase p 
{
	width:100%;
	margin:0.25em 0em 0.25em 0em;
	padding:0em;
}
div.cssInputCodeBase p span
{
	display:inline-block;
	width:3em;
	margin:0em 0.25em 0em 0.25em;
	padding:0.9em 0em 0.9em 0em;
	text-align:center;
}
div.cssInputCodeBase *.cssButton, div.cssInputCodeBase *.cssButtonDE
{
	width:3em;
	height:3em;
	margin-left:0.25em;
	margin-right:0.25em;
}
#btnBSInputCode
{
	width:10em;
}
div.cssInputCodeBase *.cssSubmit
{
	width:6.5em;
	height:3em;
	margin-left:0.5em;
}
#btnEndInputCode
{
	width:18.75em;
}
div.cssInputCodeBase *.cssTextBoxShowOnly
{
	width:6em;
	padding:0.15em 0em 0.15em 0em;
	font-size:200%;
	text-align:center;
	color:#0B2345;
}

/* Input Text & Input Date Common */
div.cssInputTextBase p span, div.cssInputDateBase p span
{
	display:inline-block;
	width:3em;
	margin:0em;
	margin-left:0.25em;
	margin-right:0.25em;
	padding:0em;
	padding-top:0.9em;
	padding-bottom:0.9em;
	text-align:center;
}
div.cssInputTextBase *.cssTextBoxShowOnly, div.cssInputDateBase *.cssTextBoxShowOnly
{
	padding:0em;
	padding-top:0.15em;
	padding-bottom:0.15em;
	font-size:200%;
	text-align:center;
	color:#0B2345;
}

/* Input Text */
div.cssInputTextBase
{
	position:absolute;
	left:0.5em;
	top:6em;
	width:44.5em;
	padding:0em;
	background-color:#BCD7EE;
	border:solid 1px #333333;
	left:expression(Math.max((document.documentElement.clientWidth - (44.5 * 12 * (screen.deviceXDPI / 72))) / 2, 0));
}
div.cssInputTextBase div
{
	width:44em;
	margin:0em;
}
div.cssInputTextBase p span
{
	width:5em;
}
div.cssInputTextBase p
{
	float:none;
	clear:both;
	margin-top:0.25em;
	margin-bottom:0.25em;
}
div.cssInputTextBase p.cssInputButtonBase
{
	float:left;
	clear:none;
	width:3.55em;
}
div.cssInputTextBase p.cssInputS
{
	margin-left:1em;
}
div.cssInputTextBase p.cssInputButtonBaseH
{
	float:left;
	clear:none;
}
div.cssInputTextBase *.cssButton
{
	width:3em;
	height:3em;
	margin:0.25em;
}
#btnEmptyInputT
{
	width:6.5em;
	margin-left:0.5em;
}
#btnBSInputT
{
	width:25.5em;
}
div.cssInputTextBase *.cssSubmit
{
	width:12.75em;
	height:3em;
	margin-left:0.5em;
}
div.cssInputTextBase *.cssTextBoxShowOnly
{
	width:12.25em;
}

/* Input Date */
div.cssInputDateBase
{
	position:absolute;
	left:5em;
	top:9.5em;
	width:32.5em;
	padding:0em;
	background-color:#BCD7EE;
	border:solid 1px #333333;
	left:expression(Math.max((document.documentElement.clientWidth - (32.5 * 12 * (screen.deviceXDPI / 72))) / 2, 0));
}
div.cssInputDateBase div.cssInputNumberBase
{
	position:static;
	float:left;
	clear:none;
	margin:0.5em 0.75em 0em 1em;
	border-style:none;
}
div.cssInputDateBase p 
{
	margin:0.25em auto 0em auto;
}
div.cssInputDateBase p span
{
	width:5em;
}
div.cssInputDateBase p#prgInputDateG
{
	float:left;
	clear:none;
	width:6em;
	margin-top:0.5em;
}
div.cssInputDateBase p#prgInputDateSet
{
	width:6em;
	margin:0em;
	margin-bottom:1em;
	margin-top:0.5em;
}
div.cssInputDateBase p#prgInputDateClear
{
	margin:0em;
}
div.cssInputDateBase *.cssSubmit, div.cssInputDateBase *.cssSubmitDE
{
	width:5.25em;
	height:3em;
	margin-left:0.5em;
}
p#prgInputDateG *.cssButton, p#prgInputDateG *.cssButtonDE
{
	width:5.25em;
	height:3em;
	margin:0.25em;
}
p#prgInputDateSet *.cssButton, p#prgInputDateSet *.cssButtonDE
{
	width:5.25em;
	height:3em;
	margin:0.25em;
}
p#prgInputDateClear *.cssButton
{
	width:5.25em;
	height:2.25em;
	margin:0em;
	margin-left:20em;
}
div.cssInputDateBase *.cssTextBoxShowOnly
{
	width:2.5em;
}
#txtInputDateG, #txtInputDateY, #txtInputDateM
{
	border-right-style:none;
}
#txtInputDateD, #txtInputDateY, #txtInputDateM
{
	border-left-style:none;
}


/* Pause */
#btnEndPause
{
	display:block;
	width:100%;
	height:8em;
	width:expression(document.documentElement.clientWidth - (1 * 12 * (screen.deviceXDPI / 72)));
	height:expression(document.documentElement.clientHeight - (2 * 12 * (screen.deviceYDPI / 72)));
	background-color:#7AAFDE;
	color:#FFFFFF;
	border-style:none;
	font-size:500%;
	letter-spacing:1em;
}

/* Show Wait Panel */
#divWaitImagePanel
{
	position:absolute;
	visibility:hidden;
	left:17em;
	top:10em;
	width:18em;
	height:5em;
	padding:1em;
	background-color:#FFFFFF;
	border:double 3px #3D7B94;
	z-index:0;
	left:expression(Math.max((document.documentElement.clientWidth - (18 * 12 * (screen.deviceXDPI / 72))) / 2));
}
#divWaitImagePanel p
{
	margin:1em 0em 0em 0em;
	width:100%;
	text-align:center;
	background-color:Transparent;
	color:#000030;
}

/* AlertおよびConfimの代替用疑似ダイアログ add 2018.11.xx */
/* ベース */
#divAlertBase
{
	background-color:#FFFFFF;
	z-index:1;
	visibility:hidden;
	position:absolute;
	border-width:thick;
	border-style:ridge;
	width:28em;
}

/* タイトル領域 */
div#divAlertTitle
{
	color:#FFFFFF;
	background-color:#118ACB;	/* 画面上部の画面名表示欄の色 */
	text-align:center;
	padding:10px 0px;
}

/* メッセージ領域 ベース*/
div#divAlertBaseMessage
{
	display:table;
	width:100%;
}

/* メッセージ領域 マーク*/
p#pAlertMark ,p#pConfirmMark
{
	float:left;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
/*	padding:10px 0px; */
	margin:10px 0px 0px 10px ;
}

/* メッセージ領域 メッセージ*/
p#pAlertMessage
{
	float:left;
	display:table-cell;
	vertical-align:middle;
	margin:20px 10px 30px 20px ;
}

/* ボタン領域 */

div#divAlertButton
{
	text-align:center;
	margin:20px 10px 10px 10px;
	width:26.5em
}


/* 各ボタン共通 */
div#divAlertButton *.cssSubmit
{
	width:5em;
}

/* MyConfirmでのOKボタン */
div#divAlert_Base #btnConfirmOk
{
	margin:0em  2.5em 0em 0em;
}
/* MyConfirmでのキャンセルボタン */
div#divAlertBase #btnConfirmCancel
{
	margin:0em 0em 0em 2.5em;
}

