/* Minification failed. Returning unminified contents.
(1176,27): run-time error CSS1036: Expected expression, found ';'
 */
@charset "UTF-8";

/*==================================================================
	layout setting
===================================================================*/

/*------------------------------------------
	base
------------------------------------------*/
html,
body,
#wrap {
	-webkit-overflow-scrolling:touch;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
body {
	background: #EEE;
	word-break: break-all;
	font-size:12px;
	line-height:1.4;
	color:#000;
}
body,
body * {
	font-family: "Noto Sans JP","Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","sans-serif";
}
#wrap {
	display: flex;
	flex-direction: column;
}
#header {
	display: flex;
    position:relative;
	justify-content: space-between;
	align-items: center;
	height:50px;
	padding:0 1em;
	background: #FFF;
}
#logo a {
    display:block;
	width: 170px;
    height:50px;
    background-image:url(../../Images/logo.png);
    background-repeat:no-repeat;
    background-size:cover;
}
#logo img { vertical-align: bottom; }

#hNav .name span:hover { cursor:pointer; }
#hNav ul {
    display:none;
    position:absolute;
    top:50px;
    right:1em;
    background:#004077;
}
#hNav .name.active + ul {
    display:block;
}
#hNav li a {
    display:flex;
    align-items: center;
    min-width:150px;
    height: 35px;
    padding: 0 1em;
    border-bottom: 1px solid #002748;
    color:#FFF;
}

#contents {
	display: flex;
	align-items: stretch;
	height: calc(100% - 50px);
}
#main,
#main > form,
#mainInner > form {
	display: flex;
	flex-direction: column;
}
#main {
	order: 1;
	width: calc(100% - 50px);
	background: #EEE;
    margin-left: auto;
}
#main form {
	overflow: hidden;
	/*
	height: 100%;
	*/
}
#mainHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	height: 40px;
	padding: 0 1em;
	background: #444;
	color: #FFF;
}
#mainHead nav ul {
	display: flex;
	align-items: center;
}
#mainHead nav li { margin-left: 1em; }
#mainHead .btn {
	padding: 0 0.5em;
	border-color: #666;
	background: #666;
}
#mainHead .disabled {
	color: #aaa;
}
#mainInner {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 1em;
}
#pageTitle {
	display: flex;
	align-items: center;
	font-size: 1.4em;
}
#pageTitle .fav {
	border: 0;
	background: none;
	outline: 0;
	font-size: 14px;
	color: #666;
}
#pageTitle .fav.on {
	color:#3DC53D;
}

#gNav {
	position: relative;
	width: 50px;
    height: calc(100% - 50px);
	background:#005bab;
	white-space: nowrap;
	color: #FFF;
    padding-top: 40px;
    position: fixed;
    left: 0;
    z-index: 50;
    transition: all .5s;
}
#gNav.open {
    width: 250px;
}
#gNav ul {
    height: 100%;
    overflow: hidden;
}
#gNav.open ul {
    overflow-y: auto;
}
#gNav a {
	display: flex;
	align-items: center;
	height: 40px;
	padding:0 1em;
	border-bottom: 1px solid #004077;
    position: relative;
}
#gNav li.active a {
	background: #004077;
}
#gNav p:nth-child(2) {
    margin-left: 40px;
    overflow: hidden;
}
#gNav a:hover p:nth-child(2) {
    font-size: 11pt;
}

#gNav .menu-trigger {
  display: inline-block;
  width: 25px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 33px;
  transform: translateX(20px);
  transition: transform .5s;
 }
#gNav .menu-trigger.active {
  transform: translateX(20px);
}
#gNav .menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background-color: #fff;
}
#gNav .menu-trigger span:nth-of-type(1) {
  top: 0;
}
#gNav .menu-trigger span:nth-of-type(2) {
  top: 8px;
}
#gNav .menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
#gNav .menu-trigger.active span:nth-of-type(1) {
  transform: translateY(6px) rotate(-35deg);
  width: 80%;
}
#gNav .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
#gNav .menu-trigger.active span:nth-of-type(3) {
  transform: translateY(0px) rotate(35deg);
  width: 80%;
}
#gNav .icon {
    display: inline;
    content: " ";
    width: 25px;
    height: 25px;
    padding-right: 2px;
    background-repeat: no-repeat;
    position: absolute;
    left: 12px;
    background-size: cover;
}
#gNav .topPage {
    background-image: url("../images/icons/sideMenu/topPage.png");
}
#gNav .property {
    background-image: url("../images/icons/sideMenu/property.png");
}
#gNav .member {
    background-image: url("../images/icons/sideMenu/member.png");
}
#gNav .building {
    background-image: url("../images/icons/sideMenu/building.png");
}
#gNav .facilities {
    background-image: url("../images/icons/sideMenu/facilities.png");
}
#gNav .history {
    background-image: url("../images/icons/sideMenu/history.png");
}
#gNav .anshin24 {
    background-image: url("../images/icons/sideMenu/anshin24.png");
}
#gNav .appContents {
    background-image: url("../images/icons/sideMenu/appContents.png");
}
#gNav .appAccess {
    background-image: url("../images/icons/sideMenu/appAccess.png");
}
#gNav .appProductDoc {
    background-image: url("../images/icons/sideMenu/appProductDoc.png");
}
#gNav .appSurvey {
    background-image: url("../images/icons/sideMenu/appSurvey.png");
}
#gNav .buildingCS {
    background-image: url("../images/icons/sideMenu/buildingCS.png");
}
#gNav .master {
    background-image: url("../images/icons/sideMenu/master.png");
}
#gNav .i-fileManage {
    background-image: url("../images/icons/sideMenu/fileManage.png");
}
#gNav .sharedMaterialFile {
    background-image: url("../images/icons/sideMenu/sharedMaterialFile.png");
}

#lNav {
    overflow-x:auto;
    flex-shrink: 0;
    margin:-1em -1em 1em;
    background:#888;
}

#lNav ul {
    display:flex;
    width:max-content;
}
#lNav a {
    display:block;
    padding: 1em;
    border-right:1px solid #BBB;
    white-space:nowrap;
    color:#FFF;
}
#lNav li.active a {
    background:#666;
}
#btnSelectDetail .fa { margin-right:5px; }

/*------------------------------------------
	box model
------------------------------------------*/
.flex { display: flex; }
.flex.column { flex-direction: column; }
.flex.between { justify-content:space-between; }
.separate {
	display: flex;
	/*
	justify-content: space-between;
	*/
}
.separate > .left { flex-grow: 10; }
.separate > .right {
	width: calc(40% - 1em);
	min-width: 250px;
	margin-left: 1em;
	padding: 1em;
	background: #E3E3E3;
}

.tabList {
	overflow-x: auto;
	overflow-y: hidden;
	flex-shrink: 0;
	display: flex;
	position: relative;
	margin-bottom: 1em;
	padding: 0 1em;
}
.tabList:after {
	content: "";
	position: absolute;
    left: 0;
    bottom: 0;
	width: 100%;
	border-bottom: 1px solid #999;
}
.tabList li {
	position: relative;
	margin-right:-1px;
	border: 1px solid #999;
	background: #CCC;
	z-index: 1;
}
.tabList li.active {
	border-bottom-color: #FFF;
	background:#FFF;
	/*
	font-weight: bold;
	*/
}
.tabList li a {
	display:flex;
	align-items:center;
	padding:0.3em 1em;
	white-space:nowrap;
}
.tabList li a .fa {
	display: none;
	margin-right: 5px;
}
.tabList li.active .fa {
	display: inline-block;
	color:#3DC53D;
}
.tabList li.active .fa + span:before {
	content: "チェックした";
}

.tabList .alert a:before {
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
	color: #C00;
}

.tabContents { overflow-x: auto; }
.tabBox {
	display: none;
	margin-bottom: 1em;
}
.tabBox.active { display: block; }

.overflow {
	overflow:auto;
	width: max-content;
	max-width:100%;
	/*
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	*/
}
.overflow:hover {
	box-shadow: 0 0 0 0 #000;
}
nav.tab .overflow {
	border:0;
	background:none;
	box-shadow:none;
}
.overlay .overflow {
	/*height: max-content;*/
	max-height: 100%;
}


.toggleBox {
	overflow: hidden;
	margin-bottom: 1em;
	background: #FFF;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
/*
.toggleBox:last-of-type { margin-bottom: 0; }
*/
.toggleBox h1 {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0.2em 0.5rem;
	font-size: 13px;
}
.toggleBox h1:before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 8px;
	font-size: 16px;
	color:#005bab; 
}
.toggleBox h1.active:before {
	content: "\f106";
	color: #AAA;
}
.toggleBox .add {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0.6em;
	height: 100%;
	border-left: 1px solid #DDD;
	background: #F6F6F6 !important;
}
.toggleBox .add:before {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.toggleBox .alert span:before {
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.2em;
	color: #C00;
}
.toggleBox table { width: 100%; }
.toggleBox table .fa { margin-right: 5px; }
.toggleBox th,
.toggleBox td {
	padding: 0.5em 0.5rem;
	border: 0;
	border-top: 1px solid #DDD;
}
.toggleBox th {
	width: 1%;
	background: #f0fdff;
}
.toggleBox table.sideHead th,
.toggleBox table.sideHead td {
	width: auto;
	border-right: 1px solid #DDD;
}
.toggleBox table.sideHead th:last-of-type,
.toggleBox table.sideHead td:last-of-type {
	border-right:0;
}

.toggleBox dl {
	padding: 0.5em 0.5rem;
	border-top:1px solid #DDD;
}
.toggleBox dt {
	margin-bottom: 2px;
	font-weight: bold;
	color: #888;
}
.toggleBox dd { padding-left: 1em; }
.toggleBox dd:before {
	content: "└";
	position: relative;
	margin-left: -1em;
}
.toggleBox dd .tag {
	display: inline-block;
	margin: 5px 5px 0 0;
	padding: 0 5px;
	border-radius: 2px;
	background: #999;
	font-size: 12px;
	color: #FFF;
}

/*
.widget {
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	width: 270px;
}
.widget .box { width: 100%; }
.widget .inner { margin-bottom:1rem; }

.widget h1,
.widget li,
.widget dd { margin-bottom:0.5rem; }

.widget h1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 32px;
	padding:0.2rem 0.2rem 0.2rem 0.5rem;
	border: 1px solid #adadad;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
	cursor: pointer;
}
.widget h1.active {
	background: rgb(255,255,255);
}
.widget h1.active span { font-weight: bold; }
.widget .inner,
.widget ul,
.widget ol {
	padding-left:0.5rem;
}
.widget li a {
	overflow: hidden;
	display: block;
	text-decoration: underline;
	white-space: nowrap;
}
.widget h1.alert span:before,
.widget li.alert p:first-of-type:before {
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.2rem;
	color: #C00;
}
.widget dt {
	display: inline-block;
	padding:0 0.2rem;
	background:#888;
	font-size: 10px;
	color: #FFF;
}
*/
.moreBtn {
	/*
	border-radius: 5px;
	*/
	padding: 0 0.5rem;
}
.moreBtn:before { content: "…"; }
.moreBtn.active:before {
	content: "閉じる";
}

.toggle + * { display: none; }
.toggle.active + * { display: block; }

#saveList .formElm.keyword ul {
	display: flex;
	flex-wrap: wrap;
}
#saveList .formElm.keyword li {
	margin-right: 1em;
	line-height: 1.6;
}
#saveList .excludedField:before {
	position: static;
	margin-right:0.2rem;
}

.focusTr th:empty,
.focusTr td:empty {
    background:#FFF;
}
.focusTr tr.on th,
.focusTr tr.on td {
    background:#FFFEEC;
}
.focusTr .arrow:before {
    display:none;
    content:"▶";
}
.focusTr tr.on .arrow:before {
    display:inline;
}

/*------------------------------------------
	modal overlay
------------------------------------------*/
.overlay {
	display:none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 9999;
}
.overlay.active { display: flex; }
.overlay .box {
	display: flex;
	flex-direction: column;
	min-width: 300px;
	max-width: 100%;
	max-height: 100%;
	background:#f0f0f0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
.overlay .box > form {
    overflow:auto;
    width:100%;
    height:100%;
}
.overlay header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	background: #FFF;
	/*z-index: 100;*/
}
.overlay header h1 { padding: 0.5rem; }
.overlay header .close {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 24px;
	height: 24px;
}
.overlay header .close:before,
.overlay header .close:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 1px;
	background: #000;
}
.overlay header .close:before { transform: rotate(45deg); }
.overlay header .close:after { transform: rotate(-45deg); }

.overlay .main {
	flex-shrink: 3;
	width: auto;
	margin: 1em;
}
.overlay footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding:0 1em 1em;
	background: #f0f0f0;
}

/*------------------------------------------
	txt model
------------------------------------------*/
.underline { text-decoration: underline; }
.underline:hover { text-decoration: none; }
.red { color: #C00; }
.txtLink {
	text-decoration: underline;
	color: #005bab;
}


/*------------------------------------------
	table
------------------------------------------*/
table,
thead,
tbody { width:max-content; }
table tr.bg,
table tr.bg th {
	background: #004077;
	color: #FFF
}
table th,
table td {
	/*
	position:relative;
	*/
	min-height:1.5rem;
    height:20px;
	padding:0.2em;
	border:1px solid #999;
	vertical-align:top;
}
table.middle th,
table.middle td,
table .onBtn th,
table .onBtn td { vertical-align: middle; }
table th {
	/*
	width: 1%;
	background:#f0f0f0;
	*/
	background: #EEE;
	white-space: nowrap;
}
table th:empty { width:30px; }
table th.attention {
	background:#F1FFF1;
	color:#279427;
}
table td { background:#FFF; }
.noBack td { background: none; }
table td:empty { background:#CCC; }
table tr[data-href]:hover th { text-align:center; }
table tr[data-href]:hover th:before {
	content:"";
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width:4px 0 4px 8px;
	border-color:transparent transparent transparent #000000;
}
.fieldHide td:hover,
table tr[data-href]:hover td,
table tr[href]:hover td {
	background:#FFFEEC;
	cursor:pointer;
}
.sortType {
    border-collapse:separate;
    border:1px solid #999;
    border-top:0;
    border-right:0;
}
.sortType thead th {
    position: sticky;
    top:0;
}
.sortType thead tr:nth-of-type(2) th { top:21px; }
.sortType thead tr:nth-of-type(3) th { top:42px; }
.sortType th,
.sortType td {
    border:1px solid #999;
    border-left:0;
    border-bottom:0;
}
.sortType .sort:hover { cursor: pointer; }
.sortType .sort.active,
.sortType td.active {
	background: #e5f1fb;
	color: #0078d7;
}
.sortType .sort.active:before {
	content:"";
	display:inline-block;
	width:0;
	height:0;
	margin:0 0.2rem;
	border-style:solid;
	border-width:0 3px 6px 3px;
	border-color: transparent transparent #0078d7 transparent;
}
.sortType .sort.active.up,
.sortType td.active.up {
	background:#FBE5E5;
	color:#D70010;
}
.sortType .sort.active.up:before {
	border-width:6px 3px 0px 3px;
	border-color:#D70010 transparent transparent transparent;
}
.checkType td { 
    vertical-align: middle; 
    text-align: center;
}
.checkType .field { padding: 0; }
.checkType .field label {
	display: flex;
	justify-content: center;
	align-items: center;
	/*
	position: absolute;
	*/
	width: 30px;
	height: 24px;
	padding-top: 1px;
	background:#FFFEEC;
}
.checkType .field.off label { background: none; }
/*
.fieldHide .formElm,
.fieldHide .comboBox,
.fieldHide p.hide,
.fieldHide pre.hide,
.fieldHide .txt.hide {
	display: none;
}
.fieldHide .formElm.show { display:flex; }
.fieldHide .comboBox.show { display:inline-block; }
.fieldHide p.show,
.fieldHide pre.show,
.fieldHide .txt.show { display: block; }
*/
.fieldHide .switch { display: none; }

.baseInfoSheet {
	overflow-x: auto;
	flex-shrink: 0;
	margin-bottom: 1em;
}
.baseInfoSheet table {
	width: auto;
	/*
	min-width: 100%;
	*/
	max-width: none;
}
.baseInfoSheet th,
.baseInfoSheet td {
	width: 1%;
	border: 0;
	border-bottom: 1px solid #DDD;
	background: none;
	white-space: nowrap;
}
.baseInfoSheet th { color: #888; }
.baseInfoSheet td { padding-right: 2em; }
.baseInfoSheet td:last-of-type { width: auto; }

.secHead th {
    background: #004077;
    color: #FFF;
}
.secHead .sort:hover { cursor: pointer; }
.secHead .sort.active,
.secHead td.active {
	background: #e5f1fb;
	color: #0078d7;
}
.secHead .sort.active:before {
	content:"";
	display:inline-block;
	width:0;
	height:0;
	margin:0 0.2rem;
	border-style:solid;
	border-width:0 3px 6px 3px;
	border-color: transparent transparent #0078d7 transparent;
}
.secHead .sort.active.up,
.secHead td.active.up {
	background:#FBE5E5;
	color:#D70010;
}
.secHead .sort.active.up:before {
	border-width:6px 3px 0px 3px;
	border-color:#D70010 transparent transparent transparent;
}

.boxHead th {
    background: #CCC;
}

/*------------------------------------------
	login
------------------------------------------*/
#loginPage {
	height: 100%;
	background: #F0F0F0;
}
#loginArea {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	height: 100%;
	background: #F0F0F0;
}
#loginArea h1 {
    width:280px;
    height:80px;
	margin: auto;
    margin-bottom:1em;
    background-repeat:no-repeat;
    background-image:url(../../Images/logo.png);
    background-size:contain;
    text-align: center;
}
#loginArea .error { margin-bottom:1em; }
#loginArea .btns {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#inputarea {
	margin: auto;
	width: 280px;
}

/*------------------------------------------
	form parts
------------------------------------------*/
.formElm {
	display: flex;
	align-items: center;
    position:relative;
	margin-top: 0.5rem;
}
.formElm:first-of-type { margin:0; }
.input { margin-right: 5px; }
.input,
.check {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}
.check { vertical-align: middle; }
.excludedField { position: relative; }
.excludedField:before {
	content: "\f056";
	position: absolute;
	left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #C00;
}
.excludedField input { padding-left:1.4rem; }

.sideBtn {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.sideBtn button,
.sideBtn .btn { margin-bottom: 0.5rem; }
.sideBtn button:last-child,
.sideBtn .btn:last-child { margin-bottom: 0; }

.detailBtn {
	display: flex;
	padding-top: 1rem;
}
.detailBtn > * { margin-right:0.5rem; }
.error {
	display: inline-block;
	margin: 0.2rem;
	padding: 0 0.5rem;
	background:#FFECED;
	color: #C00;
}
/*
.required,
.any {
	display: inline-block;
	margin:0 0.2rem;
	padding:0 0.2rem;
	font-size: 10px;
	color: #FFF;
}
*/
.any {
	display: flex;
    align-items:center;
    height:100%;
	padding:0 0.2rem;
	color: #FFF;
}
.required { 
    background:indianred; 
    align-items:center;
    height:100%;
	padding:0 0.2rem;
	color: #FFF;
}
.columnColor {
	display: flex;
    align-items:center;
	padding:0 0.2rem;
}
.readonly { 
    background: #696969;
    color: #FFF;
}
.readonlyInput { 
    background: #EEE;
}
input[disabled],
select[disabled],
input[readonly],
textarea[readonly]{
    background:#EEE;
    cursor:not-allowed; /* 禁止カーソル */
}


.simpleForm { margin-bottom: 1em; }
.simpleForm li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5rem;
}
.simpleForm li:last-of-type { margin-bottom: 0; }
.simpleForm .left { padding: 0.2rem 1em 0 0; }
.simpleForm .right .error { margin-left: 0; }

.btn,
button,
submit,
select,
input,
textarea {
	display:inline-block;
	margin:0;
	vertical-align:middle;
	font-size: inherit;
}
.btn,
button,
submit,
select,
input {
	height:1.5rem;
	padding:0 0.3rem;
    border: 1px solid #999;
}
input[type="file"] {
    padding:0;
    border:0;
}
input[type="checkbox"],
input[type="radio"] {
	height:auto;
	margin-right:0.2em;
	padding: 0;
	line-height: 1;
}
.btn,
button,
submit,
input,
textarea  {
	border:1px solid #999;
}

.comboBox {
	display: inline-block;
	position: relative;
    min-width: 120px;
}
.comboBox:after {
	content: "\f142";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5rem;
	height: 100%;
	border-left:1px solid #999;
	pointer-events: none;
}
.comboBox input {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 1.5rem + 1px);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	z-index: 1;
}
.comboBox select {
    width: 100%;
	padding-right: 2rem;
	border:1px solid #999;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.fileBox input[type="file"] { display:none; }

textarea {
	display: block;
	padding:0.5em;
}
.btn,
button,
submit {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background:#DDD;
	white-space: nowrap;
}

.btn.orange,
button.orange,
submit.orange {
	border-color:#F18F01 !important;
	background-color:#F18F01 !important;
	color: #FFF !important;
}
.btn.dark,
button.dark,
submit.dark {
	border-color:#999 !important;
	background-color:#999 !important;
	color: #FFF !important;
}

.btn:hover,
button:hover,
submit:hover {
	border-color: #0078d7;
	background: #e5f1fb;
}

input:invalid,
textarea:invalid,
select:invalid {
	background:#FFECED;
	color:#C00;
}
input:disabled,
textarea:disabled,
select:disabled {
	background: #EEE;
    cursor:default;
}
button:disabled {
	background:#AAA;
    color:#666;
    cursor:default;
}
input:focus,
textarea:focus,
select:focus { background:; }

/*------------------------------------------
	.modal
------------------------------------------*/
.modal .edit { display: none; }
.modalHead,
.modalSheet {
	margin-bottom: 10px;
}
.modalHead { position: relative; }
.modalHead .name {
	position: relative;
	padding-left: 10px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
}
.modalHead .btnList {
	position: absolute;
	right: 10px;
	bottom: 5px;
}
.modalSheet th { background: #f0fdff; }
.modalPic img {
	vertical-align: bottom;
}
/*------------------------------------------
	#searchDetail
------------------------------------------*/
#searchDetail .trash span {
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: #FFF;
}
#searchDetail .plusBtn span {
	display: block;
	width: 45px;
	height: 30px;
	border: 1px solid #CCC;
	line-height: 30px;
	text-align: center;
}

/*------------------------------------------
	.datepicker
------------------------------------------*/
.ui-datepicker-trigger img {
	width: 21px;
}

/*------------------------------------------
	#iframeWindow
------------------------------------------*/
.dvIframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    /*
    border: 1px solid #48F;
    border-radius: 8px;
    */
    overflow: hidden;
    z-index: 70;
}

.dvIframe > .title {
    width: 100%;
    height: 2em;
    font-size: 12pt;
    color: #FFF;
    line-height: 2em;
    background-color: #3b9ae0;
}

.dvIframe > iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.dvIframe > #iwClose {
    display: inline-block;
    margin: 4px;
    padding: 0 30px;
    border: 1px solid #888;
    border-radius: 3px;
}

.filter,
.filterParts {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
    z-index: 60;
}

#modalAside{
    padding: 10px;
}

.cmbSearch {
    width:205px;
}
#loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.2);
    z-index: 1;
}
#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    z-index: 2;
}
loaderBackColor {
    /*background-color: #EEEEEE;*/
    background-color: rgba(0,0,0,0.2);
}
/*------------------------------------------
	#searchtable
------------------------------------------*/
/* TODO 削除行の色 */
#searchtable tr.deleted > td,
#searchtable3 tr.deleted > td {
    background: #aaaaaa;
    color: #dddddd;
}
/* 行のマウスオーバー */
#searchtable tr:hover > td,
#searchtable3 tr:hover > td {
	background: #FFFEEC;
	cursor: pointer;
}
/*------------------------------------------
	ファイル出力ボタン
------------------------------------------*/
.dlFileBtn {
        margin: 0 0 0 auto;
}
/*------------------------------------------
	.indexPaging
------------------------------------------*/
.indexPaging {
    display:flex;
    align-items:center;
    margin:0 1em;
}
.indexPaging a {
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:24px;
    height:24px;
    margin: 0 2px;
    border:1px solid #999;
}
.indexPaging a.arrow { font-size:0.6em; }
.indexPaging a.active {
    border-color:#004077;
    background:#004077;
    color:#FFF;
}

/*------------------------------------------
	#employeePermissionTable
------------------------------------------*/
#employeePermissionTable {
    border-collapse:separate;
    border:1px solid #999;
    border-top:0;
    border-right:0;
}
#employeePermissionTable th,
#employeePermissionTable td {
    border:1px solid #999;
    border-left:0;
    border-bottom:0;
    white-space:normal;
}
#employeePermissionTable thead th {
    position:sticky;
    top:0;
    z-index:2;
    padding-right:25px;
    white-space:nowrap;
}
#employeePermissionTable thead tr:nth-of-type(2) th { top:21px; }
#employeePermissionTable thead tr:nth-of-type(3) th { top:42px; }
#employeePermissionTable .tfArea {
    position:absolute;
    top:50%;
    right:5px;
    margin-top:-9px;
}

#employeePermissionTable th#COMPANY_NAME,
#employeePermissionTable th#BRANCH_NAME,
#employeePermissionTable th#COMPANY_DIV_NAME {
    width:130px;
    min-width:130px;
}
#employeePermissionTable thead th#NAME {
    width:110px;
    min-width:110px;
}

#employeePermissionTable thead tr:first-of-type th:nth-of-type(-n+3),
#employeePermissionTable thead tr:nth-of-type(2) th:nth-of-type(-n+4),
/*#employeePermissionTable thead tr:nth-of-type(3) th:nth-of-type(-n+2),*/
#employeePermissionTable tbody th:nth-of-type(-n+4) {
    position:sticky;
    left:0;
    z-index:10;
}
#employeePermissionTable thead tr:nth-of-type(2) th:nth-of-type(2),
/*#employeePermissionTable thead tr:nth-of-type(3) th:nth-of-type(2),*/
#employeePermissionTable tbody th:nth-of-type(2) {
    left:130px;
}
#employeePermissionTable thead tr:first-of-type th:nth-of-type(2),
#employeePermissionTable thead tr:nth-of-type(2) th:nth-of-type(3),
#employeePermissionTable tbody th:nth-of-type(3) {
    left:260px;
}
#employeePermissionTable thead tr:first-of-type th:nth-of-type(3),
#employeePermissionTable thead tr:nth-of-type(2) th:nth-of-type(4),
#employeePermissionTable tbody th:nth-of-type(4) {
    left:390px;
}

#employeePermissionTable thead tr:first-of-type th:nth-of-type(-n+3),
#employeePermissionTable thead tr:nth-of-type(2) th:nth-of-type(-n+4) {
    z-index:20;
}
/*#employeePermissionTable thead tr:nth-of-type(3) th:nth-of-type(-n+2) {
    z-index:20;
}*/

/*------------------------------------------
	.chohyoList
------------------------------------------*/
.chohyoList {
    display:flex;
    flex-wrap:wrap;
}
.chohyoList li {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:20%;
    margin-bottom:10px;
}
.chohyoList .pdf {
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
}
.chohyoList .pdf img {
    width:100px;
}
.chohyoList .info { padding:6px 0; }
.chohyoList th,
.chohyoList td {
    font-size:0.8em;
}
.chohyoList th { background:none; }
.chohyoList td { border:0; }

.chohyoList li.signed .pdf:before,
.chohyoList li.signed .pdf:after {
    content:"";
    display:flex;
    position:absolute;
    z-index:5;
}

.chohyoList li.signed .pdf:before {
    width:20px;
    height:20px;
    border-radius:50%;
    background:#C00;
}
.chohyoList li.signed .pdf:after {
    width:8px;
    height:5px;
    margin-top:-1px;
    border-bottom:2px solid #FFF;
    border-left:2px solid #FFF;
    transform:rotate(-45deg);
}

.chohyoList li.signed img { opacity:0.4; }
.chohyoList button:disabled {
    opacity:0.4;
    cursor:not-allowed;
}

/*------------------------------------------
	#dashborad
------------------------------------------*/
#dashboard {
    overflow: hidden;
    display: flex;
    justify-content:space-between;
    padding: 1em;
}

#dashboard .rows {
    width: calc(50% - 5px);
    display: flex;
    flex-direction: column;
    max-height: 100%;
}
#dashboard table {
    margin-bottom:10px;
    font-size:11px;
}
#dashboard .sortType thead tr:nth-of-type(2) th {top: 20px;}
#dashboard table .day { white-space:nowrap; }

#dashboard .activityList th {
    position:static;
    width:1%;
    padding:0.2em 0.5em;
    white-space:nowrap;
}
#dashboard .historyList li:hover a {
	font-size: 13px;
}

/*------------------------------------------
	FireFox
------------------------------------------*/
@-moz-document url-prefix() {
  .fpr10 {
      padding-right:10px
  }
  .fpr20 {
      padding-right:20px
  }
}

pre {
	white-space: pre-wrap;
}

.modaldetail30 {
	width: 30vw !important
}

.modaldetail50 {
	width: 50vw !important
}

.modaldetail60 {
	width: 60vw !important
}