@CHARSET "UTF-8";

body , html {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

.top_menu{
	min-height:			24px;
}

.top_menu li{
	display:			inline-block;
	color:				black;
	margin:				2px 5px 0px 5px ;
	list-style-type:	none;
	max-width:			120px;
	vertical-align:		middle;
	text-align:			center;
	font-weight:		bold;
}

.top_menu a{
	text-decoration: 	none;
}

.top_menu li:hover{
	background-color:	pink;
}

.title{
	line-height:		32px;
	font-size:			18pt;
	color:				darkblue;
	text-align:			center;
}

.content{
	display:			inline-block;
	padding-bottom:		10px;
}
.content div{
	vertical-align:top;
}
.content li{
	list-style-type:	none;
	text-align:			left;
	line-height:		50px;
}

.cond_area{
	text-align:left;
	background-color:	wheat;
	margin:				10px;
	padding:			5px;
	border:				ridge 3px;
}

.cond_area > div{
	display:			inline-block;
	padding:			2px;
}

.cpl{
	height:				32px;
	line-height:		32px;
}

.l{
	text-align:			left;
}
.c{
	text-align:			center;
}
.r{
	text-align:			right;
}


.input_num, .input_amt, .input_amt_1, .input_amt_2, .input_amt_3{
	text-align:			right;
	ime-mode:			disabled;
}

.input_str{
	text-align:			left;
	ime-mode:			inactive;
}

.input_strj{
	text-align:			left;
	ime-mode:			active;
}

.add_btn {
	padding:			0px;
	color:				black;
	font-size:			10px;
	width:				36px;
	height:				20px;
}

.content{
	position:relative;
}


.lst{
	table-layout:		fixed;
	border:				1px solid gray;
}

.lst th{
	background-color:	lightgray;
	text-align:			center;
}

.lst td{
	text-align:			left;
}

.lst thead th{
  /* 縦スクロール時に固定する */
  	position: 			-webkit-sticky;
  	position: 			sticky;
  	top: 				0;
  /* tbody内のセルより手前に表示する */
  	z-index: 			1;
}

.lst tfoot{
	background-color:	white;
}
.lst tfoot td{
  /* 縦スクロール時に固定する */
  	background-color:	white;
  	position: 			-webkit-sticky;
  	position: 			sticky;
  	bottom: 				0;
  /* tbody内のセルより手前に表示する */
  	z-index: 				2;
}

.dtl{table-layout:		fixed;}

.dtl tr{
	height:				26px;
}
.dtl th{
	background-color:	ivory;
}

.dtl thead th{
	border :	1px solid gray;
  /* 縦スクロール時に固定する */
  	position: 			-webkit-sticky;
  	position: 			sticky;
  	top: 				0;
  /* tbody内のセルより手前に表示する */
  	z-index: 			1;
}


.dtl td{
	text-align:			left;;
}

.dtllst{
	table-layout:		fixed;
	display:			inline-table;
	box-sizing:			border-box;
}

.dtllst th{
	background-color:	ivory;
}

.dtllst thead th{
	position:			sticky;
	top:				0px;
	z-index:			4;
}

.dtllst tfoot td{
	background-color:	white;
	position:			sticky;
	bottom:				0px;
	z-index:			5;
}

.dtllst input[type="text"],input[type="number"], select, textarea,div[name="bfld"]{
	box-sizing:			border-box;
	width:				100%;
 }


.dspinfo{
	height:				48px;
	line-height:		48px;
}

.logout{
	margin:				2px 4px 2px 4px;
	padding:			2px 4px 2px 4px;
	background-color:	red;
	color:				white;
	font-weight:		bold;
	font-size:			8pt;
	border-radius: 		3px;
	text-decoration:	none;

}

.bfld{
	display:			inline-block;
	border:				solid gray 1px;
	height:				21px;
	line-height:		21px;
}

.hist{
	font-size:			9pt;
	line-height:		12pt;
	border:				solid gray 1px;
}

.focus {
	background: 		gold;
}

.gold{
	background-color:	gold;
}

.pink{
	background-color:	pink;
}

.skyblue{
	background-color:	skyblue;
}

.yellow{
	background-color:	yellow;
}

.orange{
	background-color:	orange;
}

.datepicker {
	text-align:			center;
	width:				120px;
}