@charset "utf-8";

html,
body {
	height: 100%;
	margin: 0;
}

body {
	background-color: #FFFFFF;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','Osaka',sans-serif;
	font-size: 14px;
}

.wrapper {
	position: relative;
	height: 100%;
	min-height: 100%;
	margin-bottom: -25px;
	position: relative;
	min-height: 100%;
	display: table;
	width: 100%;
}

.error-message {
	color: #FF0000
}

.row-header,
.row-contents {
	display: table-row;
}

.row-header {
	height: 50px;
}

.row-contents {
	height: 100%;
}

.header,
.footer {
	width: 100%;
}

.header {
	height: 50px;
	line-height: 50px;
	display: table;
}

.header-title,.header-user,.header-blank {
	display: table-cell;
}

.header-title {
	width: 34%;
	color: #ffffff;
	padding-left: 15px;
	font-size: 20px;
}

.header-title a {
	text-decoration: none;
}

.header-title a:link {
	color: #ffffff;
}

.header-title a:visited {
	color: #ffffff;
}

.header-title a:hover {
	color: #ffffff;
}

.header-title a:active {
	color: #ffffff;
}

.header-user,
.header-blank{
	width:33%;
	color: #ffffff;
	font-size: 18px;
}

.container {
	display: table;
	min-height: 100%;
	width: 100%;
	/*padding-bottom: 25px;*/
}

.container-navibar,
.container-main-contents {
	display: table-cell;
}
.container-navibar {
	background-color: #EFF1F3;
	width: 200px;
	padding-top: 0px;
}

.blank,
.navibar-button-blank {
	height: 15px;
}

.navibar-button a,
.button-sidemenu {
	height: 45px;
	line-height: 45px;
	width: 200px;
	display: block;
	margin-bottom: 1px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	outline: none;
}

.navibar-button-current a {
	height: 45px;
	line-height: 45px;
	width: 200px;
	display: block;
	margin-bottom: 1px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 15px;
	outline: none;
}
.navibar-button a:link {
	color: #000000;
}

.navibar-button a:visited {
	color: #000000;
}

.button-sidemenu:hover,
.navibar-button a:hover,
.navibar-button-current a:hover {
	background-color: #C4CBD2;
}

.navibar-button a:active {
	color: #000000;
}

.button-sidemenu {
	background-color: #EFF1F3;
	border-style: none;
}
/*
.button-logout:hover {
	color: #3C70BB;
	background-color: #EFF1F3;
}
*/


.main-contents {
	height: 100%;
	width: 100%;
	padding-top: 0px;
}

.page-title,
.center-title {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
}

.page-title {
	padding-left: 15px;
}

.center-title {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.login-text {
	width: 300px;
}

.condition,
.condition-small,
.log-condition,
.login-contents,
.pwd-contents {
	background-color: #EFF1F3;
}

.condition {
	height: 355px;
	width: 1200px;
	margin-left: 15px;
}

.condition-small {
	height: 255px;
	width: 1200px;
	margin-left: 15px;
}

.log-condition {
	height: 120px;
	width: 900px;
	margin-left: 15px;
}

.login-contents {
	height: 150px;
	width: 600px;
	/*width: 480px;*/
	margin-left: auto;
	margin-right: auto;
}

.pwd-contents {
	height: 160px;
	width: 700px;
	margin-left: 15px;
}

.department-contents {
	height: 150px;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.condition-table,
.result-table,
.download-table,
.pwd-contents-table,
.login-table,
.department-table {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.sort-table {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.condition-table,
.pwd-contents-table,
.login-table {
	text-align: left;
}

.result-table,
.download-table {
	border-collapse: collapse;
	table-layout: fixed;
}

.download-table {
	text-align: left;
}

.condition-table td,
.sort-table td,
.pwd-contents-table td,
.login-table td {
	border: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.login-table-center {
	text-align: center;
}

.department-table {
	margin-left: auto;
	margin-right: auto;
}

.condition-text {
	width: 140px;
}

.log_condition-text {
	width: 220px;
}

.button-login,
.button-condition,
.button-condition-pr,
.button-pwd,
.button-pwd-cancel,
.button-department {
	font-weight: bold;
	border-style: none;
	text-align: center;
}

.button-condition {
	background-color: #757575;
	color: #ffffff;
	height: 30px;
	width: 90px;
	margin-right: 15px;
}

.button-condition:hover {
	color: #ffffff;
	background-color: #9b9b9b;
}

.button-condition-pr {
	background-color: #E78B35;
	color: #ffffff;
	height: 30px;
	width: 90px;
	margin-right: 15px;
}

.button-condition-pr:hover {
	color: #ffffff;
	background-color: #FFA366;
}


.button-login,
.button-pwd,
.button-pwd-cancel {
	color: #ffffff;
	height: 35px;
	width: 120px;
	margin-right: 15px;
}

.button-department {
	color: #ffffff;
	background-color: #3C70BB;
	height: 50px;
	width: 180px;
	margin-right: 15px;
}

.button-department1 {
	color: #ffffff;
	background-color: #E78B35;/*#3C70BB;*/
	height: 50px;
	width: 180px;
	margin-right: 15px;
}

.button-department2 {
	color: #ffffff;
	background-color: #1D87D2;/*#3C70BB;*/
	height: 50px;
	width: 180px;
	margin-right: 15px;
}

.button-department:hover {
	color: #3C70BB;
	background-color: #EFF1F3;
}

.button-department1:hover {
	color: #E78B35;
	background-color: #EFF1F3;
}

.button-department2:hover {
	color: #1D87D2;
	background-color: #EFF1F3;
}

.button-login,
.button-pwd {
	background-color: #001859;
}

.button-pwd-cancel {
	background-color: #757575;
}

.div-align-right {
	text-align: right;
}

.div-align-left {
	text-align: left;
	margin-left: 30px;
}

.result-frame-style {
	border: 0px;
	/*height: 100vh;*/
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: relative;
}

.result-message {
	font-size: 14px;
	height: 40px;
	line-height: 20px;
	padding-left: 15px;
    float: left;
}
.result-message-right {
    font-size: 14px;
	height: 40px;
	line-height: 20px;
	padding-right: 20px;
    float: right;
    
}

.result-table th,
.result-table td,
.download-table th,
.download-table td {
	border: 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow-wrap: break-word;
}

.result-table th,
.download-table th {
	background-color: #9b9b9b;
	text-align: center;
}

.result-table-column-numeric,
.result-table-column-date,
.download-table-column-date {
	text-align: right;

}

.result-table-column-text {
	text-align: left;
}

.footer {
	color: #ffffff;
	font-size:12px;
	height: 25px;
	line-height: 25px;
	display: table;
	text-align: center;
	position: absolute;
}