@charset "utf-8";


	
	












/********* codeEdit ***************************/

div#codeDetailData { padding-bottom: 20px; }
	.codeEdit > div, .codeEdit > table {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	#codeDetailData .buttonPanel {
		padding-top: 14px;
		border-top: 1px solid #EDEDED;
		border-bottom: 1px solid #EDEDED;
		margin-top: 6px;
	}
	#codeDetailData .related {
		position: relative;
		border: 5px double #EDEDED;
		padding: 10px;
	}
	#codeDetailData .related.p_rel {
		margin-top: 20px;
		padding-top: 30px;
	}
	#codeDetailData .related-title {
		position: absolute;
		top: -20px;
		left: 8px;
		background: #FCFCFC;
		display: inline-block;
	}
	#codeDetailData .related-separator {
		border-top: 1px solid #DEDEDE;
		margin-top: 12px;
		margin-bottom: 28px;
	}
	#codeDetailData .related h5 { padding: 10px 10px 20px; }
	
	.progressAdjust .acdbody > div:first-child { margin-bottom: 20px; }
		.adjust_list tr .dateColumn { width: 6rem; }
		.adjust_list tr .incomeColumn { width: 5rem; }
		.adjust_list tr .spendingColumn { width: 5rem; }
			td.dateColumn { text-align: center; }
			td.incomeColumn { text-align: right; }
			td.spendingColumn { text-align: right; }
		
		.adjust_list .expositionColumn { padding: 0; }
		.adjust_list .expositionColumn p {
			font-size: 1em;
			height: 25px;
			position: relative;
			text-indent: 18px;
			padding: 0 5px;
		}
		.adjust_list .expositionColumn .open { height: auto; }
		.adjust_list .expositionColumn p:after {
			box-sizing: border-box;
			content: '';
			display: block;
			height: 0px;
			width: 0px;
			position: absolute;
			left: 9px;
			top: 7px;
			border-top: 5px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 5px solid transparent;
			border-left: 8px solid #4f16ee;
		}
		.adjust_list .expositionColumn .open:after {
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 8px solid transparent;
			border-top: 8px solid #4f16ee;
			left: 7px;
			top: 8px;
		}

	.progressEdit .progress_list tbody tr.out td,
	.progressEdit .progress_list tbody tr.out td input {
		background: #EDEDED;	
	}
	.progressEdit .progress_list tbody td:nth-child(2) { padding: 0; }
	.progressEdit .progress_list tbody td.sunday { color: #F00; }
	.progressEdit .progress_list tbody td.saturday { color: #00F; }
	.progressEdit .progress_list tbody td input {
		border: none;
		width: 100%;
		height: 1.6rem;
		margin: 0;
		padding: 0 5px;
		font-size: 0.7rem;
	}
	#codeDetailData .formSwitchStyle .switchText {
		height: calc(33px - 2px);
		line-height: calc(33px - 2px);
	}
	#codeDetailData .formSwitchStyle #autoSwitch + label .switchText:after { content: "OFF"; }
	#codeDetailData .formSwitchStyle #autoSwitch:checked + label .switchText:after { content: "ON"; }
	
/********* mail ***************************/
div#mail { padding-bottom: 20px; }
	.mail_list > div {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.mail_list .acdbox .acdlabel2 ul {
		display: block;
		border-left: 10px solid #5882FA;
		padding: 6px 0;
	}
	.mail_list .acdbox .acdlabel2 ul li {
		display: block;
	}
	.mail_list .acdbox .acdlabel2 ul li p {
		font-size: 0.8em;
		color: #666;
		padding: 4px 0;
		text-indent: 15px;
	}
	.mail_list .acdbox .acdlabel2 ul li p span {
		font-size: 0.8em;
		color: #666;
		border: 1px solid #CCC;
		text-align: center;
		text-indent: 0;
		display: inline-block;
		padding: 2px 0;
		width: 50px;
		margin-right: 8px;
	}
		.acdlabel2 .to:before { content: 'TO'; }
		.acdlabel2 .from:before { content: 'FROM'; }
		.acdlabel2 .subject:before { content: 'SUBJ'; }
		.acdlabel2 .date:before { content: 'DATE'; }
	
	.mail_list .acdbox textarea { height: 142px; }
	
	.mail_list .acdbox textarea:focus {
		height: 500px;
	}
	
	
/********* company ***************************/
#company { padding-bottom: 20px; }
	.companyList > div {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.companyList .addCompany {
		font-size: 0.7em;
		padding: 2px 10px;
	}
	.companyList .companyGroup {
		display: block;
		width: 100%;
		background: #FFF;
		box-shadow: 8px 8px 30px -8px rgb(0 0 0 / 40%);
		margin-bottom: 10px;
	}
	.companyList .companyGroup li {
		width: 100%;
		height: auto;
		padding: 10px;
	}
		.companyGroup > li {
			width: 100%;
			height: auto;
		}
		.companyGroup .ctitle {
			border: 1px solid #999;
			border-left: 15px solid #999;
		}
		.companyGroup .ctitle .cname {
			display: table-cell;
			width: auto;
			height: auto;
			vertical-align: middle;
			text-indent: 30px;
		}
		.companyGroup .ctitle .cname + .editCompany {
			position: absolute;
			right: 154px;
			bottom: 2px;
			font-size: 0.7em;
			border: 1px solid #999;
			padding: 3px 8px;
			color: #666;
			cursor: pointer;
			border-radius: 3px;
		}
		.companyGroup .ctitle .cname + .editCompany:hover {
			color: #FFF;
			background: #333;
		}
		.companyGroup .ctitle .navi {
			display: table-cell;
			max-width: 140px;
			border-left: solid 1px #CDCDCD;
			vertical-align: top;
		}
			.ctitle .navi > div { text-align: center; }
			.ctitle .navi > div:nth-child(n+2) { margin-top: 5px; }
			
			.ctitle .navi input[type="checkbox"] { display: none; }
			.ctitle .navi label {
				font-size: 11px;
				padding: 5px 12px;
				border: 1px solid #999;
				border-radius: 5px;
				cursor: pointer;
				min-width: 100px;
				display: inline-block;
			}
			.ctitle .navi input:checked + label { color: #FFF; }
			.ctitle .navi input[value="cinfo"]:checked + label { background: #FA5858; }
			.ctitle .navi input[value="customer"]:checked + label { background: #819FF7; }
			.ctitle .navi input[value="mail"]:checked + label { background: #04B486; }
		
		.companyGroup .title {
			padding: 10px 0 4px;
			border-bottom: 4px double #DDD;
			margin-bottom: 24px;
			position: relative;
		}
		.companyGroup .title p {
			display: inline-block;
			text-indent: 3px;
		}
		.companyGroup .title .navi {
			display: inline-block;
			position: absolute;
			right: 0px;
			bottom: 3px;
			padding: 0 8px;
		}
			.title .navi button {
				font-size: 11px;
				color: #666;
				padding: 2px 10px;
				border-radius: 5px;
			}
		
		.companyGroup .cinfo {
			display: none;
			border: 1px solid #F66;
			border-top: none;
			border-left: 10px solid #F66;
		}
		.companyGroup .cdata { padding: 0 14px; }
		
		.companyGroup .customer {
			display: none;
			border: 1px solid #819FF7;
			border-top: none;
			border-left: 10px solid #819FF7;
		}
		.companyGroup .customer .cdata { margin-top: 10px; }
		
			.customer .ctype {
				vertical-align: top;
				flex: 0 0 56px;
			}
			.customer .ctype .type1 { background: #FA5858; }
			.customer .ctype .type2 { background: #819FF7; }
			.customer .ctype .type3 { background: #04B431; }
			
			.customer .ctype span {
				width: 56px;
				height: 36px;
				display: block;
				border: 1px solid #CCC;
				text-align: center;
				line-height: 36px;
				font-size: 0.8em;
				letter-spacing: 2px;
				color: #FFF;
			}
			.customer .cdata .navi { width: 118px; }
			.customer .cdata .navi button { min-width: 56px; }
			.customer .cdata .remarks { height: 90px; }
			
			.customer .media {
				padding: 0 14px;
				margin-bottom: 25px;
			}
			.customer .media > div {
				border: 1px solid #CDCDCD;
				box-shadow:0px 0px 8px 3px #F9F9F9 inset;
				padding: 10px;
			}
			.customer .media span {
				font-size: 0.7em;
				padding: 2px 5px;
				border: 1px solid #EAEAEA;
				margin-right: 7px;
				line-height: 28px;
			}
		
		.companyGroup .mail {
			display: none;
			border: 1px solid #04B486;
			border-top: none;
			border-left: 10px solid #04B486;
		}
			.mail .cdata .selbox {
				width: 122px;
			}
			.mail .cdata .selbox > div > div {
				width: 50%;
				padding-left: 2px;
			}

/********* settings ***************************/

	.permit_list > div {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}