@charset "UTF-8";
/**
 * 共通　スタイルシート
 * @author JJ4KME
 */
/* ========================================================================== */
/* 全体的な設定                                                               */
/* ========================================================================== */
@media screen {
	body {
		padding-top:	70px;
		padding-bottom:	50px;
	}
}
@media print {
	body {
		padding-top:	0px;
		padding-bottom:	0px;
	}
}

body {
	font-family:		'ＭＳ ゴシック';
	font-size:			10pt;
}

input {
	font-family:		'ＭＳ ゴシック';
	font-size:			10pt;
}

input:focus {
	background-color:	#FFFFCC;
}

button {
	border-radius:		10px;
	padding:			2px 8px 2px 8px;
}

input.error {
	background-color:	#FFCCCC;
}

select {
	font-family:		'ＭＳ ゴシック';
	font-size:			10pt;
}

select:focus {
	background-color:	#FFFFCC;
}

select:disabled {
	background-color:	#CCCCCC;
}

select.error {
	background-color:	#FFCCCC;
}

label {
	color:				#0000FF;
	text-decoration:	underline;
	cursor:				pointer;
}

span.message {
	color:				#FF0000;
	font-weight:		bold;
	font-size:			90%;
}


/* ========================================================================== */
/* ページヘッダー                                                             */
/* ========================================================================== */
@media screen {
	div#header {
		position:			fixed;
		top:				0px;
		left:				0px;
		right:				0px;
		border:				solid 2px #215591;
		border-radius:		10px;
	}
}
@media print {
	div#header {
		border-bottom:		solid 2px #215591;
	}
}
div#header {
	background-color:		#F8F9FA;
	padding-top:			5px;
	padding-bottom:			5px;
	text-align-last:		center;
	font-size:				2rem;
	z-index:				1000;
}

/* ========================================================================== */
/* ページフッター                                                             */
/* ========================================================================== */
@media screen {
	div#footer {
		position:			fixed;
		bottom:				0px;
		left:				0px;
		right:				0px;
	}
}
@media print {
	div#footer {
		margin-top:			10px;
	}
}
div#footer {
	background-color:		#F8F9FA;
	padding-top:			5px;
	padding-bottom:			5px;
	text-align-last:		right;
	font-size:				1.75rem;
	z-index:				1000;
	border-top:				solid 2px #215591;
}

/* ========================================================================== */
/* モーダルヘッダー                                                           */
/* ========================================================================== */
div.modal-header {
	padding:			10px;
	color:				#FFFFFF;
	background-color:	#215591;
}
div.modal-header span.modal-title {
	font-size:			12pt;
}

/* ========================================================================== */
/* 待機中背景                                                                 */
/* ========================================================================== */
div#wait {
	z-index:			0;
	position:			fixed;
	top:				0px;
	left:				0px;
	width:				100%;
	height:				100%;
	background-color:	rgba(153, 153, 153, 0.85);
}

/* ========================================================================== */
/* テーブル                                                                   */
/* ========================================================================== */
@media screen {
	table thead th {
		color:				#FFFFFF;
		background-color:	#215591 !important;
	}
}
@media print {
	table thead th {
		color:				#000000;
		background-color:	#CCFFFF;
	}
}

table {
	table-layout:		fixed;
}

table thead th {
	padding:			5px;
}

table tbody td {
	padding:			5px;
}