@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: 55px;
		border-bottom: 2px solid #CCCCCC;
		margin-bottom:10px;
		position:absolute;
		top: 0;
		z-index: 999;
		zoom:1;
		overflow: hidden;
		width: 100%;
	}
		
		#kenGNavi ul {
			margin-left: 10px;
		}
			#kenGNavi ul li {
				float: left;
				display: inline;
				width: 121px;
				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 {
		}
			#kenSNavi ul li {
				float: left;
				display: inline;
				width: 148px;
				margin: 0px 10px 10px 0px;
			}
				#kenSNavi ul li:last-child {
					margin-right: 0;
				}
			
				#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;
					}

#btnSt, #btnEd {
	width: 80px;
}

#viewMain {
	position:absolute;
	top: 67px;
	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: 10px;
	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: 45px;
	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;
}

#btnZen,
#btnMok {
	top: 67px;
}

.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;
}

.errorNumeric {
	background-color: #ff9999;
}

.btnToggle.syo_1月.type0
,.btnToggle.syo_2月.type0
,.btnToggle.syo_3月.type0
,.btnToggle.syo_4月.type0
,.btnToggle.syo_5月.type0
,.btnToggle.syo_6月.type0
,.btnToggle.syo_7月.type0
,.btnToggle.syo_8月.type0
,.btnToggle.syo_9月.type0
,.btnToggle.syo_10月.type0
,.btnToggle.syo_11月.type0
,.btnToggle.syo_12月.type0
,.btnToggle.syo_保守_実施回数_符号.type0
{
	border-color: #A6A6A6;
	background-color: #CBCBCB;
}
.btnToggle.syo_1月.type1
,.btnToggle.syo_2月.type1
,.btnToggle.syo_3月.type1
,.btnToggle.syo_4月.type1
,.btnToggle.syo_5月.type1
,.btnToggle.syo_6月.type1
,.btnToggle.syo_7月.type1
,.btnToggle.syo_8月.type1
,.btnToggle.syo_9月.type1
,.btnToggle.syo_10月.type1
,.btnToggle.syo_11月.type1
,.btnToggle.syo_12月.type1
,.btnToggle.syo_保守_実施回数_符号.type1
{
	border-color: #003E6A;
	background-color: #006AB5;
}

.btnToggle.syo_判定区分
,.btnToggle.sui_判定区分
{
	width: 70px;
}
.btnToggle.syo_判定区分.type0
,.btnToggle.syo_判定区分.type9
,.btnToggle.sui_判定区分.type0
,.btnToggle.sui_判定区分.type9
{
	border-color: #A6A6A6;
	background-color: #CBCBCB;
}
.btnToggle.syo_判定区分.type1
,.btnToggle.sui_判定区分.type1
{
	border-color: #003E6A;
	background-color: #006AB5;
}
.btnToggle.syo_判定区分.type2
,.btnToggle.sui_判定区分.type2
{
	border-color: #374E02;
	background-color: #6E9A04;
}
.btnToggle.syo_判定区分.type3
,.btnToggle.sui_判定区分.type3
{
	border-color: #7C0303;
	background-color: #C30404;
}

.btnToggle.syo_記録の保存 {
	width: 100px;
}
.btnToggle.syo_記録の保存.type0
{
	border-color: #7C0303;
	background-color: #C30404;
}
.btnToggle.syo_記録の保存.type1
{
	border-color: #003E6A;
	background-color: #006AB5;
}

.btnToggle.syo_清掃記録の有無 {
	width: 160px;
}
.btnToggle.syo_清掃記録の有無.type0,
.btnToggle.syo_清掃記録の有無.type3
{
	border-color: #7C0303;
	background-color: #C30404;
}
.btnToggle.syo_清掃記録の有無.type3,
.btnToggle.syo_保守記録の有無.type1 {
	line-height: 23px;
	word-break: keep-all;
}
.btnToggle.syo_清掃記録の有無.type1,
.btnToggle.syo_清掃記録の有無.type2
{
	border-color: #003E6A;
	background-color: #006AB5;
}

.btnToggle.syo_保守記録の有無 {
	width: 160px;
}
.btnToggle.syo_保守記録の有無.type0,
.btnToggle.syo_保守記録の有無.type2,
.btnToggle.syo_保守記録の有無.type4
{
	border-color: #7C0303;
	background-color: #C30404;
}
.btnToggle.syo_保守記録の有無.type1,
.btnToggle.syo_保守記録の有無.type3
{
	border-color: #003E6A;
	background-color: #006AB5;
}

.btnToggle.沈殿_残留塩素濃度_検査対象 {
	width: 83px;
}
.btnToggle.沈殿_残留塩素濃度_検査対象.type0
{
	border-color: #A6A6A6;
	background-color: #CBCBCB;
}
.btnToggle.沈殿_残留塩素濃度_検査対象.type1
{
	border-color: #003E6A;
	background-color: #006AB5;
}

.btnToggle.効率二次検査へ移行 {
	width: 180px;
}
.btnToggle.効率二次検査へ移行.type0
{
	border-color: #A6A6A6;
	background-color: #CBCBCB;
}
.btnToggle.効率二次検査へ移行.type1
{
	border-color: #003E6A;
	background-color: #006AB5;
}

.btnToggle.skn_検査時の状況
,.btnToggle.skn_薬服用の有無
,.btnToggle.skn_採水場所
{
	width: 160px;
}
.btnToggle.skn_検査時の状況.type0
,.btnToggle.skn_薬服用の有無.type0
,.btnToggle.skn_採水場所.type0
{
	border-color: #A6A6A6;
	background-color: #CBCBCB;
}
.btnToggle.skn_検査時の状況.type1
,.btnToggle.skn_薬服用の有無.type1
,.btnToggle.skn_採水場所.type1
{
	border-color: #003E6A;
	background-color: #006AB5;
}
.btnToggle.skn_薬服用の有無.type2
{
	border-color: #374E02;
	background-color: #6E9A04;
}
.btnToggle.skn_検査時の状況.type2
,.btnToggle.skn_薬服用の有無.type3
,.btnToggle.skn_採水場所.type2
{
	border-color: #7C0303;
	background-color: #C30404;
}




td.tdType0:not(.text)
,td.tdType9:not(.text)
{
	background-color: #CBCBCB !important;
	vertical-align: middle;
}
td.tdType1:not(.text) {
	background-color: #006AB5 !important;
	vertical-align: middle;
}
td.tdType2:not(.text) {
	background-color: #6E9A04 !important;
	vertical-align: middle;
}
td.tdType3:not(.text) {
	background-color: #C30404 !important;
	vertical-align: middle;
}

td.tdType div,
td.tdType0 div,
td.tdType1 div,
td.tdType2 div,
td.tdType3 div,
td.tdType9 div {
	text-align: center;
	font-size: 16px !important;
	color: #FFFFFF !important;
	height: 48px;
	line-height: 48px;
}

td.tdType div {
	color: #000000 !important;
}

td.tdType.text div,
td.tdType0.text div,
td.tdType9.text div {
	color: #CBCBCB !important;
	font-weight: bold;
}
td.tdType1.text div {
	color: #006AB5 !important;
	font-weight: bold;
}
td.tdType2.text div {
	color: #6E9A04 !important;
	font-weight: bold;
}
td.tdType3.text div {
	color: #C30404 !important;
	font-weight: bold;
}
td.tdType.text div {
	color: #000000 !important;
	font-weight: bold;
}











.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;
}







#syokenModal {
	display: none;
	background: #FFFFFF;
	-webkit-transition: opacity 0s ease-out;
	opacity: 0.8;
	z-index: 99999;
	position: absolute;
}

#syokenPopup {
	display: none;
	background: #DDFFDD;
	padding: 10px;
	overflow: auto;
	z-index: 99999;
	position: absolute;
	width: 720px;
}




.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;
}

.columnListViewMask.loading {
	opacity: 0.5;
}

.columnListViewPort {
	position: relative;
	width: 2400px;
	height: 360px;
	left: 0;
	
	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)));
}

.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.disabled {
	opacity: 0.3;
}

.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から */
	
}