@charset "UTF-8";
/* CSS Document */




/* ------------------------------------------ */
/* ---- table ----*/

/* table01 */
/* -------------------------------------------------- */



table.table01 {
	margin: auto;
	border-collapse: separate;
	border-spacing: 0px;
	/*border-left: 1px solid #b9b9b9;
	border-top: 1px solid #b9b9b9;*/
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

table.table01 th {
}


table.table_border {
	border-left: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
}


table.table01 tr {
}

table.table01 input,
table.table01 textarea { background: #fff; }



table.table01 tr td {
	text-align: left;
	padding: 8px 16px;
	color: #000;
	background: #fff;
	line-height: 1.0;
	font-size: 14px;
	word-break: break-all;
	/*border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;	*/
}
table.table_border tr td {
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}
table.table01 tr td span.small {
	font-size: 10px;
}


table.table01 tr td.sat { background-color: #def1fa; }
table.table01 tr td.sun { background-color: #fadeeb; }

table.table01 tr td.must {
	/*background: #f4f4f4 url(../sharedimg/icon/icon_must.png) no-repeat 95% 4px;*/
	background: #f4f4f4 url(../sharedimg/icon/icon_must.png) no-repeat 95% 50%;
	
	width: 25%;
}

table.table01 tr td.wid25 {
	background: #f4f4f4;
	width: 25%;	
}

table.table01 tr td.name {
	width: 23%;
	border-right: 1px solid #ccc;
	background-color: #ddd;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

table.table01 tr td.btm {
	border-bottom: 1px solid #ddd;
}

table.table01 tr td.value {
	width: 75%;
	border-bottom: 1px solid #bfbfbf;
	
}
table.table01 tr td.bggry {
	background-color: #555555;
	color: #fff;
	border-right: 1px solid #fff;
	width: 20%;
	text-align: center;
}

table.table01 tr td.bggry2 {
	background-color: #f4f4f4;
	color: #000;
	border-right: 1px solid #ccc;
}


table.table01 tr td.bggry3 {
	background-color: #555;
	color: #fff;
	border-right: 1px solid #fff;
	text-align: center;
}

table.table01 tr td.icon_clock {
	color: #000;
	width: 20%;
	border-bottom: 1px solid #fff;
	border-right: none;
	padding-left: 50px;
	background: #ddd url(../sharedimg/icon/icon_clock_gry.png) no-repeat 20px 50%;
	background: 
}

table.table01 tr td.bld {
	font-weight: bold;
	font-size: 12px;
}


	



table.table01 tr td.padding_0 {
	padding: 0;
}

table.table01 tr td span.padding_10 {
	display: block;
	text-align: center;
	padding: 10px;
}

table.table01 tr td.pad20 { padding: 20px; }
table.table01 tr td.pad10 { padding: 10px; }
table.table01 tr td.pad05 { padding: 5px; }
table.table01 tr td.pad0 { padding: 0px; }


table.table01 tr td img.mgn10 {
	margin: 10px 0 10px 0;
}







/*-----sub table -------*/


table.sub {
	width: 100%;
	margin: auto 0px auto 0px;
	border-collapse: separate;
	border-spacing: 0px;
	text-align: left;
	font-size: 16px;
}

table.sub th {
}


table.sub tr {
	border: none;
}

table.sub tr.bdrbtm {
}

table.sub tr td {
	text-align: left;
	padding: 0 0 0 10px;
	color: #000;
	border: none;
	background: #fff;
	line-height: 1.8;
}

table.sub tr td.bdr_btm { border-bottom: 1px solid #ccc; }
table.sub tr td.ctr { text-align: center; }
table.sub tr td.wid30 { width: 30%; }
table.sub tr td.wid24 { width: 24%; }
table.sub tr td.wid20 { width: 20%; }
table.sub tr td.wid15 { width: 15%; }
table.sub tr td.wid10 { width: 10%; }
table.sub tr td.padl20 { padding-left: 20px; }
table.sub tr td.padl50 { padding-left: 50px; }
table.sub tr td span.bold { font-weight: bold; font-size: 14px; }



table tr td.bdr_btm { border-bottom: 1px solid #ccc; }
table tr td.ctr { text-align: center; }
table tr td.wid20 { width: 20%; }
table tr td.wid15 { width: 15%; }
table tr td.wid10 { width: 10%; }
table tr td.wid50 { width: 50%; }

table tr td.padl20 { padding-left: 20px; }
table tr td.padl50 { padding-left: 50px; }
table tr td span.bold { font-weight: bold; font-size: 14px; }




/*-----Company DM -------*/

table.CompanyDM {
	margin-bottom: 20px;
}

table.CompanyDM th { text-align: left; padding: 10px; padding-left: 20px; border-right: 1px solid #aaa; }

table.CompanyDM th#col01 { width: 5%; background: #e0e0e0; }
table.CompanyDM th#col02 { width: 75%; background: #e0e0e0; }
table.CompanyDM th#col03 { width: 20%; background: #e0e0e0; }



/*-----Company Message -------*/

table.CompanyMessage { margin-bottom: 20px; }


table.CompanyMessage th { text-align: left; padding: 10px; padding-left: 20px; border-right: 1px solid #aaa; }


table.CompanyMessage th#col01 { width: 5%; background: #ddd; }
table.CompanyMessage th#col02 { width: 50%; background: #ddd; }
table.CompanyMessage th#col03 { width: 25%; background: #ddd; }
table.CompanyMessage th#col04 { width: 18%; background: #ddd; padding-left: 35px; }

table.CompanyMessage td#col05 { background: #ddd; }


table.CompanyMessage th a,
table.CompanyDM th a

 {
	display: block;
	width: 100%
	text-decoration: none;
	color: #555;
	font-weight: bold;
}

/*-----Manager Message -------*/


table.ManagerMessage th { text-align: left; padding: 10px; padding-left: 20px; border-right: 1px solid #aaa; }

table.ManagerMessage { margin-bottom: 20px; }

table.ManagerMessage th#col01 { width: 5%; background: #ddd; }
table.ManagerMessage th#col02 { width: 50%; background: #ddd; }
table.ManagerMessage th#col03 { width: 25%; background: #ddd; }
table.ManagerMessage th#col04 { width: 17%; background: #ddd; padding-left: 35px }
table.ManagerMessage th a,
table.ManagerMessage th a

 {
	display: block;
	width: 100%
	text-decoration: none;
	color: #555;
	font-weight: bold;
}






/*-----schedule-------*/

table.schedule th { text-align: left; padding: 10px; padding-left: 20px; border-right: 1px solid #aaa; }

table.schedule th#col01 { width: 20%; background: #555; color: #fff; text-align: center; }
table.schedule th#col02 { width: 50%; background: #555; color: #fff; text-align: center; }
table.schedule th#col03 { width: 15%; background: #555; color: #fff; text-align: center; }
table.schedule th#col04 { width: 15%; background: #555; color: #fff; text-align: center; }

table.schedule th#col01_2 { width: 20%; background: #555; color: #fff; text-align: center; }
table.schedule th#col02_2 { width: 68%; background: #555; color: #fff; text-align: center; }
table.schedule td.col_emp_type { width: 12%; color: #fff; text-align: center; border-right: none;}
table.schedule td.col_emp_type span{ background-color:#000; padding: 1px 4px; font-size:14px;}


/*----- table02 -------*/


table.table02 {
	margin: auto;
	border-collapse: separate;
	border-spacing: 0px;
	text-align: center;
	width: 100%;
	margin: 0px 0px 10px 0px;
}

table.table02 tr {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

table.table02 tr td {
	text-align: left;
	padding: 0px 0px 0px 8px;
	color: #000;
	background: #fff;
	line-height: 1.8;
	font-size: 12px;
	/*border-bottom: 1px solid #b9b9b9;*/
}
table.table02 tr td.name {
	/*width: 93px;*/
	width: 110px;
	padding: 0;
	border-right: 1px solid #ccc;
	border-right: 0px solid #fff;
	/*border-bottom: 1px solid #fff;*/
	font-weight: normal;
	text-align: center;
	color: #fff;
	font-size: 13px;
	background: #959595;
	
}

table.table02 tr td.name span {
	display: block;
	background: #959595;
	padding: 2px 2px;
	color: #fff;
}


table.table02 tr td.value {
	/*border-bottom: 1px solid #ccc;*/
	text-align: left;
}


/*-----------top------------*/


table.hdr {
	margin: auto;
	border-collapse: separate;
	border-spacing: 0px;
	text-align: center;
	width: 429px;
	margin-bottom: 0px;
}
table.hdr th {}
table.hdr tr {}

table.hdr tr td {
	text-align: left;
	color: #000;
	line-height: 1.0;
	font-size: 12px;
	
}

table.hdr tr td.col01 {
	width: 40px;
}
table.hdr tr td.col02 {
	width: 155px;
}
table.hdr tr td.col03 {
	width: 149px;
}
table.hdr tr td.col04 {
	width: 85px;
}