*{}

/*--------------------------------------Element	*/
body {
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", Osaka ;
	font-size: 9pt;
	scrollbar-face-color:#FFFFFF;
	scrollbar-base-color:#CCCCCC;
	scrollbar-arrow-color:#999999;
	scrollbar-darkshadow-color:#666666;
	background-color: #666;
	border: 0px solid #fff;
	margin: 0px ;
	}
th, td, #Dlg_Loder {
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", Osaka ;
	font-size: 9pt;
	}
.imeDis {	ime-mode: disabled;	}
.imeAct {	ime-mode: active;	}
.imeIat {	ime-mode: inactive;	}
.progress-label {
	color: #FFF;
	float: left;
	margin-left: 45%;
	margin-top: 5px;
	font-weight: bold;
	/*text-shadow: .5px .5px 0 #fff;*/
	text-shadow: 2px 2px 1px #666,
	-2px 2px 1px #666,
	2px -2px 1px #666,
	-2px -2px 1px #666;
	}
.magnifier {
	background-color: white;
	}
.hlpdlgbtn {
	right: 2em;
	position: absolute;
	margin: -2px 0 0 0;
	top: 7px;
	}

/*--------------------------------------print	*/
@media print {
	svg .template{
		stroke-width: 0;
		fill-opacity: 0;
		}
	}

/*--------------------------------------Class	*/
.selW{
	width: 180px;
	}

/*--------------------------------------#intro	*/
	.description{
		border: 1px dashed #A3A3A3; 
		padding: 20px 10px 10px; 
		margin-top: -10px; 
		margin-bottom:10px;
		width: 60%;
		background-color: #efefef;
		z-index: 100 ;
		position: absolute;
		/*right: 150px;*/
		}
	.descTab{
		width: 100px; 
		text-align: center; 
		border-top: none 
		!important; z-index: 1; 
		position: relative; 
		top: -1px; 
		float: right; 
		padding:15px 10px 5px; cursor: pointer;
		}

/*--------------------------------------#ohsnap	*/
	#ohsnap {
		display: block;
		position: fixed;
		bottom: 35px;
		right:5px;
		margin-left: 5px;
		z-index:99;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		}
	.alert {
		padding: 15px;
		/*margin-bottom: 20px;*/
		border: 1px solid #eed3d7;
		border-radius: 4px;
		position: absolute;
		bottom: 0px;
		right: 21px;
		/* Each alert has its own width */
		float: right;
		clear: right;
		background-color: white;
		}
	.alert-red {
		position: relative;
		vertical-align: baseline;
		color: white;
		background-color: #DA4453;
		}
	.alert-green {
		position: relative;
		vertical-align: baseline;
		color: white;
		background-color: #37BC9B;
		}
	.alert-blue {
		position: relative;
		vertical-align: baseline;
		color: white;
		background-color: #4A89DC;
		}
	.alert-yellow {
		position: relative;
		vertical-align: baseline;
		color: white;
		background-color: #F6BB42;
		}
	.alert-orange {
		position: relative;
		vertical-align: baseline;
		color:white;
		background-color: #E9573F;
		}

/*--------------------------------------#button	*/
	#LogOut {
		height: 22px;
		}
	#icons li {
		text-align: center;
		height: 13px;
		width: 25px;
		}
	.jobpan {
		height: 100%;
		width: 100%;
		}
	.pTool {
		width: 20px ;
		vertical-align: top;
		}
	.bTool {
		padding: 24px 0px;
		}
	.bPan {
		height: 24px;
		}
	.bMenu {
		padding: 2px 0px;
		}
	.Sect {
		padding: 0px;
		}

/*--------------------------------------#Event Object	*/
	.fcEVobj_01 {
		textColor: #000;
		background: #d7f0f7;
		border: 1px solid #a9dded;
		}

/*--------------------------------------#Svg	*/
	.SvgOverlay {
		position: relative;	  
		}
	.SvgOverlay svg {
		position: absolute;
		top: -4000px;
		left: -4000px;
		width: 8000px;
		height: 8000px;		
		}
	div.overlay {
		display:		table;
		position:	   fixed;
		top:			0;
		left:		   0;
		width:		  100%;
		height:		 100%;
		z-index: 9;
		filter: alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
		}
	div.overlay > div {
		display:		table-cell;
		width:		  100%;
		height:		 100%;
		color:		  white;
		background:	 black;
		text-align:	 center;
		vertical-align: middle;
	}

/*--------------------------------------#head	*/
#head {
	height: 40px;
	}
#udata td:nth-child(1){
	padding: 0px 4px 0px 8px;
	text-align: Right; 
	}

/*--------------------------------------#Dlg_Loder	*/
	#Dlg_Loder 	{
		background-color: #666;
		border: 0px solid #fff;
		line-height: 60px;
		}
	#Dlg_Asg_Items hr {
		border: 1px #e0c4b0 dotted;
		}
	#_Asg_Img img {
		cursor: pointer;
		}

/*--------------------------------------#Lite Button	*/
#ResidentList .sButton, .sButton {
	font-weight: normal ; 
	height: 16px;
	line-height: 14px;
	display: table-cell;
	}

/*--------------------------------------#Resident	*/
#ResidentListSect {
	left: 0;
	top: 0;
	}
.bMenu i, .bTool i {
	cursor: pointer;
	float: left;
	list-style: outside none none;
	margin: 4px;
	padding: 6px 4px 4px 4px;
	display:inline-block;
	border-bottom-right-radius: 5px;	
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
	}
#ResidentListTool div{
	cursor: pointer;
	list-style: none outside none;
	margin: 2px;
	padding: 4px 4px;
	position: relative;
	width:16px;
	}
#ResidentList {
/*	position: absolute;*/
	top:0px;
	left:80px;
	width:auto ;
	}
#ResidentListTool .box, #cdataTool .box, #adataTool .box {
	border-bottom: 1px dotted #999999;
	line-height: 2px;
	padding: 0px 2px 0px ;
	margin: 0px;
	width: 90% ;
}

/*--------------------------------------#Statistics	*/
#StatisticsListSect {
	left: 0;
	top: 0;
	}
.thStatistics_List_ {
	/*writing-mode: tb-rl;
	writing-mode: vertical-rl;*/
	-webkit-direction: ltr;
	/*-webkit-writing-mode: vertical-rl;*/
	}
.selStatistics_List {
	height: 22px;
	width: 100%;
	border-radius: 5px;
	list-style: outside none none;
	}

/*--------------------------------------#cardIMG	*/
#cdataTool {
	display:inline-block;
}
#cdataTool div{
	cursor: pointer;
	list-style: none outside none;
	margin: 2px;
	padding: 4px 4px;
	position: relative;
	width:16px;
}
#cardIMG span {
	position:absolute;
	z-index:200;
	width:auto ;
	white-space: nowrap;
	}
#cardIMG img {
	position:absolute;
	z-index:100;
	}

/*--------------------------------------#Organizational 	*/
#odataTool {
	display:inline-block;
	}
#odataTool div{
	cursor: pointer;
	list-style: none outside none;
	margin: 2px;
	padding: 4px 4px;
	position: relative;
	width:16px;
	}
#Organizational {
	position: absolute;
	top:25px;
	left:80px;
	width:auto ;
	}
#Organizational li[rel='adm'] a{
	color: #996633;
	background-color: #ccc;
	}
#Organizational li[rel='mem'] a{
	color: #aaa;
	}
#Organizational li[rel='sel'] a{
	color: #33cc99;
	/*background-color: #fff;*/
	}

/*--------------------------------------#Progress check / Request confirmation	*/
#adataTool {
	display:inline-block;
}
#adataTool div{
	cursor: pointer;
	list-style: none outside none;
	margin: 2px;
	padding: 4px 4px;
	position: relative;
	width:16px;
}
#sProgD {
	position: absolute;
	top:0px;
	left:80px;
	}
#sProgD .udLstOP {
	font-weight: normal ; 
	height: 16px;
	}
.sProg_spc		{
	background-image: url('/_img/ico/arrow-270.png'); 
	background-repeat: no-repeat;
	background-position: center center;
	height: 16px;
	width:250px;
	}
#sProgD .pager {
	text-align: left;
}

/*--------------------------------------#text-align	*/
table.tablesorter tbody td.tal ,.tal{
	text-align: left;
	}
table.tablesorter tbody td.tac ,.tac{
	text-align: center;
	}
table.tablesorter tbody td.tar ,.tar{
	text-align: right;
	}

/*--------------------------------------#Mentenance	*/
#Mentenance {
	position: absolute;
	top:0px;
	left:80px;
	width:auto ;
	}
#MntMst_List {
	margin-left: 50px
	width: 150px;
}
.pager {
	text-align: left;
}
#MntQua_Edit, #MntTitle_Edit {
	width: 250px;
}

/*--------------------------------------#lineInput	*/
td input.tdInput , td textarea.tdText{
	height: 12px;
	width:95% ;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", Osaka ;
	font-size: 9pt;
	}

/*--------------------------------------#Instant Image	*/
#ii_fon , #ii_Stp, #ii_zr{
	height:16px;
}
	#ii_fon span{
		font-size:8pt;
		font-weight:normal;
		line-height: 16px;
		text-align: center;
		display: block;
	}
	#ii_Stp span{
		font-size:10pt;
		font-weight:normal;
		line-height: 16px;
		text-align: center;
		display: block;
	}
	#ii_zr span{
		font-size:10pt;
		font-weight:normal;
		line-height: 16px;
		text-align: center;
		display: block;
	}

/*--------------------------------------#GoogleMap CSS	*/
	#mapCtlr{
		width: 50px;
		height: 50px;
		position: absolute;
		top: 90px;
		right: 40px;
		border-radius: 10px;
		opacity: 0.8;
		cursor: pointer;
		font-size: 30px;
  		text-align: center;
	}
	#mapCtlr i{
		line-height: 1.65em;
	}
	#mapCtlr:hover{
		opacity: 1;
	}
	#mapCtlrMenu{
		width: 240px;
		/*height: 250px;*/
		background-color: white;
		position: absolute;
		top: 142px;
		right: 40px;
		z-index: 5;
	}
	#mapCtlrBtnDiv{
	  width: 70px;
	  height: 30px;
	  background: none;
	  position: absolute;
	  top: 142px;
	  right: 40px;
	  text-align:right;
	}
	#mapCtlrBtnDiv i{
	  cursor: pointer;
	  list-style: outside none none;
	  margin: 2px;
	  padding: 6px 4px 4px 4px;
	  display: inline-block;
	  border-bottom-right-radius: 5px;
	  border-bottom-left-radius: 5px;
	  border-top-right-radius: 5px;
	  border-top-left-radius: 5px;
	  width: 18px;
	  height: 14px;
	  text-align: center;
	}
	#mapInfoDlog{
		width: 100%;
  		height: 40px;
		position: absolute;
		top: 0;
		background-color: white;
	}

/*--------------------------------------#Footer CSS	*/
	#foot{
	position:absolute;
	bottom:0;
	right:0;
	color: #ffffff;
	}
	#Info{
	position:absolute;
	bottom:0;
	left:0;
	color: #ffffff;
	}
	#Session{
	position:absolute;
	bottom:0;
	left:300px;
	color: #ffffff;
	}
/*--------------------------------------#menu CSS	*/
	.main-nav {
		background-color: #ccc;
		list-style: none;
		-webkit-padding-start: 0;
		}
	.main-nav li {
		display: inline-block;
		width: 200px;
		text-align: center;
		}
	.main-nav li.has-sub {
		position: relative;
		}
	.main-nav li.has-sub:hover .sub-nav {
		display: block;
		}
	.main-nav .sub-nav {
		-webkit-padding-start: 0;
		position: absolute;
		background-color: #ddd;
		display: none;
		}

/*--------------------------------------#Font Awesome CSS	*/
	.fa-stack {
		position: relative;
		display: inline-block;
		width: 1.3em;
		height: 1.3em;
		line-height: 1.3em;
		vertical-align: middle;
		}
	.fa-lg.fa-fw {
		width: 1.3em;
		height: 1.3em;
		line-height: 1.3em;
		vertical-align: middle;
		}
	span.fa-lg.fa-fw {
		width: 1.4em;
		height: 1.4em;
		line-height: 1.4em;
		vertical-align: middle;
		}