@charset "UTF-8";

/*==================================================
 COMMON LIB CSS
==================================================*/

.tableType01 table tr th,
.tableType01 table tr td {
	font-size: 14px;
}

.tableType01 table tr th,
.tableType01 table tr td {
	padding: 4px 5px;
}

#kenGNavi {
		background-color: #FFFFFF;
		height: 88px;
		border-bottom: 2px solid #CCCCCC;
		margin-bottom:10px;
		position:absolute;
		top: 0;
		z-index: 999;
		zoom:1;
		overflow: hidden;
		width: 100%;
	}
		
		#kenGNavi ul {
			margin-top: 32px;
			margin-left: 10px;
			display: flex;
		}
			#kenGNavi ul li {
				flex: 1;
				margin: 10px 10px 10px 0px;
			}
			
				#kenGNavi ul li a {
					display: block;
					text-decoration: none;
					border-color: #003E6A;
					-webkit-border-radius: 7px;
					-moz-border-radius: 7px;
					border-radius: 7px;
					background-color: #006AB5;
				}
					#kenGNavi ul li a span {
						display: block;
						height: 36px;
						font-size: 15px;
						color: #FFFFFF;
						text-align: center;
						line-height: 36px;
					}
				
				#kenGNavi ul li a.this,
				#kenGNavi ul li a:hover {
					text-decoration: none;
					background-color: #333333;
					border: 1px solid #EEEEEE;
				}
					#kenGNavi ul li a.this span,
					#kenGNavi ul li a:hover span {
						color: #FFFFFF;
					}
					
				#kenGNavi ul li.no_writable a {
					border-color: #ff7f7f;
					background-color: #ff7f7f;
				}
					#kenGNavi ul li.no_writable a span {
						color: #FFFFFF;
					}
				
				#kenGNavi ul li.no_writable a.this,
				#kenGNavi ul li.no_writable a:hover {
					background-color: #ff7f7f;
					border: 1px solid #EEEEEE;
				}
					#kenGNavi ul li.no_writable a.this span,
					#kenGNavi ul li.no_writable a:hover span {
						color: #FFFFFF;
					}
					
	#kenSNavi {
		zoom:1;
		overflow: hidden;
	}
		#kenSNavi ul {
			display: flex;
		}
			#kenSNavi ul li {
				flex:1;
				margin: 0px 10px 10px 0px;
			}
			
				#kenSNavi ul li a {
					display: block;
					text-decoration: none;
					background-color: #BBBBBB;
					border: 1px solid #BBBBBB;
					-webkit-border-radius: 7px;
					-moz-border-radius: 7px;
					border-radius: 7px;
				}
					#kenSNavi ul li a span {
						display: block;
						height: 46px;
						font-size: 15px;
						color: #FFFFFF;
						text-align: center;
						line-height: 46px;
					}
				
				#kenSNavi ul li a.this,
				#kenSNavi ul li a:hover {
					text-decoration: none;
					background-color: #333333;
					border: 1px solid #333333;
				}
					#kenSNavi ul li a.this span,
					#kenSNavi ul li a:hover span {
						color: #FFFFFF;
					}

#検査実施日_年 {
	width: 66px;
	white-space: nowrap;
}
.tableType01 table#kenTable th, .tableType01 table#kenTable td {
	font-size: 11px;
	padding: 4px 2px;
	height: 21px;
}

.tableType01 table#kenTable td.active {
	font-size: 10px;
	background-color: #FFFF80;
}

.tableType01 table#kenTable td.active span,
.tableType01 table#kenTable td.stop span {
	font-weight: bold;
	font-size: 14px;
}
.tableType01 table#kenTable td.active span + span,
.tableType01 table#kenTable td.stop span + span  {
	padding-left: 2px;
}
.tableType01 table#kenTable button {
	padding-left: 0;
	padding-right: 0;
}
#btnSt, #btnEd, #btnStMedia, #btnEdMedia {
	width: 60px;
}

#viewMain {
	position:absolute;
	top: 100px;
	bottom: 0;
	left:0;
	right:0;
	overflow:auto;
	background-color: #EEEEEE;
}

#viewMainScrollArea {
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	overflow:auto;
	background-color: #EEEEEE;
	z-index: 9999;
	margin-top: 0px;
	margin-left: 35px;
	margin-right: 35px;
}

.viewWrap {
	padding-bottom: 20px;
}

#viewMain .viewWrap {
	padding-bottom: 5px;
}

#viewJok,
#viewPre,
#viewZen,
#viewMok,
#viewSho,
#viewSse,
#viewHsg,
#viewSkr {
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	overflow:auto;
	background-color: #DDFFDD;
	z-index: 10000;
}

#viewJokScrollArea,
#viewPreScrollArea,
#viewZenScrollArea,
#viewMokScrollArea,
#viewShoScrollArea,
#viewSseScrollArea,
#viewHsgScrollArea,
#viewSkrScrollArea {
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	overflow:auto;
	background-color: #DDFFDD;
	z-index: 10000;
	margin-top: 30px;
	margin-left: 35px;
	margin-right: 35px;
}

#btnZen,
#btnMok,
#btnSho,
#btnSse,
#btnHsg,
#btnSkr {
	position: absolute;
	width: 30px;
	
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
	background-color: #BBBBBB;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10から */
	z-index: 10100;
	
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

#btnZen.active,
#btnMok.active,
#btnSho.active,
#btnSse.active,
#btnHsg.active,
#btnSkr.active,
#btnJok.active,
#btnPre.active {
	background-color: #333333;
}

#btnMok,
#btnSho,
#btnHsg {
	left: 0;
	line-height: 32px;
	border-radius: 0 10px 10px 0;
}

#btnZen,
#btnSse,
#btnSkr {
	right: 0;
	line-height: 30px;
	border-radius: 10px 0 0 10px;
}

#btnJok,
#btnPre,
#btnTop {
	position: absolute;
	top: 0px;
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
	line-height: 32px;
	background-color: #BBBBBB;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10から */
	z-index: 10100;
	border-radius: 0 0 10px 10px;
}

.subTitle {
	width: 320px;
	background-color: #333333;
	border: 1px solid #EEEEEE;
	height: 46px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 46px;
	margin: 10px 10px 10px 0;
}
	
.btnToggle {
	width: 150px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	border: 1px solid #333333;
	font-size: 16px;
	color: #FFFFFF;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10から */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btnToggle.readonly {
	border-radius: 0px;
	border: none;
	height: 51px;
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.errorNumeric {
	background-color: #ff9999;
}

.btnToggle.確認区分.type0,
.btnToggle.零マル.type0,
.btnToggle.零承認.type0,
.btnToggle.未発行発行済み.type0,
.btnToggle.適正不適正.type0,
.btnToggle.零適正不適正.type0,
.btnToggle.適正不適正.type2,
.btnToggle.零適正不適正.type2,
.btnToggle.零有無不十分.type0,
.btnToggle.零新築有無改築有無.type0,
.btnToggle.零個人民間市町村県国公団.type0,
.btnToggle.なし良可不可.type0,
.btnToggle.零正負.type0,
.btnToggle.零以上.type0,
.btnToggle.零以上以下未満.type0,
.btnToggle.零良可不可.type0,
.btnToggle.零良可不可.type9,
.btnToggle.零良不可.type0,
.btnToggle.零良不可.type9,
.btnToggle.零水道井戸併用.type0,
.btnToggle.零報告通り相違点有り.type0 {
	border-color: #A6A6A6;
	background-color: #CBCBCB;
}

.btnToggle.確認区分.type1,
.btnToggle.零マル.type1,
.btnToggle.零承認.type1,
.btnToggle.保守清掃業者.type1,
.btnToggle.未発行発行済み.type1,
.btnToggle.不必要.type0,
.btnToggle.適正不適正.type1,
.btnToggle.零適正不適正.type1,
.btnToggle.零有無不十分.type1,
.btnToggle.零新築有無改築有無.type1,
.btnToggle.零新築有無改築有無.type3,
.btnToggle.なし良可不可.type1,
.btnToggle.有無契約済対象外オンライン確認.type1,
.btnToggle.マルバツ.type1,
.btnToggle.状況報告書有無.type1,
.btnToggle.零正負.type1,
.btnToggle.零以上.type1,
.btnToggle.零以上以下未満.type1,
.btnToggle.零良可不可.type1,
.btnToggle.良可不可.type1,
.btnToggle.零良不可.type1,
.btnToggle.良不可.type1,
.btnToggle.零水道井戸併用.type1,
.btnToggle.有無.type1,
.btnToggle.報告通り相違点有り.type1,
.btnToggle.零報告通り相違点有り.type1 {
	border-color: #003E6A;
	background-color: #006AB5;
}

.btnToggle.保守清掃業者.type2,
.btnToggle.零有無不十分.type2,
.btnToggle.零個人民間市町村県国公団.type1,
.btnToggle.零個人民間市町村県国公団.type2,
.btnToggle.零個人民間市町村県国公団.type3,
.btnToggle.零個人民間市町村県国公団.type4,
.btnToggle.零個人民間市町村県国公団.type5,
.btnToggle.零個人民間市町村県国公団.type6,
.btnToggle.なし良可不可.type2,
.btnToggle.有無契約済対象外オンライン確認.type2,
.btnToggle.有無契約済対象外オンライン確認.type3,
.btnToggle.有無契約済対象外オンライン確認.type4,
.btnToggle.零以上以下未満.type2,
.btnToggle.零良可不可.type2,
.btnToggle.良可不可.type2,
.btnToggle.零水道井戸併用.type2,
.btnToggle.報告通り相違点有り.type2,
.btnToggle.零報告通り相違点有り.type2 {
	border-color: #374E02;
	background-color: #6E9A04;
}

.btnToggle.確認区分.type2,
.btnToggle.不必要.type1,
.btnToggle.適正不適正.type3,
.btnToggle.零適正不適正.type3,
.btnToggle.零有無不十分.type3,
.btnToggle.零新築有無改築有無.type2,
.btnToggle.零新築有無改築有無.type4,
.btnToggle.なし良可不可.type3,
.btnToggle.有無契約済対象外オンライン確認.type0,
.btnToggle.零正負.type2,
.btnToggle.マルバツ.type0,
.btnToggle.状況報告書有無.type0,
.btnToggle.零以上以下未満.type9,
.btnToggle.零良可不可.type3,
.btnToggle.良可不可.type3,
.btnToggle.良不可.type2,
.btnToggle.良不可.type3,
.btnToggle.零良不可.type3,
.btnToggle.零水道井戸併用.type3,
.btnToggle.有無.type0 {
	border-color: #7C0303;
	background-color: #C30404;
}

.零良可不可TEXT.type9,
.良可不可TEXT.type0,
.btnToggle.良不可TEXT.type0 {
	color: #CBCBCB;
	text-align: center;
	font-weight: bold;
}

.零良可不可TEXT.type1,
.良可不可TEXT.type1,
.零良不可TEXT.type1,
.良不可TEXT.type1 {
	color: #006AB5;
	text-align: center;
	font-weight: bold;
}
.零良可不可TEXT.type2,
.良可不可TEXT.type2 {
	color: #6E9A04;
	text-align: center;
	font-weight: bold;
}
.零良不可TEXT.type2,
.良不可TEXT.type2,
.零良可不可TEXT.type3,
.良可不可TEXT.type3 {
	color: #C30404;
	text-align: center;
	font-weight: bold;
}

.btnToggle.零承認 {
	float: left;
	width: 70px;
}
.btnToggle.零以上.type0,
.btnToggle.零以上.type1 {
	float: left;
	width: 70px;
}

.btnToggle.零以上以下未満.type0,
.btnToggle.零以上以下未満.type1,
.btnToggle.零以上以下未満.type2,
.btnToggle.零以上以下未満.type9 {
	float: left;
	width: 70px;
}

.btnToggle.零正負.type0,
.btnToggle.零正負.type1,
.btnToggle.零正負.type2 {
	float: left;
	width: 70px;
}

.btnToggle.マルバツ.type0,
.btnToggle.マルバツ.type1 {
	/*float: left;*/
	width: 50px;
	font-size: 20px;
}

#沈殿_SSの有無.btnToggle.有無.type0,
#二次1室_SSの有無.btnToggle.有無.type0,
#二次2室_SSの有無.btnToggle.有無.type0 {
	border-color: #003E6A;
	background-color: #006AB5;
}


#沈殿_SSの有無.btnToggle.有無.type1,
#二次1室_SSの有無.btnToggle.有無.type1,
#二次2室_SSの有無.btnToggle.有無.type1 {
	border-color: #7C0303;
	background-color: #C30404;
}

.syokenList > li {
	margin: 5px;
	padding: 0 0 7px 0;
	border-bottom: 1px dotted #CCCCCC;
}

#gaiSyokenList.syokenList > li,
#pre_gaiSyokenList.syokenList > li,
#suiSyokenList.syokenList > li,
#pre_suiSyokenList.syokenList > li,
#syoSyokenList.syokenList > li,
#pre_syoSyokenList.syokenList > li {
	padding: 0 0 2px 0;
}

#pre_gaiSyokenList.syokenList > li,
#pre_suiSyokenList.syokenList > li,
#pre_syoSyokenList.syokenList > li,
#pre_hanSyokenList.syokenList > li {
	margin: 0;
}

#pre_hanSyokenList.syokenList > li {
	padding: 2px 0 2px 0;
}

.syokenList > li:last-child {
	padding-bottom: 0;
	margin-top: 7px;
	margin-bottom: 5px;
	border-bottom: none;
}

#gaiSyokenList.syokenList > li:last-child,
#pre_gaiSyokenList.syokenList > li:last-child,
#suiSyokenList.syokenList > li:last-child,
#pre_suiSyokenList.syokenList > li:last-child,
#syoSyokenList.syokenList > li:last-child,
#pre_syoSyokenList.syokenList > li:last-child { 
	margin-top: 0;
	margin-bottom: 3px;
}

#pre_hanSyokenList.syokenList > li:first-child {
	padding: 0 0 2px 0;
}
#pre_hanSyokenList.syokenList > li:last-child {
	padding: 0 0 0 0;
	margin-top: 2px;
	margin-bottom: 0px;
}

.syokenList button {
	width: 50px;
}

.syokenList .number {
	display: block;
	float: left;
	text-align: right;
	width: 45px;
	font-size: 14px;
}

.syokenList .rightBox {
	text-align: left;
	width: 165px;
}

#hanSyokenList .syokenItem {
	margin-right: 170px;
}

#hanSyokenList .btnAdd {
	width: 100%;
}



.syokenItem > li {
	min-height: 24px;
	line-height: 24px;
}

.syokenItem p {
	font-size: 14px;
	margin-left: 50px;
}

.syokenItem .syokenType0 {
	/*background-color: #a3ffd1;*/
}
.syokenItem .syokenType1 {
	background-color: #ffffa3;
}
.syokenItem .syokenType2 {
	background-color: #ffa3a3;
}

.syokenItem > li.syokenType0 {
	/*background-color: #a3ffd1;*/
}
#hanSyokenList > li:nth-child(n+6) li.syokenType1,
#pre_hanSyokenList > li:nth-child(n+6) li.syokenType1{
	/*background-color: #ffffcc;*/
	background-color: #ffffff;
}
#hanSyokenList > li:nth-child(n+6) li.syokenType1 span,
#hanSyokenList > li:nth-child(n+6) li.syokenType1 p,
#pre_hanSyokenList > li:nth-child(n+6) li.syokenType1 span,
#pre_hanSyokenList > li:nth-child(n+6) li.syokenType1 p{
	/*color: #666666;*/
}
#hanSyokenList > li:nth-child(n+6) li.syokenType2,
#pre_hanSyokenList > li:nth-child(n+6) li.syokenType2{
	/*background-color: #ffcccc;*/
	background-color: #ffffff;
}
#hanSyokenList > li:nth-child(n+6) li.syokenType2 span,
#hanSyokenList > li:nth-child(n+6) li.syokenType2 p,
#pre_hanSyokenList > li:nth-child(n+6) li.syokenType2 span,
#pre_hanSyokenList > li:nth-child(n+6) li.syokenType2 p{
	/*color: #666666;*/
}

#selectedSyokenList.syokenList {
	border: 1px solid black;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

#selectedSyokenList.syokenList .syokenItem > li {
	min-height: 36px;
	line-height: 36px;
}

#selectedSyokenList.syokenList .number {
	width: 55px;
	font-size: 15px;
	padding-right: 15px;
	font-weight: bold;
}
#selectedSyokenList .syokenItem p {
	font-size: 15px;
}

.columnListViewMask {
	overflow: hidden;
	width: 600px;
	height: 360px;
}

.columnListViewPort {
	position: relative;
	width: 2400px;
	height: 360px;
	left: 0;
}

.columnListView {
	float:left;
	width: 600px;
	height: 360px;
	background-color: #F5F5F5;
}

.columnList {
	width: 600px;
	height: 360px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.columnList li {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	
	background: linear-gradient(top, rgba(255, 255, 255, 1), rgba(238, 238, 238, 1));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(238, 238, 238, 1));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(238, 238, 238, 1)));
}
.columnList li:first-child {
	border-top: 1px solid  #ccc;
}
.columnList li.selected {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	background: #dfdfdf;
	color: #222;
	text-shadow: 0 1px 0 #fff;
}

.columnList li div {
	display: table-cell;
	width: 600px;
	height: 40px;
	padding: 5px;
	
	vertical-align: middle;
	font-size: 16px;
	
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10から */
	
}


.hkrk_bg0 {
	background-color: #FFFFFF !important;
}

.hkrk_bg1 {
	background-color: #ff9999 !important;
}

.hkrk_bg2 {
	background-color: #99ccff !important;
}

.hkrk_bg3 {
	background-color: #ffff99 !important;
}

.hkrk_bg4 {
	background-color: #99ffcc !important;
}

.hkrk_bg9 {
	background-color: #cccccc !important;
}