@charset "utf-8";
/* -------------------------------- CSSInfo
Project: apparatus2
Author: y_enoto
Style : commonStyleFile
------------------------------------------*/

* { margin: 0px; padding: 0px; }

/* CLEAR
*******************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent;border: 0; margin: 0; padding: 0; vertical-align: baseline; }
html,body { margin: 0; padding:0; font-size: 14px; }

body { background-color: #fff; color: #333; font-family: "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","MS PGothic","Lucida Grande","Lucida","Verdana","sans-serif"; line-height: 100%;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: black; }
ol, ul { list-style: none; }
ul { margin: 0; padding: 0; list-style: none outside none; }
dl { margin: 0; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0;}
a img { border: none; }
img { vertical-align:bottom; }
a { color: #333; }
i { color: #666; }

/* Layout
*******************************************/
#top {width:95%; height: auto; margin: 0 auto; padding-bottom: 30px;}

/* Header
*******************************************/
header{border-top: 15px solid #0D1768; background-color: #FFF; z-index: 100;}

#headLeft{float: left;}
#headRight{float: right;}

#function_nm{float: left; margin-right:5px; white-space: nowrap; overflow: hidden;}
#logo{margin-right:5px; margin-left:10px; float: left;}
#titleArea{line-height: 55px; font-size: 24px; margin-left: 10px; text-align: left;}
.menu_titles{float: left; margin: 2.5px;}
.menu_item{text-align: center; height: 40px; line-height: 40px; border: solid 1px #C3C3C3; background-color: #fff;}
.menu_item:hover{background-color: #DFEEFF;}
#nologin{line-height:72px; font-size: 24px; width:95%;}

#userArea{line-height:47px; float:right;}
#buttonArea{text-align:right; float:right; margin:7px 6px;}




/* Main Menu
*******************************************/
.menuBar {display:flex; flex-wrap: wrap; margin-bottom: 5px;}
#main-menu {clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 5px; z-index: 90;}
.toggle_menu {display: none; position: absolute; width: 190px; z-index: 5;}
#headSecond {align-items: center;}

/* dropdown */
nav { height: 42px; display: inline-block; margin-top: 5px; }
.nav {margin: 0 auto; padding: 1px 0;}
.nav li { border-left: 1px solid #ccc; position: relative; padding: 0 24px; position: relative;}
.nav li:before { border-color: transparent transparent transparent #ccc; border-image: none; border-style: solid; border-width: 8px; content: ""; display: inline-block; left: 0; margin-top: -8px;position: absolute; top: 50%; }
.nav li a { display: block; text-decoration: none; white-space: nowrap;}
.nav li.cr:before { border-color: transparent transparent transparent #fff; }
.nav li.cr { background-color: #ffe4c4; border-bottom: 3px solid #fb9d23; }

/* 追加分 */
.menu_header ul {display: none; }
.menu_header{color: #fff; font-size: 15px;	background: #9DC3E6;	position: relative; width: 190px; height:40px; line-height: 40px; padding-left: 10px;}
.menu_header::before{/* 閉じている時 */
	position: absolute;
	right: 20px;
}


#nav .dp { position: absolute; left: 0; margin-left: 0; padding-top: 3px; position: absolute; width: max-content;width: 100%;}
#nav .dp li { background-color: #fff; border: 1px solid #ccc; float: none; position: relative; padding-bottom: 1px; z-index: 89;}
*::-ms-backdrop, #nav .dp li {width: 140px;}/* IE11のみ */
@supports (-ms-ime-align: auto) {#nav .dp li {width: 140px;}}/* Edgeのみ */

#nav .dp li:hover { border-bottom: 3px solid #fb9d23; }
#nav .dp li:not(:first-child):before { border: none; }
#nav .dp li:nth-child(1):before { border-color: transparent transparent #fb9d23; border-image: none; border-style: solid; border-width: 10px; content: ""; display: inline-block; left: 60px; position: absolute; top: -12px; }

#nav .dp li ul { left: 100%; list-style: outside none none; margin-left: 0; position: absolute; top: 0; z-index: 89; margin: -1px 10px;}
#nav .dp li ul li:first-child:before { border-color: transparent #fb9d23 transparent transparent; border-image: none; border-style: solid; border-width: 10px; content: ""; display: inline-block; left: -20px; position: absolute; top: 50%; }

#nav .dp li ul li { float: none; padding-bottom: 1px; width: max-content;width: -moz-max-content;}
#nav .dp li ul li ul { left: 200px; padding-left: 1px; padding-top: 0; position: absolute; top: 0; }
#nav .dp li i { float: right; padding-top: 13px; padding-left: 10px;}


/* Dashboard
*******************************************/
/* .dashBoardTable {height: 200px;} */

/* Content
*******************************************/
#content {clear: both;}

/* Footer
*******************************************/
footer{}

/* CommonUtility
*******************************************/
.ermsgBox {border: 1px solid #ccc; border-collapse: separate; border-radius: 5px; color: #ff6861; font-weight: bold; font-size: 16px; padding: 10px; margin: 0 0 10px;}
.red { color: #ff0000;}
.blue{ color: #0000ff; }
.indigo{ color: #3744ac;}
.green{ color: #3cb371;}
.light-blue { color: #20cfea;}
.purple { color: #b05ec4;}
.bold {font-weight: bold;}
.required { color: #FF0000; font-weight: bold;}
.required:after { content: "*"; display: inline;}

.underline{ border-bottom: 1px solid; margin-bottom: 3px;}
.f-err {background-color: #ffdfdf;}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center{ text-align: center;}
.numeric{ text-align: right; }

.imeoff{ime-mode: disabled;}
.hide{ display: none !important; }
.template{ display: none !important; }
.recode-count { max-width: 100%; width: 220px; margin-top: 3px; }

.sp_show{display: none;}
.sp_hide{display: inherit;}

.textLeft{text-align: left;}

/* Heading
*******************************************/
h1 { font-size: 20px; margin: 0 0 5px; line-height: 40px; height: 40px;  }
h2 { background-color: #235FCD; border: 1px solid #ccc; border-radius: 10px; font-size: 18px; margin: 15px 0 8px 0; padding-left: 10px; height: 25px; line-height: 25px; color: white;}
h5 {font-size: 16px; color: #5e5e5e; margin: 5px;}
/* Input
*******************************************/
input[type='text'] { border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 1px 4px 8px -7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 8px -7px rgba(0, 0, 0, 0.5) inset; color: #333; margin: 0 0 0px; padding: 3px 3px; }
input[type='password']{ border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 1px 4px 8px -7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 8px -7px rgba(0, 0, 0, 0.5) inset; color: #333; margin: 0 0 0px; padding: 3px 3px; }
textarea { border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 1px 4px 8px -7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 8px -7px rgba(0, 0, 0, 0.5) inset; color: #333; margin: 0 0 0px; min-height: 20px; min-width: 40px; padding: 5px 5px; }

input[type='text']:focus, input[type='password']:focus, textarea:focus { border:solid 1px #fb9d23; }
input[type='text'].error, input[type='radio'].error, textarea.error, span.error { border:solid 2px #fea381; }
input[type='text']::placeholder { color:#999; }

input[type='radio'], input[type='checkbox'] { display: none; }
input[type='radio'], input[type='checkbox'] { display: inline-block; margin-right: 5px; margin-left: 5px; }
input[type='radio'] + label, input[type='checkbox'] + label, label.c, label.r { cursor: pointer; display: inline-block; line-height: 19px; margin-right: 0px; margin-left: 0px; position: relative; }

@media (min-width: 1px) {
input[type='radio'], input[type='checkbox'] { display: none; }
input[type='radio']:checked + label::after, input[type='checkbox']:checked + label::after, input[type='checkbox']:checked + span::after,input[type='radio']:checked + span::after { -moz-box-sizing: border-box; box-sizing: border-box; content: ""; display: block; position: absolute; top: 50%; }

input[type='checkbox'] + label, label.c{ padding: 0 0 0 15px; }
input[type='checkbox'] + label::before, label.c::before { background: #fff; -moz-box-shadow: inset 1px 4px 8px -7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 8px -7px rgba(0, 0, 0, 0.5) inset; content: ""; display: block; height: 15px; left: 0; margin-top: -5px; position: absolute; top: 50%; -moz-box-sizing: border-box; box-sizing: border-box; width: 15px; }
input[type='checkbox'] + label::before, label.c::before { border: 1px solid #ccc; }
input[type='checkbox']:checked + label::after, input[type='checkbox']:checked + span::after { border-left: 3px solid #fb9d23; border-bottom: 3px solid #fb9d23; height: 9px; left: 0px; margin-top: -8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 16px; }

input[type='radio'] + label, label.r { padding: 0 0 0 15px; }
input[type='radio'] + label::before, label.r::before { background: #fff; -moz-box-shadow: inset 1px 4px 8px -7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 8px -7px rgba(0, 0, 0, 0.5) inset; content: ""; display: block; height: 13px; left: 0; margin-top: -7px; position: absolute; top: 50%; -moz-box-sizing: border-box; box-sizing: border-box; width: 13px; }
input[type='radio'] + label::before, label.r::before { border: 1px solid #ccc; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
input[type='radio']:checked + label::after,input[type='radio']:checked + span::after { background: #fb9d23; border-radius: 8px; height: 7px; left: 3px; margin-top: -4px; width: 7px; }
}

input[type='checkbox'] + label.onlyButton, input[type='radio'] + label.onlyButton { margin: 5px 0px 5px 2px; }

.customSelect.customSelectFocus{ border:solid 1px #fb9d23; }
.selecter{ margin: 0 35px 0 0; padding:0 35px 0 0; width: 280px; height:43px; }
.customSelect { border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 1px 4px 8px -7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 8px -7px rgba(0, 0, 0, 0.5) inset; color: #666; margin: 0 0 0px; padding: 1px 0 3px 3px; width: 320px; height: 28px; }
input:disabled, select:disabled, textarea:disabled { background-color: #efefef; opacity: 1; }

input[readonly='readonly'] { background-color:#efefef; }

input[type='number'] { text-align: right; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 1px 4px 8px -7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 8px -7px rgba(0, 0, 0, 0.5) inset; color: #666; margin: 0 0 0px; padding: 3px 3px; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Button Area
*************************************************/
.btnArea { margin: 10px 10px; overflow: hidden; }
.btnArea p { float: left; }
.btnArea p.right { float: right; }
.btnAreaC { margin: 10px 10px; overflow: hidden; text-align: center;}

/* Button Color
*************************************************/
/* 通常 */
input[type='button'], input[type='submit'], button {
 border:2px solid #4950577a; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3); color: #404040;font-weight:bold;
 background-color: #6c757d45;
 /* background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23); */
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}
input[type='button']:hover, input[type='submit']:hover, button:hover {
 border:1px solid #4950577a;
 background-color: #81A0C9;
 /* background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404); */
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}

/* 帳票出力 */
input[type='button'].output, input[type='submit'].output, button.output {
 border: 1px solid #91b41a; background-color: #b6e026;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e026), to(#abdc28));
 background-image: -webkit-linear-gradient(top, #b6e026, #abdc28);
 background-image: -moz-linear-gradient(top, #b6e026, #abdc28);
 background-image: -ms-linear-gradient(top, #b6e026, #abdc28);
 background-image: -o-linear-gradient(top, #b6e026, #abdc28);
 background-image: linear-gradient(to bottom, #b6e026, #abdc28);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b6e026, endColorstr=#abdc28);
}
input[type='button'].output:hover, input[type='submit'].output:hover, button.output:hover {
 border: 1px solid #718c14; background-color: #95b91a;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#95b91a), to(#8bb41d));
 background-image: -webkit-linear-gradient(top, #95b91a, #8bb41d);
 background-image: -moz-linear-gradient(top, #95b91a, #8bb41d);
 background-image: -ms-linear-gradient(top, #95b91a, #8bb41d);
 background-image: -o-linear-gradient(top, #95b91a, #8bb41d);
 background-image: linear-gradient(to bottom, #95b91a, #8bb41d);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#95b91a, endColorstr=#8bb41d);
}

/* 処理実行 */
input[type='button'].exec, input[type='submit'].exec, button.exec {
 border: 1px solid #96f0ff; background-color: #bef5ff; color: #545454;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8));
 background-image: -webkit-linear-gradient(top, #bef5ff, #7fe0f8);
 background-image: -moz-linear-gradient(top, #bef5ff, #7fe0f8);
 background-image: -ms-linear-gradient(top, #bef5ff, #7fe0f8);
 background-image: -o-linear-gradient(top, #bef5ff, #7fe0f8);
 background-image: linear-gradient(to bottom, #bef5ff, #7fe0f8);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bef5ff, endColorstr=#7fe0f8);
}
input[type='button'].exec:hover, input[type='submit'].exec:hover, button.exec:hover {
 border: 1px solid #68e9ff; background-color: #9bf1ff;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#9bf1ff), to(#4fd4f5));
 background-image: -webkit-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -moz-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -ms-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: -o-linear-gradient(top, #9bf1ff, #4fd4f5);
 background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9bf1ff, endColorstr=#4fd4f5);
}

input[type='button'].white-btn,
input[type='submit'].white-btn,
button.white-btn {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #333;
  background-image: none;
  padding: 5px 10px;
  border-radius: 3px;
  transition: background-color 0.2s;
}

input[type='button'].white-btn:hover,
input[type='submit'].white-btn:hover,
button.white-btn:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

/* 削除 */
input[type='button'].delete, input[type='submit'].delete, button.delete {
	border: 1px solid #ff7438; background-color: #fd9f83; color: #343a40;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8f6d), to(#ff6f2c));
	background-image: -webkit-linear-gradient(top, #fd9f83, #ff6f2c);
	background-image: -moz-linear-gradient(top, #fd9f83, #ff6f2c);
	background-image: -ms-linear-gradient(top, #fd9f83, #ff6f2c);
	background-image: -o-linear-gradient(top, #fd9f83, #ff6f2c);
	background-image: linear-gradient(to bottom, #fd9f83, #ff6f2c);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fd9f83, endColorstr=#ff6f2c);
   }
   input[type='button'].delete:hover, input[type='submit'].delete:hover, button.delete:hover {
	border: 1px solid #ff7438; background-color: #e79177; color: #343a40;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e79177), to(#e66428));
	background-image: -webkit-linear-gradient(top, #e79177, #e66428);
	background-image: -moz-linear-gradient(top, #e79177, #e66428);
	background-image: -ms-linear-gradient(top, #e79177, #e66428);
	background-image: -o-linear-gradient(top, #e79177, #e66428);
	background-image: linear-gradient(to bottom, #e79177, #e66428);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e79177, endColorstr=#e66428);
   }
/* リスト内削除 */
input[type='button'].remove-list, input[type='submit'].remove-list, button.remove-list {
	border: 1px solid #ccc; background-color: #ddd; color: #343a40;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd));
	background-image: -webkit-linear-gradient(top, #ddd, #ddd);
	background-image: -moz-linear-gradient(top, #ddd, #ddd);
	background-image: -ms-linear-gradient(top, #ddd, #ddd);
	background-image: -o-linear-gradient(top, #ddd, #ddd);
	background-image: linear-gradient(to bottom, #ddd, #ddd);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ddd, endColorstr=#ddd);
	height: 20px;
    width: 22px;
    font-size: 12px;
}
input[type='button'].remove-list:hover, input[type='submit'].remove-list:hover, button.remove-list:hover {
	border: 1px solid #bbb; background-color: #ccc; color: #343a40;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
	background-image: -webkit-linear-gradient(top, #ccc, #ccc);
	background-image: -moz-linear-gradient(top, #ccc, #ccc);
	background-image: -ms-linear-gradient(top, #ccc, #ccc);
	background-image: -o-linear-gradient(top, #ccc, #ccc);
	background-image: linear-gradient(to bottom, #ccc, #ccc);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ccc, endColorstr=#ccc);
	height: 20px;
    width: 22px;
    font-size: 12px;
}

/* ページング */
input[type='button'].pageBtn, input[type='submit'].pageBtn, button.pageBtn {
 border: 1px solid #d7dada; background-color: #f4f5f5;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
input[type='button'].pageBtn:hover, input[type='submit'].pageBtn:hover, button.pageBtn:hover {
 border: 1px solid #bfc4c4; background-color: #d9dddd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d9dddd, endColorstr=#c6c3c3);
}
input[type='button'].currentPageBtn, input[type='submit'].currentPageBtn, button.currentPageBtn {
 border: 1px solid #d7dada; background-color: #f4f5f5;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}
input[type='button'].currentPageBtn:hover, input[type='submit'].currentPageBtn:hover, button.currentPageBtn:hover {
 border: 1px solid #bfc4c4; background-color: #d9dddd;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}

/* Button Size
*************************************************/
input[type='button'], input[type='submit'], button { height: 25px; padding: 0 5px; margin: 1px; width: auto; }
input[type='button'].xxs, input[type='submit'].xxs, button.xxs { width: 45px; }
input[type='button'].xs, input[type='submit'].xs, button.xs { width: 90px; }
input[type='button'].ss, input[type='submit'].ss, button.ss { width: 110px; }
input[type='button'].s, input[type='submit'].s, button.s, span.small { width: 120px; }
input[type='button'].m, input[type='submit'].m, button.m { max-width: 120%; width: 150px; height: 35px;}
input[type='button'].r, input[type='submit'].r, button.r { width: 215px; }
input[type='button'].l, input[type='submit'].l, button.l { width: 245px; height: 40px; }

/* Table
*******************************************/
table { border: 1px solid #ccc; border-collapse: separate; border-radius: 3px; width: 100%;}

th, td { padding: 2px; word-wrap: break-word; word-break: break-all; height: 30px; vertical-align: middle; line-height: 20px;}
th {color:#fff; background-color: #44546A; white-space: nowrap;}

th:not(:first-child), td:not(:first-child) { border-left: 1px dotted #999; }
tr:not(:first-child) th, tr:not(:first-child) td { border-radius: 0; border-top: 1px dotted #999; }

th:first-child { border-radius: 2px 0 0; }
th:last-child { border-radius: 0 3px 0 0; }
tr:first-child td:first-child { border-radius: 3px 0 0; }
tr:first-child td:last-child { border-radius: 0 3px 0 0; }
tr:last-child td:first-child { border-radius: 0 0 0 3px; }
tr:last-child td:last-child { border-radius: 0 0 3px; }
table.tablestripe tbody tr:nth-child(even) { /* 偶数番目の指定*/
 background-color: #f0f8ff;
}
.tablestripe {
margin: 0 0 10px 0;
}
.tableSelectedSyain {
margin: 0 0 10px 0;
}
/* ScrollTableStyle */
.scTbl { width: 100%; height: 250px; overflow: auto; background-color: #fff; border-radius: 3px;}
.scTbl table {border: none;}
.scTbl thead th {position: sticky; top: 0; z-index: 80;}
.scTbl .footer td {position: sticky; bottom: 0; z-index: 80; }
.scTbl td {background-color: #fff; line-height: 1.5em;}

.scTbl.table_fit { min-height: 64px; max-height: 295px; height:auto; }
.scTbl.table_xs { height: 295px; }
.scTbl.table_s { height: 350px; }
.scTbl.table_l { height: 623px; }
.scTbl.table_xl { height: 650px; }

.compactTbl td, .compactTbl th { padding-top: 2px; padding-bottom: 2px; line-height: 1.3em; font-size: 11px; height: 25px;}
.compactTbl input[type='checkbox'] + label.onlyButton, input[type='radio'] + label.onlyButton { margin: 10px 0px 5px 0px; }

.scTbl_col th:first-child, .scTbl_col td:first-child {
	position: sticky;
	left: 0;
	z-index: 81;
}
.scTbl_col th:first-child {
	z-index: 82;  /* 上と左両方に重なる場合に手前に来るようにする */
}

.scTbl td:first-child { border-left: 1px solid #ccc; }
.scTbl table:not(#detail-table) td:last-child { border-right: 1px solid #ccc; }
.scTbl tr:last-child td { border-bottom: 1px solid #ccc; }
.scTbl thead tr:first-child th { border-top: 1px solid #ccc; }
.scTbl table:not(#detail-table) thead tr:last-child th { border-bottom: 1px solid #ccc; }
.scTbl tr:first-child th:first-child { border-left: 1px solid #ccc; }
.scTbl tr:first-child th:last-child { border-right: 1px solid #ccc; }
.scTbl #detail-table td[rowspan]:last-child { border-right: 1px solid #ccc; }

input[type='text'].scrollable-label { width: 100%; border: none; box-shadow: none; outline: none; background-color: inherit; }
input[type='number'].scrollable-label { width: 100%; border: none; box-shadow: none; outline: none; background-color: inherit; }

input[type='text'].scrollable-label.with_checkbox { width: calc(100% - 23px); }

.scTbl:not(.notHover) table:not(#detail-table) tr:hover td { background-color: #f3f3f3; }
.scTbl:not(.notHover) table:not(#detail-table) tr.color-group-2:hover td { background-color: #e6edf5; }
.scTbl:not(.notHover) table:not(#detail-table) tr.color-group-4:hover td { background-color: #ecdf93; }
.scTbl:not(.notHover) table:not(#detail-table) tr.grayout:hover td { background-color: #d1d1d1; }

/* detial table
*******************************************/
#detail-table input[type='radio'] + label::before, input[type='checkbox'] + label::before, label.c::before, label.r::before { height: 12px; width: 12px; }
#detail-table input[type='checkbox']:checked + label::after, input[type='checkbox']:checked + span::after { border-left-width: 3px;; border-bottom-width: 3px; height: 8px; left: 1px; width: 14px; }
#detail-table th, #detail-table td { padding: 1px 4px; }
#detail-table td { font-size: 11px; height: 26px;}
#detail-table input[type='text'] { height: 24px; }
.color-group-1 td { background-color: #fff; }
.color-group-2 td { background-color: #eff7ff; }
.color-group-3 td { background-color: #9ACD67; }
.color-group-4 td { background-color: #fff09c; }
/* 4行ごとに実線を引く */
#detail-table tbody tr:nth-child(4n+1) td { border-top: 2px solid #ccc !important; }

/* BackTopLink
*******************************************/
#ptop { bottom: 20px; right: 1%; position: fixed; text-align: center; z-index: 85; }
#ptop a { background-color: #333; border-radius: 10px; color: #fff; display: block; line-height: 120%; opacity: 0.5; padding: 15px; text-align: center; text-decoration: none; }
#ptop a:hover { text-decoration: none; background: #f66;}

/* tablesorter
*******************************************/
table.tablesorter thead tr .header {
	background-image: url(tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(tablesorter/desc.gif);
}

/* セレクトボックスの大きさ指定
*******************************************/
.select_dd{width:100%; max-width:60px;}/* 半角2文字まで*/
.select_yyyy{width:100%; max-width:80px;}/* 半角4文字まで*/
.select_xxs{width:100%; max-width:20px; margin-left: -3px;}/* 矢印のみ*/
.select_xs{width:100%; max-width:80px;}/* 3文字まで*/
.select_ss{width:100%; max-width:110px;}/* ５文字まで*/
.select_mm{width:100%; max-width:150px;}/* ８文字まで*/
.select_m{width:100%; max-width:180px;}/* 10文字まで*/
.select_l{width:100%; max-width:250px;}/* 15文字まで*/
.select_ll{width:100%; max-width:450px;}/* 30文字まで*/
.select_fit{width:100%; max-width:calc(100% - 4px); min-width: 40px;}
.select_fit_half{width:100%; max-width: calc(100% - 160px); min-width: 40px;}

/* テキストボックスの大きさ指定
*******************************************/
.text_l{width:100%; max-width:525px;}
.text_ml{width:100%; max-width:490px;}/* 主に履歴コメント用*/
.text_m{width:100%; max-width:380px;}/* 主にメール、住所詳細用*/
.text_mm{width:100%; max-width:250px;}
.text_n{width:100%; max-width:200px;}
.text_s{width:100%; max-width:150px}
.text_s2{width:100%; max-width:94px;}
.text_ss{width:100%; max-width:80px;}
.text_xs{width:100%; max-width:55px;}
.text_xxs{width:100%; max-width:30px;}
.text_fit{width:100%; max-width:100%}
.text_minus42px{width:100%; max-width: calc(100% - 42px);}

/* テキストエリアの大きさ指定
*******************************************/
.area_n{width:100%; max-width: 350px; height: 7em; }
.area_m{width:100%; max-width: 500px; height: 7em; }
.area_fit{width:calc(100% - 6px); height: 4em; }
.area_fit_l{width:calc(100% - 6px);height: 7em; }
.area_fit_xl{width:calc(100% - 6px);height: 10em; }
.area_big{width:calc(100% - 6px); height: 40em; }

/* エラーエリア
*******************************************/
.err_area{
	margin-top: 5px;
	text-align: center;
}
.err_area li{
	margin-top: 2px;
}

.large .err_area {
	text-align: center;
	margin-bottom: 10px;
}
.large .err_area li{
	font-size: 20px;
	height: 20px;
}
.chkError {
  background-color: #ff8080!important;
}

.info {
  color: #0000FF;
}

/* モーダルダイアログ
*******************************************/
.dialog_header{
	background: linear-gradient(to right, #ffffff 0%,#0D1768 50%,#ffffff 100%);
	color: #FFFFFF;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
}
.modal-title{
	position: relative;
	bottom: 3px;
}
.dialog_footer{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-top: 10px;
	height: 70px;
}

/* password reset
*******************************************/
.forget-password-wrapper {
	font-size: 12px;
	letter-spacing: 1.1pt;
	width: 342px;
	height: 13.8px;
	font-family: 'Noto Sans Japanese', sans-serif;
	text-align: center;
	border-bottom: solid 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.forget-password {
    margin-bottom: 5px;
    line-height:12px;
    cursor: pointer;
}

.forget-password:hover{
	color: #6f6f6f;
}

/* password row-/show
*******************************************/
.row-ShowPassword-toggle {
	background-color: transparent;
	background-image: url('../images/wink.png'); /* fallback */
	background-image: url('../images/wink.svg'), none;
	background-position: 0 center;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	border-radius: 0.25em;
	cursor: pointer;
	font-size: 100%;
	height: 44px;
	margin: 0;
	max-height: 100%;
	padding: 0;
	overflow: 'hidden';
	text-indent: -999em;
	width: 46px;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.row-ShowPassword-toggle-row- {
    background-position: -44px center;
}

.row-ShowPassword-toggle:hover,
.row-ShowPassword-toggle:focus {
	border-color: #0088cc;
	outline: transparent;
}

.nowrap {
	white-space: nowrap;
}

/* Section:login
*******************************************/
#login {  margin: 0 auto; padding: 0px;}
#login dl { overflow: hidden; }
#login dt { float: left; width: 140px; font-weight: 500;}
.login_area {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	padding-bottom: 10px;
	width: 400px;
	height: 330px;
	text-align: center;
}

/* pwChange
*******************************************/
.pwchange-remark{
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	text-align: center;
}

.pwchange-remark p{
	margin-bottom: 0;
}

.password-wrapper {
    text-align: center;
}

.password-wrapper label {width: 120px;}

.password-confirm-wrapper {
	text-align: center;
}

.password-confirm-wrapper label {width: 120px;}

/* menu
*******************************************/
.content-menu{
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	text-align: center;
}
.content-menu-header{
	background-color: #ff9913;
}

/* contents separate line
*******************************************/
.separateLine { margin-bottom: 10px; padding-bottom: 20px; border-bottom: solid 2px #bbb; }

/* a link button
*******************************************/
.link_button { color: #0000ff;  border-bottom: solid 1pt #0000ff; cursor: pointer; line-height: normal;}
.link_button:hover{ color: #4ca2ff; border-color: #4ca2ff; }

/* font size
*******************************************/
.font_xxxs { font-size: 9px; }
.font_xxs { font-size: 10px; }
.font_xs { font-size: 11px; }
.font_s { font-size: 12px; }
.font_ms { font-size: 13px; }
.font_l { font-size: 22px; }

/* bootstrap modal adjust
*******************************************/
.modal-header {
	background-color: #B6CAEE;
	border: 1px solid #90aad9;
    margin: 3px;
}

.modal-header .close {
    display: none;
}

.modal-dialog {
    margin: 250px auto;
}

.modal-long {
    margin: 100px auto;
}

/* jquery dialog adjust
*******************************************/
.button_dialog {
	width: 100px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 14px;
}

button.ui-dialog-titlebar-close{
    display: none;
}
.ui-dialog {
	font-size: 14px;
	line-height: 1.2;
}
.ui-dialog .ui-dialog-titlebar {
	background-color: #B6CAEE;
	border: 1px solid #90aad9;
	height: 45px;
	padding: .5em 1em;
	line-height: 20px;
}

.ui-dialog .ui-dialog-content {
    padding: 1em;
}

.ui-widget-overlay {
    background: #000;
    opacity: 0.5;
}

/* tooltip
*******************************************/
.tooltip {
    opacity: 1 !important;
}
.tooltip-inner {
	/* background-color: #FDAC42; */
	background-color: #ffffff;
	border: 0.5px solid #333;
	color: #333;
	padding: 10px 15px;
	font-size: 12px;
}

/* datepicker adjust
*******************************************/
#ui-datepicker-div { z-index: 99 !important; }
.ui-state-hover:not(.ui-state-active):not(.ui-state-highlight), .ui-widget-content .ui-state-hover:not(.ui-state-active):not(.ui-state-highlight) {
    background: #dbdbdb;
}

/* header sticky
*******************************************/
.sticky { position: sticky; top: 0; z-index: 98; width: 100%; background-color: #fff; }
.sticky_head { position: sticky; top: 15px; z-index: 98; width: 100%; background-color: #fff; border-bottom: solid 5px #9DC3E6;}
.sticky_title { position: sticky; top: 77px; z-index: 98; width: 100%; background-color: #fff; }

/* listbox
*******************************************/
.listbox_s { width: calc(100% - 10px); height: 130px; padding-left: 5px; }

/* other
*******************************************/
.formedbox {
	border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 1px 4px 8px -7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 8px -7px rgba(0, 0, 0, 0.5) inset; color: #666; margin: 0 0 0px; padding: 3px 3px;
}

.grayout th, .grayout td{
	background-color: #ddd;
}

.nowrap {
	white-space: nowrap;
}

/* container
*******************************************/
.container-fluid {
	/* max-width: 1600px; */
	margin-top:20px;
}
.container-fluid.container-md {
	max-width: 1400px;
}
.container-fluid.container-sm {
	max-width: 1200px;
}
.container-fluid.container-xs {
	max-width: 1000px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hidden, .display-only {
	display: none;
}

#softCdTbl {
  table-layout: fixed;
  width: 100%;
}