/* Minification failed. Returning unminified contents.
(8205,16): run-time error CSS1030: Expected identifier, found ','
(8205,24): run-time error CSS1031: Expected selector, found ')'
(8205,24): run-time error CSS1025: Expected comma or open brace, found ')'
(8208,16): run-time error CSS1030: Expected identifier, found ','
(8208,24): run-time error CSS1031: Expected selector, found ')'
(8208,24): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*@charset "UTF-8";*/
/*! jQuery UI - v1.12.1 - 2017-04-18
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: 10px 10px 0;
	display: none;
	background: #e2f0fa;
	box-shadow: 5px 5px 5px 0 rgba(95, 95, 95, 0.2);
	margin-top: 10px;
	border: 1px solid #aaa;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 0;
	background: #2970a6;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 0px;
	width: 1.8em;
	height: 1.8em;
	color: #fff;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 0;
}
.ui-datepicker .ui-datepicker-prev {
	left: 0px;
	background: url(../images/form/calendar_prev.png) no-repeat center;
}
.ui-datepicker .ui-datepicker-next {
	right: 0px;
	background: url(../images/form/calendar_next.png) no-repeat center;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 0;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	text-align: center;
	font-weight: bold;
	border: 0;
	border-bottom: 1px solid #b1b3b5;
	color: #555;
	line-height: 35px;
	font-size: 12px;
}
.ui-datepicker table tbody tr:first-child td {padding-top: 10px;}
.ui-datepicker tr th:first-child, .ui-datepicker tr td:first-child a {
	color: #fc7727
}
.ui-datepicker tr th:last-child, .ui-datepicker tr td:last-child a {
	color: #005694
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
	font-size: 12px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #555;
	line-height: 30px;
	font-weight: bold;
}
.ui-datepicker td span {
	color: #aaa
}
.ui-datepicker td.ui-datepicker-today a {
	background: url(../images/form/calendar_bg.png) no-repeat center center;
	color: #fff!important;
	font-size: 12px
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	position: relative;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	cursor: pointer;
	padding: 0 0 3px;
	overflow: visible;
	position: absolute;
	right: -11px;
	top: 0px;
	background: none;
	color: #555;
	background: url(../images/form/calendar_close_bg.png) no-repeat right top;
	line-height: 23px;
	width: 86px;
	font-size: 12px;
	box-shadow: 9px 2px 5px -4px rgba(95, 95, 95, 0.2);
	height: 23px;
}
.ui-datepicker .ui-datepicker-buttonpane button:before {
	content:"";
	width: 11px;
	height: 11px;
	display: inline-block;
	margin-right: 5px;
	background: url(../images/form/calendar_close_btn.png) no-repeat center center;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	display: none;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
	font-size: 14px;
}
.ui-selectmenu-menu:hover{
	cursor: pointer
}
.ui-menu,
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
	background: #fff;
	border: 1px solid #ccc;
	color: #555;
	max-height: 200px;
}
.ui-autocomplete {
	max-width: 250px;
	z-index: 9999;/*モーダル用に上へ*/
}
.ui-menu .ui-menu-item {
	padding: 5px 0 5px 10px;
}
.ui-menu .ui-menu-item:hover {
	background: #ccc;
	color: #fff;
	cursor: pointer;
}
.ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	padding: 5px 0;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	/* width: 14em; */
	background: #fff;
	display: inline-block;
	padding: 6px 5px 6px 10px;
	color: #555;
	border: 1px solid #aaa;
	border-radius: 4px;
	position: relative;
	width: 100%;
	vertical-align: middle;
	min-height: 40px;
}
.ui-selectmenu-button.ui-button:hover {
	cursor: pointer
}
.ui-selectmenu-button.ui-button:after {
	content: "▼";
	position: absolute;
	right: 5px;
	top: 50%;
	font-size: 16px;
	color: #ddd;
	margin-top: -8px;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

.custom-combobox {
	position: relative;
	display: block;
	border-radius: 5px;
	overflow: hidden;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	width: 30px;
	/* background: #000; */
	background: #aaa;
	right: 0;
}
.custom-combobox-toggle:after {
	content: "▼";
	font-size: 15px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.custom-combobox-input {
	margin: 0;
	padding: 5px 40px 5px 10px;
	width: 100%;
}
/*@charset "UTF-8";*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
button {
    outline: none;
    border: none;
}
button:hover {
    cursor: pointer;
}
html {height:100%}
body {
    line-height: 1;
    z-index: 0;
    height: 100%;
    background: #F4F1EA;
    font-family: "メイリオ",Meiryo,sans-serif;
    position: relative;
}
body#cardWindow {
    /* background: #fff */
}
body#admin {
    background: #f4f4f4;
}
body#login {
    background: #f5fdff;
    overflow-x: hidden;
}
body#sub {
    /* background: #fcfcfc; */
}
label:hover {
    cursor: pointer
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline: none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:separate;
    border-spacing:0px;
    width: 100%;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select,textarea {
    vertical-align:middle;
    font-family: "メイリオ",Meiryo,sans-serif;
}
select ,select:focus{
}
.selectLabel {
    border:1px solid #ccc;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    width: 200px;
    vertical-align: middle;
    position: relative;
}
.selectLabel:after {
    content:"▼";
    color: #ccc;
    position: absolute;
    right: 5px;
    top: 50%;
    font-size: 16px;
    margin-top: -8px;
}
.selectLabel:focus ,.selectLabel:active,.selectLabel:hover{
    border: 1px solid #ff7300;
}
.selectLabel select {
    width: 100%;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none!important;
    outline: 0
}
img {
    vertical-align: middle;
}
/*Reset End*/

/*clearfix*/
.clearfix {
    zoom: 1; /* for IE7- */
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
@font-face {
font-family: 'iconfont';
src:  url('/fonts/iconfont.eot');
src:  url('/fonts/iconfont.eot') format('embedded-opentype'),
url('/fonts/iconfont.ttf') format('truetype'),
url('/fonts/iconfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
*/
@font-face {
    font-family: 'iconfont';
    src:
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.icon-icon1:before {content: "\e900";}
.icon-icon2:before {content: "\e901";}
.icon-icon3:before {content: "\e902";}
.icon-icon4:before {content: "\e903";}
.icon-icon5:before {content: "\e904";}
.icon-icon6:before {content: "\e905";}
.icon-icon7:before {content: "\e906";}
.icon-icon8:before {content: "\e907";}
.icon-icon9:before {content: "\e908";}
.icon-icon10:before {content: "\e909";}
.icon-icon11:before {content: "\e90a";}
.icon-icon12:before {content: "\e90b";}
.icon-icon13:before {content: "\e90c";}
.icon-icon14:before {content: "\e90d";}
.icon-icon15:before {content: "\e90e";}
.icon-icon16:before {content: "\e90f";}
.icon-icon17:before {content: "\e910";}
.icon-icon18:before {content: "\e911";}
.icon-icon19:before {content: "\e912";}
.icon-icon20:before {content: "\e913";}
.icon-icon21:before {content: "\e914";}
.icon-icon22:before {content: "\e915";}
.icon-icon23 .path1:before {content: "\e916";color: rgb(0, 0, 0);}
.icon-icon23 .path2:before {content: "\e917";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-icon23 .path3:before {content: "\e918";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-icon24:before {content: "\e919";}
.icon-icon25:before {content: "\e91a";}
.icon-icon26:before {content: "\e91b";}
.icon-icon27:before {content: "\e91c";}
.icon-icon28:before {content: "\e91d";}
.icon-icon29:before {content: "\e91e";}
.icon-icon30:before {content: "\e91f";}
.icon-icon31:before {content: "\e920";}
.icon-icon32:before {content: "\e921";}
.icon-icon33:before {content: "\e922";}
.icon-icon34:before {content: "\e923";}
.icon-icon35:before {content: "\e924";}
.icon-icon36:before {content: "\e925";}
.icon-icon37:before {content: "\e929";}
.icon-icon38:before {content: "\e928";}
.icon-icon39:before {content: "\e927";}
.icon-icon40:before {content: "\e926";}
.icon-icon41:before {content: "\e92a";}
.icon-icon42 {padding-top: 4px}
.icon-icon42:before {content: "\e92b";font-size: 115%;padding-left: 7px;}
.icon-icon43:before {content: "\e92c";}
.icon-icon44:before {content: "\e932";}
.icon-icon45:before {content: "\e931";}
.icon-icon46:before {content: "\e930";}
.icon-icon47:before {content: "\e92f";}
.icon-icon48:before {content: "\e92e";}
.icon-icon49:before {content: "\e92d";font-size: 75%;}
.icon-icon50:before {content: "\e945";}
.icon-icon51:before {content: "\e946";}
.icon-icon52:before {content: "\e933";}
.icon-icon53:before {content: "\e934";}
.icon-icon54:before {content: "\e935";}
.icon-icon55:before {content: "\e936";}
.icon-icon56:before {content: "\e937";}
.icon-icon57:before {content: "\e938";}
.icon-icon58:before {content: "\e939";}
.icon-icon59:before {content: "\e93a";}
.icon-icon60:before {content: "\e93b";}
.icon-icon61:before {content: "\e93c";}
.icon-icon62:before {content: "\e93d";}
.icon-icon63:before {content: "\e93e";}
.icon-icon64:before {content: "\e93f";}
.icon-icon65:before {content: "\e940";}
.icon-icon66:before {content: "\e941";}
.icon-icon67:before {content: "\e942";}
.icon-icon68:before {content: "\e943";}
.icon-icon69:before {content: "\e944";}
.icon-icon70:before {content: "\e949";}
.icon-icon71:before {content: "\e94a";font-size: 135%;}
.icon-icon72:before {content: "\e948";font-size: 135%;}
.icon-icon73:before {content: "\e94b";font-size: 75%;}
.icon-icon74:before {content: "\e94c";}
.icon-icon75:before {content: "\e94d";}
.icon-icon76:before {content: "\f0c5";}
.icon-icon77:before {content: "\e94e";}
.icon-icon78:before {content: "\e94f";}
.icon-icon79:before {content: "\e950";}
.icon-icon80:before {content: "\e951";color: #fff;}
.icon-icon81:before {content: "\e955";}
.icon-icon82:before {content: "\e956";}
.icon-icon83:before {content: "\e952";}
.icon-icon84:before {content: "\e953";}
.icon-icon85:before {content: "\e954";}
.icon-icon86:before {content: "\e957";}
/* アイコン追加 2019/9/2 HTS goda ADD[S] */
.icon-icon87:before {content: "\e960";}
.icon-icon88:before {content: "\e95f";}
.icon-icon89:before {content: "\e95e";}
.icon-icon90:before {content: "\e95d";}
.icon-icon91:before {content: "\e95c";}
.icon-icon95:before {content: "\e958";}
.icon-icon96:before {content: "\e961";}
/* アイコン追加 2019/9/2 HTS goda ADD[E] */
/*【Ph3】BA-LM-02-02 メインメニュー コールセンタ番号記載先 HTS BAODI 2020/02/05 ADD[S]*/
.icon-icon98:before {content: "\e95b";}
/*【Ph3】BA-LM-02-02 メインメニュー コールセンタ番号記載先 HTS BAODI 2020/02/05 ADD[E]*/

/*【10J5BI1】(日立製作所)２２行目：ヘッダ右上のログアウトがわかりづらい。ログアウトアイコンにする対応。 HTS sakamoto 2020/03/05 ADD[S]*/
.headerlogouticon {
    /*↓●のサイズ変更無し、ログアウトアイコンサイズを調整*/
    font-size: 18px !important;
    margin-top: 1px !important;
}
.headerlogouticon:before {
    /*↓●のサイズ変更無し、ログアウトアイコンサイズを調整*/
    padding-left:4px !important;
}
/*【10J5BI1】(日立製作所)２２行目：ヘッダ右上のログアウトがわかりづらい。ログアウトアイコンにする対応。 HTS sakamoto 2020/03/05 ADD[E]*/

/* Style Start */
body.on {
    overflow:hidden;
}
#topWrap {
    background: #fff;
    position: absolute;
    padding: 70px;
    border: 1px solid #eef6f8;
    min-height: 100%;
    left: 50%;
    transform: translate(-50%,0%);
}
#topWrap i {
    font-size: 60px;
    display: inline-block;
    margin-bottom: 20px;
}
#topWrap i .path1:before {
    color: #4eb0dd;
}
#logoArea {
    text-align: center;
    margin-bottom: 100px;
}
#logoArea img {
    display: block;
    margin: auto;
}
.go
{
    cursor: pointer;
}
.errMsg {
    font-size: 14px;
    text-align: center;
    color: red;
    margin: -54px 0 40px;
}
/*【10J5BI1】 BA-F0-07-01 輸出管理情報グループ追加対応 HTS isa 2019/08/01 ADD[S] */
.yknErrMsg {
    color: red;
}
/*【10J5BI1】 BA-F0-07-01 輸出管理情報グループ追加対応 HTS isa 2019/08/01 ADD[E] */

/*【10J5BI1】 BA-F0-03-04 用務内容入力漏れ警告文言表示およびチェック HTS fujishita 2019/06/13 ADD[S] */
.errMsg_ymny {
    font-size: 18px;
    text-align: center;
    color: red;
    margin: -54px 0 40px;
}
/*【10J5BI1】 BA-F0-03-04 用務内容入力漏れ警告文言表示およびチェック HTS fujishita 2019/06/13 ADD[E] */
#loginForm p {
    margin-bottom: 30px;
    position: relative;
}
#loginForm p span {
    display: block;
    color: #888;
    font-size: 14px;
    margin-bottom: 5px;
}
#loginForm p input ,
#loginForm p select {
    width: 100%;
    font-size: 16px;
    padding: 10px 5px 10px 5px;
    border: 1px solid #c5c5c5;
    height: 40px;
}

#loginForm p select {
    padding: 0 5px;
}
#loginForm p #password, #loginForm p #kPassword {
    padding-right: 45px
}
#loginForm p input.err {
    border-color: red;
    outline: red
}
#loginForm #change,
#loginForm #kChange {
    position: absolute;
    right: 7px;
    bottom: 5px;
    display: block;
    width: 34px;
    height: 31px;
    background: url(../images/top/change_icon.png) no-repeat center bottom;
}
#loginForm #change.on,
#loginForm #kChange.on {
    background-position: center top
}
#loginForm #keep {
    text-align: center
}
#loginForm #keep input {
    width: auto;
    margin-right: 5px;
}
#loginForm #keep span {
    display: inline-block;
}
#loginForm #keep input {
    display: none;
}
#loginForm #keep input + .checkbox-icon {
    position: relative;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border: 1px solid #888;
    margin-bottom: 0;
    margin-right: 10px;
}
#loginForm #keep input + .checkbox-icon:before {
    content: "";
    width: 21px;
    height: 30px;
    display: block;
    position: absolute;
    left: -3px;
    top: -13px;
}
#loginForm #keep input:checked + .checkbox-icon:before {
    background: url(../images/top/check.png) no-repeat center center;
}
#loginForm button {
    margin: auto;
    display: block;
    background: #2970a6;
    color: #fff;
    width: 150px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0 2px 0px 0px #1f557e;
    margin-bottom: 20px
}
#loginForm button:hover {
    cursor: pointer;
    opacity: .85
}
#forget {
    text-align: center;
}
#forget a {
    color: #3399ff;
    font-size: 14px;
}
#filter {
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 11;
}
#filter.custom {
    z-index: 9010;/* モーダル内でモーダルを呼び出した際の重ね順の調整 */
}
#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 53px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, .3);
}
@media screen and (max-width: 768px) {
    #header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100px;
        background: #fff;
        z-index: 10;
        box-shadow: 0 0 3px 0px rgba(0, 0, 0, .3);
    }
}
#admin #header {
    background: #0d3d65;
}
/*【10J5BI1】 BA-LM-02-02 コールセンタ／シェアード／センタ管理者のメニュー制御 HTS nakashima 2019/09/24 ADD[S]*/
#admin #header #manual {
    display: none;
}
/*【10J5BI1】 BA-LM-02-02 コールセンタ／シェアード／センタ管理者のメニュー制御 HTS nakashima 2019/09/24 ADD[E]*/
#logo {
    float:left;
    padding: 0 25px;
    height: 53px;
    line-height: 53px;
}
#logo i {
    font-size: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
#logo i .path1:before {
    color: #4eb0dd;
}
#admin #logo i .path1:before {
    color: #4DAFDC;
}
#admin #logo i .path2:before {
    color: #0d3d65;
}
#admin #logo i .path3:before {
    color: #0d3d65;
}
#logo img {
    vertical-align: middle;
}
#logo svg {
    vertical-align: middle;
    display: inline-block;
    height: 18px;
}
#logo svg .cls-1,#logo svg .cls-2{fill: #0d3d65;}
#admin #logo img:last-child ,
.proxy #logo img:last-child {
    margin-left: 10px
}
#header > ul {
    float: right;
}
#header > ul > li {
    display: inline-block;
    line-height: 53px;
    /*【Ph3&Corp】CT不具合B票No.1 ヘッダー部のレスポンシブ対応 2020/06/22 HTS BAODI MOD[S]*/
    /*margin-right: 40px;*/
    margin-right: 2vw;
    /*【Ph3&Corp】CT不具合B票No.1 ヘッダー部のレスポンシブ対応 2020/06/22 HTS BAODI MOD[E]*/
    height: 53px;
    vertical-align: middle;
}
#nameWrap {
    position: relative;
}
#header > ul > li > a {
    font-size: 12px;
    position:relative;
    display: table;
    line-height: 1.5;
    height: 100%;
}
#header ul li a > * {
    display: table-cell;
    vertical-align: middle;
}
#myMenu {
    position: absolute;
    top: 100%;
    left: -42%;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 10px 30px -15px black;
    margin-top: 15px;
    transform: translate(0,-15px);
    transition: .4s;
    transition-property: transform;
    display: none;
}

#myMenu:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -15px;
}
#myMenu.on {
    transform: translate(0,0);
}
#myMenu li {
    line-height: 1
}
#myMenu a {
    font-size: 13px;
    display: inline-block;
    line-height: 30px;
    color: #3399ff;
    text-decoration: underline;
}
#myMenu li:before {
    /* content: "・"; */
    display: inline-block;
}
#myMenu a:hover {
    text-decoration: none;
}
#header .icon {
    padding-right: 7px
}
#header .icon i {
    display: inline-block;
    color: #fff;
    background: #4dafdc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 23px;
    border-radius: 13px;
    padding-top: 2px;
}
#header .icon i.icon-icon30 {
    font-size: 18px;
    overflow: hidden;
}
#header #department {
    margin-right: 1em
}
#header #name {
    font-weight: bold;
}
#admin #header ul li a span:not(.new) {
    color: #fff
}
#header ul li a .new {
    position: absolute;
    left: 14px;
    top: -5px;
    background: #f00;
    display: block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    font-size: 10px;
}
.switch {
    width: 122px;
    float: right;
    line-height: 25px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
    margin: 14px 20px 0 0;
}
.switch label , .switch label span {display: inline-block;}
.switch label span {line-height: 25px;padding: 0 10px;}
.switch label.selected {background: #FE8D10;}
.switch .selected span {color: #fff;}
.switch label {cursor: pointer;font-size: 12px;width: 60px;text-align: center;/* line-height: 30px; */vertical-align: bottom;}
.switch input { display: none; }

#lMenu {
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    width: 220px;
    background: #42464A;
    z-index: 5;
    padding-top: 54px;
    height:  100%;
}
#adminOpenBtn {
    display: none;
}
#lMenu > ul {
    padding: 0 0px;
    height: 100%;
    overflow-y: auto;
    overflow-x:  hidden;
    width: 100%;
}
#lMenu ul li {
    position: relative;
    width: 100%;
}
#lMenu > ul > li:after {
    content: "";
    height: 1px;
    background: #55595C;
    position: absolute;
    width: 180px;
    left: 20px;
    bottom: -2px;
}
#lMenu > ul > li:before {
    content: "";
    height: 1px;
    background: #000;
    position: absolute;
    width: 180px;
    left: 20px;
    bottom: -1px;
}
#lMenu > ul > li > a {
	color: #fff;
	/*2018/11/12 V7-172 DEL-[S]*/
	/*line-height: 60px;*/
	/*padding-left: 20px;*/
	/*2018/11/12 V7-172 DEL-[S]*/
	/*2018/11/12 V7-172 ADD-[S]*/
	line-height: 1.4;
	min-height: 60px;
	padding: 15px 10px 10px 20px;
	/*2018/11/12 V7-172 ADD-[E]*/
	display: block;
	font-size: 14px;
	position: relative;
}
#lMenu #nameWrapSP > a {
    display: table;
    height: 80px;
    table-layout: fixed
}
#lMenu > ul > li > a .new {
    position: absolute;
    right: 20px;
    top: 20px;
    min-width: 25px;
    line-height: 18px;
    background: #FE8D10;
    text-align: center;
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
}
.subMenuWrap a .new {
    position: absolute;
    right: 16px;
    top: 50%;
    min-width: 25px;
    line-height: 18px;
    background: #FE8D10;
    text-align: center;
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
    margin-top: -9px;
}

.subMenuWrap a:hover .new {
    background: #fff;
    color: #FE8D10
}
#lMenu > ul > li > a > i,
#nameWrapSP .subMenuWrap .subMenu li i{
    font-size: 25px;
    width: 40px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
    opacity: .6;
    vertical-align: middle;
}
/*2018/11/12 V7-172 ADD-[S]*/
#lMenu > ul > li > a > i{
	position: absolute;
}
/*2018/11/12 V7-172 ADD-[E]*/
#lMenu #nameWrapSP > a > i {
    display: table-cell;
}
#lMenu #nameWrapSP > a > i > i {
    display: inline-block;
    color: #fff;
    background: #4dafdc;
    width: 30px;
    height: 30px;
    line-height: 24px;
    text-align: center;
    font-size: 28px;
    border-radius: 15px;
    padding: 5px 0 0;
    overflow: hidden
}
/*2018/11/12 V7-172 ADD-[S]*/
/*【Ph3】BA-LM-02-02 メインメニュー コールセンタ番号記載先 HTS BAODI 2020/02/05 MOD[S]*/
/*#lMenu > ul > li > a > span:not(.newcount) {*/
#lMenu > ul > li > a > span:not(.newcount):not(.callcenterInfo) {
/*【Ph3】BA-LM-02-02 メインメニュー コールセンタ番号記載先 HTS BAODI 2020/02/05 MOD[E]*/
	display: inline-block;
	/* 2018/11/27 品質向上以後049 DEL [S]
	width: 120px;
	   2018/11/27 品質向上以後049 DEL-[E]*/
	padding-left: 40px;
}
/*2018/11/12 V7-172 ADD-[S]*/
#lMenu #nameWrapSP a #nameInnerSP {
	display: table-cell;
	padding-left: 5px;
	padding-right: 10px;
	line-height: 1.8;
	font-size: 12px;
	vertical-align: middle;
	letter-spacing: -1em;
}
#lMenu #nameWrapSP a #nameInnerSP span {
    display: inline-block;
    letter-spacing: normal;
}
#lMenu #nameWrapSP a #nameInnerSP #departmentSP {
    margin-right: 5px
}
#lMenu > ul > li > a > i.icon-icon31 {
    color: #4eb0df;
}
#lMenu > ul > li.active > a ,
#lMenu > ul > li:hover > a {
    color: #FE9F33;
}
#lMenu > ul > li.sub.active > a:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #42464a;
    position: absolute;
    right: -20px;
    top: 20px;
    z-index: 10
}
.subMenuWrap {
    display: none;
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    left: 220px;
    padding: 64px 10px 0;
    background: rgba(102, 102, 102, .98);
    font-size: 14px;
    overflow-y: auto;
    box-sizing:  content-box;
}
.pc .active .subMenuWrap {
    display: block!important;
}
.subMenuWrap a {
    color: #fff;
    line-height: 1.4;
    display: block;
    padding: 10px 10px 10px 34px;
    background: url(../images/common/submenu_arrow.png) no-repeat right 5px center;
    position:  relative;
}

.subMenu.ptn2 a ,
.subMenu a.ptn2{
    padding-left: 10px
}
.subMenuWrap a.typeNew {
    padding: 10px 48px 10px 34px;
}
.subMenuWrap p a ,
.subMenuWrap a:hover {
    background: #FE8D10 url(../images/common/submenu_arrow.png) no-repeat right 5px center;
    border-radius: 3px;
}

.subMenuWrap p a {
    padding: 10px
}
.subMenuWrap > p ,
.subMenuWrap .subMenu li {
    margin-bottom: 5px;
    width: 180px;
}
.subMenuWrap .subMenu li i {
    margin-right: 5px;
    width: 25px;
    display: inline-block;
    text-align: center;
    position:  absolute;
    left:  0;
    top: 50%;
    margin-top: -8px;
}
.firstChildNoBorder {
    border-left-width: 0px!important;
}

#lMenu > ul::-webkit-scrollbar,
.subMenuWrap::-webkit-scrollbar{
    height: 5px;
    width: 5px;
    background: #fff;
    border-radius: 5px
}
#lMenu > ul::-webkit-scrollbar-thumb,
.subMenuWrap::-webkit-scrollbar-thumb{ 
    background: #c1c1c1;
    border-radius: 5px;
}
#lMenu > ul::-webkit-scrollbar-track-piece:start,
.subMenuWrap::-webkit-scrollbar-track-piece:start{
    background: #f1f1f1;
    border-radius: 5px;
}
#lMenu > ul::-webkit-scrollbar-track-piece:end
.subMenuWrap::-webkit-scrollbar-track-piece:end{
    background: #f1f1f1;
    border-radius: 5px;
}

.clickable {
    cursor: pointer;
}

.clickableForMKSHIDCHOUFRKAE {
    cursor: pointer;
}
.subMenuWrap .subMenu li span:not(.new) {/* display: inherit; */}
/*2018/11/12 V7-172 ADD-[S]*/
/*2022/07/11 英語対応 width: 120px-->160pxMOD*/
.subMenuWrap .subMenu li span:not(.newcount) {
	display: inline-block;
	width: 160px;
}
/*2018/11/12 V7-172 ADD-[E]*/
#mainWrap ,
#mainWrap.admin {
    padding: 54px 0 0 220px;
    max-width: 1920px;
}
#cardWindow #mainWrap {
    padding: 54px 0 0;
    max-width: 1200px;
    margin: auto;
}
#mainWrap > ul:not(.formBtns) ,
#mainWrap.admin > ul:not(.formBtns) {
    /* padding: 40px 60px; */
    /* max-width: 1500px; */
}
#newsArea {
    padding: 40px 80px 0!important;
}
#proxyDetailArea {
    padding: 40px 80px 0!important;
    margin-bottom: -20px
}
#newsArea table ,
#proxyDetailArea table {
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    max-width: 1000px;
    min-height: 60px;
    margin-bottom: 0;
}
#newsArea.notNews table,
#proxyDetailArea table {
    min-height: 40px;
}
#newsArea th,
#newsArea td ,
#proxyDetailArea th,
#proxyDetailArea td {
    vertical-align: middle;
}
#newsArea th,
#proxyDetailArea th {
    background: #fe8d10;
    font-weight: normal;
    letter-spacing: 3px;
    width: 140px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    border: none;
}
#newsArea th i,
#proxyDetailArea th i {
    font-size: 20px;
    margin-right: 1px;
    display: inline-block;
    padding-bottom: 2px;
    vertical-align: middle;
}
#newsArea td ,
#proxyDetailArea td {
    background: #fff;
    font-size: 14px;
    padding: 6px 10px;
    border: none;
}

#proxyDetailArea td > p {
    display: table;
}
#proxyDetailArea td > p >span {
    display: table-cell;
    vertical-align: middle;
}
#proxyDetailArea #proxyChange {
    width: 10em;
    /* border-left: 1px solid #eee; */
    text-align: center;
}
#proxyDetailArea #proxyChange a {
    /* display: inline-block; */
    text-decoration: underline;
    color: blue;
}
#proxyDetailArea #proxyChange a:hover {
    text-decoration: none;
    color: blue;
}
#proxyDetailArea #proxyDepartment,
#proxyDetailArea #proxyName {
    display: inline-block;
}
#proxyDetailArea #proxyDepartment {
    margin-right: 10px;
}
#newsArea td li {
    line-height: 1.6;
    padding: 6px 0;
    border-bottom: 1px dotted #ccc;
    padding-left: 1em;
    text-indent: -1em
}
#newsArea td li:first-child {
    padding-top: 0;
}
#newsArea td li:last-child {
    padding-bottom: 0;
    border: none
}
#mainWrap.admin > ul {
    display: flex;
    /* justify-content: flex-start; */
    flex-wrap: wrap;
}
#mainWrap.admin > ul > li {
    width: 33%;
    /* width: calc((100% - 60px) / 3); */
    /* text-align: center; */
    vertical-align: middle;
    /* background: #fff; */
    /* flex: 1; */
    padding: 0 10px;
    margin-bottom: 20px;
    min-height: 190px;
}
#mainWrap.admin > ul > li.col2 {
    width: 66%;
    /* width: calc(100% - ((100% - 60px) / 3) - 30px); */
    /* flex: 2; */
}
#mainWrap.admin ul li .inner {
    background: #fff;
    height: 100%;
    border-radius: 2px;
    overflow: hidden;
}
#mainWrap.admin ul li .head {
    background: #cae8f3;
    font-size: 16px;
    padding: 13px 15px;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    color: #333;
}
#mainWrap.admin ul li .head:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1000px;
    background: #0D3D65;
    left: 187px;
    bottom: 0;
    opacity: 0.05;
    transform: rotate(45deg);
    transform-origin: left bottom;
}
#mainWrap.admin ul li ul {
    padding: 18px 13px;
    letter-spacing: -.4em
}
#mainWrap.admin ul li ul li {
    margin-bottom: 20px;
    letter-spacing: 0;
    vertical-align: top;
    padding: 0 8px 0 0;
}
#mainWrap.admin ul .col2 ul li {
    display: inline-block;
    width: 50%;
}
#mainWrap.admin ul li ul li a {
    color: #103F66;
    font-size: 14px;
    padding-left: 15px;
    background: url(../images/admin/arrow.png) no-repeat left center;
    display: block;
}
#mainWrap.admin ul li ul li a:hover {
    background-position: 3px center;
    font-weight: bold;
    text-decoration: underline;
    color: #103F66;
}
#mainWrap > ul > li {
    margin-bottom: 45px;
}
#mainWrap .mainHeadWrap {
    padding: 10px 20px;
    border-radius: 3px;
    min-height: 60px;
}
#mainWrap .application .mainHeadWrap {
    background: #0d3d65
}
#mainWrap .adjustment .mainHeadWrap {
    background: #0b82a0
}
#mainWrap .approval .mainHeadWrap {
    background: #067d57
}
#mainWrap .mainHeadWrap .headTtl {
    float: left;
    color: #fff;
    line-height: 40px;
    font-size: 22px;
    letter-spacing: 5px;
}
#mainWrap .mainHeadWrap .headTtl .en {
    font-size: 12px;
    font-family:serif;
    letter-spacing: 0;
    vertical-align: middle;
}
#mainWrap .mainHeadWrap ul {
    float: right;
}
#mainWrap .mainHeadWrap ul li {
    float: left;
    line-height: 40px;
    font-size: 13px;
    background: rgba(255,255,255,.2);
    width: 220px;
    /* text-align: center; */
    margin-right: 10px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    transition: .5s background;
}
#mainWrap .mainHeadWrap ul li:hover {
    background: rgba(0,0,0,.2);
}
#mainWrap .mainHeadWrap ul li span {
    color: #fff
}
#mainWrap .mainHeadWrap ul li .new {
    background: #fff;
    position: absolute;
    right: 10px;
    top: 8px;
    min-width: 24px;
    height: 24px;
    border-radius: 12px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    padding: 0 5px;
}
#mainWrap .approval .mainHeadWrap ul li .new {
    color: #067d57;
}
#mainWrap .adjustment .mainHeadWrap ul li .new {
    color: #0b82a0;
}
#mainWrap .application .mainHeadWrap ul li .new {
    color: #0d3d65;
}
#mainWrap .mainHeadWrap ul li .new.none {
    color: #fff!important;
    background: none;
}
#mainWrap .mainHeadWrap ul li .new.active {
    color: #fff!important;
    background: #FE8D10;
}
#mainWrap .mainHeadWrap ul li a {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
#mainWrap .mainHeadWrap ul li:last-child {
    margin-right: 0;
}
#mainWrap .mainBtn {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    margin: 20px 0;
}
#mainWrap .mainBtn li {
    text-align: center;
    vertical-align: middle;
    background: #fff;
    /* min-height: 150px; */
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .05);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* max-width: 330px; */
    padding: 30px 0;
}
#mainWrap .mainBtn li .num {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    padding: 0 5px;
    color: #fff;
    background: #FE8D10;
}
#mainWrap ul .column2 ,
#mainWrap ul .column3 {
    /*	max-width: 1000px;*/
}
#mainWrap .column1 .mainBtn li {
    width: 50%;
    width: calc((100% - 15px) / 2);
}
#mainWrap .column2 .mainBtn li {
    width: 50%;
    width: calc((100% - 15px) / 2);
}
#mainWrap .column3 .mainBtn li {
    width: 31%;
    width: calc((100% - 30px) / 3);
}
#mainWrap .column4 .mainBtn li {
    width: 23%;
    width: calc((100% - 45px) / 4);
}
#mainWrap .column5 .mainBtn li {
    width: 19%;
    width: calc((100% - 60px) / 5);
}
#mainWrap .mainBtn li:last-child {
    margin-right: 0
}
#mainWrap .mainBtn li a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
#mainWrap .mainBtn li i {
    font-size: 50px;
    display: block;
    margin: 0 auto 13px;
    width: 100px;
    text-align: center;
}
#mainWrap .application .mainBtn li i {
    color: #0d3d65
}
#mainWrap .adjustment .mainBtn li i {
    color: #0b82a0
}
#mainWrap .approval .mainBtn li i {
    color: #067d57
}
/*バージョン*/
#versionWrap {
    display: flex;
    justify-content: center;
}
#versionInner {
    background: #ffffff;
    padding: 60px;
}
#versionLogo {
    margin-bottom: 20px;
    font-size: 40px;
    text-align: center;
}
#versionLogo i {
    margin-right: 10px
}
#versionLogo i .path1:before {
    color: #4eb0dd;
}
#versionNum {
    margin-bottom: 40px;
    text-align: center;
    font-size: 18px;
}
#versoinText {
    margin-bottom: 20px;
    border: 2px solid #F9A825;
    padding: 15px;
    display: inline-block;
    line-height: 1.6;
}
#versoinText dt {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}
#versoinText dt i {
    font-size: 28px;
    margin-right: 10px;
    color: #F9A825;
}

/*勘定科目説明文領域*/
#knjkmkudisplayarea {
    background: white;
    width: 50%;
    font-size: 14px;
    margin-bottom: 20px;
    border: 2px solid #F9A825;
    padding: 15px;
    display: inline-block;
    line-height: 1.6;
}

#copy {
    text-align: center;
}
#privacyLink {
    margin-bottom: 30px;
}
#privacyLink a {
    color: #3399ff;
    text-decoration: underline;
}
#privacyLink a:hover {
    text-decoration: none
}
/* セッション警告 */
#sessionAlertWrap {
    width: 100%;
    max-width: 650px;
    margin: auto;
    margin-top: 200px;
    background: #fff;
    padding: 50px;
    border-radius: 5px;
}
#sessionAlertLogo {
    margin-bottom: 41px;
    font-size: 40px;
    text-align: center;
}
#sessionAlertLogo i {
    margin-right: 10px
}
#sessionAlertLogo i .path1:before {
    color: #4eb0dd;
}
#sessionAlertTitle {
    font-size: 20px;
    margin-bottom: 40px;
    text-align: center;
    color: #0d3d65;
    font-weight: bold;
}
#sessinAlertText {
    line-height: 1.6;
}

/*ローダー start*/
#loaderWrap {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    /* width: 100px; */
    /* height: 100px; */
    background: rgba(255, 255, 255, 1);
    padding: 10px;
    border-radius: 7px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#loaderBg {
    position: fixed;
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    left: 0;
    top: 0;
    z-index: 99999;
}
#loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    /* text-indent: -9999em; */
    -webkit-animation: loadAnime 1.1s infinite ease;
    animation: loadAnime 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    margin: 26px;
}
@-webkit-keyframes loadAnime {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #0d3d65, 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.5), -1.8em -1.8em 0 0em rgba(13,61,101, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.7), 1.8em -1.8em 0 0em #0d3d65, 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.5), 1.8em -1.8em 0 0em rgba(13,61,101, 0.7), 2.5em 0em 0 0em #0d3d65, 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.5), 2.5em 0em 0 0em rgba(13,61,101, 0.7), 1.75em 1.75em 0 0em #0d3d65, 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.5), 1.75em 1.75em 0 0em rgba(13,61,101, 0.7), 0em 2.5em 0 0em #0d3d65, -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.5), 0em 2.5em 0 0em rgba(13,61,101, 0.7), -1.8em 1.8em 0 0em #0d3d65, -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.5), -1.8em 1.8em 0 0em rgba(13,61,101, 0.7), -2.6em 0em 0 0em #0d3d65, -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.5), -2.6em 0em 0 0em rgba(13,61,101, 0.7), -1.8em -1.8em 0 0em #0d3d65;
    }
}
@keyframes loadAnime {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #0d3d65, 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.5), -1.8em -1.8em 0 0em rgba(13,61,101, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.7), 1.8em -1.8em 0 0em #0d3d65, 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.5), 1.8em -1.8em 0 0em rgba(13,61,101, 0.7), 2.5em 0em 0 0em #0d3d65, 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.5), 2.5em 0em 0 0em rgba(13,61,101, 0.7), 1.75em 1.75em 0 0em #0d3d65, 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.5), 1.75em 1.75em 0 0em rgba(13,61,101, 0.7), 0em 2.5em 0 0em #0d3d65, -1.8em 1.8em 0 0em rgba(13,61,101, 0.2), -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.5), 0em 2.5em 0 0em rgba(13,61,101, 0.7), -1.8em 1.8em 0 0em #0d3d65, -2.6em 0em 0 0em rgba(13,61,101, 0.2), -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.5), -1.8em 1.8em 0 0em rgba(13,61,101, 0.7), -2.6em 0em 0 0em #0d3d65, -1.8em -1.8em 0 0em rgba(13,61,101, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(13,61,101, 0.2), 1.8em -1.8em 0 0em rgba(13,61,101, 0.2), 2.5em 0em 0 0em rgba(13,61,101, 0.2), 1.75em 1.75em 0 0em rgba(13,61,101, 0.2), 0em 2.5em 0 0em rgba(13,61,101, 0.2), -1.8em 1.8em 0 0em rgba(13,61,101, 0.5), -2.6em 0em 0 0em rgba(13,61,101, 0.7), -1.8em -1.8em 0 0em #0d3d65;
    }
}

/*ローダー end*/

.mNon {margin: 0!important}
.pNon {padding: 0!important}
.mt10{margin-top: 10px!important}
.mt15{margin-top: 15px!important}
.mt20{margin-top: 20px!important}
.mt30{margin-top: 30px!important}
.mt40{margin-top: 40px!important}
.mt50{margin-top: 50px!important}
.mt60{margin-top: 60px!important}
.mt70{margin-top: 70px!important}
.mt80{margin-top: 80px!important}
.mt90{margin-top: 90px!important}
.mt100{margin-top: 100px!important}
.mb10{margin-bottom: 10px!important}
.mb20{margin-bottom: 20px!important}
.mb30{margin-bottom: 30px!important}
.mb40{margin-bottom: 40px!important}
.mb50{margin-bottom: 50px!important}
.mb60{margin-bottom: 60px!important}
.mb70{margin-bottom: 70px!important}
.mb80{margin-bottom: 80px!important}
.mb90{margin-bottom: 90px!important}
.mb100{margin-bottom: 100px!important}
.pb10{padding-bottom: 10px!important}
.pb20{padding-bottom: 20px!important}
.pb30{padding-bottom: 30px!important}
.pb40{padding-bottom: 40px!important}
.pb50{padding-bottom: 50px!important}
.pb60{padding-bottom: 60px!important}
.pb70{padding-bottom: 70px!important}
.pb80{padding-bottom: 80px!important}
.pb90{padding-bottom: 90px!important}
.pb100{padding-bottom: 100px!important}
.fll {float: left;}
.flr {float: right;}
.clb {clear: both;}
.tac {text-align: center!important}
.tar {text-align: right!important}
.tal {text-align: left!important}
.taccheckbox {
    text-align: center !important;
    width: 10px
}
.bold {font-weight: bold!important}
@media screen and (min-width: 1025px) {
    #mainWrap > ul:not(.formBtns) ,
    #mainWrap.admin > ul:not(.formBtns) {
        padding: 40px 80px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    #lMenu {
        width: 80px
    }
    #admin #lMenu {
        width: 250px;
        /* min-width: 30px; */
        /* padding-right: 20px; */
        display: none;
        overflow: hidden;
    }
    #admin #lMenu.on {
        /* overflow: visible; */
    }
    #admin #lMenu ul li {
        white-space: nowrap;
    }
    #admin #lMenu.on ul li {
        white-space: normal;
    }
    #adminOpenBtn {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        color: #fff;
        height: 100%;
        line-height: 50;
        padding-top: 52px;
        width: 30px;
        border-right: 1px solid #55595c;
        z-index: 9;
        background: #42464B url(../images/admin/menu_arrow.png) no-repeat center;
        transition: .5s;
        transition-delay: .2s;
        transition-property: background;
    }
    #adminOpenBtn.on {
        background: #42464B url(../images/admin/menu_arrow_on.png) no-repeat center;
    }
    #adminOpenBtn:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        left: 30px;
        top: 0;
        background: #000;
    }
    #admin #lMenu > ul {
        /* display: none; */
        /* min-width: 220px; */
        position: relative;
        left: 0;
        margin-left: 30px;
    }
    #lMenu > ul > li:after ,
    #lMenu > ul > li:before {
        width: 60px;
        left: 10px;
    }
    #admin #lMenu > ul > li:after ,
    #admin #lMenu > ul > li:before {
        width: 180px;
        left: 20px;
    }
    #lMenu > ul > li > a > span {
        /* 2018/11/24 v7.1 Y.Bonkohara [Add-S] */
        /* IPadサイズのとき、レフトメニューはアイコンのみ表示のはずが、項目名も表示されるため修正 */
        /*display: none;*/
        display: none !important;
        /* 2018/11/24 v7.1 Y.Bonkohara [Add-E] */
    }
    #admin #lMenu > ul > li > a > span {
        display: block;
    }
    .subMenuWrap {
        left: 80px
    }
    #admin .subMenuWrap {

        left: 250px;

    }
    #header ul li {
        /*【Ph3&Corp】CT不具合B票No.1 ヘッダー部のレスポンシブ対応 2020/06/22 HTS BAODI MOD[S]*/
        /*margin-right: 15px;*/
        margin-right: 1.5vw;
        /*【Ph3&Corp】CT不具合B票No.1 ヘッダー部のレスポンシブ対応 2020/06/22 HTS BAODI MOD[E]*/
    }
    #mainWrap {
        padding: 54px 0 0 80px;
    }
    #admin #mainWrap {
        padding: 54px 0 0 30px;
    }
    #mainWrap > ul ,
    #mainWrap.admin > ul {
        padding-left: 80px;
        padding: 40px 40px;
    }
    #newsArea ,
    #proxyDetailArea {
        padding: 40px 40px 0!important;
    }
}
@media screen and (min-width: 769px) {
    .u768 {
        display: none!important
    }
}
@media screen and (max-width: 768px) 
{
    .ov768 
    {
        display: none!important
    }
    #topWrap {
        background: #f5fdff;
        border: none;
    }
    body:not(#cardWindow) #logo {
        /*		display: none;*/
    }
    .proxy #logo {
        padding: 0 10px;
    }
    #cardWindow #logo img {
        display: none
    }
    #spMenuBtn {
        float: left;
    }
    #spMenuBtn a {
        padding: 15px 10px;
        display: block;
    }
    #lMenu > ul > li.sub.active > a:after {
        content: none
    }
	.subMenuWrap {
		display: none;
		position: static;
		/*2018/11/12 V7-172 MODIFIED-[S]*/
		width: 200px;
		/*2018/11/12 V7-172 MODIFIED-[E]*/
		height: auto;
		padding: 10px 15px 10px 30px;
		font-size: 14px;
	}
    #nameWrapSP .subMenuWrap {
        padding: 10px 5px;
    }
    #nameWrapSP .subMenuWrap .subMenu li {
        width: 210px;
    }
    #nameWrapSP .subMenuWrap .subMenu li a {
        background-image: none;
    }
    #lMenu > ul > li.active:after ,
    #lMenu > ul > li.active:before {
        content: none;
    }
    body:not(#cardWindow) #header ul li {
        display: none;
    }
    body#cardWindow #header ul li {
        margin-right: 10px
    }
    #header ul li.news {
        display: block;
        margin-right: 25px;
    }
    #header ul li.news span {
        display: none
    }
    #header ul li.news span.new {
        display: block
    }
    #lMenu > ul > li > a .new {
        top: 20px;
        width: 25px;
        line-height: 18px;
    }
    #header {
        /* position: static; */
    }
    #lMenu {
        display: none;
        position: fixed;
        z-index: 15;
        padding: 0;
        height: 100%;
        background: none;
        width: 100%;
        overflow-y: scroll;
    }
    #spClose {
        position: fixed;
        left: 220px;
        top: 0px;
        display: block;
        background: #42464a;
        width: 54px;
        height: 54px;
        text-align: center;
        line-height: 54px;
        z-index: 25;
    }
    #lMenu > ul {
        width: 220px;
        background: #42464A;
        min-height: 100%;
    }
    #lMenu > ul > li:after ,
    #lMenu > ul > li:before {
        content: none;
    }
    #lMenu > ul > li.bd:after,
    #lMenu > ul > li.bd:before {
        content: "";
    }
    #mainWrap ,
    #admin #mainWrap{
        padding: 0;
        padding: 100px 0 0;
    }
    #mainWrap > ul ,
    #mainWrap.admin > ul {
        padding: 40px 20px;
    }
    #newsArea,
    #proxyDetailArea {
        /*【10J5BI1】メインメニュー画面の崩れ修正 HTS BAODI 2020/01/14 MOD[S]*/
        /*padding: 40px 20px 0 !important;*/
        padding: 20px 20px 0 !important;
        /*【10J5BI1】メインメニュー画面の崩れ修正 HTS BAODI 2020/01/14 MOD[E]*/
        margin-bottom: -20px;
    }
    #mainWrap > ul  {
        zoom: 1; /* for IE7- */
    }
    #mainWrap > ul:after {
        content: '';
        display: block;
        clear: both;
    }
    #mainWrap > ul > li {
        margin-bottom: 20px;
    }
    #admin #mainWrap.admin > ul > li {
        width: 100%;
        min-height: 0;
    }
    #mainWrap.admin ul li ul li {
        display: inline-block;
        width: 50%;
        margin-bottom: 20px
    }
    #mainWrap ul .data ,
    #mainWrap ul .camera {
        width: 100%;
        clear: both;
    }

    #mainWrap ul .data a ,
    #mainWrap ul .camera a {
        width: 100%;
        display: block;
        background: #42464A;
        line-height: 140px;
        text-align: center;
        color: #fff;
        font-size: 28px;
        border-radius: 4px;
    }

        #mainWrap div .camera {
            width: 100%;
            display: block;
            background: #42464A;
            line-height: 140px;
            text-align: center;
            color: #fff;
            font-size: 28px;
            border-radius: 4px;
        }
    #mainWrap ul .data a i ,
    #mainWrap ul .camera a i {
        margin-right: 15px;
        display: inline-block;
        margin-top: -8px;
        font-size: 36px;
        color: rgba(255,255,255,.6);
    }

    #mainWrap ul .application {
        /* float: left; */
        /* width: 50%; */
        /* padding-right: 10px; */
    }
    #mainWrap ul .adjustment {
        /* float: left; */
        /* width: 50%; */
        /* padding-left: 10px; */
    }
    #mainWrap ul .approval {
        float: none;
        clear: both;
    }
    #mainWrap .mainHeadWrap {
        padding: 0px 0px 10px;
        border-radius: 4px;
        height: auto;
        text-align: center;
        box-shadow: 4px 4px rgba(0, 0, 0, .1);
    }
    #mainWrap .mainHeadWrap .headTtl {
        float: none;
        color: #fff;
        line-height: 40px;
        font-size: 32px;
        letter-spacing: 5px;
        padding: 30px 20px 15px;
        position: relative;
    }
    #mainWrap .mainHeadWrap .headTtl a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url(../images/top/sp_arrow.png) no-repeat right 15px center;
    }
    #mainWrap .mainHeadWrap .headTtl a:hover {
        background-position: right 10px center
    }
    #mainWrap .mainHeadWrap .headTtl .en {
        display: none
    }
    #mainWrap .mainHeadWrap .headTtl i {
        display: block;
        font-size: 70px;
        margin-bottom: 10px;
    }
    #mainWrap .mainHeadWrap .headTtl i {
        display: inline-block;
        margin-right: 15px
    }
    #mainWrap .mainHeadWrap ul {
        float: none;
        width: 100%;
        padding: 0 20px;
    }
    #mainWrap .mainHeadWrap ul li {
        font-size: 18px;
        line-height: 60px;
        border-radius: 30px;
        max-width: 200px;
        text-align: left;
        padding-left: 25px;
    }
    #mainWrap .application .mainHeadWrap ul li, #mainWrap .adjustment .mainHeadWrap ul li, #mainWrap .approval .mainHeadWrap ul li {
        /* float: none; */
        /* width: 100%; */
        /* margin: 0 auto 10px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        line-height: 1;
        min-height: 45px;
    }
    #mainWrap .mainHeadWrap ul li {
        width: 32%;
        width: calc((100% - 20px) / 3);
    }
    #mainWrap .mainBtnWrap {
        position: absolute;
        display: none;
        z-index: 100;
        width: 100%;
        width: calc(100% - 40px);
        left: 0;
        padding: 20px;
        top: 0;
        background: #fff;
        margin: 20px 20px 0;
    }
    .mainBtnWrap .ttl {
        padding: 20px;
        text-align: center;
        font-size: 32px;
        color: #0C3D65;
        position: relative;
    }
    #mainWrap .approval .mainBtnWrap .ttl {
        color: #067d57;
    }
    #mainWrap .adjustment .mainBtnWrap .ttl {
        color: #0b82a0;
    }
    #mainWrap .application .mainBtnWrap .ttl {
        color: #0d3d65;
    }
    .mainBtnWrap .ttl .closeModal {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .mainBtnWrap .btn {
        text-align: center;
        width: 100%;
        margin: 0 auto 20px;
        max-width: 500px;
        padding: 0 10px;
    }
    .mainBtnWrap .btn a {
        display: inline-block;
        line-height: 86px;
        background: #42464A;
        color: #fff;
        border-radius: 4px;
        width: 100%;
        font-size: 20px;
    }
    .mainBtnWrap .btn a i {
        font-size: 35px;
        vertical-align: middle;
        margin-right: 10px;
        color: rgba(255,255,255,.6);
        margin-top: -3px;
        display: inline-block;
    }
    #mainWrap .mainBtn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        flex-wrap: wrap;
        /* margin: 0 -10px; */
        max-width: 500px;
    }
    #mainWrap .mainBtn li {
        width: 50%!important;
        text-align: center;
        margin-bottom: 0;
        padding: 0;
        border-radius: 4px;
        position: relative;
        box-shadow: none;
        margin-bottom: 20px;
        padding: 0 10px;
        max-width: 220px;
    }
    #mainWrap .mainBtn li p {
        /* width: 220px; */
        width: 100%;
        padding: 30px 25px;
        border-radius: 4px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    #mainWrap .approval .mainBtn li p {
        background: #067d57;
    }
    #mainWrap .adjustment .mainBtn li p {
        background: #0b82a0;
    }
    #mainWrap .application .mainBtn li p {
        background: #0d3d65;
    }
    #mainWrap .mainBtn li i {
        text-align: center;
        margin: 0 auto 15px;
        color: rgba(255,255,255,.6)!important;
        line-height: 1;
        width: 100%;
    }
    #mainWrap .mainBtn li span {
        color: #fff;
        font-size: 20px;
        line-height: 1;
        display: block;
        width: 100%;
    }
    #mainWrap .mainHeadWrap ul li .new {
        width: 24px;
        height: 24px;
        border-radius: 12px;
        line-height: 24px;
        position: static;
    }
    #mainWrap .mainBtn li .num {
        position: absolute;
        width: 20px;
    }
    #versionInner {
        padding: 20px;
    }
}
@media screen and (min-width: 641px) {
    .u640 {display: none !important;}
}
@media screen and (max-width: 640px) {
    #mainWrap .mainBtnWrap {
        padding: 5px;
        width: calc(100% - 20px);
        margin: 50px 10px 0;
    }
    #mainWrap .mainBtn li p {
        /* padding: 40px 35px; */
        border-radius: 4px;
        position: relative;
    }
    #mainWrap .mainBtn li span {
        font-size: 18px;
    }
    .mainBtnWrap .btn {
    }
    #newsArea table,
    #newsArea tbody,
    #newsArea tr,
    #newsArea th,
    #newsArea td,
    #proxyDetailArea table,
    #proxyDetailArea tbody,
    #proxyDetailArea tr,
    #proxyDetailArea th,
    #proxyDetailArea td {
        display: block;
        width: 100%;
    }
    #newsArea th,
    #proxyDetailArea th {
        line-height: 26px;
    }
    #proxyDetailArea tr {
        position: relative;
    }
    #proxyDetailArea td {
        padding-right: 10em;
        line-height: 1.6;
    }
    #proxyDetailArea #proxyChange {
        position: absolute;
        right: 0;
        bottom: 0;
        padding-right: 10px;
    }
}
@media screen and (max-width: 480px) {
    #admin #mainWrap.admin ul li ul li {
        width: 100%;
    }
    #mainWrap > ul ,
    #mainWrap.admin > ul {
        padding: 40px 10px;
    }
    #newsArea ,
    #proxyDetailArea {
        padding: 40px 10px 0!important;
        margin-bottom: -20px;
    }
    #mainWrap ul .application ,
    #mainWrap ul .adjustment {
        float: none;
        width: 100%;
        padding: 0;
    }
    #mainWrap .mainHeadWrap ul li {
        width: 100%;
        float: none;
        margin: 0 auto 15px!important;
        max-width: 100%;
        padding: 0 20px!important;
    }
    #mainWrap .approval .mainHeadWrap .headTtl i {
        display: block;
        margin-right: 0
    }
    #mainWrap .mainBtn li p {
        /* padding: 30px 25px; */
    }
    #mainWrap .mainBtn li span {
        font-size: 15px;
    }
    .mainBtnWrap .btn {
    }
}
@media screen and (max-width: 420px) {
    .logoImg {
        width: 100px;
        transition: .25s;
    }
}
@media screen and (max-width: 380px) {
    #mainWrap .mainBtn li p {
        padding: 20px 15px;
    }
}
.isCurrency {
    text-align: right;
}

/* 20180724 LIUJIA ADD BEGIN スマホサイズでみると、レフトメニューで件数が見切れている。*/
.newcount {
    position: absolute;
    right: 16px;
    top: 50%;
    min-width: 25px;
    line-height: 18px;
    background: #FE8D10;
    text-align: center;
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
    margin-top: -9px;
    margin-left:15px;
}
/* 20180724 LIUJIA ADD END スマホサイズでみると、レフトメニューで件数が見切れている。*/
/*2018/11/12 V7-172 ADD-[S]*/
.ui-datepicker {
    width: 21em !important;
}
ul.mainBtn > li > p {
	display: inline-block;
	width: 100%;
}
ul.mainBtn > li > p > span {
	display: inline-block;
	width: 100%;
}
/*2018/11/12 V7-172 ADD-[E]*/

/*2018/11/12 V7-171 DTT-Chin Add-S*/
#showPassWordIcon p {
    position: relative;
}

#showPassWordIcon #showPassWord {
    position: absolute;
    right: 7px;
    bottom: 5px;
    display: block;
    width: 34px;
    height: 31px;
    background: url(../images/top/change_icon.png) no-repeat center bottom;
}

    #showPassWordIcon #showPassWord.on {
        background-position: center top
    }
/*2018/11/12 V7-171 DTT-Chin Add-E*/

/*2019/02/22 V7.11製品対応 10.同一日同一区間移動チェック by T.Okazaki[Add-S]*/
.OverlapDetails {
    border-style: ridge;
    border-width: 3px;
    border-color: gray;
    background-color: yellow;
    padding: 5px;
    margin-bottom: 20px;
}

    .OverlapDetails .message {
        font-size: smaller;
    }
/*----------------------------------------
重複明細テーブル
.overlapTable
-----------------------------------------*/
.overlapTable {
    width: initial;
    margin-bottom: 5px;
}

    .overlapTable tr {
        background: initial !important;
    }

    .overlapTable th {
        font-size: smaller;
        font-weight: bold;
        padding: 0 0 0 0.5em;
        text-align: left;
        /* 2019/04/18 V7.11製品対応 10.同一日同一区間移動チェック 不具合対応_CT1 Y.Bonkohara[Mod-S] */
        /*background-color: initial !important;*/
        background-color: transparent !important;
        /* 2019/04/18 V7.11製品対応 10.同一日同一区間移動チェック 不具合対応_CT1 Y.Bonkohara[Mod-E] */
        border: none;
        color: #555;
    }

    .overlapTable td {
        font-size: smaller;
        padding: 1em 0.5em 0 0;
        text-align: left;
        /* 2019/04/18 V7.11製品対応 10.同一日同一区間移動チェック 不具合対応_CT1 Y.Bonkohara[Mod-S] */
        /*background-color: initial !important;*/
        background-color: transparent !important;
        /* 2019/04/18 V7.11製品対応 10.同一日同一区間移動チェック 不具合対応_CT1 Y.Bonkohara[Mod-E] */
        border: none;
    }

@media screen and (max-width: 640px) {
    .overlapTable, .overlapTable tbody, .overlapTable tr, .overlapTable td {
        display: block;
        border: none;
    }

        .overlapTable tr {
            border: 1px dotted orange;
        }

        .overlapTable th:not(.visible) {
            display: none !important;
        }

        .overlapTable th.visible {
            display: flex;
            padding: 0;
            align-items: stretch;
        }

        .overlapTable td {
            display: flex;
            padding: 0;
            align-items: stretch;
            vertical-align: middle;
        }

            .overlapTable td.none {
                display: none !important;
            }

            .overlapTable td.last,
            .overlapTable tr:last-child td:last-child {
            }

        .overlapTable th.visible > span {
            padding: 3px;
            width: auto;
            word-break: break-all;
        }

        .overlapTable td > span {
            padding: 3px;
            width: 100%;
            word-break: break-all;
        }

        .overlapTable td .u640 {
            display: flex;
            align-items: center;
        }
}

@media screen and (max-width: 480px) {
    .overlapTable {
        font-size: 13px
    }

        .overlapTable td .u640 {
            width: 100px;
            min-width: 100px;
        }
}

/*2019/02/22 V7.11製品対応 10.同一日同一区間移動チェック by T.Okazaki[Add-E]*/

/* 2019/03/05 V7.11製品対応 07-02.予算コード対応_レフトメニュー Y.Bonkohara[Add-S] */
.subMenuWrap {
    padding: 0px 10px 0;
}

    .subMenuWrap > .subMenuSpan {
        margin-top: 64px;
        display: inline-block;
    }

@media screen and (max-width: 768px) {
    .subMenuWrap {
        padding: 10px 15px 10px 30px;
    }

        .subMenuWrap > .subMenuSpan {
            margin-top: 0px;
        }
}
/* 2019/03/05 V7.11製品対応 07-02.予算コード対応_レフトメニュー Y.Bonkohara[Add-E] */

/*【Ph3】BA-LM-02-02 メインメニュー コールセンタ番号記載先 HTS BAODI 2020/02/05 ADD[S]*/

.callcenterWrap a {
    pointer-events: none;
}

.callcenterTelNo {
    color: red;
    font-size: 13px;
}

.callcenterWrap .icon > i {
    background-color: #FE9F33 !important;
}

#admin #header .callcenterWrap {
    display: none;
}

#lMenu .callcenterInfo {
    line-height: 2;
    font-size: 12px;
}

#lMenu .callcenterWrap:hover > a {
    color: #FFFFFF;
}

#lMenu .callcenterTelNo {
    color: #FE9F33;
}

/*【Ph3】BA-LM-02-02 メインメニュー コールセンタ番号記載先 HTS BAODI 2020/02/05 ADD[E]*/

/*【Ph3&Corp】CT不具合B票No.1 ヘッダー部のレスポンシブ対応 2020/06/22 HTS BAODI ADD[S]*/
@media screen and (max-width: 1366px) {
    body:not(#admin) .ov1366 { 
        display: none!important;
    }
}
@media screen and (max-width: 1280px) {
    body:not(#admin) .ov1280 {
        display: none !important;
    }
}
@media screen and (max-width: 1024px) {
    body:not(#admin) .ov1024 {
        display: none !important;
    }
}
@media screen and (max-width: 900px) {
    body:not(#admin) .ov900 {
        display: none !important;
    }
}
/*【Ph3&Corp】CT不具合B票No.1 ヘッダー部のレスポンシブ対応 2020/06/22 HTS BAODI ADD[E]*/

/*【10J5BI1】(日立製作所)MP不具合No.104 輸出管理確認子画面の文言が不正 HTS BAODI 2020/03/09 ADD[S]*/
.yushutCmt {
    width: 70%;
}

#yushutErrMsg {
    float: right;
}

@media screen and (max-width: 1024px) {
    .yushutCmt {
        width: 100%;
    }

    #yushutErrMsg {
        float: none;
    }
}
/*【10J5BI1】(日立製作所)MP不具合No.104 輸出管理確認子画面の文言が不正 HTS BAODI 2020/03/09 ADD[E]*/

/*【Ph3】 BA-B0-03-03 贈収賄防止関連対応　HTS BAODI 2020/03/30 ADD[S]*/
#zswaiWrap {
    margin-top: -20px;
    margin-bottom: 40px;
    background-color: #FFF;
    border: 1px solid #F9A825;
    padding: 15px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.6;
}
/*【Ph3】 BA-B0-03-03 贈収賄防止関連対応　HTS BAODI 2020/03/30 ADD[E]*/

/*【Ph3】BA-B1-09-01 反社会的取引防止関連 HTS nakashima 2020/05/21 ADD[S]*/
#hanshaWrap > ul > li {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0px;
    min-height: 0px;
}
/*【Ph3】BA-B1-09-01 反社会的取引防止関連 HTS nakashima 2020/05/21 ADD[E]*/

/*【コーポ指摘No.9】BA-J1-06-XX 定額支給の支給数の表示廃止 HTS BAODI 2020/05/22 ADD[S]*/
.visibility-none {
    visibility: hidden;
}

@media screen and (max-width: 480px) {
    .visibility-none {
        display: none;
    }
}
/*【コーポ指摘No.9】BA-J1-06-XX 定額支給の支給数の表示廃止 HTS BAODI 2020/05/22 ADD[E]*/

/*【コーポ指摘No.20】BA-J0-01-XX他 グループ単位で必須マーク表示制御 HTS BAODI 2020/06/04 ADD[S]*/
.requiredGroup::after {
    content: " ※";
}
/*【コーポ指摘No.20】BA-J0-01-XX他 グループ単位で必須マーク表示制御 HTS BAODI 2020/06/04 ADD[E]*/

/*本精算をオレンジ色に変更 K.Suzuki 2020/8/7 */
.honseisan {
    background: #e87a01 !important;
}

.nontitle > .ttl {
    display: none;
}
/*アクセシビリティ対応(一次対応) 音声読み上げ対応 Y.Bonkohara 2023/02/13 ADD[S]*/
.hiddentitle > .ttl {
    visibility:hidden;
}
/*アクセシビリティ対応(一次対応) 音声読み上げ対応 Y.Bonkohara 2023/02/13 ADD[E]*/
/*V7-089 ADD 2018/07/10*/
button[disabled] {
    opacity: 0.5;
    cursor: default;
}
/*V7-089 ADD 2018/07/10*/
/*【10J5BI1】大連手動マージ HTS isa 2019/11/11 ADD[S] */
/*20190606 参照用ID DTT-LI ADD START*/
a[disabled] {
	opacity: 0.5;
	cursor: default;
}
/*20190606 参照用ID DTT-LI ADD END*/
/*【10J5BI1】大連手動マージ HTS isa 2019/11/11 ADD[E] */
/*@charset "UTF-8";*/

input:not([type="checkbox"]), select ,textarea {
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 16px;
    padding: 3px 6px;
    color: #555;
    min-height: 40px;
    display: inline-block;
    background: #fff;
    width: 100%;
}
input[readonly] {
    background: #f5f5f5;
    border: 1px solid #ccc;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
.pc .spOnly {
    display: none!important;
}
.datepicker {
    display: none!important;
}
.pc .datepicker {
    display: inline-block!important;
}
textarea {
    padding: 5px
}
/*【10J5BI1】 BA-CM-06-01 追加仮払機能 HTS sakamoto 2019/09/10 ADD[S]*/
textarea[readonly] {
    background: #f5f5f5;
    border: 1px solid #ccc;
}
/*【10J5BI1】 BA-CM-06-01 追加仮払機能 HTS sakamoto 2019/09/10 ADD[E]*/
/*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima  2019/10/04 MOD[S]*/
/*
form > #mainWrap > div:not(.sectionend):not(#mainHeadWrap):not(#errArea) {
    padding: 0px 40px 0px;
}
*/
form > #mainWrap > div:not(.sectionend):not(#mainHeadWrap):not(#errArea):not(.knriSection) {
    padding: 0px 40px 0px;
}
/*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima  2019/10/04 MOD[E]*/

/*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima  2019/10/04 ADD[S]*/
form > #mainWrap .knriSection {
    padding: 20px 40px 0px;
}
/*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima  2019/10/04 ADD[E]*/
form > #mainWrap > #errArea {
    margin: 40px 40px;
}
form > #mainWrap > #mainHeadWrap {
    padding: 40px 40px 0px;
}
form > #mainWrap > .sectionend {
    padding: 0px 40px 120px;
}
form > #mainWrap > p {
    margin: 20px 40px;
}
#mainWrap #errFixed {
    position: fixed;
    z-index: 10;
    /* background: rgba(255, 217, 217, 0.95); */
    right: 0;
    top: 53px;
    border-radius: 0 0 0 5px;
    padding: 0;
    overflow: hidden;
    display: none;
}
#errFixed a {

}
#errToggleBtn {
    background: rgba(255, 217, 217, 0.95) url(../images/form/err_icon.png) no-repeat 10px center;
    display: block;
    padding: 10px 10px 10px 31px;
    /* height: 40px; */
    /* line-height: 40px; */
    color: #ff0000;
    font-size: 14px;
}
#errToggleTarget {
    display: none;
    padding: 0px 0 10px 20px;
    background: rgba(255, 217, 217, 0.95);
    border-top: 1px solid #fff;
    font-size: 14px;
}
#errToggleTarget li {
    padding: 10px 0;
}
#errToggleTarget a {
    text-decoration: underline;
    color: #ff0000
}
.sub #mainHeadWrap {
    display: table;
    width: 100%;
    margin-bottom: 25px;
}
.sub #mainHeadWrap h2 {
    display:table-cell;
    vertical-align: middle;
    font-size: 24px;
    letter-spacing: 3px;
}
.sub #mainHeadWrap .callBtnArea {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.sub #mainHeadWrap .callBtnArea .callbtn ,
.searchBtn {
    display: inline-block;
    line-height: 50px;
    width: 152px;
    text-align: center;
    box-shadow: 2px 2px 2px 2px #f1f1ef;
}
.searchBtn {
    width: 100%;
    margin: 10px 0 0;
    display: block;
    max-width: 600px;
}
.sub #mainHeadWrap .callBtnArea .callbtn a ,
.searchBtn a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #aaa;
    border-radius: 4px;
    color: #fff;
}
.sub #mainHeadWrap .callBtnArea .callbtn i ,
.searchBtn a i {
    display: inline-block;
    margin-right: 5px;
    font-size: 25px;
    vertical-align: middle;
}
.searchBtn a i {
    font-size: 20px;
    margin-top: -3px;
}
#application #mainHeadWrap h2 {
    color: #0d3d65;
}
#approval #mainHeadWrap h2 {
    color: #067d57;
}
#adjustment #mainHeadWrap h2 {
    color: #0b82a0;
}
#data #mainHeadWrap h2 ,
#config #mainHeadWrap h2,
#admin #mainHeadWrap h2 {
    color: #41464A;
}
.proxy #mainHeadWrap h2:before {
    content: "代理";
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #fe8d10;
    background: #fe8d10;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    width: 45px;
    height: 25px;
    line-height: 25px;
}
.sub #mainHeadWrap h2.ptn2 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 20px;
    margin-right: 20px;
}
.sub #mainHeadWrap h2.ptn2 span {
    font-size: 24px;
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#application #mainHeadWrap h2.ptn2 span {
    border-bottom-color: #0d3d65
}
#approval #mainHeadWrap h2.ptn2 span {
    border-bottom-color: #067d57
}
#adjustment #mainHeadWrap h2.ptn2 span {
    border-bottom-color: #0b82a0;
}
.sub #mainHeadWrap .formBtns {
    display:table-cell;
    vertical-align: middle;
}
#infoArea {
    background: #fff;
    border-radius: 2px;
    padding: 7px;
    margin-bottom: 25px;
    font-size: 13px;
    margin-top: -10px;
    line-height: 1.6;
    letter-spacing: -1em
}
#infoArea span {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 15px;
}
#remandArea {
    background: #fef7c1;
    padding: 30px;
    margin-bottom: 20px;
}
#remandArea dl dt {
    margin-bottom: 10px
}
#remandArea dl dt .icon {
    margin-right: 4px;
    color: #FE8D10;
    font-size: 25px;
}
#remandArea dl dd {
    margin-left: 28px
}
#errArea {
    border: 1px solid #cc1004;
    padding: 15px 30px;
    margin-bottom: 20px;
}

#editModal #errArea {
    margin: 15px 5px;
    padding: 15px 5px 5px;
    border-width: 1px;
}
#editModal #errArea  > ul > li {
    padding-left: 1em;
    text-indent: -1em;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [S]*/
#editModalDouble #errArea {
    margin: 15px 5px;
    padding: 15px 5px 5px;
    border-width: 1px;
}

#editModalDouble #errArea > ul > li {
        padding-left: 1em;
        text-indent: -1em;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [E]*/
#errArea > ul > li {
    margin-bottom: 20px
}
#errArea li {
    color: #cc1004;
    margin-bottom: 10px;
}
#editModal #errArea li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 15px;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [S]*/
#editModalDouble #errArea li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 15px;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [E]*/
#errArea li a {
    color: #cc1004;
    text-decoration: underline;
    display: block;
    margin-bottom: 10px;
}

#errArea li:last-child {
    margin-bottom: 0
}
#errArea li li {
    font-size: 15px;
}
#editModal #errArea li:before,
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [S]*/
#editModalDouble #errArea li:before,
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [E]*/
#errArea li li:before {
    content:"・";
}
#alertArea {
    padding: 10px 30px;
    margin-bottom: 20px;
    background: #fef7c1;
}
#editModal #alertArea {
    margin: 15px 5px;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [S]*/
#editModalDouble #alertArea {
    margin: 15px 5px;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [E]*/
#alertArea li {
    color: #333;
    margin-bottom: 10px;
    /* background: #ffff6d; */
    /* display: inline-block; */
    /* font-weight: bold; */
    font-size: 14px;
}
#alertArea li:last-child {
    margin-bottom: 0
}
#alertArea li:before {
    /* content:"・"; */
}
.formBtns {
    text-align: center;
    letter-spacing: -1em; /* 文字間を詰めて隙間を削除する */
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(255, 255, 255, .90);
    position: fixed;
    padding: 10px 5px 10px 220px;
    display:  flex;
    justify-content:  center;
}
.formBtns.on .ptn2 {
    padding: 5px 0
}
.formBtns .ptn2 {
    padding: 5px 0 25px;
}
.formBtns li {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 10px;
    box-shadow: 2px 2px 2px 2px #f1f1ef;
    width: 152px;
    transition: .3s;
    margin:  5px 0 5px 10px;
}
.formBtns .ptn2 li {
    box-shadow: none;
    width: auto;
    padding: 0 30px;
}
.formBtns li span {
    display: none;
}
/*スキャンセンタPDF出力 日付時刻追加対応 DTT 2020/06/20 ADD[S]*/
.formBtns li.w260 span {
    display: block;
}
/*スキャンセンタPDF出力 日付時刻追加対応 DTT 2020/06/20 ADD[E]*/

.formBtns li.on span {
    display: inline;
}
.formBtns li button ,
.formBtns li a {
    transition: .2s;
}
.formBtns .enterBtn ,
.formBtns .confirmBtn ,
.formBtns .approvalBtn ,
.formBtns .remandEnterBtn {
    width: 202px;
}
.formBtns li button ,
.formBtns li a {
    height: 52px;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
}
.formBtns .ptn2 li a {
    line-height: 1;
    height: auto;
    font-size: 14px;
    border: none;
    box-shadow: none;
    display: inline;
    color: #3399ff;
}
.formBtns .ptn2 li a:hover {
    text-decoration: underline;
}
.formBtns li button i {
    font-size: 18px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    opacity: .75;
}
#approval .formBtns li button {
    background: #def5eb;
    border: 2px solid #097d58;
    color: #097d58;
}
#application .formBtns li button {
    background: #e8f1fa;
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[S]*/
    border: 2px solid #0d3d65;
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[E]*/
    color: #0d3d65;
}
#adjustment .formBtns li button {
    background: #dcf4f8;
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[S]*/
    border: 2px solid #0e819e;
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[E]*/
    color: #0e819e;
}
#data .formBtns li button ,
#config .formBtns li button,
#admin .formBtns li button ,
#admin .formBtns li .button {
    background: #F0F0F0;
    border: 2px solid #42464A;
    color: #41464A;
}
.homeBtn {
    background: #fc7727;
    color: #fff;
    line-height: 43px;
    height: 43px;
    border-bottom: 2px solid #df5220;
    width: 140px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
}
.admBtn {
    background: #005694;
    color: #fff;
    line-height: 28px;
    height: 28px;
    width: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
}
#mainWrap .formBtns .enterBtn button ,
#mainWrap .formBtns .approvalBtn.on button ,
#mainWrap .remandEnterBtn button ,
#mainWrap .formBtns .approvalBtn button,
#mainWrap .formBtns .remandEnterBtn button,
#mainWrap .formBtns .enterBtn a ,
#mainWrap .formBtns .approvalBtn.on a ,
#mainWrap .remandEnterBtn a ,
#mainWrap .formBtns .approvalBtn a,
#mainWrap .formBtns .remandEnterBtn a {
    color: #fff;
    background: #e87a01;
    border-color: transparent;
    border: none;
    line-height: 52px;
}
@media screen and (min-width: 769px) {
    #mainWrap .formBtns.on {
        padding: 5px 5px 5px 220px
    }
    .formBtns.on li {
        /* width: 120px; */
        /* margin-right: 20px; */
    }
    .formBtns.on .enterBtn ,
    .formBtns.on .confirmBtn ,
    .formBtns.on .approvalBtn ,
    .formBtns.on .remandEnterBtn {
        /* width: 160px; */
    }
    .formBtns.on li button ,
    .formBtns.on li a ,
    #mainWrap .formBtns .ptn2 button {
        line-height: 31px;
        height: 34px;
        font-size: 14px;
        border-width: 1px!important;
    }
    #mainWrap .formBtns.on .enterBtn button ,
    #mainWrap .formBtns.on .approvalBtn.on button ,
    #mainWrap .on .remandEnterBtn button ,
    #mainWrap .formBtns.on .approvalBtn button,
    #mainWrap .formBtns.on .remandEnterBtn button,
    #mainWrap .formBtns.on .enterBtn a ,
    #mainWrap .formBtns.on .approvalBtn.on a ,
    #mainWrap .on .remandEnterBtn a ,
    #mainWrap .formBtns.on .approvalBtn a,
    #mainWrap .formBtns.on .remandEnterBtn a {
        line-height: 34px;
    }

}
#mainWrap .formBtns .confirmBtn button {
    /* border: none; */
    color: #fff;
}
#approval .formBtns .confirmBtn button {
    background: #097d58;
}
#application .formBtns .confirmBtn button {
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[S]*/
    background: #e87a01;
    border: #fff
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[E]*/
}
#adjustment .formBtns .confirmBtn button {
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[S]*/
    /* background: #0e819e; */
    background: #e87a01;
    border: #fff
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[S]*/
}
/*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/09/24 DEL[S]
.navyBlueColor {
    background: #0e819e !important;
}
  【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/09/24 DEL[E]*/

.formBtns .approvalBtn a {
    /* background: url(../images/form/btn_bg1.png) repeat-x left bottom; */
    /* color: #888; */
    /* border: 1px solid #6d7f93; */
    /* line-height: 43px; */
    /* height: 43px; */
    /* box-shadow: inset 1px 1px #ececec; */
    /* text-shadow: 0px 0 2px #d8d8d8; */
}
.formBtns .reviseBtn button ,
.formBtns .holdBtn button {
    background: #aaa;
    color: #fff;
    /* box-shadow: 0 2px #999; */
    border-bottom: 2px solid #999;
}
#mainWrap .section .sectionend {
    margin-bottom: 0;
    clear: both;
}
#mainWrap .section .formSectionInner {
    padding: 20px 15px 0;
}
#mainWrap .sectionend .formSectionInner {
    padding: 20px 15px 0;
}
#mainWrap h3 {
    width: 100%;
    font-size: 16px;
    color: #fff;
    background: #005694;
    line-height: 40px;
    font-weight: normal;
    padding: 0 15px;
    border-radius: 3px;
}
#mainWrap .info {
    font-size: 14px;
    padding: 10px 25px 9px;
    background: #fafafa;
    margin-top: 10px;
    text-indent: -1em;
}
#mainWrap .infoMaster {
	font-size: 14px;
	padding: 10px 25px 9px;
	background: #fafafa;
	margin-top: 10px;
}
#mainWrap #proxySelectArea h3 {
    padding-right: 60px;
    position: relative;
}
#application h3 {
    background: #0d3d65;
}
#approval h3 {
    background: #067d57
}
#adjustment h3 {
    background: #0b82a0;
}
#data h3 ,
#config h3,
#admin h3 {
    background:#42464A
}
.datetime {
    /* display: table; */
    /* margin-bottom: 20px; */
    /* width: 100%; */
    /* max-width: 650px; */
}
.datetime > * {
    float: left;
    margin-bottom: 20px;
}
.datetime .end {
    margin-right: 20px;
}
.datetime .total input {
    width: 80px;
}
.selectArea .datetime > * {
    margin-bottom: 0
}
.datetime > *:first-child {
    position: relative;
    padding-right: 35px;
    margin-right: 15px;
    background: url(../images/form/form_line.png) no-repeat right 35px;
}
.datetime.ptn2 > *:first-child {
    background: none;
}
.datetime > span {
    padding: 30px 10px 10px;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    /* width: 40px; */
    vertical-align: middle;
    text-align: center;
    display: block;
}
.selectDate + img {
    margin: 15px 15px 0px 0px;
}
#editModal {
    position: absolute;
    z-index: 9000;
    top: 35%;
    left: 0;
    width: 100%;
    display: none;
    padding: 80px;
}
#editModal .cont:after {
    content:"";
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    padding: 1px;
    z-index: -1;
    opacity: 0;
}
#editModal.modalOn .cont:after {
    z-index: 0;
    opacity: 1;
    transition: .2s
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [S]*/
#editModalDouble {
    position: absolute;
    z-index: 9000;
    top: 35%;
    left: 0;
    width: 100%;
    display: none;
    padding: 80px;
}
#editModalDouble .cont:after {
    content:"";
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    padding: 1px;
    z-index: -1;
    opacity: 0;
}
#editModalDouble.modalOn .cont:after {
    z-index: 0;
    opacity: 1;
    transition: .2s
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [E]*/
.cont {
    padding: 15px 15px 0;
    background: #fff;
    border: 1px solid #aaa;
    margin-bottom: 40px;
}
.cont.ptn2 {
    padding: 0;
    margin-bottom: 20px;
}
.cont.ptn2.err {
    border-color: #f00;
}

/*//【10J5BI1】(日立製作所)CT不具合No.2 通知・お知らせ登録 レイアウト修正 HTS fujita 2020/06/19 MOD[S]*/
.continfo {
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
}
/*//【10J5BI1】(日立製作所)CT不具合No.2 通知・お知らせ登録 レイアウト修正 HTS fujita 2020/06/19 MOD[E]*/

#editModal .cont {
    max-width: 1000px;
    margin: auto;
}
#editModal .modalTitle {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background: #e8f1fa;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [S]*/
#editModalDouble .cont {
    max-width: 1000px;
    margin: auto;
}
#editModalDouble .modalTitle {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background: #e8f1fa;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [E]*/
.addCont {
    text-align: center;
    border: 3px dashed #ccc;
    display: block;
    width: 100%;
    min-height: 80px;
    height: 100%;
    border-radius: 10px;
    color: #888;
    text-indent: -2em;
    margin-bottom: 40px;
    padding: 15px 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.addCont.small {
    min-height: 40px;
    font-size: 14px;
    border-width: 2px;
}
.addContWrap {
    display: flex;
    flex-wrap: wrap;
}
.addContWrap li {
    margin-bottom: 10px;
    /* float: left; */
    padding: 0 5px;
}
.addContWrap .addCont {
    text-indent: 0;
    margin-bottom: 0;
    border-width: 2px;
}
.addCont i {
    font-size: 40px;
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.addCont.small i {
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 35px;
    width: auto;
}
.cont .box {
    padding: 20px 10px 0px;
}
.cont.ptn2 .table {
    margin: -10px -10px 0;
}
.cont.ptn2 .box {padding: 0;}
.cont.ptn2 .box .selectArea {
    margin-bottom: 0
}
.cont h4 {
    font-weight: normal;
    color: #005694
}
.cont.ptn2.err h4 a {
    background: #ffe2e2;
}
.cont.ptn2 h4 > span ,
.cont.ptn2 h4 a {
    display: block;
    padding: 13px 15px;
    background: #e8f1fa;
    color: #005694;
}
.cont.ptn2 h4 > a {
    position: relative;
    padding-right: 40px;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.cont.ptn2 h4 > a:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 3px;
    background: #999;
    right: 13px;
    top: 50%;
    margin-top: -1px;
}
.cont.ptn2 h4 > a:after {
    content: "";
    position: absolute;
    height: 24px;
    width: 3px;
    background: #999;
    right: 23px;
    top: 50%;
    margin-top: -11px;
    transition: .25s;
    opacity: 0;
    transform: rotate(-90deg)
}
.cont.ptn2 h4 > a.hide:after {
    opacity: 1;
    transform: rotate(0)
}
.cont h4 a > span {
    display: table-cell;
    vertical-align: middle;
}
.cont h4 a > span:first-child {
    /* white-space: nowrap; */
    width: 95px;
}
.cont h4 .num {
    font-size: 12px!important;
    margin-left: 10px;
}
.cont h4 span .num {
    margin-right: 10px
}
.cont h4 .errMsg {
    display: inline-block;
    margin-left: 0;
}
.cont h4 a .subTitleWrap {
    color: #333;
    padding-left: 10px;
    opacity: 0;
    transition: .5s;
    transition-property: opacity;
    table-layout: fixed;
    width: calc(100% - 100px);
    width: 100%;
}
.cont h4 a.hide .subTitleWrap,
.cont.ptn2.err h4 a .subTitleWrap {
    opacity: 1;
}
.cont h4 a .subTitleWrap .subTitle {
    font-size: 13px!important;
    display: inline-block;
    margin-right: 10px;
    line-height: 1.4;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    width: auto;
}
.cont.ptn2 .contInner2 {
    padding: 20px 20px 10px;
}
.cont.ptn2 .contInner2 table {
    margin-bottom: 5px;
    border-collapse: separate;
    border-spacing: 10px;
    margin-top: -5px
}
.cont.ptn2 .contInner2 table:first-child {
    margin-top: 0
}
.cont.ptn2 .contInner2 table:last-child {
    margin-bottom: 10px;
}
span.ttl {
	/* 2018/11/13 B票NO.217/V7-131 by T.Okazaki MODIFIED-[S] */
	display: table-cell;
	height: 2em;
	vertical-align: middle;
	/* 2018/11/13 B票NO.217/V7-131 by T.Okazaki MODIFIED-[E] */
	font-size: 14px;
	color: #555;
	margin-bottom: 3px;
}
.customInput,
.customInput2,
.changeInput {
    /* padding-right: 45px; */
    position: relative;
    overflow: hidden;
}
.customInput2 {
    padding-right: 110px;
}
.customInput input {
    padding-right: 30px;
    padding-left: 35px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.changeInput input {
    padding-right: 2em;
}
.customInput a {
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 18px;
    /* background: #fff; */
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    /* border: 1px solid #ccc; */
    color: #777;
}
.customInput a:hover {
    color: #555
}
.customInput .customInputSearch {
    left: 1px;
}
.customInput .customInputClear {
    left: auto;
    right: 1px;
    color: #aaa;
}
.customInput .customInputClear:hover {
    color: #666;
}
.customInput2 a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 5px;
    background: #666;
    color: #fff;
    border-radius: 4px;
    font-size: 14px
}
.changeInput a {
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0,-50%);
    background: #e2e2e2;
    width: auto;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #333;
    padding: 0 10px
}
.customInput.readonly a {
    /* background: #f5f5f5; */
}
.customInput a i {display: inline-block;margin-top: -2px;}
.dataSelect {
    margin-bottom: 20px
}
.dataSelect > span {
    display: inline-block;
}
.dataSelect .selectArea {
    width: 160px;
    margin: 0 0 0 10px
}
#dataDetail > li {
    position: relative;
    margin-bottom: 10px;
    padding-right: 20px
}
#dataDetail .heading {
    font-size: 13px;
    font-weight: bold;
}
#dataDetail .dataCont {
    background: #fff;
    border: 1px solid #888;
}
#dataDetail .dataCont ul {
    min-height: 68px;
}
#dataDetail .dataCont li {
    padding: 10px 20px;
    vertical-align: middle;
}
#dataDetail .dataCont li .input {
    white-space: nowrap;
}
#dataDetail .dataCont li input {
    text-align: center;
    border: none;
    border-bottom: 1px solid #aaa;
    border-radius: 0;
    text-overflow: ellipsis;
}
#dataDetail .dataCont li input:focus {
    border: 1px solid #ccc;
    text-align: left
}
#dataDetail .deleteBtn {
    position: absolute;
    right: 10px;
    top: 50%;
    color: #555;
    font-size: 30px;
    display: block;
    margin-top: -15px
}
#dataDetail ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#dataDetail ul li {
    display: table-cell;
    width: 33%;
    /* width: calc(100% / 3); */
    text-align: center;
}
#dataDetail .detailTtl {
    display: none
}
#dataDetailWrap .addCont {
    line-height: 70px;
    border-radius: 5px;
}
#cardDetail {
    margin-bottom: 20px;
    font-size: 14px;
}
#cardDetail > li {
    display: flex;
    padding: 0;
}
#cardDetail .cardCont {
    position: relative;
    /* min-height: 50px; */
    background: #fff;
    border-bottom: 1px solid #ccc;
}
#cardDetail .cardCont:last-of-type {
    border-bottom: none
}
#cardDetail .heading {
    padding: 0px 40px 0px 0;
    background: #666;
    color: #fff;
    font-size: 14px;
}
#cardDetail li ul {
    display: flex;
    width: 100%;
    /* align-items: center; */
    /* align-self: stretch; */
}
#cardDetail .cardCont > a {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
#cardDetail li ul li {
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    border-right: 1px solid #ccc;
    padding: 10px 5px;
}
#cardDetail li.heading ul li {
    padding: 8px 0;
}
#cardDetail .number {
    width: 40px;
    text-align: center;
    border-right: 1px solid #ccc;
}
#cardDetail .cardCont .detailTtl {
    display: none;
}
#cardDetail .cardCont .input a {
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 5px 0;
}
.required span.ttl:after {
    content: "※";
    color: red;
}
.required span.heading:after {
    content: "※";
    color: red;
}
span.ttl.ptn2 .left {
    float: left;
}
span.ttl.ptn2 .right {
    float: right;
}
.datetime > p > input {
    width: 110px;
    /* margin-bottom: 10px */
}

.selectDate {
    display: inline-block;
    vertical-align: top;
    /* margin-bottom: 20px; */
    min-width: 8em
}
.pc .selectDate {
    width: 8em;
}
.selectArea .selectDate {
    margin-bottom: 0
}
.selectDate input {
    width: 100%;
}
.selectTime {
    display: inline-block;
    vertical-align: top;
    /* margin-bottom: 20px; */
    width: 153px;
}
.selectTime .ui-selectmenu-button.ui-button, .selectTime select {
    width: 60px;
}
.selectTime .custom-combobox {
    width: 75px;
    display: inline-block;
    vertical-align: middle;
}
.selectTime .custom-combobox input {
    padding: 5px 0 5px 10px;
}
.selectTime .custom-combobox a {
    /*	background: transparent;*/
    border: 1px solid transparent;
    border-left: none;
    border-radius: 0 5px 5px 0;
}
.err .custom-combobox a {
    background: transparent;
}
.selectTime .custom-combobox a:after {
    /*	color: #ddd;*/
}
.err .custom-combobox a:after {
    color: #999;
}
#mainWrap #proxySelectArea {
    /* background: #efefef; */
    /* padding: 30px; */
    margin-bottom: 35px;
    padding: 0;
}
#proxySelectArea > .formSectionInner > .on {
    display: none;
}

#proxySelectArea input {
    width: 180px;
    margin: 0 15px 10px 0;
}
#proxySelectArea input[readonly] {
    background: #fff
}
.formSectionInner .errMsg,
#editModal .errMsg {
    color: #cc1004;
    display: block;
    margin: 5px 0 0 5px;
    text-align: left;
    padding-left: 0.7em;
    text-indent: -1.2em;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [S]*/
#editModalDouble .errMsg {
    color: #cc1004;
    display: block;
    margin: 5px 0 0 5px;
    text-align: left;
    padding-left: 0.7em;
    text-indent: -1.2em;
}
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [E]*/
.formSectionInner .alertMsg {
    color: #333;
    color: #fc7727;
    display: block;
    margin: 5px 0 0 5px;
    text-align: left;
    /* background: #fef7c1; */
    font-size: 14px;
    padding: 3px 0;
}
.alertMsg .alertCode {
    margin-right: 5px
}
.alertMsg img {
    margin-right: 3px
}
.err input,
.err select,
.err textarea ,
.err .ui-selectmenu-button.ui-button {
    border: 1px solid #cc1004;
    background: #ffe2e2;
    outline: #cc1004;
}
.alert input,
.alert select,
.alert textarea ,
.alert .ui-selectmenu-button.ui-button {
    /* border: 1px solid #ffff41; */
    background: #fef7c1;
    /* outline: #ffff41; */
}
.err .ui-selectmenu-button.ui-button:after ,
.alert .ui-selectmenu-button.ui-button:after {
    color: #999
}
.required input,
.required select,
.required textarea ,
.required .ui-selectmenu-button.ui-button {
    /* border-left: 4px solid #cc1004; */
}

.remandComment input,
.remandComment select,
.remandComment textarea {
    border: 1px solid #fc7727;
    background: #fff7c1;
    outline: #fc7727;
}
.remandComment .ttl:after {
    content:url(../images/form/icon.png);
    margin-left: 3px;
    vertical-align: middle;
    display: inline-block;
}
.detail p ,.detail > div {
    float:left;
    margin-bottom: 30px;
    padding-right: 20px;
}

.helperSet {
    position: relative;
    padding-right: 40px!important;
}
.helperSet .helper {
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    text-align: center;
    height: 27px;
    margin-top: -13.5px;
    line-height: 1;
}
.aboutIcon {
    margin-bottom: 5px
}
.aboutIcon .helper a {
    color: #3399ff;
    font-size: 14px;
    text-decoration: underline;
}
.aboutIcon .helper a:hover {
    text-decoration: none;
}
.helperDetail {
    display: none;
}
.sTextarea {width: 450px;height: 6.5em;}
.cont {
    position: relative;
}
#breakdown button {
    width: 100%;
    text-align: center;
    border: 2px dashed #ccc;
    display: block;
    line-height: 40px;
    border-radius: 10px;
    color: #888;
    margin-bottom: 20px;
    background: #fff;
}
.cont .deleteBtn {
    color: #555;
    font-size: 30px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}
.selectArea {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.selectAreaDetail {
    display: flex;
    flex-wrap: wrap;
    width: 120px;
}

.selectAreaDetail .customInput {
    display: flex;
    flex-wrap: wrap;
    width: 320px;
}

.selectArea .selectArea {
    margin-bottom: 0
}
.selectArea li {
    float: left;
    padding-right: 20px;
    margin-bottom: 20px;
    width: 180px;
}
/*【10J5BI1】 BA-J1-09-06 立替精算理由制御 HTS nakashima  2019/05/13 ADD[S]*/
.selectArea li.w100p.noTitle textarea{
    width: 100%;
}
/*【10J5BI1】 BA-J1-09-06 立替精算理由制御 HTS nakashima  2019/05/13 ADD[E]*/
.selectArea .selectArea li {
    margin-bottom: 0
}
.selectArea .w33p {
    padding-right: 13px
}

/*//【10J5BI1】(日立製作所)CT不具合No.2 通知・お知らせ登録 レイアウト修正 HTS fujita 2020/06/19 MOD[S]*/
.selectAreaInfo {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.selectAreaInfoDetail {
    display: flex;
    flex-wrap: wrap;
    width: 120px;
}

    .selectAreaInfoDetail .customInput {
        display: flex;
        flex-wrap: wrap;
        width: 320px;
    }

.selectAreaInfo .selectAreaInfo {
    margin-bottom: 0
}

.selectAreaInfo li {
    float: left;
    padding-right: 20px;
    margin-bottom: 5px;
    width: 180px;
}

    .selectAreaInfo li.w100p.noTitle textarea {
        width: 100%;
    }

.selectAreaInfo .selectAreaInfo li {
    margin-bottom: 0
}

.selectAreaInfo .w33p {
    padding-right: 13px
}
/*//【10J5BI1】(日立製作所)CT不具合No.2 通知・お知らせ登録 レイアウト修正 HTS fujita 2020/06/19 MOD[E]*/


.calcArea {
    display: table;
    width: 100%;
    padding: 10px 0 40px;
}
.calcArea.ptn2 {
    width: 100%;
}
.calcArea > li {
    display: table-cell;
    width: 50%;
    padding: 0;
    position: relative;
}
.calcArea.ptn2 > li {
    width: 100%;
}
.calcArea > li:first-child {
    padding-right: 10px;
}
.calcArea > li:last-child {
    padding-left: 10px;
}
.calcArea.ptn2 > li {
    padding: 0;
}
.calcArea > li > div {
    border: 1px solid #888;
    padding: 30px 10px 50px;
    width: 100%;
    background: #fff;
    top: 0;
}
.itemForm .calcArea > li .all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
}
.itemForm .calcArea > li:first-child .all {
    padding-right: 20px
}
.itemForm .calcArea.ptn2 > li .all {
    padding: 0 30px;
    left: 0;
}
.itemForm .calcArea > li:last-child > div {
    position: absolute;
    height: auto;
    transition: .5s;
    width: 100%;
}
.itemForm .calcArea.ptn2 > li > div {
    position: static;
    padding: 30px 30px 50px;
}
.itemForm .calcArea > li.on > div {
    min-height: 100%;
    top: 0;
}
.itemForm .calcArea h4 {
    text-align: center;
    color: #555;
    margin-bottom: 25px;
}
.itemForm .calcArea ul li {
    /* display: table; */
    margin-bottom: 10px
}
.itemForm .calcArea ul li .text {
    float: left;
    display: block;
    font-size: 14px;
    color: #555;
    line-height: 30px;
}
.itemForm .calcArea ul li.button .text {
    margin: 0 0 5px;
}
.itemForm .calcArea ul li .num {
    float: right;
    display: block;
    font-size: 16px;
    color: #555;
    line-height: 30px;
    width: 55%;
    max-width: 180px;
    border-bottom: 1px solid #555;
    padding: 0 0 0 5px;
}
.itemForm .calcArea ul li .num .allNum {
    /* width: 100%; */
    display: inline-block;
    float: right;
    padding-right: 10px;
    background: none;
    min-height:0;
    border: none;
}

.itemForm .calcArea ul li .input ,
.itemForm .calcArea ul li .select,
.itemForm .calcArea ul li .selectDate {
    float: right;
    display: block;
    width: 55%;
    max-width: 180px;
    position: relative;
}

.itemForm .calcArea ul li.button .input {
    padding: 5px 0;
}
.calcArea ul li .input input {text-align: right}
.calcArea ul li .input button {
    width: 100%;
    line-height: 30px;
    border-radius: 4px;
    background: #666;
    color: #fff;
    display: block;
    padding: 0 10px;
}
.calcArea ul li .input button:hover {
    /* background: #bbb; */
    /* color: #fff; */
    /* transition: .2s; */
}
.input.yen:after {
    content:"￥";
    font-size: 16px;
    color: #999;
    position: absolute;
    left: 5px;
    display: block;
    top: 50%;
    transform: translate(0,-50%)
}
.input.yen input {
    width: 100%;
    text-align: right;
    padding: 3px 10px 3px 26px;
}
.fileForm > ul {
    margin-bottom: 20px
}
.fileForm > .contWrap {
    margin-bottom: 20px
}
.fileForm ul li {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 3px 0;
    /* padding-right: 25px; */
    position: relative;
    background: #fff;
    table-layout: fixed;
}

.fileForm ul li:last-child {
    margin-bottom: 0
}
.fileForm ul li > * {
    display: table-cell;
    line-height: 34px;
    color: #555;
    font-size: 16px;
    vertical-align: middle;
    border-right: 1px solid #aaa;
}

.fileForm ul li .editArea {
    text-align: center;
    font-size: 20px;
    min-width: 30px;
    width: 40px;
}
.fileForm ul li .edit {
    display: block;
    width: 100%;
    height: 100%;
}
.fileForm ul li .editArea i {
    color: #555;
}
.fileForm ul li .edit:hover i {
    color: #EF6C00
}
.fileForm ul li .label {
    padding: 0 10px;
    border-right: 1px solid #aaa;
    width: 65px;
}
.fileTextArea {
    padding: 0 10px
}
.fileForm ul li .fileName {
    /* padding: 0 10px; */
    /* border-right: 1px solid #aaa; */
}
.fileForm ul li .deleteBtn {
    font-size: 30px;
    text-align: center;
    color: #555;
    vertical-align: middle;
    border-right: none;
    width: 40px;
}
.fileForm ul li .fileName a {
    color: #3399ff;
    padding: 0 10px;
    /* border-right: 1px solid #ccc; */
    vertical-align: middle;
}
.fileForm .errMsg ul li {
    background: initial;
    border: initial;
    background-color: white;
    padding:initial;
}
.fileForm .errMsg ul {
    border: 1px solid #aaa;
    border-color: red;
    border-radius: 4px;
    background: white;
    margin-bottom: 10px;
}

.fileForm2nd > ul {
	margin-bottom: 20px

}
.fileForm2nd > div > ul > li {
	width: 100% ! important;
}
.fileForm2nd > .contWrap {
	margin-bottom: 20px
}

.fileForm2nd ul li {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 3px 0;
	/* padding-right: 25px; */
	position: relative;
	background: #fff;
	table-layout: fixed;
}

.fileForm2nd ul li:last-child {
	margin-bottom: 0 !important;
}

.fileForm2nd ul li > * {
	vertical-align: middle;
	/*border-right: 1px solid #aaa;*/
	display: block;
	line-height: 34px;
	color: #555;
	font-size: 16px;
}




.fileForm2nd ul li .editArea {
	text-align: center;
	font-size: 20px;
	min-width: 30px;
	width: 40px;
}

.fileForm2nd ul li .edit {
	display: block;
	width: 100%;
	height: 100%;
}

.fileForm2nd ul li .editArea i {
	color: #555;
}

.fileForm2nd ul li .edit:hover i {
	color: #EF6C00
}

.fileForm2nd ul li .label {
	padding: 0 10px;
	border-right: 1px solid #aaa;
	width: 65px;
}

.fileForm2nd > div > ul > li > .fileTextArea {
	display: none;
}
.fileForm2nd ul li .fileName {
	/* padding: 0 10px; */
	/* border-right: 1px solid #aaa; */
}
.fileForm2nd .errMsg {
	margin: 5px 15px 0px 15px !important;
}
.fileForm2nd ul li .deleteBtn {
	color: inherit !important;
	font-size: 30px !important;
	padding: 0px 0px 0px 0px !important;
	background: inherit !important;
	display: block !important;
	/*border-left: 1px solid #ccc !important;*/
	position: absolute;
	width: 25px;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
}


.fileForm2nd ul li .fileName a {
	margin: 0px 5px 0px 0px !important;
	color: #3399ff !important;
	font-size: 14px !important;
	padding: 0 10px !important;
	background: inherit !important;
	vertical-align: middle;
}

.fileForm2nd .errMsg ul li {
	background: initial;
	border: initial;
	background-color: white;
	padding: initial;
}

.fileForm2nd .errMsg ul {
	border: 1px solid #aaa;
	border-color: red;
	border-radius: 4px;
	background: white;
	margin-bottom: 10px;
}


.addFileArea {
    text-align: center;
    border: 3px dashed #ccc;
    display: block;
    width: 100%;
    border-radius: 10px;
    color: #888;
    margin-bottom: 40px;
    line-height: 2;
    padding: 15px;
    font-size: 18px;
    background: #fff;
}
.addFileArea2nd {
	text-align: center;
	border: 3px dashed #ccc;
	display: block;
	width: 100%;
	border-radius: 10px;
	color: #888;
	line-height: 2;
	padding: 15px;
	font-size: 18px;
	background: #fff;
}
.addFileArea2ndWrap {
	padding: 15px 10px;
	border-bottom: 1px dotted #ccc;
}
.addFileArea label {
    display: inline-block;
}
.addFileArea label:active span {
    border-bottom: none;
    border-top: 2px solid #fff
}
.addFileArea label span, .addFileArea2nd label span {
	background: #aaa;
	color: #fff;
	line-height: 40px;
	display: inline-block;
	width: 180px;
	border-bottom: 2px solid #888;
}

label:hover {
    cursor: pointer;
}
.addFileArea label {
    display: inline-block;
}
.addFileArea label:active span {
    border-bottom: none;
    border-top: 2px solid #fff
}
#imgWrap {
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 40px 0;
    transform: scale(0,0);
    transition: .75s;
}
#imgModalInner {
    position: relative;
    max-width:  1100px;
    margin:  auto;
}
#imgWrap.on {
    transform: scale(1,1)
}
#imgWrap img {
    max-width: 100%;
}
.authorizerWrap {
    padding-bottom: 40px;
}
.authorizerInner {
    width: 100%;
    border: 1px solid #888;
    padding: 15px 15px 0;
    background: #fff;
    margin-bottom: 20px;
}
.authorizerInner h4 {
    background: #b1d0e6;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    color: #555;
    margin-bottom: 20px
}
.authorizerInner h4 i {
    color: #2970a6;
    margin-right: 10px;
    font-size: 30px;
}
.authorizerInnerList {
    width: 100%;
}
/*
.authorizerInnerList.ableAdd .cont .contBtns {
padding: 10px 0 0;
}
.authorizerInnerList.ableAdd .cont .contBtns li {
margin-bottom: 0!important;
}
*/
.authorizerInnerList .cont {
    display: table;
    width: 100%;
    padding: 10px 35px 10px 0;
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    table-layout: fixed;
    margin-bottom: 0;
}
/*
.authorizerInnerList.ableAdd .cont {
margin-bottom: 10px;
padding: 10px 0;
}
*/
.authorizerInnerList .cont .deleteBtn {
    position: absolute;
    right: 5px;
    top: 50%;
    color: #555;
    font-size: 30px;
    margin-top: -15px;
}
.authorizerInnerList .cont:last-child {
    margin-bottom: 20px;
}
.authorizerInnerList .cont > span {
    display: table-cell;
    text-align: center;
    font-size: 14px;
    color: #555;
    vertical-align: middle;
    width: 20%;
    min-width: 50px;
}
.authorizerInnerList .cont > span > img {
    display: inline-block;
    margin-bottom: 5px;
}
.authorizerInnerList .cont > div {
    display: table-cell;
    padding: 0 5px 0 40px;
    width: 80%;
    vertical-align: middle;
    position: relative;
}
/*
.authorizerInnerList.ableAdd .cont > div {
padding-left: 0;
position: static;
}
*/
.authorizerInnerList .cont > div .customInputSearch,
.authorizerInnerList .cont > div .edit {
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    width: 40px;
    margin-top: -20px;
    padding: 10px 0;
}
.authorizerInnerList .cont > div .edit {
    font-size: 20px;
    text-align: left;
    padding-left: 8px;
}
.authorizerInnerList .cont > div .edit:hover {
    color: #EF6C00;
}
.authorizerInnerList.cell2 .cont > div > .input {
    display: inline-block;
    width: 49%;
}
.authorizerInner .addCont {
    margin-bottom: 20px;
}
.addModal {
    position: absolute;
    padding: 80px;
    z-index: 9999;
    width: 100%;
    left: 0;
}
.addModal h3 {
    font-size: 24px;
    margin: 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    background: none!important;
}
.addModal .searchArea ,
.addModal .editArea ,
.addModal #helperModalWrap {
    background: #fff;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    position: relative;
    border: 1px solid #ccc;
    padding: 10px;
}
.addModal #helperModalWrap {
    max-width: 800px;
}
#helperModal .helperDetail {
    display: block;
    width: 100%;
    /* padding: 10px; */
}
#helperModal .helperDetail .helpTitle {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    background: #e8f1fa;
    color: #333;
    text-align: center;
}
#helperModal .helperDetail .helpText {
    padding: 20px 10px;
    line-height: 1.4;
    background: #fcfcfc;
}
#helperModal #iconDetail .helpText p {
    margin-bottom: 20px
}
#helperModal #iconDetail ul.iconList li {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 18px;
}
#helperModal #iconDetail ul.iconList li span {
    display: inline-block;
    width: 40px;
    text-align: center;
}
#helperModal #iconDetail .iconList i {
    font-size: 20px;
    color: #666;
}
.addModal .editArea {
    padding: 0;
    max-width: 700px
}
.addModal .searchArea .searchInner {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}
.addModal .modalTitle {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background: #e8f1fa;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.addModal .editArea .closeAddModal ,
.addModal .searchArea .closeAddModal,
.addModal #helperModalWrap .closeAddModal {
    position: absolute;
    right: 0;
    top: -10px;
    transform: translate(0,-100%);
    /* background: #fff; */
}

.addModal .editArea .cont {
    border: none;
    margin-bottom: 0;
}
.formList li {
    margin-bottom: 20px;
}
.msgForm textarea {
    width: 100%;
    height: 10em;
    max-width: 600px
}
.msgForm .rule input {
    max-width: 600px
}
.msgForm .ui-selectmenu-button.ui-button {
    width: auto;
    max-width: 600px;
}
.switchToggle {
    width: 52px;
    height: 26px;
    background: #aaa;
    border-radius: 13px;
    position: absolute;
    box-shadow: inset 1px 1px #888;
    transition: .5s;
    display: block;
    right: 10px;
    top: 25px;
}
.switchToggle.on {
    background: #009f3c;
    box-shadow: inset 1px 1px #00792e;
}
.switchToggle span {
    position: absolute;
    width: 24px;
    height: 24px;
    background: #fff;
    left: 26px;
    top: 1px;
    border-radius: 12px;
    transition: .5s;
}
h3 .switchToggle {
    right: 5px;
    top: 7px;
}
.switchToggle.on span {
    left: 1px;
}
.formSectionInner h4.confirm {
    color: #0d3d65;
    font-size: 14px;
    margin-bottom: 5px;
    background: none;
    padding: 0;
    line-height: 1;
}
.formSectionInner h4.confirm .num {
    font-size: 12px!important;
    margin-left: 10px;
}
#approval .formSectionInner h4.confirm {
    color: #067d57;
}
#adjustment .formSectionInner h4.confirm {
    color: #0b82a0;
}
#filterArea {
    margin-bottom: 30px;
}
#filterHead {
    color: #fff;
    padding: 10px 20px;
    display: block;
    background: url(../images/form/searcharea_icon.png) no-repeat right 20px center;
    line-height: 40px;
}
.on > #filterHead {
    background: url(../images/form/searcharea_close_icon.png) no-repeat right 20px center;
}
#approval #filterHead {
    background-color: #067d57
}
#adjustment #filterHead {
    background-color: #0b82a0;
}
#application #filterHead {
    background-color: #0d3d65
}
#admin #filterHead {
    background-color: #0d3d65;
}
#filterInner {
    border: 1px solid #000;
    background: #fff;
    padding: 20px;
}
#filterInner:not(.ptn2) {
    display: none;
}
#filterInner .tabBtn {
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: -1em;
    margin-top: -10px;
}
.sp #filterInner .tabBtn {
    display: none!important
}
.checkBtns {
    text-align: center;
    letter-spacing: -1em;
    margin-top: 10px;
    margin-bottom: 15px;
}
#filterInner .tabBtn li {
    display: inline-block;
    letter-spacing: normal;
    padding-right: 10px;
    width: 50%;
    max-width: 300px;
}
.checkBtns li {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 20px;
}
#filterInner .tabBtn li:last-child {
    padding-left: 10px;
}
#filterInner .tabBtn li a{
    line-height: 44px;
    /* width: 200px; */
    box-sizing: border-box;
    height: 44px;
    display: block;
    border: 1px solid;
    transition: .2s;
    transition-property: background,color;
}
.qrCodeWrap .detail button ,
.checkBtns li button ,
.checkBtns li .button {
    border-radius: 4px;
    padding: 7px 15px;
    background: #666;
    color: #fff;
    font-size: 13px;
}
#approval .tabBtn li a {
    border-color: #067d57;
    color: #067d57;
    background: #def5eb;
}
#approval .tabBtn li.on a {
    background: #067d57;
    color: #fff;
}
#application .tabBtn li a {
    border-color: #0d3d65;
    color: #0d3d65;
    background: #e8f1fa;
}
#application .tabBtn li.on a {
    background: #0d3d65;
    color: #fff;
}
#adjustment .tabBtn li a {
    border-color: #0e819e;
    color: #0e819e;
    background: #dcf4f8;
}
#adjustment .tabBtn li.on a {
    background: #0e819e;
    color: #fff;
}
#admin .tabBtn li a {
    border-color: #333;
    color: #333;
    background: #ededed;
}

#admin .tabBtn li.on a {
    background: #333;
    color: #fff;
}
#filterInner.ptn2 {
    /* display: table; */
    width: 100%;
}
#filterInner * {
    font-size: 14px!important;
}
#approval #filterInner {
    border-color: #067d57
}
#adjustment #filterInner {
    border-color: #0b82a0;
}
#application #filterInner {
    border-color: #0d3d65
}
#admin #filterInner {
    border-color: #999;
}
#filterInner.ptn2 .filterForms,
#filterInner.ptn2 .filterBtns {
    /* display: table-cell; */
    vertical-align: middle;
    /* margin: 0 0 10px; */
    /* padding: 0; */
    /* float: left; */
}
#optionFilter {
    display: none;
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px dashed #aaa;
}
#filterInner .filterForms li {
	/* 2018/11/13 B票NO.217/V7-131 by T.Okazaki DEL-[S]
	display: table;
	   2018/11/13 B票NO.217/V7-131 by T.Okazaki DEL-[E]*/
	float: left;
	margin: 0 35px 10px 0;
	/* 2018/11/13 B票NO.217/V7-131 by T.Okazaki DEL-[S]
    height: 42px;
	   2018/11/13 B票NO.217/V7-131 by T.Okazaki DEL-[E]*/
	table-layout: fixed;
}
#optionToggleWrap {
    text-align: right;
    padding: 10px 10px 0 0;
}
#optionToggle {
    color: #3399ff;
}
#optionToggle:hover {
    text-decoration: underline;
}
#optionToggle:after {
    content: "▼";
    display: inline-block;
    border: 1px solid;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-left: 5px;
    font-size: 12px;
    transition: .3s;
}
#optionToggle.on:after {
    transform: rotate(-180deg);
}
.addModal .searchForms li {
    display: table;
    float: left;
    margin: 0 35px 5px 0;
    height: 35px;
    table-layout: fixed;
    font-size:  14px;
}
.addModal .searchForms li .detail * {
    /* min-height: 30px */
}
#filterInner.ptn2 .filterForms li {
    /* margin: 0; */
    /* width: 100%; */
}
#filterInner .filterForms li.fln {
    clear: left;
}
#filterInner .filterForms li .heading ,
#filterInner .filterForms li .detail ,
.addModal .searchForms li .heading ,
.addModal .searchForms li .detail {
    display: table-cell;
    vertical-align: middle;
}
.addModal .searchForms li .heading {
    width: 9em; 
    padding-right: 20px;
    font-size: 14px;
}
#filterInner .heading,
.addModal .heading {
    /*padding-right: 20px;*/
    /* min-width: 235px; */
    min-width: 4em;
}
#filterInner .detail span ,
.addModal .searchForms li .detail span {
    display: inline-flex;
}
#filterInner .detail .checkbox {
    border-radius: 3px;
    z-index: 1;
    padding: 0;
    margin: 0 10px 10px 0;
    float: left;
    display: block;
    background: #efefef;
    border: 1px solid #efefef;
}
#filterInner .detail .checkbox.on {
    border-color: #FE8D10;
    background: #FFF4E8;
}
#filterInner .detail .checkbox label {
    padding: 0 10px;
    display: block;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
}
#filterInner .detail input[type="checkbox"] {
    width: auto;
    margin: 0 5px 0 0;
    min-height: 1px;
    display: inline;
}
#filterInner .filterBtns ,
.addModal .searchBtns {
    margin-top: 20px;
    width: 100%;
    /* padding: 0 80px; */
    text-align: center;
    position: relative;
}
.addModal .searchBtns {
    margin-top: 10px
}
#filterInner.ptn2 .filterBtns {
    width: auto;
    /* float: right; */
}
#filterInner .filterBtns li,
.addModal .searchBtns li {
    display: inline-block;
    /* box-shadow: 2px 2px 2px 2px #f1f1ef; */
}
#filterInner.ptn2 .filterBtns li {
    width: 150px;
}
#filterInner .filterBtns li:hover {
    opacity: .9;
}
#filterInner .filterBtns button ,
.addModal .searchBtns button {
    color: #fff;
    line-height: 38px;
    border-radius: 4px;
    width: 250px;
    box-sizing: border-box;
    height: 40px;
}
#filterInner.ptn2 .filterBtns button {
    width: 150px;
}
#approval .filterBtns button {
    background: #067d57
}
#adjustment .filterBtns button {
    background: #0b82a0;
}
#application .filterBtns button {
    background: #0d3d65
}
#admin .filterBtns button ,
.addModal .searchBtns button {
    background: #333
}
#filterInner .filterBtns .reset {
    /* position: absolute; */
    /* left: 0; */
    float: left;
}
#filterInner .filterBtns .reset button {
    width: 100px;
}
#approval .filterBtns .reset button {
    background: #def5eb;
    border: 1px solid #097d58;
    color: #097d58;
}
#adjustment .filterBtns .reset button {
    background: #dcf4f8;
    border: 1px solid #0e819e;
    color: #0e819e;
}
#application .filterBtns .reset button {
    background: #e8f1fa;
    border: 1px solid #0d3d65;
    color: #0d3d65;
}
#sortWrap ,
.sortWrap {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
#sortWrap .number ,
.sortWrap .number {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px
}
#sortWrap #sortArea ,
.sortWrap .sortArea {
    display: table-cell;
    text-align: right;
    vertical-align:middle
}
#sortArea li ,
.sortArea li {
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
}
#sortArea li:last-child ,
.sortArea li:last-child {
    margin-right: 0
}
#sortArea .sortTtl,
#sortArea .sortSelect ,
.sortArea .sortTtl,
.sortArea .sortSelect {
    display: inline-block;
}
#sortArea .sortSelect .ui-selectmenu-button.ui-button ,
.sortArea .sortSelect .ui-selectmenu-button.ui-button {
    padding: 2px 5px 2px 10px;
    min-width: 5.5em;
    min-height: 0;
}

.formSectionInner .oflWrap .oflModal {
    display: none;
}
.formSectionInner .oflWrap table {
    table-layout: auto;
}
.callSet {
    /* position: relative; */
    display: flex;
}
.callSet > span {
    width: 100%;
}
.callSet .call {
    display: flex;
    background: #666;
    width: 120px;
    /* padding: 20px 0; */
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #FFF;
    margin: 0 10px;
    border-radius: 4px;
}
.pager {
    margin: auto;
    text-align: center
}
.pager li {
    display: inline-block;
    margin-right:7px;
}
.pager li a {
    display: block;
    width: 100%;
    min-width: 32px;
    text-align:center;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ada58f;
    border-radius: 3px;
    background: #fff;
    font-size: 16px;
    color: #806818;
}
.pager li a:hover {
    text-decoration: underline;
}
.pager li.current span {
    display: block;
    width: 100%;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.formSectionInner table.c4 th.col2 {
    width: 50%
}
th.none,
td.none {
    visibility: hidden;
    border: none!important;
}
#finish ,#commentModal{
    display:none;
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
    background: #fff;
    padding: 35px 30px!important;
    border-radius: 4px;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 600px;
}
#finish .ttl,
#commentModal .ttl {
    font-size: 50px;
    color: #01b135;
    margin-bottom: 35px;
    text-align: center;
}
#finish .ttl i {display: inline-block;margin-right: 20px;margin-top: -10px;margin-left: -50px;}
#finish .text {
    font-size: 25px;
    color: #888;
    margin-bottom: 100px;
}
#commentModal .text span {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
    color: #888;
    text-align: left;
}
#commentModal .text textarea {
    width: 100%;
    height: 7.5em;
    margin-bottom: 20px
}
#finish .finishMenu {
    margin: -60px 0 20px;
    width: 100%;
}
#finish .finishMenu td {
    vertical-align: middle;
    padding: 10px 5px 10px 0;
    font-size: 16px;
}
#finish .finishMenu td:first-child {
    text-align: left;
    line-height: 1.4;
}
#finish .finishMenu td:last-child {
    min-width: 80px;
}
#finish .finishMenu button {
    line-height: 34px;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 14px;
    background: #dcf4f8;
    border: 1px solid #0e819e;
    color: #0e819e;
}
#finish .finishMenu button:hover {
    /* 	opacity: .75; */
}
#commentModal .btn {
    text-align: center;
}
#commentModal .btn a {
    background: #fc7727;
    color: #fff;
    line-height: 43px;
    height: 43px;
    border-bottom: 2px solid #df5220;
    width: 120px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
}
#finish ul li.link {
    float: left;
    line-height: 43px;
}
#finish ul li.link a {
    color: #3399ff;
}
#finish ul li.btn {
    /* float: right */
    text-align: center;
}
#commentModal .closeBtn {
    color: #555;
    font-size: 30px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}
#approvalHead {
    display: table-cell;
    vertical-align: middle;
    /* min-width: 300px; */
}
#approvalHead dl {
    border: 1px solid #bfbfbf;
    border-right: none;
    padding: 3px 20px 3px 3px;
    position: relative;
    height: 50px;
    /* line-height: 50px; */
    background: #fff;
    /* margin-bottom: 20px; */
    margin-right: 0px;
    /* width: 100%; */
}
#approvalHead dl:after {
    content: "";
    width: 20px;
    height: 50px;
    background: #f4f1ea url(../images/form/bg.png) no-repeat right center;
    display: block;
    position: absolute;
    right: 0;
    top: -1px;
}
#approvalHead dl dt ,
#approvalHead dl dd {
    display: inline-block;
    vertical-align: middle;
    color: #555;
    line-height: 42px;
}
#approvalHead dl dt {
    border-right: 1px solid #aaa;
    padding: 0 20px;
}
#approvalHead dl dd {
    padding: 0 20px;
}
#approvalHead dl dd i{
    font-size: 30px;
    margin-top: -1px;
    display: inline-block;
    margin-right: 5px;
    color: #888;
}
.hintArea {
    font-size: 14px;
    color: #555;
    background: #fff;
    margin-bottom: 40px;
    min-height: 130px;
}
.hintArea .ttl {
    color: #fff;
    padding: 7px 10px;
    background: #555;
    margin-top: -20px;
}
.hintArea .text {
    padding: 15px 20px;
    line-height: 1.6
}

.receiptDataList {
    max-width: 1080px;
}
.receiptDataList li {
    display: flex;
    width: 100%;
    /* 	background: #fff; */
    align-items: center;
    margin-bottom: 10px;
}

.receiptDataList li .fileName {
    width: 100%;
    display: block;
    border: 1px solid #999;
    height: 40px;
    /* margin-bottom: 5px; */
    background: #fff;
    border-radius: 2px;
}
.receiptDataList li label {
    display: flex;
    width: 200px;
    padding: 0 10px;
    align-items: center;
} 
.receiptDataList li label span {
    color: #fff;
    background: #999;
    display: block;
    padding: 10px 5px;
    border-radius: 2px;
    font-size: 13px;
    width: 100%;
    text-align: center;
}
.receiptDataList input {
    display: none;
}
.w5p {width: 5%!important;}
.w7p {
    width: 7% !important;
}
.w10p {width: 10%!important;}
.w10p {width: 10%!important;}
.w14p {width: 14%!important;}
.w15p {width: 15%!important;}
.w18p {width: 18%!important;}
.w20p {width: 20%!important;}
.w25p {width: 25%!important;}
.w33p {width: 33%!important;}
/*【Ph6】電子帳簿保存法オプションカスタマイズ Y.Bonkohara 2022/01/04 ADD[S]*/
.w35p {width: 35%!important;}
/*【Ph6】電子帳簿保存法オプションカスタマイズ Y.Bonkohara 2022/01/04 ADD[E]*/
.w50p {width: 50%!important;}
.w75p {width: 75%!important;}
.w100p {width: 100%!important;}
.w50 {width: 50px!important;}
.w75 {width: 75px!important;}
.w100 {width: 100px!important;}
.w120 {width: 120px!important;}
.w150 {width: 150px!important;}
.w200 {width: 200px!important;}
.w250 {width: 250px!important;}
/*スキャンセンタPDF出力 日付時刻追加対応 DTT 2020/06/20 ADD[S]*/
.w260 {width: 260px!important;}
/*スキャンセンタPDF出力 日付時刻追加対応 DTT 2020/06/20 ADD[E]*/
.w300 {width: 300px!important;}
.w350 {width: 350px!important;}
.w400 {width: 400px!important;}
.columnsListBlock {
	width: 32%;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.columnsListBlock {
		width: 48%;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .formBtns {
        padding-left: 80px!important;
    }
    .formBtns.on {
        padding-left: 80px;
    }
    #admin #mainWrap .formBtns {
        padding-left: 35px
    }
	.columnsListBlock {
		width: 48%;
	}
}
@media screen and (max-width: 768px) {
    /*【10J5BI1】(日立製作所)AT不具合No.10 スマホ画面で活性、非活性の区別がつかない S.Inoue 2020/01/21 MOD[S] */
    /* input, select, textarea, .ui-selectmenu-menu, .ui-selectmenu-text { */
    input, select[enabled], textarea, .ui-selectmenu-menu, .ui-selectmenu-text {
    /*【10J5BI1】(日立製作所)AT不具合No.10 スマホ画面で活性、非活性の区別がつかない S.Inoue 2020/01/21 MOD[E] */
        font-size: 14px;
    }
    /*【10J5BI1】(日立製作所)AT不具合No.10 スマホ画面で活性、非活性の区別がつかない S.Inoue 2020/01/21 ADD[S] */
    select[disabled] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 14px;
        background: #aaa;
        border: 1px solid #ccc;
    }
    /*【10J5BI1】(日立製作所)AT不具合No.10 スマホ画面で活性、非活性の区別がつかない S.Inoue 2020/01/21 ADD[E] */
    .sub #mainHeadWrap {
        /* display: block; */
        padding: 20px 15px 0!important;
    }
    #approval #mainHeadWrap {
        display: block;
    }
    .sub #mainHeadWrap h2 {
        /* display: block; */
        /* margin-bottom: 15px; */
        float: left;
        line-height: 41px;
    }
    .sub #mainHeadWrap .formBtns {
        display: block;
        text-align: left;
        float: right;
    }
    #approval #mainHeadWrap > * {
        display: block;
        float: left;
    }
    #infoArea {
        margin: -20px 15px 25px!important;
    }
    #approvalHead {
        margin-bottom: 20px
    }
    form > #mainWrap ,#mainWrap > div {
        /* padding: 15px; */
    }
    /*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima  2019/10/04 MOD[S]*/
    /*
    form > #mainWrap > div:not(#mainHeadWrap):not(#errArea) {
        padding: 0 15px!important;
    }
    */
    /*【10J5BI1】メインメニュー画面の崩れ修正 HTS BAODI 2020/01/14 MOD[S]*/
    /*form > #mainWrap > div:not(#mainHeadWrap):not(#errArea):not(.knriSection) {
        padding: 0 15px!important;
    }*/
    form > #mainWrap > div:not(#mainHeadWrap):not(#errArea):not(.knriSection):not(#newsArea) {
        padding: 0 15px!important;
    }
    /*【10J5BI1】メインメニュー画面の崩れ修正 HTS BAODI 2020/01/14 MOD[S]*/
    /*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima  2019/10/04 MOD[E]*/
    /*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima  2019/10/04 ADD[S]*/
    form > #mainWrap > .knriSection {
        padding: 20px 15px 0!important;
    }
    /*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima  2019/10/04 ADD[E]*/
    #mainWrap.top {
        padding: 100px 0 0;
    }
    #mainWrap .section .formSectionInner {
        padding: 20px 10px 0;
        font-size: 14px!important;
    }
    #mainWrap .section .formSectionInner  *:not(.deleteBtn):not(.num):not(.subTitle):not(i):not(i:before) {
        font-size: 14px!important;
    }
    /*【10J5BI1】同伴者チェックボックス　レイアウト修正 HTS BAODI  2019/11/12 ADD[S]*/
    #mainWrap .section .douhanCheck {
        padding: 20px 10px 8px;
        font-size: 14px !important;
    }
    /*【10J5BI1】同伴者チェックボックス　レイアウト修正 HTS BAODI  2019/11/12 ADD[S]*/
    textarea {
        width: 100%!important;
    }
    #proxySelectArea {
        padding: 30px 0px 0px;
        margin-bottom: 35px;
    }
    .datetime {
        display: block;
        margin-bottom: 20px;
    }
    .datetime > * {
        display: block;
        /* vertical-align: bottom; */
        /* width: 47%; */
        margin-bottom: 10px;
        float: none;
        vertical-align: middle;
    }
    .datetime > *:first-child {
        padding-right: 0;
        margin-right: 0;
        background: none;
    }
    .datetime > span {
        display: none;
    }
    #editModal {
        padding: 80px 40px;
    }
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [S]*/
    #editModalDouble {
        padding: 80px 40px;
    }
/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御(2重モーダル用のスタイル追加) HTS murashima 2019/09/09 ADD [E]*/
    .cont .box {
        padding: 15px 5px 0;
    }
    .detail p ,.detail > div{
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .overviewForm .cont .detail li input {
        width: 100%;
        max-width: 400px;
    }
    .authorizerInner {
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }
    .authorizerWrap h4 i {
        font-size: 26px!important;
    }
    .addModal {
        padding: 80px 40px;
    }
    /*【10J5BI1】(日立製作所)MP不具合 タブレットレイアウトが崩れ HTS BAODI 2020/01/20 MOD[S]*/
    /*.selectArea li {*/
    .selectArea li:not(.selectTime):not(.dateInput) {
    /*【10J5BI1】(日立製作所)MP不具合 タブレットレイアウトが崩れ HTS BAODI 2020/01/20 MOD[E]*/
        width: 50%;
        padding-right: 15px;
        min-height: 60px;
    }
    .itemForm .calcArea {
        display: block;
        padding-bottom: 20px;
    }
    .itemForm .calcArea.ptn2 {
        width: 100%;
    }
    .itemForm .calcArea > li {
        display: block;
        width: 100%;
        padding: 0!important;
        margin-bottom: 20px;
    }
    .itemForm .calcArea > li > div {
        position: static!important;
        padding: 30px 10px 50px;
    }
    .itemForm .calcArea.ptn2 > li > div {
        padding: 30px 10px 50px
    }
    .itemForm .calcArea > li:first-child .all {
        padding: 0 10px
    }
    .itemForm .calcArea.ptn2 > li .all {
        padding: 0 10px
    }
    .fileForm ul li {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #aaa;
        border-radius: 4px;
        padding: 3px 40px 3px 0;
    }

    .fileForm .camera > * {
        border-right: 0px !important;
    }
    .fileForm .camera{
        padding: 0px !important;
    }

    .fileForm ul li > * {
        display: block;
        line-height: 34px;
        color: #555;
        font-size: 16px;
    }
    .fileForm ul li .fileTextArea {
        border-bottom: 1px dotted #ccc;
        padding-right: 40px;
    }
    .fileForm .camera > * {
        border-right: 0px !important;
    }

    .fileForm .camera {
        padding-right: 0px !important;
    }
    .fileForm ul li .fileName {
        /* width: 100%; */
        /* border-bottom: 1px dotted #ccc; */
    }
    .fileForm ul li .editArea {
        position: absolute;
        right: 40px;
        top: 0;
        width: 40px;
        height: 100%;
        padding: 3px 0;
        border-right: none;
    }
    .fileForm ul li .editArea a {
        /* border-right: 1px solid #ccc; */
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    #mainWrap .section .fileForm.formSectionInner ul li .deleteArea {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
    }
    #mainWrap .section .fileForm.formSectionInner ul li .editArea i {
        font-size: 20px!important;
    }
    #mainWrap .section .fileForm.formSectionInner ul li .deleteArea .deleteBtn {
        font-size: 30px!important;
    }
    .fileForm ul li .deleteBtn {
        position: absolute;
        width: 40px;
        right: 0;
        top: 50%;
        transform: translate(0,-50%)
    }
    .formBtns {
        position: static;
        padding: 0;
        background: none;
        text-align: center;
        max-width: 760px;
        margin: auto;
        padding-top: 20px;
        flex-wrap:  wrap;
    }
    .formBtns .ptn2 {
        padding: 5px 0 15px;
    }
    .formBtns .ptn2 li {
        padding: 0;
        margin-left: 25px;
    }
    .formBtns .ptn2 li:first-child {
        margin-left: 0
    }
    .formBtns.on {
        padding-left: 0
    }
    .formBtns li {
        min-width: 33%;
        padding: 0 5px;
        margin: 0 0 10px;
    }
    .formBtns li.set2 {
        width: 50%!important;
    }
    .formBtns li.set3 {
        width: 33%!important;
    }
    .formBtns .remandEnterBtn {
        width: 50%;
    }
    /* 	.formBtns ul:not(.ptn2) li:nth-child(3),
    .formBtns ul:not(.ptn2) li:nth-child(4),
    .formBtns > li:nth-child(3),
    .formBtns > li:nth-child(4) {
    width: 33%;
} */
    .formBtns .confirmBtn,
    .formBtns .enterBtn ,
    .formBtns .approvalBtn {
        width: 100%!important;
    }

    #admin #mainWrap .formBtns {
        padding-left: 0
    }
    #finish {
        padding: 20px!important;
    }
    #finish .ttl {
        font-size: 30px
    }
    #finish .text {
        font-size: 20px;
        margin-bottom: 50px
    }
    #finish .finishMenu {
        margin-top: -30px;
    }
    .w33p,.w25p {
        width: 50%!important;
    }
    .w75p {width: 100% !important;}
    .check input {
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 0;
        margin: 0;
        z-index: 1;
    }
	.columnsListBlock {
		width: 48%;
	}
}

@media screen and (min-width: 641px) {
    .tarc{float:right}
}

@media screen and (max-width: 640px) {
    .tarc{text-align: right!important}
}

@media screen and (min-width: 641px) {
    .talc{text-align: center!important}
}

@media screen and (max-width: 640px) {
    .talc{text-align: left!important}
}

@media screen and (min-width: 641px) {
    .u640 {display: none!important}
}

@media screen and (min-width: 641px) {
    .drimin {display: none!important}
}
@media screen and (max-width: 640px) {
    .drimax {display: none!important}
}
@media screen and (max-width: 640px) {
    .o640{display: none!important}
    .formSectionInner .oflWrap {
        overflow: auto;
        overflow-y: hidden;
        overflow-x: auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: keep-all;
        white-space: nowrap;
        display: block;
        margin-bottom: 20px;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }
    .formSectionInner .oflWrap {
        position: relative;
    }
    .formSectionInner .oflWrap.on .oflModal {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.3);
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    .formSectionInner .oflModal i {
        width: 100%;
        text-align: center;
        font-size: 80px;
        transform: translate(25px,0) rotate(5deg);
        transform-origin: center bottom;
        transition: 1s;
        transition-delay: .5s;
    }
    .formSectionInner .show .oflModal i {
        transform: translate(-25px,0) rotate(-10deg);
    }

    .formSectionInner .oflModal p {
        color: #fff;
        font-size: 18px;
        text-align: center;
        width: 100%;
        margin-top: -30px;
    }
    .formSectionInner .oflWrap::-webkit-scrollbar{
        height: 10px;
        border-radius: 5px;
        background: #fff
    }
    .formSectionInner .oflWrap::-webkit-scrollbar-thumb{ 
        border-radius: 5px;
        background: #424242
    }
    .formSectionInner .oflWrap::-webkit-scrollbar-track-piece:start{
        border-radius: 5px;
        background: #ccc
    }
    .formSectionInner .oflWrap::-webkit-scrollbar-track-piece:end{
        border-radius: 5px;
        background: #ccc
    }
    #application .formSectionInner .oflWrap::-webkit-scrollbar-thumb {
        background: #0d3d65;
    }
    #application .formSectionInner .oflWrap::-webkit-scrollbar-track-piece:start,
    #application .formSectionInner .oflWrap::-webkit-scrollbar-track-piece:end {
        background: #e8f1fa;
    }
    #adjustment .formSectionInner .oflWrap::-webkit-scrollbar-thumb {
        background: #0e819e;
    }
    #adjustment .formSectionInner .oflWrap::-webkit-scrollbar-track-piece:start,
    #adjustment .formSectionInner .oflWrap::-webkit-scrollbar-track-piece:end {
        background: #dcf4f8;
    }
    #approval .formSectionInner .oflWrap::-webkit-scrollbar-thumb {
        background: #097d58;
    }
    #approval .formSectionInner .oflWrap::-webkit-scrollbar-track-piece:start,
    #approval .formSectionInner .oflWrap::-webkit-scrollbar-track-piece:end {
        background: #def5eb;
    }
    #mainWrap .section .formSectionInner {
        padding: 20px 5px 0;
    }
    .formSectionInner .oflWrap table {
        margin-bottom: 0;
        table-layout: auto;
    }
    #mainWrap .section .formSectionInner table.ptn2 td *:not(.deleteBtn):not(.num):not(.subTitle) {
        font-size: 12px!important;
    }
    /*【10J5BI1】同伴者チェックボックス　レイアウト修正 HTS BAODI  2019/11/12 ADD[S]*/
    #mainWrap .section .douhanCheck {
        padding: 20px 5px 8px;
    }
    /*【10J5BI1】同伴者チェックボックス　レイアウト修正 HTS BAODI  2019/11/12 ADD[S]*/
    #filterInner .filterBtns button {
        width: auto;
    }
    #filterInner .filterBtns .reset button {
        width: auto;
    }
    #dataDetail .heading {
        display: none;
    }
    #dataDetail ul {
        display: block;
    }
    #dataDetail .dataCont li {
        display: table;
        width: 100%;
        padding: 10px;
        table-layout: fixed;
    }
    #dataDetail ul li > span {
        display: table-cell!important;
    }
    #dataDetail ul li .detailTtl {
        font-weight: bold;
        text-align: left;
        width: 5.5em;
        padding-right: .5em;
    }
    #dataDetail ul li .input {
        /* padding-left: 20px; */
    }
    #dataDetail .deleteBtn {
        right: 5px;
        top: 5px;
        margin-top: 0;
    }
    #cardDetail .number {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        padding:  0;
        justify-content: center;
    }
    #cardDetail > li {
        display: block;
    }
    #cardDetail .cardCont > a {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }
    #cardDetail li ul {
        flex-wrap: wrap;
        position: relative;
        /* align-self: stretch; */
        padding: 0 40px;
        /* height: 100%; */
    }

    #cardDetail li.heading ul {
        padding-left: 45px
    }
    #cardDetail .cardCont .detailTtl {
        display: none;
    }
    #cardDetail li ul li {
        width: 100%;
        padding: 0 5px;
        justify-content: left;
        font-size: 14px;
    }
    #cardDetail .cardCont ul li {
        padding: 5px 5px;
    }
    #cardDetail li ul li:last-child {
        /* padding-bottom: 5px; */
        margin-bottom: 0;
    }
    #cardDetail li.heading ul li:not(.number) {
        width: auto;
        border:none;
    }
    .addModal ,
    #editModal {
        padding: 80px 10px;
    }
    #finish .finishMenu td {
        font-size: 15px;
    }
    #finish .finishMenu button {
        font-size: 13px;
    }
    /*
    .authorizerInnerList.ableAdd .cont {
    padding-bottom: 55px;
}
    */
    .authorizerInnerList.cell2 .cont > div > span {
        width: 100%;
    }
    .authorizerInnerList.cell2 .cont > div > span.input {
        margin-bottom: 10px;
        width: 100%;
    }
    /*
    .authorizerInnerList.ableAdd .cont .contBtns {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}
    */
    .authorizerInnerList .cont > div .customInputSearch i {
        font-size: 20px
    }
	.columnsListBlock {
		width: 98%;
	}
}
@media screen and (max-width: 480px) {
    form > #mainWrap ,#mainWrap > div {
        padding: 80px 5px;
    }
    .itemForm .selectArea li {
        /* width: 100%!important; */
        /* max-width: 400px!important; */
    }
    #finish ul li {
        border-bottom: 15px;
        float: none!important;
        text-align: center;
    }
    .selectArea li {
        width: 100%!important;
        padding-right:  0;
    }
    #filterInner .heading {
        width: 100px
    }
    #filterInner .detail {
        width: 80%!important;
        width: calc(100% - 100px)!important;
    }
    #filterInner .filterForms li {
        margin: 0 10px 20px 0px;
        display: block;
        float: none;
        height: auto;
        padding-bottom: 10px;
    }
    #filterInner .filterForms li > * {
        display: block!important;
        width: 100%!important;
    }
    #filterInner .detail .checkbox {
        margin: 0 5px 5px 0;
        display: inline-block;
        float: none;
    }
}
@media screen and (max-width: 420px) {
    .formBtns {
        float: none!important;
        clear: both;
    }
    .formBtns li button {
        width: 100%;
    }
}
#MSGTOSNSHA:before {
    display: none;
}

/*フリー検索画面用[S]*/

div#SelectorSentenceSelect {
	text-align: center;
}

.columnsListBlock {
	vertical-align: top;
	display: inline-block;
	/*width: 32%;*/
}

.columnsListBlockBySqlType {
	text-align: left;
	padding: 10px 5px 0px 5px;
	min-height: 48px;
}

.columnsSqlTypeTitle {
	display: inline-block;
}

.columnsAllButtonsBySqlType {
	display: inline-block;
}

div.columnsAllButtonsBySqlType ul li {
	display: inline;
}

#AllColumns {
	border: solid 3px #067d57;
}

#SelectColumns {
	border: dotted 3px #0d3d65;
}

#OrderColumns {
	border: dotted 3px #0b82a0;
}

.buttonAddCondition .columnButton {
	background-color: #36Ad87;
}

.deleteBtnForTableSub {
	margin: 0px 6px 0px 6px;
}

.deleteBtnForCondition {
	margin: 0px 6px 0px 6px;
}

#SelectorSentenceWhere .deleteBtnForCondition {
	background-color: #36Ad87;
}

.SelectorTableSubAllColumnsWrap .buttonAddCondition .columnButton {
	background-color: #46Bd97;
}

.SelectorSentenceJoin .deleteBtnForCondition {
	background-color: #46Bd97;
}

.buttonSetToSelection .columnButton {
	background-color: #3d6d95;
}

.buttonRemoveFromSelection .columnButton {
	background-color: #3d6d95;
}

button.buttonSetToSelection {
	background-color: #3d6d95;
}

button.buttonRemoveFromSelection {
	background-color: #3d6d95;
}

.buttonSetToOrder .columnButton {
	background-color: #3bb2d0;
}

.buttonRemoveFromOrder .columnButton {
	background-color: #3bb2d0;
}

button.buttonSetToOrder {
	background-color: #3bb2d0;
}

button.buttonRemoveFromOrder {
	background-color: #3bb2d0;
}

li.columnInformation {
	position: relative;
}

.buttonsOnLeft {
	display: table-cell;
}

.buttonsOnCenter {
	display: table-cell;
}

.tableNameAndColumnName {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

	.tableNameAndColumnName .table {
		display: block;
	}

	.tableNameAndColumnName .column {
		display: block;
	}

.buttonsOnRight {
	display: table-cell;
	position: absolute;
	top: 3px;
	right: 0px;
}

.columnButton {
	margin: 1px 1px 1px 1px;
}

.displayNone {
	display: none;
}
/*全カラムリスト内の[SELECT句から解除]ボタンは非表示*/
#AllColumns li span.buttonRemoveFromSelection {
	display: none;
}
/*全カラムリスト内の[ORDER BY句から解除]ボタンは非表示*/
#AllColumns li span.buttonRemoveFromOrder {
	display: none;
}
/*SELECT句カラムリスト内の[SELECT句へ設定]ボタンは非表示*/
#SelectColumns li span.buttonSetToSelection {
	display: none;
}
/*SELECT句カラムリスト内の[ORDER BY句から解除]ボタンは非表示*/
#SelectColumns li span.buttonRemoveFromOrder {
	display: none;
}
/*ORDER BY句カラムリスト内の[SELECT句へ設定]ボタンは非表示*/
#OrderColumns li span.buttonSetToSelection {
	display: none;
}
/*ORDER BY句カラムリスト内の[SELECT句から解除]ボタンは非表示*/
#OrderColumns li span.buttonRemoveFromSelection {
	display: none;
}
/*ORDER BY句カラムリスト内の[ORDER BY句へ設定]ボタンは非表示*/
#OrderColumns li span.buttonSetToOrder {
	display: none;
}
/*ORDER BY句カラムリスト内の[検索条件へ設定]ボタンは非表示*/
#OrderColumns li span.buttonAddCondition {
	display: none;
}

/*副テーブルカラムリスト内の[SELECT句へ設定]ボタンは非表示*/
div.SelectorTableSubAllColumnsWrap ul li span.buttonSetToSelection {
	display: none;
}
/*副テーブルカラムリスト内の[SELECT句から解除]ボタンは非表示*/
div.SelectorTableSubAllColumnsWrap ul li span.buttonRemoveFromSelection {
	display: none;
}
/*副テーブルカラムリスト内の[ORDER BY句へ設定]ボタンは非表示*/
div.SelectorTableSubAllColumnsWrap ul li span.buttonSetToOrder {
	display: none;
}
/*副テーブルカラムリスト内の[ORDER BY句から解除]ボタンは非表示*/
div.SelectorTableSubAllColumnsWrap ul li span.buttonRemoveFromOrder {
	display: none;
}

#AllColumns span.sortType {
	display: none;
}

#SelectColumns span.sortType {
	display: none;
}

div.SelectorTableSubAllColumnsWrap span.sortType {
	display: none;
}

div.resultTable {
	overflow-x: auto;
	margin-bottom: 10px;
}

span.sortType {
	display: inline-flex;
}

	span.sortType .value input {
		min-height: 20px;
		min-width: 25px;
	}

	span.sortType .text {
		padding: 8px 3px 0px 0px;
	}

ul.selectColumn-sortable {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 2px;
	min-height: 2em;
}

	ul.selectColumn-sortable li {
		margin: 3px;
		font-size: 10px;
		padding: 0.3em;
		font-size: 10px;
		padding-left: 1em;
		cursor: move;
	}

		ul.selectColumn-sortable li .table {
			vertical-align: top;
			padding-right: 2px;
			font-size: 8px;
		}

		ul.selectColumn-sortable li .column {
			padding-left: 2px;
			font-weight: bold;
			font-size: 12px;
		}


ul.whereCondition-sortable {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 15px !important;
	width: 100%;
	min-height: 2em;
	border: dotted 3px gray;
}

ul.whereCondition-unsortable {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 15px !important;
	width: 100%;
	min-height: 2em;
	border: solid 3px gray;
}

#SelectorSentenceWhere ul.whereCondition-sortable {
	border: dotted 3px #36Ad87;
}

#SelectorSentenceWhere ul.whereCondition-unsortable {
	border: solid 3px #36Ad87;
}

.SelectorSentenceJoin ul.whereCondition-sortable {
	border: dotted 3px #46Bd97;
}

.SelectorSentenceJoin ul.whereCondition-unsortable {
	border: solid 3px #46Bd97;
}

#SelectorSentenceWhere > ul.whereCondition-sortable > li:first-child > div.expressionArea {
	display: none;
}

#SelectorSentenceWhere > ul.whereCondition-unsortable > li:first-child > div.expressionArea {
	display: none;
}

ul.whereCondition-sortable > li div.expressionArea {
	width: 100px;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

ul.whereCondition-unsortable > li div.expressionArea {
	width: 100px;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

ul.joinCondition-sortable {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 15px !important;
	width: 100%;
	min-height: 2em;
	border: dotted 3px gray;
}

ul.joinCondition-unsortable {
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 15px !important;
	width: 100%;
	min-height: 2em;
	border: solid 3px gray;
}

.SelectorSentenceJoin > ul.joinCondition-sortable > li:first-child > div.expressionArea {
	display: none;
}

.SelectorSentenceJoin > ul.joinCondition-unsortable > li:first-child > div.expressionArea {
	display: none;
}

ul.whereCondition-sortable > li div.expressionArea {
	width: 100px;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

ul.whereCondition-unsortable > li div.expressionArea {
	width: 100px;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

ul.conditionArea {
	padding: 3px !important;
	border: 1px solid #ccc;
}

	ul.conditionArea div.conditionButton {
		display: inline-block;
		vertical-align: top;
		padding: 5px 4px 3px 2px;
	}

	ul.conditionArea div.conditionTableColumn {
		display: inline-block;
		padding: 3px 0px 2px 2px;
	}

	ul.conditionArea > li.columnANameArea {
		/*width: 200px;*/
		margin-bottom: 5px !important;
	}

		ul.conditionArea > li.columnANameArea .table {
			vertical-align: top;
			padding-right: 2px;
			font-size: 8px;
			display: block;
		}

		ul.conditionArea > li.columnANameArea .column {
			padding-left: 2px;
			font-weight: bold;
			font-size: 12px;
			display: inline-block;
		}

	ul.conditionArea > li.operatorArea {
		width: 155px;
		margin-bottom: 5px !important;
		display: inline-block;
	}

	ul.conditionArea > li.columnBNameArea {
		margin-bottom: 5px !important;
		display: -webkit-inline-box;
	}

li.columnBNameArea > div {
	display: inline-block;
	vertical-align: middle;
}

div.toggleHeader {
	height: 40px;
	background: url(../images/form/searcharea_icon.png) no-repeat right 20px center;
	font-weight: bold;
	padding: 3px;
	background-color: #aac8d3;
	margin-bottom: 5px;
}

.on > div.toggleHeader {
	height: 40px;
	background: url(../images/form/searcharea_close_icon.png) no-repeat right 20px center;
	font-weight: bold;
	padding: 3px;
	background-color: #aac8d3;
	margin-bottom: 0px;
}

div.toggleBody {
	margin-bottom: 0px;
}

.on > div.toggleBody {
	margin-bottom: 5px;
}

.displayNameTableMainWrap {
	padding: 5px;
	border: solid 3px #aac8d3;
}

.displayNameTableMain {
	padding: 5px;
	font-weight: bold;
	background: #FE8D10;
}

.SelectorTableSub {
	padding: 5px;
}

.AreaTableSub {
	padding: 5px;
	border: solid 3px #aac8d3;
}

.AreaTableSubColumns {
	padding: 5px;
	border: solid 3px blue;
}
/*カラムドロップ領域*/
.condition-droppable {
	min-height: 2.5em;
	border: dotted 3px blue;
	padding: 5px 10px 5px 5px;
}

.condition-undroppable {
	min-height: 2.5em;
	border: dotted 3px blue;
	padding: 5px 10px 5px 5px;
}
/*検索条件内のカラムドロップ領域*/
#SelectorSentenceWhere .condition-droppable {
	border: dotted 3px #067d57;
	min-width: 242px;
}

#SelectorSentenceWhere .condition-undroppable {
	border: solid 3px #067d57;
	min-width: 242px;
}
/*結合条件内のカラムドロップ領域*/
.SelectorSentenceJoin .condition-droppable {
	border: dotted 3px #067d57;
	min-width: 242px;
}

.SelectorSentenceJoin .condition-undroppable {
	border: solid 3px #067d57;
	min-width: 242px;
}

.condition-droppable.ui-droppable-hover {
	background-color: red;
}

.condition-droppable .table {
	vertical-align: top;
	padding-right: 2px;
	font-size: 8px;
}

.condition-droppable .column {
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
}

.ui-state-default .table {
	vertical-align: top;
	padding-right: 2px;
	font-size: 8px;
}

.ui-state-default .column {
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
}

li.editableByEveryone ul.conditionArea {
	background-color: lightblue;
}

.oparatorForNull > .columnBNameArea {
	display: none !important;
}

select.joinTypeSelector {
	width: 100px;
}

tr.clickableWithDrop {
	cursor: pointer;
}

.condition-droppable a.customViewer {
	padding-left: 2px !important;
	background: none !important;
	font-size: 100% !important;
}

.columnBNameArea .customInput a.customInputSearch {
	padding-left: 2px !important;
	background: none !important;
	font-size: 18px !important;
	font-weight: normal !important;
}

.condition-droppable a.customViewer i {
	display: inline-block;
	margin-top: 2px;
	font-size: 18px;
}

span.isInjectionValue {
	font-weight: bold;
}

td.isDateTime {
	text-align: right;
}

td.isDecimal {
	text-align: right;
}

td.isString {
	text-align: left;
}

i.isSameUser {
	color: #4dafdc;
	padding-right: 4px;
}

i.isAnotherUser {
	color: lightgray;
	padding-right: 4px;
}

.errorMassageInCondition {
	font-size: 12px;
	border: solid 1px red;
	min-height: 40px;
	padding: 3px;
	color: red;
}

#mainWrap > ul.formBtns > li {
	padding: opx !important;
	min-height: 1em !important;
}

.addModal .searchForms li span.ptn3 {
	width: initial;
}

.addModal .searchForms li div.ptn3 {
	min-width: 12em;
}

.displayNameTableSub {
	background-color: #DE6D10 !important;
}

.displayNameTableSubBody {
	padding: 5px;
	border: solid 3px #DE6D10;
}

.columnsTableMainBody {
	padding: 5px;
	border: solid 3px #aac8d3;
}

.searchConditionBody {
	padding: 5px;
	border: solid 3px #aac8d3;
}

.columnsTableSubBody {
	padding: 5px;
	border: solid 3px #aac8d3;
}

.TableDisplayName {
	padding: 15px;
	font-size: 14pt;
	font-weight: bold;
}

.tableDisplayAliasArea {
	padding: 6px 0px 0px 6px;
}

.SelectorSentenceJoin .columnBNameArea .customInput {
	display: none;
}

a.download {
	border-radius: 4px;
	padding: 7px 20px;
	background: #666;
	color: #fff;
	word-break: keep-all;
}

.freeSearchResultButtonWrap div {
	display: inline-grid;
	margin: 5px;
}

.freeSearchResultButtonWrap .description {
	border: 0px solid #ccc;
	padding: 3px;
	font-size: small;
}

.formBtns .loadSaveBtn button {
	background: #097d58;
}

.formBtns .executeBtn button {
	background: #0d3d65;
}

.formBtns .newSettingsBtn button {
	background: #0e819e;
}

.hasNoTSHOUCD .isTSHOUCD {
	display: none;
}
/*フリー検索画面用[E]*/
/*2018/11/21 品質向上以後B票NO.005 ADD-[S]*/
.positionRelative {
	position: relative !important;
}
/*2018/11/21 品質向上以後B票NO.005 ADD-[E]*/
ul.receiptLink > li {
	display: inline-block;
	vertical-align:bottom;
	padding: 0px 2px 2px 2px;
}
/*【10J5BI1】 BA-J0-01-01 証票出力ボタンの表示変更 HTS isa 2019/05/21 ADD[S] */
#float-chui-box {
    /*position: absolute;*/
    position: fixed;
    width: 100%;
    height: 30px;
    margin-top: 0px;
    display: block;
    border: #e0e0e0 1px solid;
    z-index: 2;
    background-color: #FFFF00;
    color: #FF0000;
    padding: 5px 0px 5px 40px !important;
}
.chuimongon {
    background-color: #FFFF00;
    color: #FF0000;
    display: block;
    text-decoration: none;
}
.chuimongon:hover {
    background-color: #FFFF00;
    color: #FF0000;
}
/*【10J5BI1】 BA-J0-01-01 証票出力ボタンの表示変更 HTS isa 2019/05/21 ADD[E] */
/*【10J5BI1】 BA-BA-F0-07 輸出管理情報グループ追加対応 HTS isa 2019/05/2 ADD[S] */
input[type=radio] {
    width: 15px;
    /*【10J5BI1】(日立製作所)MP不具合対応 輸出管理文言変更 HTS sakamoto 2020/03/16 DEL[S]*/
    /*スマホサイズにした時、表示が崩れるため削除*/
    /*height: 100%;*/
    /*【10J5BI1】(日立製作所)MP不具合対応 輸出管理文言変更 HTS sakamoto 2020/03/16 DEL[E]*/
    min-height: 30px;
}
/*【10J5BI1】 BA-BA-F0-07 輸出管理情報グループ追加対応 HTS isa 2019/05/2 ADD[E] */
/*【10J5BI1】 BA-F1-04-05 支度料/諸経費/通信費区分 表示・活性制御 HTS nakashima  2019/06/24 ADD[S]*/
span.ui-selectmenu-button.ui-button.ui-selectmenu-disabled {
    background: #f5f5f5;
    border: 1px solid #ccc;
}
/*【10J5BI1】 BA-F1-04-05 支度料/諸経費/通信費区分 表示・活性制御 HTS nakashima  2019/06/24 ADD[E]*/

/*【10J5BI1】 BA-J1-06-02 定額支給画面表示制御対応 HTS sakamoto 2019/08/01 ADD[S]*/
.tgshkugrp {
    border-color: #e8f1fa;
}
/*諸経費を選択する*/
.douhansya_edit {
    cursor: pointer;
}
/*【10J5BI1】 BA-J1-06-02 定額支給画面表示制御対応 HTS sakamoto 2019/08/01 ADD[E]*/

/* 2019/03/12 V7.11製品対応 07-19.予算コード対応_交際費精算.支出明細 Y.Bonkohara[Add-E] */

/*【10J5BI1】BA-J0-05-01 同伴者のみ申請機能 HTS sakamoto 2019/07/26 ADD[S]*/
.douhanCheck {
    padding: 20px 15px 12px;
}
/*同伴者の場合のメッセージエリア　※画面サイズで微調整*/
#douhanMessageWrap {
    padding-left: 0px;
}
.douhanMessage {
    background: yellow;
    position: fixed;
    width: 100%;
    z-index: 100;
    height: 25px;
    font-size: x-large;
    padding-top:3px;
}
@media screen and (max-width: 572px) {
    .douhanMessage {
        font-size: 1.3em;
        padding-top: 3px;
    }
}
@media screen and (max-width: 414px) {
    .douhanMessage {
        font-size: medium;
        margin-top: 20px;
        margin-left: -5px;
        padding-top: 3px;
    }
}
@media screen and (max-width: 360px) {
    .douhanMessage {
        font-size: 0.9em;
        margin-top: 20px;
        margin-left: -5px;
        padding-top: 4px;
    }
}
@media screen and (max-width: 320px) {
    .douhanMessage {
        font-size: 0.8em;
        margin-top: 20px;
        margin-left: -5px;
        padding-top: 5px
    }
}
/*【10J5BI1】BA-J0-05-01 同伴者のみ申請機能 HTS sakamoto 2019/07/26 ADD[E]*/

/*【10J5BI1】 BA-LM-03-01 ユーザプロファイル　HTS goda 2019/07/11 ADD[S] */
/* ※パスワード入力項目の「目」のマーク */
/*//////////////////////////////レスポンシブ対応PC//////////////////////////////*/
.passwordEye {
    position: absolute;
    right: 27px;
    bottom: 5px;
    display: block;
    width: 34px;
    height: 31px;
    background: url(../images/top/change_icon.png) no-repeat center bottom;
}

.passwordEyeNoTitle {
    position: absolute;
    right: 7px;
    bottom: 5px;
    display: block;
    width: 34px;
    height: 31px;
    background: url(../images/top/change_icon.png) no-repeat center bottom;
}

/*//////////////////////////////レスポンシブ対応TB(PCと同じ)//////////////////////////////*/
@media screen and (max-width: 896px) {
    .passwordEye {
        position: absolute;
        right: 27px;
        bottom: 5px;
        display: block;
        width: 34px;
        height: 31px;
        background: url(../images/top/change_icon.png) no-repeat center bottom;
    }

    .passwordEyeNoTitle {
        position: absolute;
        right: 7px;
        bottom: 5px;
        display: block;
        width: 34px;
        height: 31px;
        background: url(../images/top/change_icon.png) no-repeat center bottom;
    }
}

/*//////////////////////////////レスポンシブ対応PC,TB共通 end//////////////////////////////*/

li.passwordEyeFrame1 {
    position: relative;
    width: 125px !important;
    margin-bottom: 20px !important;
}

li.passwordEyeFrame2 {
    position: relative;
    width: 200px !important;
    padding-right: 20px;
    margin-bottom: 20px !important;
}

/* マスキングマークのエラー時デザイン崩れ対策 HTS goda 2019/10/18 ADD[S] */
/* エラーメッセージを表示したくない場合はこのクラスで消す事ができます。 */
li.errMsgNone > .errMsg {
    display: none;
}
/* マスキングマークのエラー時デザイン崩れ対策 HTS goda 2019/10/18 ADD[E] */

.customInputPassWord.on {
    background-position: center top !important;
}

li.yucyoNumbereBox {
    width: 20px !important;
    text-align: center;
    padding-top: 1em;
    padding-left: 0px;
    padding-right: 0px;
}

li.yucyoNumbereBox2 {
    width: 20px !important;
    text-align: center;
    height: 100%;
    padding: 0px;
}

li.yucyoKigou {
    width: 50px !important;
    padding: 0 !important;
}

li.nostyle {
    margin: 0 !important;
    padding: 0 !important;
}

li.paddingRight50 {
    padding-right: 50px;
}


li.testborder {
    border: 1px solid green;
}

li.yuchoTitle {
    position:relative;
}

li.yuchoTitle2 {
    position: absolute;
    top: 6px;
    left: 5px;
}

/*//////////////////////////////レスポンシブ対応SP1//////////////////////////////*/
@media screen and (max-width: 896px) {
    .passwordEye {
        position: absolute;
        right: 27px;
        bottom: 5px;
        display: block;
        width: 34px;
        height: 31px;
        background: url(../images/top/change_icon.png) no-repeat center bottom;
    }

    .passwordEyeNoTitle {
        position: absolute;
        right: 7px;
        bottom: 5px;
        display: block;
        width: 34px;
        height: 31px;
        background: url(../images/top/change_icon.png) no-repeat center bottom;
    }
}

/*//////////////////////////////レスポンシブ対応SP1//////////////////////////////*/
@media screen and (max-width: 768px) {
    .passwordEye {
        position: absolute;
        right: 27px;
        bottom: 5px;
        display: block;
        width: 34px;
        height: 31px;
        background: url(../images/top/change_icon.png) no-repeat center bottom;
    }

    .passwordEyeNoTitle {
        position: absolute;
        right: 7px;
        bottom: 5px;
        display: block;
        width: 34px;
        height: 31px;
        background: url(../images/top/change_icon.png) no-repeat center bottom;
    }
}

/*//////////////////////////////レスポンシブ対応SP2//////////////////////////////*/
@media screen and (max-width: 480px) {
    .passwordEye {
        position: absolute;
        right: 27px;
        bottom: 5px;
        display: block;
        width: 34px;
        height: 31px;
        background: url(../images/top/change_icon.png) no-repeat center bottom;
    }

    .passwordEyeNoTitle {
        position: absolute;
        right: 7px;
        bottom: 5px;
        display: block;
        width: 34px;
        height: 31px;
        background: url(../images/top/change_icon.png) no-repeat center bottom;
    }

    li.passwordEyeFrame1 {
        position: relative;
        width: 100px !important;
        padding: 0px !important;
        margin-bottom: 0px !important;
    }

    li.passwordEyeFrame2 {
        position: relative;
        width: 250px !important;
        margin-bottom: 10px !important;
    }

    .customInputPassWord.on {
        background-position: center top !important;
    }

    li.yucyoNumbereBox {
        width: 20px !important;
        height: 40px;
        text-align: center;
        padding: 0px !important;
        line-height: 40px;
        margin-bottom: 10px !important;
    }

    li.yucyoNumbereBoxIn {
        height: 100%;
        line-height: 40px;
    }

    li.yucyoKigou {
        width: 50px !important;
        padding: 0 !important;
        margin-bottom: 0px !important;
    }

    /* MP課題管理No.XXX ユーザプロファイル口座番号のマスク表示を通常表示に変更  HTS sakamoto 2020/10/07 ADD[S]*/
    li.yucyoKzano {
        padding-top: 27px;
    }

    li.yucyoKzanoBox1 {
        width: 250px !important;
    }

    li.yucyoKzanoBox2 {
        padding-right: 0px !important;
        width: 100px !important;
    }

    li.yucyoKzanoBox3 {
        margin: 0 !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        width: 250px !important;
    }
    /* MP課題管理No.XXX ユーザプロファイル口座番号のマスク表示を通常表示に変更  HTS sakamoto 2020/10/07 ADD[E]*/
}

/*【10J5BI1】 BA-LM-03-01 ユーザプロファイル　HTS goda 2019/07/11 ADD[E] */

/*【10J5BI1】 BA-CM-02-01 伝票紐付け HTS sakamoto 2019/08/21 ADD[S]*/
.tktsushoritable {
    background: #fff;
    border-style: none;
    font-size: 13px;
    padding: 7px;
    line-height: 1.6;
}
.tktsushoritabletd {
    border-style: none;
    padding: 0px;
}
.tktsushoritabletdspan {
    margin-right: 10px;
}

.tktsushoriitirantable tr:not(.heading):nth-of-type(odd) {
    background: rgba(248,248,248,.25);
}

.tktsushoriitirantable tr:not(.heading):nth-of-type(even) {
    background: rgba(104, 104, 104, 0.05);
}
/*【10J5BI1】 BA-CM-02-01 伝票紐付け HTS sakamoto 2019/08/21 ADD[E]*/

/*【10J5BI1】画像ファイルのパスをCSSの相対パスに変更 HTS goda ADD[S] */
/* アラート */
div.alertImage {
    background-image: url('../JS/jQuery.msgBox-master/images/alert.png');
    background-size: contain;
    height: 100%;
}

/* インフォ */
div .infoImage {
    background-image: url('../JS/jQuery.msgBox-master/images/info.png');
    background-size: contain;
    height: 100%;
}

/* エラー */
div.errorImage {
    background-image: url('../JS/jQuery.msgBox-master/images/error.png');
    background-size: contain;
    height: 100%;
}

/* コンフォーム */
div.confirmImage {
    background-image: url('../JS/jQuery.msgBox-master/images/confirm.png');
    background-size: contain;
    height: 100%;
}

/* バックイメージ */
.messageBoxBackgroundImage {
    background-image: url('../JS/jQuery.msgBox-master/images/msgBoxBackGround.png');
}
/*【10J5BI1】画像ファイルのパスをCSSの相対パスに変更 HTS goda ADD[E] */

/*【10J5BI1】「チケット戻入/外貨戻入ボタン」用 HTS goda 2019/9/25 ADD[S] */
/* ボタンの下マージンを削除 */
li.marginBottm0 {
    margin-bottom: 0px;
}
/* 絵フォントサイズ（ボタン内） */
i.fontSize45 {
    font-size: 45px;
}
/*【10J5BI1】「チケット戻入/外貨戻入ボタン」用 HTS goda 2019/9/25 ADD[E] */
/* 【10J5BI1】デザイン修正 HTS goda 2019/10/17 ADD[S] */
.marginBottm20 {
    margin-bottom: 20px;
}
/* 【10J5BI1】デザイン修正 HTS goda 2019/10/17 ADD[E] */
/*【10J5BI1】 BA-LM-02-02 コールセンタ／シェアード／センタ管理者のメニュー制御 HTS nakashima  2019/09/24 ADD[S]*/
#finish.cardWarning {
    max-width: none;
}
#finish.cardWarning .text {
    font-size: 100%;
    color: #555;
    text-align: left;
    margin-bottom: 10px;
}
/*【10J5BI1】 BA-LM-02-02 コールセンタ／シェアード／センタ管理者のメニュー制御 HTS nakashima  2019/09/24 ADD[E]*/
/*【Ph3.0】BA-LM-NM-XX 通知・お知らせ表示 HTS sakamoto 2020/03/26 ADD[S]*/
.informationDispBtn {
    font-size: 100%;
    cursor: pointer;
    color: blue;
    text-decoration:underline !important;
}
/*通知・お知らせ登録のプレビューから、通知・お知らせ表示のリンク*/
.informationPreviewBtn {
}

#informationDispMainWrap {
    padding: 54px 0 0 54px;
    max-width: 1920px;
}

#informationDispAdjustment h3 {
    background: #fe8d10;
}

#informationDispMainWrap h3 {
    width: 100%;
    font-size: 16px;
    color: #fff;
    background: #fe8d10;
    line-height: 40px;
    font-weight: normal;
    padding: 0 15px;
    border-radius: 3px;
}

form > #informationDispMainWrap {
    padding: 10px 15px 10px;
    background-color:whitesmoke;
}

.informationDispCalcArea {
    display: table;
    width: 100%;
    padding: 10px 0 10px;
}

    .informationDispCalcArea > li {
        display: table-cell;
        width: 50%;
        padding: 0;
        position: relative;
    }

        .informationDispCalcArea > li:first-child {
            padding-right: 10px;
        }

        .informationDispCalcArea > li:last-child {
            padding-left: 10px;
        }

        .informationDispCalcArea > li > div {
            width: 100%;
            top: 0;
        }
/*左欄タイトル*/
.leftAreaH3 {
    background: #0d3d65 !important;
}
/*右欄タイトル*/
.rightAreaH3 {
    background: #0b82a0 !important;
}
/*明細枠*/
.informationDispCont {
    padding: 15px 15px 0;
    background: #fff;
    border: 1px solid #aaa;
    margin-bottom: 40px;
}

.informationDispCont.ptn2 {
    /*padding: 0;*/
    padding: 0.5px;
    margin-bottom: 0px;
    border-top-style:none;
}

.informationDispCont.ptn2 h4 > span,
.informationDispCont.ptn2 h4 a {
    display: block;
    padding: 10px 15px;
    background: #e8f1fa;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}

.informationDispCont.ptn2 h4 > a {
    position: relative;
    padding-right: 40px;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.informationDispCont.ptn2 h4 > a:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 3px;
    background: #999;
    right: 13px;
    top: 50%;
    margin-top: -1px;
}

.informationDispCont.ptn2 h4 > a:after {
    content: "";
    position: absolute;
    height: 24px;
    width: 3px;
    background: #999;
    right: 23px;
    top: 50%;
    margin-top: -11px;
    transition: .25s;
    opacity: 0;
    transform: rotate(-90deg)
}

.informationDispCont.ptn2 h4 > a.hide:after {
    opacity: 1;
    transform: rotate(0)
}

.informationDispDetailTd {
    padding: 0px 5px 0px !important;
    font-size: 14px;
    border: none !important;
}
.informationDispBtnArea {
    margin-bottom: 0px !important;
    margin-top: 10px !important;
}
.chkUnDisp {
    color: black !important;
    font-size: 14px;
}
.informationDispIcon70 {
    /*【Ph3.0】BA-LM-NM-XX 通知・お知らせ表示関連 B票No.7対応 HTS sakamoto 2020/05/12 ADD[S]*/
    cursor: pointer;
    /*【Ph3.0】BA-LM-NM-XX 通知・お知らせ表示関連 B票No.7対応 HTS sakamoto 2020/05/12 ADD[E]*/
}
.informationDispDataTable {
    margin-top: 5px;
    border-spacing: 10px;
    color: #555;
    margin-bottom: 0px !important;
}
/*明細投稿日付*/
.informationPostdate {
    font-weight: bold;
}
/*明細タイトル*/
.informationTitle {
    
}
/*明細アクセサリ*/
.informationAccessory {
    font-weight: bold;
    color: red;
}
/*New表示*/
.informationAccessoryNew {
    font-weight: bold;
    color: red;
    /*点滅*/
    /*animation: blinkAnime 1s infinite alternate;*/
}
/*点滅定義*/
@keyframes blinkAnime {
    0% {
        color: #e8f1fa
    }

    100% {
        color: red
    }
}
/*重要表示*/
.informationAccessory1 {
    font-weight: bold;
    color: red;
}
/*Update表示*/
.informationAccessory2 {
    font-weight: bold;
    color: red;
}
/*詳細TD/
.informationDispDetailTd {
}
/*詳細タイトル*/
.informationDispDetailTitle {
}
/*詳細内容*/
.informationDispDetailNaiyou {
}
/*詳細添付*/
.informationDispDetailTenpu {
}
/*詳細添付リンク*/
.informationDispIcon70 {
    color:blue;
}
/*通知内容内のリンク*/
.informationMsgUrl {
    font-size: 100%;
    cursor: pointer;
    color: blue;
    text-decoration: underline !important;
}
/*画面サイズによる調整*/
@media screen and (max-width: 768px) {
    .itemForm .informationDispCalcArea > li {
        display: block;
        width: 100%;
        padding: 0 !important;
        margin-bottom: 20px;
    }

    .informationDispDetailTd {
        padding: 3px 5px 0px !important;
        font-size: 14px;
    }
}
/*【Ph3.0】BA-LM-NM-XX 通知・お知らせ表示 HTS sakamoto 2020/03/26 ADD[E]*/

/*【Ph3.0】BA-LM-01 企業コードをクッキーに保存 HTS sakamoto 2020/03/17 ADD[S]*/
.chkKgyoucdCookieSaveParts {
    color: #888 !important;
    font-size: 14px !important;
}
/*【Ph3.0】BA-LM-01 企業コードをクッキーに保存 HTS sakamoto 2020/03/17 ADD[E]*/

/*【Ph3.0】BA-LM-01 企業コードをクッキーに保存 HTS sakamoto 2020/03/17 ADD[S]*/
.chkKgyoucdCookieSaveDiv {
    margin-top: -20px !important;
    margin-bottom: 10px !important;
}
/*【Ph3.0】BA-LM-01 企業コードをクッキーに保存 HTS sakamoto 2020/03/17 ADD[E]*/

/*【Ph3.0】BA-F1-12 宿泊先情報 HTS sakamoto 2020/06/10 ADD[S]*/
/*宿泊先検索メッセージ*/
.searchSyukuhakuMsg {
    border: 1px solid orange;
    padding: 6px;
    font-size: 14px;
}
.searchSyukuhakuMsg2 {
    min-height: 4em;
    border: 1px solid orange;
    padding: 6px;
    font-size: 14px;
    padding-top: 1em !important;
    margin-top: 1em;
}
/*ブランドホテル入力枠*/
.searchSyukuhakuFrameBottom {
    margin-top: 15px;
}
/*ブランドホテル入力メッセージ枠*/
.searchSyukuhakuFrameBottomMsg {
    margin-bottom: 10px;
    margin-top: 10px;
}
/*ブランドホテル入力メッセージ*/
.searchSyukuhakuMsgBottom {
    border: 1px solid orange;
    padding: 10px 8px 10px 8px;
    font-size: 14px;
    display:inline-block;
    width: 100%;
}
/*HRS予約情報ボタン*/
.clickableForHRSINFO {
    height: 40px;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #0d0c65;
    background-color: #d1ebf6;
    font-size: 16px;
    color: #0d0c65;
}
/*推奨ホテル検索ボタン*/
.clickableForSUISHOHOTEL {
    height: 40px;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #0d0c65;
    background-color: #d1ebf6;
    font-size: 16px;
    color: #0d0c65;
}
/*チェックイン＆チェックアウト表示エリア*/
.checkInOutArea {
    width: 100%;
    margin-bottom: 0px !important;
}
.dateStart {
    float: left;
    margin-right: 1em;
}
.dateEnd {
    float: left;
    margin-right: 1em;
}
.dateHakusu {
    float: left;
    width: 8em;
}
.chkBlandInputDisp {
    float: left;
}
.blandInputDispCheckBoxParts {
    color: #888 !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}
.blandHotelInputArea li {
    float: left;
    padding-right: 20px;
    /*margin-bottom: 20px;*/
    width: 50%;
}
/*選択情報反映表示エリア*/
.lowArea {
    display: inline-block;
    margin-bottom: 0px !important;
    width: 100%;
    border-top-style: double;
    border-top-color: orange;
    border-top-width: 5px;
    padding-top: 1em;
    float: left;
}
.lowAreaItem {
    float: left;
    margin-right: 1em;
    width: 20%;
}
/*㋹色HRS予約ラベル*/
.hsrYoyaku {
    float: left;
    font-size: 20px;
    color: #668ab9;
    margin-top: 2em;
    margin-left: 0.5em;
}
/*㋹色推奨ホテルラベル*/
.suisyouHotel {
    float: left;
    font-size: 20px;
    color: #668ab9;
    margin-top: 2em;
    margin-left: 0.5em;
}
/*㋹色非推奨ホテルラベル*/
.hiSuisyouHotel {
    float: left;
    font-size: 20px;
    color: #ff9933;
    margin-top: 2em;
    margin-left: 0.5em;
}
/*推奨、HRS予約の㋹*/
.lowAreaItemIcon {
    float: left;
    margin-top: 1.5em;
    padding-top: 0.5em;
    color: white;
    font-size: 18px;
    width: 2em; /*幅*/
    height: 2em; /*高さ*/
    border-radius: 50%; /*角丸*/
    background-color: #9dc3e6;
    border: 1px solid #668ab9;
}
/*非推奨の㋹*/
.lowAreaItemIconHiSuisyou {
    float: left;
    margin-top: 1.5em;
    padding-top: 0.5em;
    color: white;
    font-size: 18px;
    width: 2em; /*幅*/
    height: 2em; /*高さ*/
    border-radius: 50%; /*角丸*/
    background-color: #fcebdf;
    border: 1px solid #ee8640;
}
/*㋹内の「レ」*/
.lowAreaItemIconLabel {
    cursor: default !important;
    content: "";
    display: block;
    margin-left: 0.6em;
    margin-top: -0.3em;
/*  position: absolute;*/
    width: 15px;
    height: 23px;
    transform: rotate(40deg);
    border-bottom: 5px solid white;
    border-right: 5px solid white;
}
.lowArea2 {
    display: inline-block;
    margin-bottom: 0px !important;
    width: 100%;
    float: left;
}
/*推奨ホテル検索画面の一覧でマウスフォーカスを当てた時の色設定*/
.clickableTable tr.clickableForSearchSUISYOUHotel:hover {
    cursor: pointer;
    background: #f6feff !important;
}
/*HRS予約選択画面の一覧でマウスフォーカスを当てた時の色設定*/
.clickableTable tr.clickableForSearchHRSYoyaku:hover {
    cursor: pointer;
    background: #f6feff !important;
}
/*明細欄-推奨ラベル色*/
.suisyou {
    color: #668ab9;
    /*font-weight: bold;*/
}
/*明細欄-非推奨ラベル色*/
.hisuisyou {
    color: #ff9933;
    /*font-weight: bold;*/
}
/*明細欄-HRS予約ラベル色*/
.hrsyoyaku {
    color: #668ab9;
    /*font-weight: bold;*/
}
/*明細欄-未入力ラベル色*/
.minyuryoku {
    color: red;
    /*font-weight: bold;*/
}
/*HRS選択画面　折り替えし*/
.clickableForSearchHRSYoyaku {
    word-break: break-all;
}
/*推奨ホテル選択画面　折り返し*/
.clickableForSearchSUISYOUHotel {
    word-break: break-all;
}
/*推奨ホテル選択画面-宿泊先-プレースフォルダー*/
.blandHotelInputArea li div input:-ms-input-placeholder {
    color:#AAA;
}
/*推奨ホテル選択画面-宿泊先-プレースフォルダー*/
.suisyouDispItemW25p {
    width: 25% !important;
}
.suisyouDispItemW33p {
    width: 33% !important;
}
/*【Ph3.0】BA-F1-12 宿泊先情報 HTS sakamoto 2020/06/10 ADD[E]*/

/* MP課題管理No.XXX ユーザプロファイル口座番号のマスク表示を通常表示に変更  HTS sakamoto 2020/10/07 ADD[S]*/
.yucyoKzano {
    padding-top: 27px;
}
.yucyoKzanoBox1 {
    width: 200px !important;
}
.yucyoKzanoBox2 {
    padding-right: 0px!important;
    width: 125px !important;
}
.yucyoKzanoBox3 {
    margin: 0 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    width: 200px !important;
}
/* MP課題管理No.XXX ユーザプロファイル口座番号のマスク表示を通常表示に変更  HTS sakamoto 2020/10/07 ADD[E]*/

/*【PH4対応】支払根拠によるアラート表示制御 HTS sakamoto 2020/10/22 ADD[S]*/
.payKnkyoMsgArea {
    background: white;
    font-size: 14px;
    color: red;
    font-weight: bold;
    border: 2px solid #F9A825;
    display: inline-block;
    line-height: 1.6;
    margin-top: 0px;
    padding: 7px;
}

@media screen and (max-width: 768px) {
    .liPayKnkyoMsgArea {
        min-height: 0px !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 769px) {
    .payKnkyoMsgArea {
        margin-top: 28px !important;
    }
    .liPayKnkyoMsgArea {
        min-height: 0px !important;
        width: calc(100% - 360px) !important;
    }
}

@media screen and (min-width: 1025px) {
    .liPayKnkyoMsgArea {
        width: auto !important;
        max-width: calc(100% - 360px) !important;
    }
}
/*【PH4対応】支払根拠によるアラート表示制御 HTS sakamoto 2020/10/22 ADD[E]*/

/*【Ph4対応】No.41 スキャンセンタPDF出力のレイアウト変更 HTS BAODI 2020/12/08 ADD[S]*/
.scanPdfTable th, .scanPdfTable td {
    text-align: left;
}

.scanPdfTable td {
    color: #555;
    background: #fff
}

.scanPdfBtn button {
    border-radius: 4px;
    padding: 2px 20px;
    background: #dcf4f8;
    border: 1px solid #0e819e;
    color: #0e819e;
}

@media screen and (min-width: 769px) {
    .scanPdfTable {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .scanPdfTable {
        width: 100%;
    }
}
/*【Ph4対応】No.41 スキャンセンタPDF出力のレイアウト変更 HTS BAODI 2020/12/08 ADD[E]*/
/*【Ph5_一次】H-02-02-04.国内出張精算承認(管理用)/承認履歴(管理用)画面 Y.Bonkohara 2021/04/20 ADD[S]*/
.scanPdfBtn a {
    border-radius: 4px;
    padding: 0px 20px;
    background: #dcf4f8;
    border: 1px solid #0e819e;
    color: #0e819e;
    font-size: 13.33px;
}
/*【Ph5_一次】H-02-02-04.国内出張精算承認(管理用)/承認履歴(管理用)画面 Y.Bonkohara 2021/04/20 ADD[E]*/
/*【Ph6】電子帳簿保存法オプションカスタマイズ Y.Bonkohara 2022/01/05 ADD[S]*/
.receiptMitrkm {
    color: red;
    font-size: 14px;
}
/*【Ph6】電子帳簿保存法オプションカスタマイズ Y.Bonkohara 2022/01/05 ADD[E]*/
/*電子帳簿保存法改善対応 Y.Bonkohara 2022/06/23 ADD[S]*/
.receiptViewButton {
    background-color: cornflowerblue;
    border-radius: 2px;
    color: #fff;
    display: inline-block!important;
    min-height: 20px;
    line-height: 20px;
    text-align: center;
    padding-left: 8px!important;
    padding-right: 8px!important;
}
.receiptViewTable td
{
    border-top-style:solid;
}
/*電子帳簿保存法改善対応 Y.Bonkohara 2022/06/23 ADD[E]*/
/*会議交際費改善対応 Y.Bonkohara 2022/06/07 ADD[S]*/
.snshaftnkshoGroup
{
    float:left;
}
.snshaftnkshoGroupDescription
{
    color:red !important;
}
.snshaftnkshoGroupBlank
{
    display:inline-block;
    line-height:1em;
}
@media screen and (max-width: 640px)
{
    .snshaftnkshoGroup
    {
        float:none;
    }
    .snshaftnkshoGroupDescription
    {
        padding-top:0px !important;
    }
    .snshaftnkshoGroupBlank
    {
        display:none;
        line-height:0px !important;
    }
}
/*会議交際費改善対応 Y.Bonkohara 2022/06/07 ADD[E]*/

/*インボイス対応 登録番号有無追加 H.Kido 2023/07/07 ADD[S]*/
.trkunoumuDescription {
    color: red;
    display: block;
    padding: 3px;
    font-size: 14px;
}
/*インボイス対応 登録番号有無追加 H.Kido 2023/07/07 ADD[E]*/

/*【24上案件対応】No.50 領収書添付(アイコンの変更) H.Kido 2024/07/22 ADD[S]*/
.receiptReleaseButton {
    background-color: #666;
    border-radius: 2px;
    color: #fff;
    display: inline-block !important;
    min-height: 20px;
    line-height: 20px;
    text-align: center;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
/*【24上案件対応】No.50 領収書添付(アイコンの変更) H.Kido 2024/07/22 ADD[E]*/

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

/* ******************** Table ******************** */
/* テーブル デフォルトスタイル */
table {
    font-size: 14px;
    margin-bottom: 40px;
}
tr {

}
tr:not(.heading,.custom):nth-of-type(odd) {
    background: #f7f7f7;
}
tr:not(.heading,.custom):nth-of-type(even) {
    background: #fff;
}
tr.blank {
    background: #fff;
}
th, td {
    padding: 10px;
    /* background: #fff */
}
th {
    background: #c9dfed;
    font-weight: normal;
    border: 1px solid #aaa;
    border-width: 1px 1px 0px 0px;
}
td {
    border: 1px solid #aaa;
    border-top-style: dotted;
    border-width: 1px 1px 0px 0px;
}
td:first-child, th:first-child {border-left-width: 1px;}

td.none {
    background: none!important;
    border: none;
}
th.none {
    background: none!important;
    border-width: 1px 0 0 0;
}
td.last {
    border-right-width: 1px;
}
th.last {
    border-right-width: 1px;
}
tr:last-child td {
    border-bottom-width: 1px;
}
.clickableTable tr.clickable:hover {cursor: pointer;background: #f6feff!important;}

/*【10J5BI1】 BA-F1-06-02 定額支給画面表示制御対応 HTS sakamoto 2019/06/13 ADD[S]*/
.tghkyu-last-td {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.tghkyu-td {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
/*【10J5BI1】 BA-F1-06-02 定額支給画面表示制御対応 HTS sakamoto 2019/06/13 ADD[E]*/
#approval table th    {background: #c4e6dc;}
#application table th {background: #c9dfed;}
#adjustment table th  {background: #dcf4f8;}
#config table th      {background: #CAE8F3;}
#proxyModal table th  {background: #c9c9c9;}
/*#admin table th  {background: #0d3d65;}*/

/*----------------------------------------
標準テーブル
.normalTable
-----------------------------------------*/
.normalTable tr {
    background: none!important
}
.normalTable th,.normalTable td {
    text-align: left;
}
.normalTable td {
    color: #555;
    background: #fff
}
@media screen and (max-width: 640px) {
    .normalTable,.normalTable tbody,.normalTable tr,.normalTable td {
        display: block;border: none;
    }
	.normalTable th:not(.visible) {
		display: none !important;
	}
	.normalTable th.visible {
		display: flex;
		padding: 0;
		border: 1px solid #aaa;
		border-bottom: none;
		align-items: stretch;
	}
    .normalTable td {
        display: flex;
        padding: 0;
        border: 1px solid #aaa;
        border-bottom: none;
        align-items: stretch;
    }
    .normalTable td.none {
        display: none!important;
    }
    .normalTable td.last,
    .normalTable tr:last-child td:last-child {
        border-bottom: 1px solid #aaa;
    }
	.normalTable th.visible > span {
		padding: 10px;
		width: auto;
		word-break: break-all;
	}
	.normalTable td > span {
		padding: 10px;
		width: 100%;
		word-break: break-all;
	}
    .normalTable td .u640 {
        width: 200px;
        min-width: 200px;
        display: flex;
        align-items: center;
    }

    #application .normalTable td .u640 {
        background: #c9dfed;
    }
    #approval .normalTable td .u640 {
        background: #c4e6dc;
    }
    #adjustment .normalTable td .u640 {
        background: #dcf4f8;
    }
    /*【10J5BI1】(日立製作所)MP不具合対応 輸出管理文言変更 HTS sakamoto 2020/03/16 ADD[S]*/
    /*スマホサイズにした時、表示が崩れるため修正*/
    .normalTable td .yukan {
        background: #c9dfed;
    }
    /*【10J5BI1】(日立製作所)MP不具合対応 輸出管理文言変更 HTS sakamoto 2020/03/16 ADD[E]*/
}
@media screen and (max-width: 480px) {
    .normalTable {
        font-size: 13px
    }
    .normalTable td .u640 {
        width: 90px;
        min-width: 90px;
    }
    /* 【10J5BI1】 BA-F0-07-01 輸出管理情報グループ追加対応 HTS isa 2019/09/27 ADD[S] */
    /*【10J5BI1】(日立製作所)MP不具合対応 輸出管理文言変更 HTS sakamoto 2020/03/16 MOD[S]*/
    /*スマホサイズにした時、表示が崩れるため修正*/
    /*.normalTable td .yukan640 {
        width: 323px;
        min-width: 323px;
        background: #c9dfed;
    }
    .normalTable td .yukan640_2 {
        width: 323px;
        min-width: 323px;
    }*/
    .normalTable td .yukan {
        background: #c9dfed;
    }
    /*【10J5BI1】(日立製作所)MP不具合対応 輸出管理文言変更 HTS sakamoto 2020/03/16 MOD[E]*/
    /* 【10J5BI1】 BA-F0-07-01 輸出管理情報グループ追加対応 HTS isa 2019/09/27 ADD[E] */
}
/*----------------------------------------
横テーブル
.colTable
-----------------------------------------*/
.colTable tr {
    background: #fff!important;
}
.colTable th {
    width: 30%;
    border-width: 1px 0 0 1px;
    text-align: left;
    vertical-align: middle;
}
.colTable tr:last-child th {
    border-bottom-width: 1px
}
.colTable td {
    border-style: solid;
    border-width: 1px 1px 0 0px;
    vertical-align: middle;
}
.colTable .heading,
.colTable .heading > * {
    border: none;
    background: none!important
}

/*----------------------------------------
クリッカブルテーブル
.clickableTable
-----------------------------------------*/
.clickableTable tr:not(.heading):nth-of-type(odd) {
    background: rgba(248,248,248,.25);
}
.clickableTable tr:not(.heading):nth-of-type(even) {
    background: rgba(104, 104, 104, 0.05);
}

/*----------------------------------------
リストテーブル(主に一覧画面用)
.listTable
768px以下でリスト形式
リスト形式　2種類
-----------------------------------------*/
.listTable.ptn1 {
    background: #fff;
}
.listTable tr:not(.heading) {
    border: 1px solid #b8b8b8;
    border-width: 0 1px 0 1px
}
.listTable th,.listTable td {
    vertical-align: middle;
}
.listTable th {
    border: none;
    background: #777;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    font-weight: normal;
}
.listTable td {
    border-bottom: solid #b8b8b8;
    border-right: solid #d4d4d4;
    font-size: 12px;
    padding: 15px 5px;
    border-width: 0px 0px 1px 1px;
}
.listTable td:last-child {border-right-width: 1px;}
.listTable td.detail > span {
    display: block;
    padding: 5px 0
}
.listTable .supInfo {
    width: 120px;
    text-align: center;
}
.listTable td.supInfo i {
    font-size: 17px;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 5px
}
.listTable td.icon {
    width: 75px;
    text-align: center;
}
.listTable td.icon i {
    font-size: 33px;
    color: #999;
    display: block;
    text-align: center;
}
.listTable .icon span {
    margin-top: 7px;
    display: inline-block;
}

.listTable .done i { color: #4EA41A}

/*未精算アイコン*/
.listTable .supInfo .icon-icon44 { color: #F44336!important;}

/*規定違反アイコン*/
.listTable .supInfo .icon-icon46 { color: #F57C00!important;}

@media screen and (max-width: 1180px) {
    .listTable .supInfo {
        width: 80px
    }
}
@media screen and (max-width: 960px) {
    .listTable .supInfo {
        width: 58px;
    }
}
@media screen and (max-width: 768px) {
    .listTable,.listTable tbody,.listTable tr,.listTable td {
        display: block;border: none;
    }
    .listTable tr.heading {
        display: none
    }
    .listTable tr {
        position:relative;
        padding: 10px 10px 10px 70px;
        border-width: 0 0 1px 0!important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        line-height: 1.1;
        align-content: center;
    }
    .listTable.ptn1 tr {
        padding: 0 40px 0 0;
        position: relative;
        min-height: 85px;
    }
    .listTable td .u768 {
        font-weight: bold;
        color: #333;
    }
    .listTable .spNone {
        display: none!important;
    }
    .listTable td.icon {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translate(0,-50%);
        width: 60px;
        padding: 0;
        text-align: center;
        border: none;
    }
    .listTable td:not(.icon) {
        display: flex;
        align-items: center;
        padding: 5px 0;
        flex-wrap: wrap;
        margin-right: 15px;
    }
    .listTable.ptn1 td {
        flex-wrap: nowrap;
        padding: 0;
        margin-right: 0;
        width: 100%;
    }
    .listTable.ptn1 td .u768 {
        width: 100px;
        padding: 6px 5px;
        font-weight: normal;
        align-self:  stretch;
        align-items: center;
        display:  flex;
    }
    .listTable.ptn1 td .u768 + span {

        padding: 0 10px;
    }
    .listTable td.detail {
        padding: 0;
    }
    .listTable td.detail > span {
        display: inline-block;
        margin-right: 10px;
        text-align: left;
    }
    .listTable td.supInfo {
        padding: 5px 0;
        width: 100%;
    }
    .listTable.ptn1 td.supInfo {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        flex-wrap: wrap;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    .listTable .supInfo i {
        margin-bottom: 0
    }
    .listTable td.tbl_w100p {
        max-width: 100%;
    }


    /**/
    #approval .listTable.ptn1 td .u768 {
        background: #c4e6dc;
    }
    #adjustment .listTable.ptn1 td .u768 {
        background: #dcf4f8;
    }
    #proxyModal .listTable.ptn1 td .u768 {
        background: #c9c9c9!important;
    }
    #admin .listTable.ptn1 td .u768 {
        background: #0d3d65!important;
        color:  #fff;
    }
    /**/
}
@media screen and (max-width: 480px) {
    .listTable td.detail > span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
/*アイコン個別のフォントサイズ設定*/
.listTable td i.icon-icon78,
.listTable td i.icon-icon22 {
    font-size: 28px
}

/*ページタイプごとの設定*/
/* 承認 */
#approval .listTable th {background: #067d57;}
#approval .listTable i { color: #067d57}

/* 精算 */
#adjustment .listTable th {background: #0b82a0;}
#adjustment .listTable i { color: #0b82a0}

/* 申請 */
#application .listTable th {background: #0d3d65;}
#application .listTable i { color: #0d3d65}

/*データ仕分*/
#data .listTable i { color: #4EA41A}

/*管理*/
#admin .listTable th {}
#admin .listTable i {color: #333;}
/*----------------------------------------
リサイズなしテーブル
.spTable
-----------------------------------------*/
@media screen and (max-width: 768px) {
    .spTable * {
        font-size: 12px
    }
    .spTable td {

    }
}
/*----------------------------------------
確定データ用テーブル(使用時は.box.tableで外包する)
.box.table > .confirmDataTable
-----------------------------------------*/
.confirmDataTable {
    margin-top: 5px;
    border-spacing: 10px;
    color: #555;
}
.confirmDataTable:first-child {
    margin-top: 0;
}
.confirmDataTable tr {
    background: none!important;
}
    .confirmDataTable th {
        /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 DEL[S]*/
        /* background: none!important; */
        /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 DEL[E]*/
        border: none;
        /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/18 MOD[S]*/
        /* padding: 0 5px 0 1em; */
        padding: 2px 5px 5px 1em;
        /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/18 MOD[E]*/
        text-align: left;
        text-indent: -1em;
        font-weight: bold;
    }
.confirmDataTable th:before {
    content: "■";
}
/*【10J5BI1】 BA-J1-09-06 立替精算理由制御 HTS nakashima 2019/05/13 ADD[S]*/
.confirmDataTable th.noTitle:before {
    content: none;
}
/*【10J5BI1】 BA-J1-09-06 立替精算理由制御 HTS nakashima 2019/05/13 ADD[E]*/
.confirmDataTable td {
    border: none;
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/18 MOD[S]*/
    /* border-top: 1px solid #e0e0e0; */
    /*border-right: 1px solid #e0e0e0;*/
    /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/18 MOD[S]*/
    padding: 10px 5px 0;
    word-break: break-word;
}
.confirmDataTable td > span:not(.u640) {
    padding-left: .5em;
    display: inline-block;
}
@media screen and (max-width: 640px) {
    .confirmDataTable ,.confirmDataTable tbody ,.confirmDataTable tr {
        display: block;
        border-spacing: 0;
    }
    .confirmDataTable th {
        display: none;
    }
    .confirmDataTable td {
        display: table;
        width: 100%;
        padding: 0;
    }
    .confirmDataTable:first-child  td:first-child {
        border-top: none;
    }
    .confirmDataTable td > span {
        display: table-cell;
        vertical-align: top;
        padding: 10px;
    }
    .confirmDataTable td .u640 {
        display: table-cell;
        width: 150px;
        /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[S]*/
        /* background: #c9dfed; */
        background: #c9dfed;
        /*【10J5BI1】 BA-CM-05-01 レイアウトデザイン変更　HTS goda 2019/06/17 MOD[S]*/
        font-weight: bold;
        text-align: left;
        font-size: 14px;
        vertical-align: top;
        padding-left: 1.25em;
        padding-left: calc(1em + 5px);
        text-indent: -1em;
    }
    .confirmDataTable td .u640:before {
        content: "■";
        margin-right: .25em
    }
    /*【10J5BI1】 BA-J1-09-06 立替精算理由制御 HTS nakashima 2019/05/13 ADD[S]*/
    .confirmDataTable td .u640.noTitle:before {
        content: none;
    }
    /*【10J5BI1】 BA-J1-09-06 立替精算理由制御 HTS nakashima 2019/05/13 ADD[E]*/
}
@media screen and (max-width:480px) {
    .confirmDataTable td .u640 {
        width: 90px
    }
}
/* ******************** ボタン ******************** */
/*----------------------------------------
横並びボタン群
.contBtns
ul.contBtns > li > button
-----------------------------------------*/
.contBtns {
    text-align: center;
    letter-spacing: -.4em;
    margin-top: 0px;
}
.contBtns.top {
    margin-bottom: 15px;
}

.contBtns.bottom {
    margin-top: 15px;
}
.contBtns li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 5px;
}
.contBtns li button {
    border-radius: 4px;
    padding: 7px 20px;
    background: #666;
    color: #fff;
    word-break: keep-all;
}
/* テーブル内に配置する場合 */
td .contBtns li {
    margin: 5px 10px
}
#errorModal
{
	background: #F4F1EA;
    z-index: 100000;
}
.exceptionHeader:before {
    content: "■";
    color: Gray;
}
.exceptionBody {
	font-weight: bold;
	text-indent: initial;
}
ul .toMenuOnError
{
	text-align:center;
	margin-bottom:0px;
}
li .toMenuOnError
{
	border-radius: 4px;
	padding: 7px 20px;
	background: #666;
	color: #fff;
	word-break: keep-all;

	width:150px;
	text-align:center;
}
button .toMenuOnError
{
	width:150px;
}
#errorfilter {
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99999;
}
.areaTitleOnError {
	padding: 20px 20px 0px 20px;
	/*2018/11/13 V7-108	by T.Okazaki ADD-[S]*/
	background: #F4F1EA;
	/*2018/11/13 V7-108	by T.Okazaki ADD-[E]*/
}
.areaOnError {
	padding: 20px 20px 0 !important;
	/*2018/11/13 V7-108	by T.Okazaki ADD-[S]*/
	background: #F4F1EA;
	/*2018/11/13 V7-108	by T.Okazaki ADD-[E]*/
}
.areaOnError > tbody.inAreaOnError, th.inAreaOnError {
    background: #fe8d10 !important;
    font-weight: normal;
    letter-spacing: 3px;
    width: 53px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    border: none;
    vertical-align: middle;
}
li.inAreaOnError > p.exceptionBody {
    font-size: 11px;
}
.areaOnError > tbody.inAreaOnError, td.inAreaOnError {
	vertical-align: middle;
	/*2018/11/13 V7-108	by T.Okazaki ADD-[S]*/
	background: #F4F1EA;
	/*2018/11/13 V7-108	by T.Okazaki ADD-[E]*/
}
.areaOnError > td.inAreaOnError, li.inAreaOnError {
    line-height: 1.6;
    padding: 6px 0;
    border-bottom: 1px dotted #ccc;
    padding-left: 1em;
    text-indent: -1em;
}
.areaStackTrace
{
	font-size:8pt;
}

/* ******************** チェックボックス ******************** */
/*----------------------------------------
カスタムチェックボックス
.contBtns
ul.contBtns > li > button
-----------------------------------------*/
.customCheckBoxWrap input {
    /*アクセシビリティ対応(一次対応) タブ移動 Y.Bonkohara 2023/02/13 MOD[S]*/
    /*display: none ! important;*/
    /* 透明度0 */
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    /* ブラウザのデフォルトのスタイルを削除 */
    -webkit-appearance: none;
    appearance: none;
    /* レイアウトから無視 */
    position: absolute;
    /*アクセシビリティ対応(一次対応) タブ移動 Y.Bonkohara 2023/02/13 MOD[E]*/
}
.customCheckBoxWrap label {
    display: inline-block;
    vertical-align: bottom;
    position:  relative;
    width:  100%;
    height:  100%;
}
.customCheckBoxWrap label:before{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 1px solid #999;
    /* border-radius: 4px; */
    margin-right:  5px;
    vertical-align: bottom;
}
.customCheckBoxWrap input:checked + label{
    color: #009a9a;
}
.customCheckBoxWrap input:checked + label:after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #009a9a;
    border-right: 3px solid #009a9a;
}

/*【10J5BI1】 BA-CM-02-01 伝票紐付け HTS sakamoto 2019/08/21 ADD[S]*/
.tktsushoricustomCheckBoxWrap input {
    /*アクセシビリティ対応(一次対応) タブ移動 Y.Bonkohara 2023/02/13 MOD[S]*/
    /*display: none !important;*/
    /* 透明度0 */
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    /* ブラウザのデフォルトのスタイルを削除 */
    -webkit-appearance: none;
    appearance: none;
    /* レイアウトから無視 */
    position: absolute;
    /*アクセシビリティ対応(一次対応) タブ移動 Y.Bonkohara 2023/02/13 MOD[E]*/
}

.tktsushoricustomCheckBoxWrap label {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    height: 100%;
}

.tktsushoricustomCheckBoxWrap label:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 1px solid #999;
    /* border-radius: 4px; */
    margin-right: 5px;
    vertical-align: bottom;
}

.tktsushoricustomCheckBoxWrap input:checked + label {
    color: #009a9a;
}

.tktsushoricustomCheckBoxWrap input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #009a9a;
    border-right: 3px solid #009a9a;
}
/*【10J5BI1】 BA-CM-02-01 伝票紐付け HTS sakamoto 2019/08/21 ADD[E]*/
/* ******************** 入力開閉 ******************** */
/*----------------------------------------
p.moreDetailAnchor > a > span.detailText
-----------------------------------------*/
.moreDetailAnchor {
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px !important;
    width: 100%;
    padding: 0 !important;
}
.moreDetailAnchor a {
    color: #04c;
    text-decoration:  underline;
    vertical-align:  middle;
    display:  inline-block;
    position:  relative;
}
.moreDetailAnchor:not(.on) a span .close {
    display: none;
}

.moreDetailAnchor.on a span .open {
    display: none;
}

/* 2019/03/13 V7.11製品対応 07-06.個人別実費パターン登録画面 Y.Bonkohara[Add-S] */
@media screen and (max-width: 640px) {
    .borderTop {
        border-top: 1px solid #e0e0e0 !important;
    }
}
/* 2019/03/13 V7.11製品対応 07-06.個人別実費パターン登録画面 Y.Bonkohara[Add-S] */
/* 2019/03/15 V7.11製品対応 07-12.予算コード対応_国内精算.実費 Y.Bonkohara[Add-S] */
@media screen and (max-width:768px) {
    .listTable .noCheckbox {
        padding: 10px 10px 10px 10px;
    }
}
/* 2019/03/15 V7.11製品対応 07-12.予算コード対応_国内精算.実費 Y.Bonkohara[Add-E] */
/*【10J5BI1】 BA-J1-09-04 摘要グループ絞り込みおよび、画面表示順制御　HTS fujita 2019/05/23 ADD[S] */
#conditions-button {
    width: 230px !important;
}
/*【10J5BI1】 BA-J1-09-04 摘要グループ絞り込みおよび、画面表示順制御　HTS fujita */

/*【10J5BI1】 BA-SH-02-02 承認警告　HTS goda 2019/07/30 ADD[S] */
.ApprovalWarningRed {
    background-color: red;
    padding: 0.5em 0.75em;
}

.ApprovalWarningYellow {
    background-color: yellow;
    padding: 0.5em 0.75em;
    color: #000000 !important;
}

.ApprovalWarningBlue {
    background-color: blue;
    padding: 0.5em 0.75em;
}

.ApprovalWarningSize {
    color: white;
    font-size: 20px;
    margin: 20px 40px;
}

.ApprovalWarningRedItem {
    background-color: red !important;
    color: white !important;
}
.lineHeight_1_5 {
    line-height: 1.5;
}

/*//////////////////////////////レスポンシブ対応TB(PCと同じ)//////////////////////////////*/
@media screen and (max-width: 896px) {
    .ApprovalWarningSize {
        color: white;
        font-size: 20px;
        margin: 20px 40px;
    }
}

/*//////////////////////////////レスポンシブ対応TB(PCと同じ)//////////////////////////////*/
@media screen and (max-width: 768px) {
    .ApprovalWarningSize {
        color: white;
        font-size: 20px;
        margin: -20px 15px 25px !important;
    }
}

/*//////////////////////////////レスポンシブ対応SP//////////////////////////////*/
@media screen and (max-width: 480px) {
    .ApprovalWarningSize {
        color: white;
        font-size: 20px;
        margin: -20px 15px 25px !important;
    }
    .blackColor {
        color: #555 !important;
    }
}
/*【10J5BI1】 BA-SH-02-02 承認警告　HTS goda 2019/07/30 ADD[E] */

/*【10J5BI1】BA-LM-01-01 各種ログイン画面新設・改修　HTS goda 2019/08/21 ADD[S] */
/* シェアードログイン画面の上部 */
.sharedLoginHead {
    text-align:left;
    background-color:#2e75b6;
    color:white;
    height:30px;
    width:100%;
    padding: 0.5em 0.75em;
}
/* センター管理者ログイン画面の上部 */
.centerLoginHead {
    text-align: left;
    background-color: #000000;
    color: white;
    height: 30px;
    width: 100%;
    padding: 0.5em 0.75em;
}

/* マニュアル部分 */
.manual_box {
    position:absolute;
    width:100%;
    height:80px;
    padding: 1.0em 1.0em;
    z-index:10;
}

.manual_pdf {
    position: relative;
    text-align: right;
}

.manual_icon {
    display: inline-block;
    color: #fff;
    background: #004488;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 13px;
    padding-top: 2px;
}

/*【10J5BI1】BA-LM-01-01 各種ログイン画面新設・改修　HTS goda 2019/08/21 ADD[S] */

/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御 HTS goda 2019/09/17 ADD[S] */

/* モーダル「閉じる」ボタンの上下マージン */
li.buttonMargin {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* 明細画面上部の色 */
.modalTableHeadColor th {
    background-color: #777 !important;
}

/* グループ表示H3 */
.modalGroupDisp H3 {
    width: 100%;
    font-size: 16px;
    color: #fff;
    background: #005694 !important;
    line-height: 40px;
    font-weight: normal;
    padding: 0 15px;
    border-radius: 3px;
}

/* グループ表示内のメッセージ */
.modalGroupDisp p {
    font-size: 14px;
    padding: 10px 25px 9px;
    background: #fafafa;
    margin-top: 10px;
    text-indent: -1em;
}

/* 開閉する明細の下余白 */
div.modalMeisaiMargin {
    margin-bottom: 20px;
}

/* 明細の行間隔 */
div.modalMeisaiMargin .cont {
    margin-bottom: 10px !important;
}

/* 下部ボタンのマージン */
ul.modalButtonMargin {
    margin: 20px;
}

/*//////////////////////////////レスポンシブ対応TB(PCと同じ)//////////////////////////////*/
@media screen and (max-width: 896px) {
}
/*//////////////////////////////レスポンシブ対応TB(PCと同じ)//////////////////////////////*/
@media screen and (max-width: 768px) {
}
/*//////////////////////////////レスポンシブ対応SP//////////////////////////////*/
@media screen and (max-width: 480px) {

    /* 詳細設定の下部ボタン */
    .modalButtonMargin li{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* 編集・複写・削除ボタンの間隔をあける */
    div.modalMeisaiMargin li {
        margin: 10px;
    }
}

/*【10J5BI1】BA-J1-09-03 公私分離画面遷移制御 HTS goda 2019/09/17 ADD[E] */
/*領収書取込後のリロード Y.Bonkohara 2022/06/22 ADD[S]*/
.uploadBtn {
    background: #e87a01 !important;
    color: #fff !important;
    border: #fff !important;
}
.reloadBtn {
    background: #fff !important;
    color: #e87a01 !important;
    border-color: #e87a01 !important;
    border-style: solid;
    border-width: 2px !important;
    padding: 5px 18px !important;
}
.contBtns li button.reloadBtn i {
    color: #e87a01 !important;
}
/*領収書取込後のリロード Y.Bonkohara 2022/06/22 ADD[E]*/

/*@charset "UTF-8";*/
#admin .subMenuWrap a {
    padding-left: 10px
}
#admin #mainWrap {
    padding-bottom: 110px
}
/*マスタメンテ*/
#masterSelect {
    margin-bottom: 20px;
    display: flex;
    width: 100%;
    align-items: center
}
#masterSelect .text {
    margin-right: 10px
}
#masterSelect .selectWrap {
    width: 13em;
    margin-right: 10px
}
.masterInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#masterArea .section {
    width: calc(50% - 15px);
}
#mainWrap #masterArea .formSectionInner {
    padding: 10px 0 40px;
}
#mainWrap #masterArea .info {
    /* margin-bottom: 40px; */
}

@media screen and (max-width: 768px) {
    .masterInner {
        flex-wrap: wrap;
    }
    #masterArea .section {
        width: 100%;
    }
}
.masterLinkList {
    background: #fff;
    /* margin-bottom: 40px; */
    /* padding: 5px 0; */
    border-radius: 3px;
}
.masterLinkList li {
    /* margin-bottom: 10px */
}
.masterLinkList li:last-child a {
    margin-bottom: 0;
    border-bottom: none;
}

.masterLinkList li a {
    padding: 15px 10px;
    display: block;
    font-size:  14px;
    color:  #3399ff;
    /* margin-bottom: 10px; */
    border-bottom:  1px dotted #ccc;
}
.masterLinkList li a i {
    font-size: 13px;
    vertical-align: bottom;
    display:  inline-block;
    margin-left: 5px;
}
.langChange {
    display: flex;
    width: 100%;
    align-items:  center;
    justify-content:  flex-end;
    margin-bottom: 5px;
    flex-wrap: wrap;
    transform: scale(0.95);
    transform-origin: right center;
}
.langChange .text {
    margin-right: 10px;
}
.langChange .selectWrap {
    width: 8em;
}

#mainWrap .section .formSectionInner.upload {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#mainWrap .section .formSectionInner.upload > ul {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
    border-radius: 3px;
    overflow:  hidden;
}
#mainWrap .section .formSectionInner.upload > ul > li label {
    /* margin-bottom: 10px; */
    padding: 10px 10px 10px calc(20px + 1em);
    text-indent: calc(-10px - 1em);
    width: 100%;
}
#mainWrap .section .formSectionInner.upload > ul > li label:before {
    margin-right: 5px;
}
.upload .customCheckBoxWrap input:checked + label {
    color: #0d3d65;
    background: #cae7f4;
}
.customCheckBoxWrap input:checked + label:after {
    border-color: #0d3d65;
}
.upload .customCheckBoxWrap input:checked + label:after {
    top: 5px;
    left: 15px;
}
#mainWrap .section .formSectionInner.upload > ul > li:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 640px) {
    #mainWrap .section .formSectionInner.upload > ul {
        width: 100%
    }
}
/*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima 2019/10/04 ADD[S]*/
#kgyouSelect {
    margin-bottom: 20px;
    padding-left:20px;
    padding-top:20px;
    display: flex;
    width: 100%;
    align-items: center
}
#kgyouSelect .text {
    margin-right: 10px
}
#kgyouSelect .selectWrap {
    width: 25%;
    margin-right: 10px
}
/*【10J5BI1】 BA-CM-04-02 企業跨ぎの管理メニュー対応 HTS nakashima 2019/10/04 ADD[E]*/

/*//【10J5BI1】(日立製作所)CT不具合No.2 通知・お知らせ登録 レイアウト修正 HTS fujita 2020/06/19 MOD[S]*/
#kgyouSelectInfo {
    margin-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    display: flex;
    width: 100%;
    align-items: center
}

    #kgyouSelect .text {
        margin-right: 10px
    }

    #kgyouSelect .selectWrap {
        width: 25%;
        margin-right: 10px
    }

/*//【10J5BI1】(日立製作所)CT不具合No.2 通知・お知らせ登録 レイアウト修正 HTS fujita 2020/06/19 MOD[E]*/


.withAntiForgeryToken {
	cursor: pointer;
}

/*
 *style.cssのカスタマイズ用ファイル。
 *style.cssよりも後に読み込まれるため、style.css内の既存のid/クラスと同名のid/クラスを定義すれば、
 *このmstyleAlternative.jsに定義したid/クラスが優先される。
*/



/*
 *form.cssのカスタマイズ用ファイル。
 *form.cssよりも後に読み込まれるため、form.css内の既存のid/クラスと同名のid/クラスを定義すれば、
 *このformAlternative.jsに定義したid/クラスが優先される。
*/


/*
 *module.cssのカスタマイズ用ファイル。
 *module.cssよりも後に読み込まれるため、module.css内の既存のid/クラスと同名のid/クラスを定義すれば、
 *このmoduleAlternative.jsに定義したid/クラスが優先される。
*/


/*
 *admin.cssのカスタマイズ用ファイル。
 *admin.cssよりも後に読み込まれるため、admin.css内の既存のid/クラスと同名のid/クラスを定義すれば、
 *このadminAlternative.jsに定義したid/クラスが優先される。
*/



/*
 * admin.cssのカスタマイズ用ファイル。
 * admin.cssよりも後に読み込まれるため、admin.css内の既存のid/クラスと同名のid/クラスを定義すれば、
 * このadminAlternative.jsに定義したid/クラスが優先される。
*/