/* フッターを下部へ押しやるための、コンテンツのラッパー */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  -webkit-print-color-adjust: exact;
}
form {
	margin: 0px;
}

table td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*td:hover{
  white-space: normal;
  width: auto;
  overflow: visible;
  text-overflow: clip;
}*/

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  padding-left: 30px;
}

.footer .container{
  background-color: #add8e6;
  height: 100%;
  padding: 12px;
}

.vertical-center{
  vertical-align: middle !important;
}

.label-title {
  background-color: #b0e0e6;
  text-align: left;
  vertical-align: middle !important;
  padding-left:10px;
}

.overflow-y{
	overflow-x:auto;
	overflow-y:hidden;
}
.list-button {
  padding-top: 3px;
  padding-bottom: 3px;
}

.color-red{
	color: red;
}

.bg-table-th{
	margin-right: -1px;
	margin-bottom: -1px;
	background-color: #b0e0e6;
	border:1px solid #cccccc;
}

.bg-table-td{
	margin-right: -1px;
	margin-bottom: -1px;
	border:1px solid #cccccc;
}

.icon-size-min{
	font-size: 8px;
}

.icon-size-nomar{
	font-size: 10px;
}

.icon-size-max{
	font-size: 12px;
}

.list-table{
	
}

.list-table > tbody > tr > td{
	vertical-align: middle;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}

.colwidth-10{
	width:10px;
}
.colwidth-20{
	width:20px;
}
.colwidth-30{
	width:30px;
}
.colwidth-40{
	width:40px;
}
.colwidth-50{
	width:50px;
}
.colwidth-60{
	width:60px;
}
.colwidth-70{
	width:70px;
}
.colwidth-75{
	width:75px;
}
.colwidth-80{
	width:80px;
}
.colwidth-90{
	width:90px;
}
.colwidth-100{
	width:100px;
}
.colwidth-110{
	width:110px;
}
.colwidth-115{
	width:115px;
}
.colwidth-120{
	width:120px;
}
.colwidth-130{
	width:130px;
}
.colwidth-140{
	width:140px;
}
.colwidth-150{
	width:150px;
}
.colwidth-160{
	width:160px;
}
.colwidth-170{
	width:170px;
}
.colwidth-180{
	width:180px;
}
.colwidth-190{
	width:190px;
}
.colwidth-200{
	width:200px;
}
.colwidth-210{
	width:210px;
}
.colwidth-220{
	width:220px;
}
.colwidth-230{
	width:230px;
}
.colwidth-240{
	width:240px;
}
.colwidth-250{
	width:250px;
}
.colwidth-260{
	width:260px;
}
.colwidth-270{
	width:270px;
}
.colwidth-280{
	width:280px;
}
.colwidth-290{
	width:290px;
}
.colwidth-300{
	width:300px;
}
.colwidth-330{
	width:330px;
}
.colwidth-350{
	width:350px;
}
.colwidth-360{
	width:360px;
}
.colwidth-370{
	width:370px;
}
.colwidth-400{
	width:400px;
}
.colwidth-420{
	width:420px;
}
.colwidth-430{
	width:430px;
}
.colwidth-450{
	width:450px;
}
.colwidth-500{
	width:500px;
}
.colwidth-520{
	width:520px;
}
.colwidth-530{
	width:530px;
}
.colwidth-600{
	width:600px;
}
.colwidth-700{
	width:700px;
}
.colwidth-800{
	width:800px;
}
.colwidth-900{
	width:900px;
}

.colwidth-1400{
	width:1400px;
}

.inline-block{
	display: inline-block;
}
.margin-5{
	margin: 5px;
}
.margin-10{
	margin: 10px;
}
.margin-T5{
	margin-top: 5px;
}
.margin-T10{
	margin-top: 10px;
}
.margin-T20{
	margin-top: 20px;
}
.margin-T40{
	margin-top: 40px;
}
.margin-L20{
	margin-left: 20px;
}
.margin-L30{
	margin-left: 30px;
}
.margin-L50{
	margin-left: 50px;
}
.margin-center{
	margin-left: auto;
	margin-right: auto;
}
.margin-vcenter{
	margin-top: auto;
	margin-bottom: auto;
}

.px-12{
	font-size: 12px;
}
.px-14{
	font-size: 14px;
}
.px-16{
	font-size: 16px;
}
.px-18{
	font-size: 18px;
}
.responsive-scllor{
	height:700px;
}

.responsive-scllor thead, .responsive-scllor tbody{
	display:block;
}

.responsive-scllor tbody{
	overflow-x: hidden;
	overflow-y: scroll;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .responsive-scllor tbody {
        height: 600px;
    }
}



.sticky_table_wrapper {
  width: 100%;
  min-height: calc(100vh - 220px);
  overflow: scroll;
  padding: 0px;
  border: solid 1px;
  border-color: #e6e6e6;
}

.sticky_table_wrapper_shohin_search{
  min-height: 470px;
  height: calc(100vh - 320px);
}

.sticky_table_wrapper_shohindounyukettei_search{
  min-height: 470px;
  height: calc(100vh - 320px);
}

.sticky_table_wrapper_juchuitiran_search{
  min-height: 470px;
  height: calc(100vh - 300px);
}

.sticky_table_wrapper_sanchoku_search{
  min-height: 470px;
  height: calc(100vh - 280px);
}

.sticky_table_wrapper_noukikaitou_regist{
  min-height: 470px;
  height: calc(100vh - 390px);
}

.sticky_table_wrapper_sanchoku_regist{
  min-height: 570px;
  height: calc(100vh - 500px);
}

.s	ticky_table table{
  table-layout: fixed;
  width: 100%;
  margin: 0px;
}

.sticky_table thead tr th{
  position: sticky;
  top: 0;
  padding: 8px 0px 8px 0px;
}

.sticky_table tbody tr th{
  position: sticky;
  left: 0;
}

.noukikaitou_header{
  width: 100%;
  margin-bottom: 8px;
}

.noukikaitou_header_button{
  text-align: right;
}

td.center{
  text-align: center;
  vertical-align: middle;
}

@media print{
  body{
    -webkit-print-color-adjust: exact;
    float:initial;
    /* for chrome */
    width: 210mm;
    /* for chrome */
    min-width: auto !important;
  }
  #head{display:none;}
  #side_menu{display:none;}
  .footer{display:none;}
  .pagination{display:none;}
  .not_print{display:none;}
  .sticky_table thead tr th{
    position: static;
    top: 0;
    padding: 8px 0px 8px 0px;
  }
  .sticky_table tbody tr th{
    position: static;
    left: 0;
  }
  .sticky_table_wrapper {
    overflow:initial;
    border:initial;
    width:initial;
    min-height:initial;
  }
}
@page { size:landscape; }