@charset "UTF-8";
h3{
	margin-top: 20px !important;
	font-size:17px !important;
}
table{
	table-layout: fixed;
	border: none;
	width:100%;
}
td{
	border-top: none;
	border-bottom: none;
	border-left:none;
	border-right:none;
	vertical-align: top;
	overflow-wrap: break-word;
	word-break: break-all;
}
th{
	border: 1px solid rgb(192, 192, 192);
	background-color:skyblue;
}
.lg{
	background:#DAF2D0;
	padding: 4px;
}
.wt{
	background:white;
	padding: 4px;
}
.bd{
	margin:5px;
	padding:5px;
	border:1px solid rgb(192, 192, 192);
}
.scroller {
    margin: 0 auto;
    width: 100%;
    height: 600px;
    overflow-y: scroll;
    border: none;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 
input[type=number] {
	text-align: right;
	width: 6em;
}
select {
	width: auto !important;
}
input[type=checkbox]{
	margin-left: 12px;
	margin-right: 8px;
	width: 13.5px;
	height: 13.5px;
}

select[readonly],
input[type=radio][readonly],
input[type=checkbox][readonly]{
	pointer-events:none;
	background-color:rgb(238, 238, 238);
}
input[readonly],
textarea[readonly] {
	color: #417bbc;
	background-color: rgb(238, 238, 238);
}
.comma, .comma3{
	text-align : right;
	width: 94px;
}
.num{
	text-align : right;
}
.int{
	text-align : right;
}
[readonly] + label{
    pointer-events:none;
}
.tabb {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid rgb(192, 192, 192);
	padding:0px;
	min-height:60px;
	width:120px;
	background-color:white;
}
.tabb2 {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid rgb(192, 192, 192);
	padding:0px;
	height:40px;
	width:140px;
	background-color:white;
}
.act{
	border-top:1px solid rgb(192, 192, 192);
	border-left:1px solid rgb(192, 192, 192);
	border-right:1px solid rgb(192, 192, 192);
	border-bottom:1px solid green;
}
.bta{
	border:none;
	display : inline-block;
	vertical-align: middle;
	line-height: 1.5;
	padding: 10px 0;
	text-decoration: none;
	background-color: #018838;
	color: #FFFFFF;
	width:200px;
	text-align: center;
	border-radius: 10px;
}
.bta-warning{
	border:none;
	display : inline-block;
	vertical-align: middle;
	line-height: 1.5;
	padding: 10px 0;
	text-decoration: none;
	background-color: #ffc107;
	color: #000;
	width:200px;
	text-align: center;
	border-radius: 10px;
}
.bta2{
	border:1px solid DARKGRAY;
	display : inline-block;
	vertical-align: middle;
	line-height: 1.5;
	padding: 10px 0;
	text-decoration: none;
	background-color: #FFFFFF;
	color: DARKGRAY;
	width:200px;
	text-align: center;
	border-radius: 10px;
}
.tenpu{
	display : inline-block;
	vertical-align: middle;
	margin-right: 18px;
	padding: 0px !important;
	text-decoration: none;
	background-color: #018838;
	color: #FFFFFF;
	width:80px;
	height:20px !important;
	text-align: center;
	font-size:13px  !important;
	border-radius: 5px;
}
.tenpu:hover{
	background-color: #018838 !important;
	color: #FFFFFF !important;
}
.sbtn{
	display : inline-block;
	vertical-align: middle;
	padding: 0px !important;
	text-decoration: none;
	background-color: #018838;
	color: #FFFFFF;
	height:20px !important;
	text-align: center;
	font-size:13px  !important;
	border-radius: 5px;
}
.clear{
	margin-right: 18px;
	padding: 0px !important;
	width:60px;
	height:20px !important;
	text-align: center;
	font-size:13px  !important;
}
.tenpuari{
	color: red;
	font-size:14px;
	font-weight:bold;
	margin-right: 18px;
}
.hissu{
	margin-left:10px;
	background-color: red;
	color: #FFFFFF;
	font-size:10px;
}
.sel{
	margin:10px;
	background-color: skyblue;
	height:30px;
}
.text-tooltip {
	background-color: blue;
	color: white;
	text-decoration: none;
	border-radius : 6px;
	font-size:12px;
	position: relative;
}

.tooltip-content {
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	border-radius: 5px;
	background-color: lightgray;
	color: black;
	padding: 5px 10px;
	position: absolute;
	top: 25px;
	left: 50px;
	transform: translateX(-50%);
	transition: all .6s ease-in-out;
}
  
.tooltip-content:before {
	content: '';
	position: absolute;
	top: 32px;
	left: calc(50% - 9px);
	border-top: 9px solid #555;
}
  
.text-tooltip:hover .tooltip-content {
	opacity: 1;
	visibility: visible;
	z-index:999;
}
.date-form {
    border: 1px solid #000000;
    height: 28px;
    position: relative;
}
.date-form::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background: transparent;
    z-index: 1;
}
.date-form::after {
    content: '';
	background-image: url("/img/calendar-cfed4fe81a1088e15aae21bdd1b4e0c1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
/* 読み取り専用チェックボックスを消す */
input[type=checkbox][readonly] {
	display: none;
}
/* 読み取り専用チェックボックス脇のlabelにチェックボックスもどきを表示 */
input[type=checkbox][readonly]+label {
	display: inline-block;
	width: 13.5px;
	height: 13.5px;
	border: 1px solid rgba(118, 118, 118, 0.3);
	margin-left: 12px;
    margin-right: 8px;
	border-radius: 2px 2px 2px 2px;
	background-color: rgb(238, 238, 238);
	pointer-events:none;
}
/* 読み取り専用チェックボックス チェック時のレイアウト */
input[type=checkbox][readonly]:checked+label {
	/*background-color:gray;*/
	background-color: rgba(118, 118, 118, 0.3);
	border-color: rgba(118, 118, 118, 0.3);

}
/* 読み取り専用チェックボックス チェックマーク */
input[type=checkbox][readonly]:checked+label::after {
	content: "";
	display: block;
	width: 0.5em;
	height: 0.3em;
	border: 1px solid black;
	border-width: 0 0 2px 2px;
	transform: rotate(-52deg) translate(0, 0.14em);
	border-radius: 2px 2px 2px 2px;
}

/* 非活性チェックボックスを消す */
input[type="checkbox"]:disabled {
	appearance: none;
	pointer-events: none;
	background-color: white;
}
/*  非活性チェックボックスの後ろに画像を配置（チェック無） */
input[type="checkbox"]:disabled::after {
	content: url("/img/check-959d046cee4db5a831e76ec1e65ce4fa.png");
}

/* 非活性チェックボックスの後ろに画像を配置（チェック有） */
input[type="checkbox"]:checked:disabled::after {
	content: url("/img/checkdisabled-d8f62a46b6178b736e23c3a19562326f.png");
}


/* 読み取り専用ラジオボタンを消す */
input[type=radio][readonly] {
	appearance: none;
	pointer-events: none;
	background-color: white;
}

/* 読み取り専用ラジオボタンの前に画像を配置（チェック無） */
input[type=radio][readonly]::before {
	content: url("/img/radio-c95c4f3526ea07a26f7fb8964f6dacb3.png");
}

/* 読み取り専用ラジオボタンの前に画像を配置（チェック有） */
input[type=radio][readonly]:checked::before {
	content: url("/img/radiodisabled-b7237ce28f9f3ccb32ef232bc1517eab.png");
}

/* 非活性ラジオボタンを消す */
input[type=radio]:disabled {
	appearance: none;
	pointer-events: none;
	background-color: white;
}

/* 読み取り専用ラジオボタンの前に画像を配置（チェック無） */
input[type=radio]:disabled::before {
	content: url("/img/radio-c95c4f3526ea07a26f7fb8964f6dacb3.png");
}

/* 読み取り専用ラジオボタンの前に画像を配置（チェック有） */
input[type=radio]:checked:disabled::before {
	content: url("/img/radiodisabled-b7237ce28f9f3ccb32ef232bc1517eab.png");
}

.text-align-right{
	text-align:right;
}
.showKey {
	font-size: 14px;
} 

.please-upload{
	display:none;
}

#\#cc8_01_5\#,#\#cc8_01_9\#,#\#cc8_01_13\#,
#\#cc8_01_17\#,#\#cc8_01_21\#,#\#cc8_01_25\# {
	width: 93%;
}

.pl {
	padding-left: 3.2%;
}

input[type="text"].input-other-width {
    width: 95%;
}

input#\#c3_03_18\# {
    width: 95%;
    padding-left: 5px;
}

input#\#c3_03_19\# {
    width: 95%;
    padding-left: 10px;
}

input[type=checkbox][data-locked="true"] {
	appearance: none;
	width: 13.5px;
	height: 13.5px;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	background-color: #eee;
	pointer-events: none;
	position: relative;
}

/* 電気自動車充電設備及び配管等整備計画書（急速充電設備） */
#\#cc5_3_17\#,#\#cc5_3_17b\#,#\#cc5_3_36\#,
#\#cc5_3_36b\#,#\#cc5_3_43\#,#\#cc5_4_16\#,
#\#cc5_4_16b\#,#\#cc5_4_35\#,#\#cc5_4_35b\#,
#\#cc5_4_42\#,#\#cc5_3_43b\#,#\#cc5_4_42b\# {
	width: 70px;
}