@charset "utf-8";
/* CSS Document */
/* 　スタイルシート */
/* 2019/11/01 S.Okazaki *******************************/

/* body
***************************************************************/
body {
	font-size: 13px;
}

/* input
***************************************************************/
input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea {
	min-height: 32px;
}
select {
	background-size: 8px;
/* 	padding-right: 16px; */
}
/* button */
input[type="button"].green-btn {
	background-color: #079867;
	border: 1px solid #079867;
}
input[type="button"].blue-btn {
	background-color: #4cb6e6;
	border: 1px solid #4cb6e6
}
input[type="button"].red-btn {
	background-color: #ff65a1;
	border: 1px solid #ff65a1;
}
input[type="button"].dimglay-btn {
	background-color: #343434;
	border: 1px solid #343434;
}
input[type="button"].purple-btn {
	background-color: #c959ca;
	border: 1px solid #c959ca;
}
input[type="button"].yellow-btn {
	background-color: #f5c065;
	border: 1px solid #f5c065;
}
/* list btn */
.list-tbl input[type="button"] {
	padding: 8px 10px;
	font-size: 85%;
}
.list-tbl td input[type="button"]:nth-of-type(n + 2) {
	margin-left: 5px;
}

/* login
***************************************************************/
body.login {
	background-image: url("../img/bg.gif");
}
.login-wrap h1{
	color: #00422c;
}
.login-header {
	border-bottom: 1px solid #00422c;
}
.func-area input[type="submit"] {
	background-color: #12865f;
}
.attention {
	color: #f00;
	font-weight: normal;
}
/* header
***************************************************************/
.global-header {
	background-color: #007d53;
	border-bottom: 1px solid #0c4e38;
}
/* container
***************************************************************/
.top-ctl-area {
	margin: 20px 20px 0;
}
.top-ctl-area input {
	margin-right: 8px;
}
.master-kubun-select {
	margin-right: 8px;
}
/* slid nav
***************************************************************/
/* menu wrap */
.side-nav-content {
	background-color: #006946;
	background-image: url(../img/bg_img.png);
}
/* menu */
.side-nav-li {
	border-top: 1px solid #055037;
}
.side-nav-li-link {
	padding: 15px 20px 15px 0;
}
/* li icon */
.side-nav-li-icon-wrap {
	padding: 0 10px;
}
.side-nav-li-icon-wrap i {
	font-size: 16px;
}
.side-nav-close .side-nav-li-icon-wrap {
	padding-left: 15px;
}
/* hover時 */
 .oya-nav:hover:before {
	color: #00a2e6;
}

/* main
***************************************************************/
.red-text {
	color: #ff0000;
}
.green-text {
	color: #007d53;
}
.mt20 {
	margin-top: 20px;
}
.bunrui-icon {
	width: 15px;
	margin-right: 4px;
	vertical-align: middle;
}

/* right-content
***************************************************************/
h2 {
    line-height: 40px;
}
.select-list-search {
	margin: 20px;
}
.info-area {
	padding: 0 20px 20px;
}

/* home
***********************************************/
.system-message ul li span {
	background-color: #44bd94;
}

/* checkbox
***********************************************/
label.chk-box {
	height: 22px;
}
label.chk-box span {
	display: inline-block;
	min-height: 22px;
	line-height: 22px;
}
label.chk-box span:before {
	width: 20px;
	height: 20px;
}
label.chk-box span:after {
	top: 1px;
	left: 7px;
	width: 6px;
	height: 12px;
}
/* search-area
***********************************************/

/* list
***********************************************/
.list-func {
    padding: 10px 20px 0;
}
.search-area + .list-func,
.select-list-search + .list-func {
	margin-top: -20px;
}
.list-func input {
	margin-right: 6px;
	margin-top: 10px;
}
.list-func.float-l {
	padding-top: 0;
}
.top-ctl-area .list-func.float-l {
	padding-right: 0;
	padding-left: 0;
}
.top-ctl-area .list-info {
	margin: 0;
}
.top-ctl-area .list-info .list-func {
	margin-top: 0;
}
.top-ctl-area .list-func input {
	margin-top: 0;
}
.list-func.float-l {
	margin-top: 0;
}
.list-area {
    padding: 20px;
}
table.list-tbl th {
    background-color: #e4fff4;
}
table.sort-tbl th:hover {
	background-color: #d0f1e3;
}
th.tbl-h {
	cursor: pointer;
}
#sort-color {
	color: #ff0000;
}
.list-info {
	margin: 10px 10px 0;
}
.list-info .list-func {
	padding: 0 10px;
	margin-top: -10px;
}
.list-info p {
    margin: 5px 10px 0;
}
.total-count,
.total-amount {
    font-size: 18px;
}
.list-info p.search-count {
	margin-right: 0;
}

/* テーブル スクロール */
#report-haiki-form ~ .list-area {
	margin: 20px;
	padding: 0;
	overflow-x: auto;
}

/* 状態 */
.status-span {
	display: inline-block;
	text-align: center;
	line-height: 1;
	font-size: 85%;
	width: 65px;
	padding: 5px 10px 4px;
	color: #ffffff;
}
/* 移動中・完了・使用中 */
.light-blue-span {
	background-color: #5ec5a3;
}
/* 却下 */
.red-span {
	background-color: #ff8080;
}
/* 廃棄済・休眠 */
.glay-span {
	background-color: #828282;
}
/* 承認 */
.blue-span {
	background-color: #70aae6;
}
/* 申請中 */
.yellow-span {
	background-color: #f5c065;
}
/* 未申請 */
.purple-span {
	background-color: #c959ca;
}
table.detail-tbl .status-span {
	margin-bottom: 4px;
}

/* list-footer
***********************************************/
.list-footer {
	padding: 0 20px 20px;
}
.list-footer .btn {
	margin-right: 8px;
}

/* page
***********************************************/
.pager {
	float: right;
}
.list-info .pager {
	margin: 5px 10px 0 10px;
}
.pager .pagination li a:hover,
.pager .pagination li a.active{
	border-bottom: 2px solid #007d53;
	color: #007d53;
}

/* シール
***********************************************/
.seal {
	float: left;
}
.seal p {
	display: inline-block;
	margin-right: 10px;
}
.seal select {
	width: 70px;
}

/* list-footer-ctl
***********************************************/
.list-footer-ctl * {
	margin: 0;
	margin-right: 8px;
}
.list-footer-ctl p {
	display: inline-block;
	margin-right: 10px;
}
/* 右寄せボタン */
div.list-footer-ctl .left-auto {
	float: right;
}
/* 詳細
***********************************************/
table.detail-tbl th {
    color: #007d53;
    width: 120px;
}
table.detail-tbl td {
    min-width: 120px;
}
/* 画像テーブル */
table.detail-img-tbl {
    width: 250px;
}
table.detail-img-tbl.bottom-img-tbl,
table.edit-img-tbl.bottom-img-tbl {
    width: 600px;
    margin-top: 20px;
    margin-left: 0;
}
/* GIGAテーブル */
.giga-title {
    margin-top: 20px;
    margin-bottom: 2px;
}
/* 修繕履歴 */
table.syuzen-tbl {
	width: 900px;
}
table.syuzen-tbl th {
	width: auto;
}
table.syuzen-tbl td {
	min-width: auto;
}
/* 移管履歴 */
table.ikan-tbl {
	width: 900px;
}
table.ikan-tbl th {
	width: auto;
}
table.ikan-tbl td {
	min-width: auto;
}
/* 移管一括備品登録 */
table.detail-tbl.ikan-regist-table {
	table-layout: fixed;
    min-width: 1230px;
    border-collapse: collapse;
}
table.detail-tbl.ikan-regist-table th {
	width: auto;
	background-color: #f8faf8;
}
table.detail-tbl.ikan-regist-table td {
	padding: 4px 8px;
}
/* 枝番
***********************************************/
ul.eda-list {
	width: 250px;
	max-height: calc(100vh - 60px);
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border: solid 1px #a4a4a4;
	overflow: auto;
}
ul.eda-list li {
	clear: both;
	padding: 10px;
	border-bottom: solid 1px #a4a4a4;
	word-break: break-all;
}
ul.eda-list li.red {
	color: red;
}
ul.eda-list li:last-of-type {
	border-bottom: none;
}
ul.eda-list a {
	float: right;
}

ul.eda-list p {
	float: right;
}
span.s-right {
	float: right;
}
/* 編集
***********************************************/
table.edit-tbl {
    border-spacing: 10px;
}
table.edit-tbl th {
    color: #1a5c35;
    width: 125px;
}
table.edit-tbl td {
    min-width: 120px;
}
table.edit-tbl td input[type="text"],
table.edit-tbl td select {
	width: 100%;
}
table.edit-tbl td.bihin-edit select {
	width: 90px;
}
table.edit-tbl td.bihin-edit input[type="text"] {
	width: 100px;
}
table.edit-tbl td.with-text-edit input[type="text"],
table.edit-tbl td.with-text-edit select {
	width: calc(100% - 50px);
}
table.edit-tbl td.tani-edit input[type="text"],
table.edit-tbl td.tani-edit select {
	width: calc(100% - 50px);
}
table.edit-tbl td.one-edit input[type="text"],
input[type="password"],
table.edit-tbl td.one-edit select {
	width: 100%;
	max-width: 146px;
}
table.edit-tbl td.two-edit select {
	width: 100%;
	max-width: 200px;
}
/* 年月日 */
.day-edit div {
	display: inline-block;
}
.day-edit select {
	max-width: 60px;
}
.day-edit select:first-of-type,
.day-edit select:nth-of-type(4) {
	max-width: 80px;
}
/* 一括登録
***********************************************/
table.all-entry-tbl {
	width: 100%;
	margin-bottom: 10px;
}
table.all-entry-tbl:last-of-type {
	margin-bottom: 0;
}
table.all-entry-tbl th {
	white-space: nowrap;
}
table.all-entry-tbl td.two-edit select {
	margin-bottom: 5px !important;
}

table.all-entry-tbl tr.border th {
	border-bottom: solid 1px #cccccc;
}
/* 総括
***********************************************/
.soukatsu-area {
    padding: 20px;
}
h3 + .soukatsu-area {
	padding-top: 0px;
}
.soukatsu-info {
	padding: 20px 20px 0;
}
/* 理科・算数 総括 */
table.soukatsu-tbl {
	float: none;
	width: auto;
}
table.soukatsu-tbl th {
	width: auto;
}
table.soukatsu-tbl td {
	width: 150px;
}
table.soukatsu-tbl td select {
	width: 150px;
	margin-bottom: 5px !important;
}
table.soukatsu-tbl tr:nth-last-of-type(n + 3) td input[type="text"],
table.soukatsu-tbl tr:nth-last-of-type(n + 3) td input[type="number"] {
	width: calc(100% - 40px);
	margin-right: 3px;
}
/* 備品総括 */
table.bihin-soukatsu-tbl {
    float: none;
    width: auto;
    margin-bottom: 20px;
    border-collapse: collapse;
}
table.bihin-soukatsu-tbl:last-of-type {
	margin-bottom: 0;
}
table.bihin-soukatsu-tbl tbody:nth-of-type(even) {
	background-color: #f8f8f8;
}
table.bihin-soukatsu-tbl th {
	width: 120px;
	border-bottom: solid 1px #aaaaaa !important;
}
table.bihin-soukatsu-tbl td {
	width: 120px;
	border-bottom: solid 1px #aaaaaa;
	text-align: right;
}
table.bihin-soukatsu-tbl td input[type="text"],
table.bihin-soukatsu-tbl input[type="number"] {
	width: 100%;
	margin: 5px 0 !important;
	text-align: right;
}
.soukatsu-ctl {
    clear: both;
    padding: 0px 20px 20px;
}
.soukatsu-ctl * {
	margin-right: 8px;
}
.soukatsu-title {
	font-size: 110%;
	font-weight: bold;
}

/* print
***********************************************/
.print-area {
	padding: 20px;
}
table.edit-tbl.print-tbl{
    float: none;
    width: auto;
}
table.edit-tbl.print-tbl th {
	width: auto;
    min-width: 150px;
}
/* マスタ一覧 */
table.master-print-tbl input {
	width: 100%;
	margin-bottom: 4px;
}
.print-ctl {
    padding: 0px 20px 20px;
}
.print-ctl * {
	margin-right: 8px;
}

/* pass
***********************************************/
.pass-area {
	padding: 20px;
}
table.edit-tbl.pass-tbl{
    float: none;
    width: auto;
}
table.edit-tbl.pass-tbl th {
	width: 150px;
}
table.pass-tbl.print-tbl th {
	width: auto;
    min-width: 150px;
}
.pass-ctl {
    padding: 0px 20px 20px;
}

/* year
***********************************************/
.year-area {
	padding: 20px;
}
table.edit-tbl.year-tbl{
    float: none;
    width: auto;
}
.year-ctl {
    padding: 0px 20px 20px;
}

/* contact
***********************************************/
.contact-area {
	padding: 20px;
}
table.contact-tbl {
	margin-top: 20px;
    border-collapse: separate;
    border-spacing: 5px;
    border: solid 1px #a4a4a4;
    width: 600px;
    background: #fff;
}
table.contact-tbl th {
	padding: 2px 4px 2px 4px;
    color: #1a5c35;
    width: 150px;
    border-bottom: solid 1px #cccccc;
}
table.contact-tbl td {
	padding: 2px 4px 2px 4px;
    border-bottom: solid 1px #cccccc;
}
table.contact-tbl tr:last-of-type th,
table.contact-tbl tr:last-of-type td {
	border-bottom: none;
}
table.contact-tbl tr:last-of-type td textarea {
	margin-bottom: 0;
}
table.contact-tbl td textarea {
	width: 100%;
	min-height: 80px;
}
table.contact-tbl td input[type="text"] {
	margin-bottom: 5px;
}
table.contact-tbl td input[type="text"] {
	width: 300px;
}
.contact-ctl {
    clear: both;
    padding: 0px 20px 20px;
}
/* import
***************************************************************/
.success {
    color: #026b48;
}
.import-list-area {
	height: calc(100% - 522px);
}
/* modal
***************************************************************/
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 9999;
	display: none;
}
.modal-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 99999;
	width: 90%;
	max-width: 1200px;
	height: 80%;
	display: none;
}
.modal-header {
	padding: 10px;
	background-color: #ffffff;
	color: #007d53;
	border-bottom: 1px solid #007d53;
	border-radius: 4px 4px 0 0;
	position: relative;
}
.modal-header .modal-close {
	position: absolute;
	font-size: 2.3em;
	line-height: 1;
	top: 6px;
	right: 10px;
	cursor: pointer;
}
.modal-scroll {
	height: calc(100% - 37px);
	padding: 10px;
	background: #ffffff;
	border-radius: 0 0 4px 4px;
	overflow-y: auto;
}
.modal-scroll .search-content {
	padding-bottom: 0;
}
.modal-func {
	text-align: center;
	margin-top: 15px;
}
.modal-func input {
	margin: 5px;
	min-width: 112px;
}
/* list */
.modal-scroll .list-area {
	padding: 20px 0 10px;
}
table.modal-reizi-select tr:nth-of-type(odd) {
	background-color: #f8f8f8;
}
table.modal-reizi-select tbody:hover td {
	background-color: transparent;
}
table.modal-reizi-select tr:hover {
	background-color: #fcfade;
	cursor: pointer;
}
/* 小さいモーダル */
.small-modal-wrap {
	width: 600px;
	max-height: 240px;
}
.small-modal-wrap .modal-header {
	background-color: #007d53;
	color: #ffffff;
}
.modal-content {
	padding: 10px;
	background-color: #ffffff;
	border-radius: 0 0 4px 4px;
}
.modal-btn-area {
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #cccccc;
}
.modal-btn-area input {
	margin: 5px;
}
/* シールモーダル */
.seal-p {
	margin: 10px 10px 20px;
}
.seal-p select {
	margin: 0 8px;
}
.seal-p span {
	display: inline-block;
	width: 125px;
}
/* loading, dialog
**************************************************/
.error-container {
	background-image: url("../img/bg.gif");
}
.dg-head {
	background-color: #007d53;
}
/* error
***************************************************************/
.error-content #header {
	color: #007d53;
	border-bottom: 1px solid #00422c;
}
.func-err-ctl input[type="button"].btn {
	background-color: #12865f;
	border: 1px solid #12865f;
}