/* general ********************************************************************/

.center{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.mini{
	font-size: 11px;
}

.micro{
	font-size: 9px;
}

.red{
	color: red;
}

.bold{
	font-weight: bold;
}

.big{
	font-size: 16px;
}

.caution{
	color: red;
	font-weight: bold;
}

.border{
	border: 1px solid #999999;
}

.caution_bg{
	background-color: #ffffaa !important ;
}

.warning{
	color: #ff0000 !important ;
	font-weight: bold;
}

.warning_bg{
	background-color: #ffcccc !important ;
}

div.space{
	font-size: 0px;
	height: 20px;
	/*clear: both;*/
}

div.space_s{
	font-size: 0px;
	height: 10px;
	/*clear: both;*/
}

div.clear{
	height: 0px;
	clear: both;
	visibility: hidden;
	display: block;
}


#loading{
	padding: 0;
	margin: 0;
	position: fixed;
	top:0;
	left:0;
	display:none;
	z-index: 9998;
	width: 64px;
	height: 64px;
}

#loading img{
	padding: 0;
	margin: 0;
	width: 64px;
	height: 64px;
}

#waiting{
	padding: 0;
	margin: 0;
	position: fixed;
	top:0;
	left:0;
	display:none;
	z-index: 9998;
	width: 300px;
	height: 220px;
	text-align: center;
	border: 2px solid #999999;
	background-color: #ffffff;
}

#waiting .waiting_msg{
	margin: 10px 0 15px;
}
#waitng img{
	padding: 0;
	margin: 0;
	width: 64px;
	height: 64px;
}

table.odd tbody tr:nth-child(odd) td {
	background-color: #ffeebb;
}

table.even tbody tr:nth-child(even) td {
	background-color: #ffeebb;
}

tr.sticky th{
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  &:before{
    position: absolute;
  }
}

.tategaki{
	writing-mode: vertical-rl;
}

/* msg ************************************************************************/

	table.msg-main{
		font-weight: bold;
		letter-spacing: +2px;
		background-color: #ffffff;
		background-image:url(../images/msg_bg.gif);
		margin: 0px auto 10px auto;
		padding: 0px;
	}

	table.msg-main td.img{
		width: 50px;
		text-align: center;
		padding: 10px 5px 10px 0px;
	}

	table.msg-main td.msg{
		color: #ff0000;
		padding: 10px 10px 10px 5px;
	}

	table.msg-err{
		margin: 0px auto 5px auto;
	}

	table.msg-err td{
		font-size: 11px;
		color: white;
		border: 1px solid #ff0000;
		background-color: #ff1111;
		padding: 3px 5px 3px 5px;
		margin: 0px;
	}

/* datepicker ******************************************************************/

input.datepicker{
	width: 100px;
}

/* modal **********************************************************************/

#modalback{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black;
	opacity: 0.70;
	filter:alpha(opacity=70);
	display:none;
	z-index: 9998;
}

#modalwindow{
	padding: 0;
	margin: 0;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:none;
	z-index: 9999;
}

#modalframe{
	padding: 0;
	margin: 0;
	border: none;
}

div.modal_child{
	background-color: #ffffff;
	padding: 10px 20px 10px 20px;
}

/* addition *******************************************************************/