@charset 'UTF-8';
@media print{
	.hide {
		display		: none;
	}
}
*,
*::before,
*::after {
	box-sizing		: inherit;
	font-family		: ＭＳ ゴシック;
	font-size		: 12px;
}
html {
	box-sizing		: border-box;
	text-align		: center;
}
body {
	margin          : 0;
	overflow-y		: scroll;
	min-width		: 1200px;
}
input {
	text-align		: center;
}
input, select {
	vertical-align	: middle;
	width			: 100%;
	height			: 100%;
	margin			: 0;
	padding			: 0;
}
form {
	white-space		: nowrap;
	padding			: 5px;
}
table {
	border-collapse	: collapse;
	table-layout	: fixed;
	margin			: auto;
}
/*
thead {
	position		: sticky;
	top				: 0;
}
*/
th {
	background		: lime;
}
td {
	background		: lightcyan;
}
th, td {
	font-weight		: normal;
	border			: thin solid white;
	white-space		: nowrap;
	overflow		: hidden;
	height			: 20px;
	background-clip	: padding-box;
	padding			: 0;
}
textarea {
	width			: 100%;
	height			: 6em;
	resize			: none;
	vertical-align	: middle;
}
button {
	width			: 100%;
	height			: 100%;
	padding			: 0;
}
input[type=submit] {
	border			: 1px solid;
}
input[type=date], input[type=month], input[type=time] {
	border			: none;
}
input[type=file]::file-selector-button {
	font-size		: 12px;
	font-family		: ＭＳ ゴシック;
}
input[type=file] {
	width			: 500px;
	height			: 100%;
	vertical-align	: top;
	background		: lightpink;
}
#scan td {
	text-align		: right;
}
#note {
	font-size		: 16px;
	color			: red;
	height			: 20px;
}
.pageno {
	height			: 20px;
	font-size		: 16px;
}
.cancel {
	border			: 1px solid;
	border-radius	: 5%;				/* 角の丸み		 */
	font-size		: 12px;
	cursor			: pointer;
	width			: 70px;
	height			: 20px;
	background		: gray;
	color			: white;
	transition		: .3s;				/* なめらか変化	 */
	box-shadow		: 6px 6px 3px dimgray;
	margin-left		: 20px;
}
.cancel:hover {
	color			: gray;
	background		: white;
}
.cancel:active {
	background		: gray;
	color			: white;
	box-shadow		: none;
}
.submit {
	border			: 1px solid;
	border-radius	: 5%;				/* 角の丸み		 */
	font-size		: 12px;
	cursor			: pointer;
	width			: 70px;
	height			: 20px;
	background		: blue;
	color			: white;
	transition		: .3s;				/* なめらか変化	 */
	box-shadow		: 6px 6px 3px dimgray;
	margin-left		: 20px;
}
.submit:hover {
	background		: white;
	color			: blue;
}
.submit:active {
	background		: blue;
	color			: white;
	box-shadow		: none;
}
.create {
	border			: 1px solid;
	border-radius	: 5%;				/* 角の丸み		 */
	font-size		: 12px;
	cursor			: pointer;
	width			: 70px;
	height			: 20px;
	background		: lime;
	color			: blue;
	transition		: .3s;				/* なめらか変化	 */
	box-shadow		: 6px 6px 3px dimgray;
}
.create:hover {
	background		: white;
	color			: blue;
}
.create:active {
	background		: lime;
	color			: blue;
	box-shadow		: none;
}
.unload {
	border			: 1px solid;
	border-radius	: 5%;				/* 角の丸み		 */
	font-size		: 12px;
	cursor			: pointer;
	width			: 70px;
	height			: 20px;
	background		: yellow;
	color			: blue;
	transition		: .3s;				/* なめらか変化	 */
	box-shadow		: 6px 6px 3px dimgray;
	margin-left		: 20px;
}
.unload:hover {
	background		: white;
	color			: blue;
}
.unload:active {
	background		: yellow;
	color			: blue;
	box-shadow		: none;
}
.upload {
	border			: 1px solid;
	border-radius	: 5%;				/* 角の丸み		 */
	font-size		: 12px;
	cursor			: pointer;
	width			: 70px;
	height			: 20px;
	background		: yellow;
	color			: blue;
	transition		: .3s;				/* なめらか変化	 */
}
.upload:hover {
	color			: blue;
	background		: white;
	box-shadow		: none;
}
.hold, .free {
	border-radius	: 5%;				/* 角の丸み		 */
	font-size    	: 16pt;
	cursor			: pointer;
	width			: 180px;
	height			: 40px;
	background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
	color			: white;
	box-shadow		: 0px 2px 2px lightgray;
	transition		: .3s;				/* なめらか変化	 */
}
.hold:hover,
.free:hover {
	color			: blue;
	background-image: linear-gradient(white 0%, white 100%);
}
#load {
	width			: 300px;
	height			: 75px;
	margin			: auto;
	border			: 1px solid lightgray;
	font-size		: 18px;
	position		: fixed;
	top				: 50%;
	left			: 50%;
	transform		: translate(-50%, -50%);
	background		: lightgray;
	opacity			: 1.0;
}
#load span {
	position		: fixed;
	top				: 50%;
	left			: 50%;
	transform		: translate(-50%, -50%);
}