#loading {
		position: fixed;
		left: 0px;
		right:0px;
		top:250px;
		width: 100px;
		height: 100px;
		margin: 0px auto;
		background-color: rgba(0, 0, 0, 0);
		transform-origin: 62px 62px;
		animation: rotate 1.5s linear infinite;
		z-index: 9999;
		display: none;
}

#loading>div.circle {
		border-radius: 50%;
		position: absolute;
}

@keyframes rotate {
		0% {
				transform: rotate(0deg);
		}
		50% {
				transform: rotate(180deg);
		}
		100% {
				transform: rotate(360deg);
		}
}

@-webkit-keyframes rotate {
		0% {
				-webkit-transform: rotate(0deg);
		}
		50% {
				-webkit-transform: rotate(180deg);
		}
		100% {
				-webkit-transform: rotate(360deg);
		}
}

#header {
	/* #3243 HSC omori (mod) 2018/11/08 width:1280%; */
	width: 1250px;
	height: 120px;
	background-color: #4F81BC;
	margin: 0px auto;
	overflow: hidden;
}

#header>div.header_info {
	height: 60px;
	width: 100%;
	margin-bottom: 10px;
}

#header>div.header_info>div>div {
	float: left;
}

#header .middle_img {
	width: 220px;
	height: 100%;
}

#header .middle_info {
	height: 100%;
	/* #3243 HSC omori (mod) 2018/11/08 width:1060%; */
	width: 1030px;
}

#header .middle_info>div:first-of-type {
	float: left;
}

#header .middle_info>div.button_group {
	float: right;
	margin-right:20px;
}

#header .middle_info input[type=button]:not(.modal_button) {
	background-color: #FFF;
	box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
}

#header .middle_img>img {
	width: 100%;
	height: 100%;
}

#header>div.header_title {
	background-color: #fff;
	height: 40px;
}

.header select, .header input {
	background-color: white;
}

.header [type="button"] {
	width: 100px;
}

.floatright {
	float: right;
}

#header_title {
	font-weight: bolder;
	font-size: 18pt;
	/* #3818 HSC shioda (add) 2018/12/27 */
	padding-left:10px;
}

.button_group input[type=button]{
	border:1px solid #7f7f7f;
}