/* CSS (base) */




/* default */

html,body,div,h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,span,a,img,var,strong,small,address {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	text-indent:0;
	vertical-align:baseline;
}

html {
	height:100%;
	touch-action:manipulation;
	-ms-touch-action:manipulation;
	font-size:16px;
}

body {
	height:100%;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust:100%;
	/* for New IE and Edge */
	-ms-content-zooming:none;
	content-zooming:none;
}

table {
	border-collapse:collapse;
	empty-cells:show;
}

img {
	margin:0;
	border:none;
	vertical-align:middle;
}

var {
	font-style:normal;
}

input:disabled, select:disabled, textarea:disabled {
	color:#C0C0C0;
}

button {
	-webkit-appearance:none
	appearance:none;
	min-width:3rem;
	height:auto;
	margin:0 0.75rem;
	padding:0.4rem 0.75rem;
	line-height:1;
	border:#707070 1px solid;
	text-align:center;
	vertical-align:text-top;
	background-color:#E0E0E0;
	background:-webkit-linear-gradient(top, #ECECEC, #D5D5D5);
	background:linear-gradient(to bottom, #ECECEC, #D5D5D5);
	font-size:1rem;
	color:Black;
	outline:0;
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
}

button:hover, button:focus {
	border:#26A0DA 1px solid;
	background-color:#A6F4FF;
	background:-webkit-linear-gradient(top, #A6F4FF, #A6F4FF);
	background:linear-gradient(to bottom, #A6F4FF, #A6F4FF);
}

button:active {
	border:#0089B4 1px solid;
	background-color:#34B4E3;
	background:-webkit-linear-gradient(top, #34B4E3, #34B4E3);
	background:linear-gradient(to bottom, #34B4E3, #34B4E3);
}

button:disabled {
	border:#DDDDDD 1px solid;
	background-color:#E9E9E9;
	background:-webkit-linear-gradient(top, #F4F4F4, #EDEDED);
	background:linear-gradient(to bottom, #F4F4F4, #EDEDED);
	color:#CCCCCC;
}

button.largeButton {
	min-width:8rem;
	margin-left:1rem;
	margin-right:1rem;
	padding:0.5rem 1rem;
}

.altLink {
	color:#0000CC;
	text-decoration:underline;
	cursor:pointer;
}

.monospaceText {
	white-space:pre;
	font-family:monospace;
}

.floatEnd {
	clear:both;
}

.flexibleArea {
	margin:0;
	padding:0;
}








/* framework  */

#divHeader {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:3rem;
/*
*/
	z-index:999;
}

#divHeader p {
	padding:0 0.5rem;
	padding-top:0.75rem;
	padding-right:2.5rem;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:1.2rem;
}

#divTopMenu {
	position:absolute;
	top:0.2rem;
	right:0.5rem;
	width:2.4rem;
	height:2.4rem;
/*
	border-width:1px;
*/
	border-radius:0.25rem;
}

#divTopMenu img {
	width:100%;
}

#divMain {
	height:100%;
	width:100%;
	overflow:auto;
}
#divMainContents {
	width:96%;
	min-width:300px;
	max-width:720px;
	height:auto;
	margin:0 auto;
	padding-top:3rem;
	padding-bottom:2rem;
}








/* Theme Color */

.themecolor1 {
	background-color:#3A7ACD;
	color:White;
	border-color:#7798B6;
	border-style:solid;
}

.themecolor2 {
	background-color:#4F709D;
/*
	background-color:#33577D;
*/
	color:White;
	border-top-color:#99CCFF;
	border-left-color:#CCCCFF;
	border-bottom-color:#336699;
	border-right-color:#CCCCFF;
	border-style:solid;
}

.themecolor3 {
	background-color:#99CCF0;
	color:#404040;
	border-color:#999999;
	border-style:solid;
}

.themecolor4 {
	background-color:#D5E1ED;
	color:Black;
	border-color:#CCCCCC;
	border-style:solid;
}








/* input form */

.inputForm {
	margin:1rem;
	padding:1rem;
	border-radius:0.25rem;
}

.inputForm p:first-child {
	margin-top:0;
}

.inputForm dt {
	margin-top:1rem;
}

.inputForm dt {
	margin-top:0.5rem;
}

.inputForm input {
	width:90%;
	max-width:20rem;
	font-size:1.25rem;
}

.inputForm textarea {
	width:90%;
	max-width:36rem;
	height:4rem;
	font-size:1.25rem;
}

.inputForm select {
	width:80%;
	max-width:20rem;
	font-size:1.25rem;
}

.inputForm p {
	margin-top:1rem;
	text-align:center;
}








/* result area */

.resultArea {
	margin-top:2rem;
	margin-bottom:2rem;
}

.resultArea:after {
	content:"\00A0"
}

.pagerTable {
	width:100%;
	margin-top:1rem;
}

.pagerTable td {
	text-align:center;
	vertical-align:middle;
}

.pagerTable .pageCell {
	width:28%;
}

.pagerTable .buttonCell {
	width:18%;
}

.pagerTable .buttonCell button {
	width:80%;
	min-width:2rem;
	max-width:6rem;
	padding-left:0.25rem;
	padding-right:0.25rem;
}

.resultArea .dataListTable th {
/*
	padding:0.25rem;
	line-height:1.2;
*/
	background:#4F709D;
	font-size:0.9rem;
/*
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	tap-highlight-color:rgba(0, 0, 0, 0);
*/
}

.resultArea .dataListTable td {
/*
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	tap-highlight-color:rgba(0, 0, 0, 0);
*/
}








/* Main Menu */

body .flatDialogBox {
	position:fixed;
/*
*/
	z-index:2000;
}

.flatDialogBox .flatDialogContents p.mainMenuItem {
/*
	margin-top:1.5rem;
	font-size:1.2rem;
*/
	margin-top:0.8rem;
}

.flatDialogBox .flatDialogContents p.mainMenuItem:first-child {
	margin-top:1rem;
}

.flatDialogBox .flatDialogContents p.mainMenuItem span {
	display:block;
	width:85%;
	margin:0 auto;
	padding:0.4rem 1rem;
	border-radius:0.25rem;
/*
	background-color:#B0F0D5;
	color:#003380;
*/
/*
	background-color:#DDDDE8;
	color:#0033CC;
*/
/*
	background-color:#D0E8DD;
	color:#0033CC;
	font-weight:bold;
*/
	cursor:pointer;
}

.flatDialogBox .flatDialogContents p.mainMenuTool {
	margin-top:1.25rem;
}








/* Lock Layer */
.operationLocker {
	z-index:1000;
}








/* Loading Indicator */

.loading_indicator {
	width:50%;
	position:fixed;
	left:25%;
	top:30%;
	text-align:center;
/*
*/
	z-index:9999;
	display:none;
}

@-webkit-keyframes li_scale {
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:1;
	}
	45% {
		-webkit-transform:scale(0.1);
		transform:scale(0.1);
		opacity:0.7;
	}
	80% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity: 1;
	}
}

@keyframes li_scale {
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:1;
	}
	45% {
		-webkit-transform:scale(0.1);
		transform:scale(0.1);
		opacity:0.7;
	}
	80% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:1;
	}
}

.loading_indicator > div:nth-child(1) {
	-webkit-animation: li_scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: li_scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loading_indicator > div:nth-child(2) {
	-webkit-animation: li_scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: li_scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loading_indicator > div:nth-child(3) {
	-webkit-animation: li_scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: li_scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loading_indicator > div {
/*
	background-color:#99CCF0;
*/
	width:1rem;
	height:1rem;
	border-radius:100%;
	margin:1rem;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	display:inline-block;
}