/*--------------------------------------
	1. ベンダー対応
---------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

th, td {
  display: table-cell;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*--------------------------------------
	2-1. 基本要素
---------------------------------------*/
html, body {
  height: 100%;
  width:  100%;
}

body {
  display:flex;
  flex-direction: column;
  font-size: 0.813em;
  line-height: 1.4em;
  font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, Helvetica, sans-serif;
  position: relative;
  -webkit-text-size-adjust: none;
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-chips-token-label{
  font-weight: normal;
}

/*--------------------------------------
	2-2. リンク要素
---------------------------------------*/
a {
  _overflow: hidden;
  color: #0078D0;
  cursor: pointer;
  text-decoration: underline;
}
a:visited {
  color: #0090FF;
}
a:hover {
  color: #0090FF;
}
a img {
  vertical-align: bottom;
  border: none;
}

.clearfix, #header, #footer, #gnavi ul, #mainContentsInr {
  *zoom: 1;
}
.clearfix:after, #header:after,#footerInner:after, #gnavi ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

/*--------------------------------------
	3. 補足設定
---------------------------------------*/
/* ----- clearfix ----- */
.clearfix {
  clear: both;
}

/* ----- float ----- */
.flL {
  float: left;
}

.flR {
  float: right;
}

/* ----- 縦方向揃え ----- */
.vaM {
  vertical-align: middle;
}

.vaB {
  vertical-align: bottom;
}

.vaT {
  vertical-align: top;
}

/* ----- 横方向揃え ----- */
.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.taL {
  text-align: left !important;
}

/* ----- margin ----- */
.m0 {
  margin: 0px !important;
}

.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

/* ----- margin-top ----- */
.mtM2 {
  margin-top: -2px;
}

.mtM5 {
  margin-top: -5px;
}

.mtM10 {
  margin-top: -10px !important;
}

.mtM20 {
  margin-top: -20px !important;
}

.mtM11 {
  margin-top: -11px !important;
}

.mtM30 {
  margin-top: -30px;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt18 {
  margin-top: 18px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

/* ----- margin-right ----- */
.mrM20 {
  margin-right: -20px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr30 {
  margin-right: 30px;
}

.mr80 {
  margin-right: 80px;
}

.mr1em {
  margin-right: 1em;
}

/* ----- margin-left ----- */
.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.ml70 {
  margin-left: 70px;
}

.ml80 {
  margin-left: 80px;
}

.mlM1 {
  margin-left: -1px;
}

/* ----- margin-bottom ----- */
.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb40 {
  margin-bottom: 40px;
}

/* ----- padding ----- */
.pa5 {
  padding: 5px !important;
}

.pa10 {
  padding: 10px !important;
}

.paX10 {
  padding: 0 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pl10 {
  padding-left: 10px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl30 {
  padding-left: 30px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

/* ----- font-weight ----- */
strong {
  font-weight: bold !important;
}

/* ----- color ----- */
.fcR {
  color: #FF0505;
}

.fcB {
  color: #009FE9;
}

.fcG {
  color: #999999;
}

.fcY {
  color: #FFC033;
}
.fcBL {
  color: #000000;
}

/* ----- font-size ----- */
.fs10 {
  font-size: 77% !important;
}

.fs11 {
  font-size: 85% !important;
}

.fs14 {
  font-size: 108% !important;
}

.fs16 {
  font-size: 124% !important;
}

.fs18 {
  font-size: 139% !important;
}

.fs20 {
  font-size: 154% !important;
}

.fs24 {
  font-size: 185% !important;
}

.fs30 {
  font-size: 231% !important;
}

.fs36 {
  font-size: 277% !important;
}

.up:before {
  content:'↑ ';
}
.down:before {
  content:'↓ ';
}

/* ----- リスト ----- */
.disc li {
	margin-left: 2em;
	list-style: disc !important;
}

/* ----- フォームパーツ ----- */
input[type="submit"],
input[type="button"],
button:not(.ui-texteditor button, .ui-datepicker button, .p-datepicker button, .clr-field button, .ui-spinner button, .ui-dialog button, .clr-close, .clr-clear, .ico_close, ui-fileupload-cancel),
butto:not(.ui-texteditor button, .ui-datepicker button, .p-datepicker button, .clr-field button, .ui-spinner button, .ui-dialog button, .clr-close, .clr-clear, .ico_close, ui-fileupload-cancel).ui-state-hover,
button.ui-button:not(.ui-texteditor button, .ui-datepicker button, .p-datepicker button, .ui-paginator button,.clr-field button, .ui-spinner button, .ui-dialog button, .clr-close, .clr-clear, .ico_close, ui-fileupload-cancel) {
  cursor: pointer;
  display: inline;
  color: #FFFFFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #4E68A4;
  text-decoration: none;
  background: #4E68A4;
  background-image: -moz-linear-gradient(top, #6C85B7, #4E68A4);
  background-image: -webkit-linear-gradient(top, #6C85B7, #4E68A4);
  background-image: linear-gradient(to bottom, #6C85B7, #4E68A4);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
  startColorstr='#FF6C85B7', endColorstr='#FF4E68A4');
  *zoom: 1;
  padding: 2px 4px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;  
}
button:not(.ui-paginator button).ui-state-hover,button.ui-button {
  padding:0px !important;
}
button.ui-corner-all{
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;  
}
button.ui-widget{
  font-size:1em;
}
button.ui-state-default{
  text-shadow:none;
}
button .ui-button-text{
  padding:2px 4px !important;
}
.ui-widget.ui-inputtext {
  padding: 4px;
}
.ui-selectonemenu input.ui-inputfield {
  padding: 4px;
  box-sizing: content-box;
  line-height: 18px;
}
.ui-inputfield.ui-state-default{
  background:#fff;
}
.ui-widget-content .ui-inputfield{
    background:#fff;
}
.ui-button-icon-left.ui-icon.ui-icon-calendar {
    display: none;
}

button.ui-datepicker-trigger{
  background:url(../resources/img/icon_calendar.gif) no-repeat;
  border:none;
  outline:none;
  width: 20px;
  margin: 0;
}
button.ui-datepicker-prev,
button.ui-datepicker-next {
  border:none;
}

.p-datepicker {
  display: flex;
  width: 98px;
}
.p-datepicker input[type=text].ui-inputfield {
  width: 76px;
  height: 25px;
  box-shadow: none;
  border-color: rgb(118, 118, 118);
  font-size: 13.6px;
}
.p-datepicker .ui-datepicker-trigger.ui-button {
  margin: auto 1px auto 1px;
}
.ui-datepicker {
  padding:0;
}
.ui-datepicker .ui-widget-content {
  border: none;
}
.ui-datepicker .ui-datepicker-calendar a:hover{
  background: #6C85B7 !important;
  color:#FFFFFF  !important;
}
.ui-datepicker .ui-datepicker-buttonbar {
  border: none;
  border-top: 1px solid #a8a8a8;
  background-color:#FFF;
}
.ui-datepicker .ui-datepicker-buttonbar button {
  background-color:#E6E6E6;
  opacity: 1;
  border-radius:4px;
}
.ui-datepicker .ui-datepicker-buttonbar button .ui-button-text {
  color:#555555;
  font-weight: bold;
}

.ui-datepicker .ui-datepicker-buttonbar button:hover {
  opacity:0.6;
}
.ui-datepicker .ui-datepicker-buttonbar button:hover .ui-button-text {
  color: #212121;
}
.datepicker-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.timelistbox .ui-selectonemenu-label.ui-inputfield,
.chour .ui-selectonemenu-label.ui-inputfield,
.cminute .ui-selectonemenu-label.ui-inputfield{
  padding-top:3px;
  padding-bottom:1px;
}
.ui-colorpicker .ui-state-default {
    border: 1px solid #a8a8a8;
    background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
}
.ui-progressbar ,.ui-progressbar *{
    border-radius:4px!important;
}
input[type="submit"]:hover,
input[type="button"]:hover{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

input[type="text"]:not([class^="clr-"]),input[type="password"]{
    padding:3px 2px;
    margin:0px 0px;
    box-sizing:border-box;
}

thead input[type=checkbox] + label {
    margin-top:6px;
    margin-bottom:4px;
}
input[type="checkbox"]:disabled+label{
  color:#999;
  cursor: unset;
}

input[type="checkbox"]:disabled+label::before{
  background:#eee;
}

input[type="checkbox"]:disabled+label:hover::before {
  background:#eee;
}
input[type="checkbox"]:checked:disabled + label::before {
  background: #aaa;
  border: 1px solid #ccc;
}

textarea {
  font-size: 12px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.fileUpbutton {
  margin-right:20px;
}

.ui-menu , .ui-menu .ui-menu-child {
   background: #4E68A4 !important;
   font-size:0.95em !important;
   font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, Helvetica, sans-serif !important;                        
}
.ui-menu .ui-menuitem-text {
  color: #FFFFFF !important;
  text-decoration: underline;
}
.ui-menu .ui-menuitem-link.ui-state-hover {
    background: #8297B1; 
    color: #FFFFFF;
}

.ui-selectonemenu {
    box-sizing:border-box;
}

.IcR {
  float:left;
  margin-right:4px;
  width:18px;
  height:100%;
  text-align:center;
  font-size:130%;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#f9cdcd;
  color:#FF0505;
}

.IcB {
  float:left;
  margin-right:4px;
  width:18px;
  height:100%;
  text-align:center;
  font-size:130%;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#b3dfe0;
  color:#009FE9;
}
.faq_box .IcR,
.faq_box .IcB {
  width:30px;
  height:auto;
  font-size:25px;
}


/* ----- フォーム SelectOneMenu ----- */
.ui-selectonemenu-list-item {
    margin: 0px !important;
    padding: 3px 0px !important;
    font-size: 90%;
}
.ui-corner-all {
    border-radius: 0px !important;
}
.ui-selectonemenu-item.ui-state-highlight,
.ui-selectonemenu-item.ui-state-highlight span {
    background: #6C85B7 !important;
    color:#FFFFFF  !important;
}
.ui-selectonemenu-item.ui-state-hover,
.ui-selectonemenu-item.ui-state-hover span {
    background: #4E68A4 !important;
    color:#FFFFFF  !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}
/* ----- フォームSelectCheckboxMenu ---------- */
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close{
    display:none;
}

.emptylist .ui-selectcheckboxmenu-header .ui-chkbox {
    display:none;
}

.ui-selectcheckboxmenu-header.ui-widget-header {
  background: #fff;
  border: none;
  margin-bottom: 0;
  display: inline-block;
}

.ui-selectcheckboxmenu-header .ui-chkbox {
    margin-top:5px;
}

.ui-selectcheckboxmenu-header .ui-widget.ui-inputtext {
  margin-left:5px;
  width: 85%;
  padding-right: 15px;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
  position: absolute;
  right: 3px;
  top: 5px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
  right: 16px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
  cursor:default;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
  cursor: pointer;
}

.ui-selectcheckboxmenu-multiple-container{
  max-height:78px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item[data-item-value=""] .ui-chkbox {
   display:none;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item[data-item-value=""] label {
   cursor:default !important;
}

.ui-selectcheckboxmenu-token,
.ui-widget .ui-selectcheckboxmenu-token{
    background:none;
    border: 1px solid #aaa;
    font-family: Verdana, Arial, sans-serif;
    font-weight: 400;
    color: #212121;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-token[data-item-value=""] {
  display:none;
}

table tr td .ui-selectcheckboxmenu .ui-inputfield {
  padding-right: 34px;
  width: calc(100% - 34px);
}

table tr td .ui-selectcheckboxmenu .ui-selectcheckboxmenu-token {
  width: 100%;
}

@media (max-width: 773px) {
    .qa_box table tr td .ui-widget.ui-selectcheckboxmenu,
    .accordion-block table tr td .ui-widget.ui-selectcheckboxmenu {
        width:100% !important;
    }
    table tr td .ui-widget.ui-selectcheckboxmenu .ui-inputfield {
        padding-right: 34px;
        width: calc(100% - 34px) !important;
    }
}
.ui-selectcheckboxmenu-label-container {
    font-weight: normal;
}
.ui-selectcheckboxmenu-label,
.ui-selectcheckboxmenu-label.ui-state-hover{
    background:#fff !important;
    color:#313131;
}

.ui-selectcheckboxmenu-panel.hidden .ui-selectcheckboxmenu-header .ui-chkbox {
    visibility: hidden; 
}

/* ----- フォームSelectManyButton ----- */
.ui-buttonset .ui-button {
  margin-right: 3px;
  margin-bottom: 3px;
  border-radius: 4px;
}
.ui-buttonset .ui-button.ui-state-active {
  border: 1px solid #777;
  background:#777;
  color: #fff;
  -moz-box-shadow: initial;
  -webkit-box-shadow: initial;
  box-shadow: initial;
}
.ui-selectmanybutton .ui-button .ui-button-text {
  line-height: 1.5;
}

/* ----- slider ----- */
.ui-slider .ui-slider-handle{
  background-color:#eee;
  border-color:#999;
  border-radius:50% !important;
}
.ui-slider {
  border-radius:10px !important;
}

/* ----- フォーム中アラート ----- */
.regist_alert {
  color: #FF5050 !important;
}

.text-overflow {
    border: medium none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 800px;
}

/*--------------------------------------
	4. 枠設計
---------------------------------------*/
.container {
	text-align: center;
	margin: 0 auto;
}

#header {
	margin: 0;
	width: 100%;
	height: 56px;
	background-color: #4e68a4;
	color: #FFFFFF;
}

#header .container {
	margin: 0 0 0 auto;
}

#contents {
        display: flex;
        flex: 1;
	width: 100%;
	overflow: hidden;
}

#contents .container {
        display: flex;
        flex: 1;
	width: 100%;
}

#sub {
	width: 180px;
	text-align: left;
        border: 1px solid #4E68A4;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin-top: 10px;
        margin-left: 10px;
        align-self: flex-start;
        max-height: calc(100% - 10px - 10px);
        box-sizing: border-box;
}

#main {
  margin: 10px 0 10px 10px;
  overflow: auto;
  text-align: left;
  flex: 1;
}
#main_inner {
  height: 100%;
  background-color:#fff;
}

div#fix_width, div#tab01 {
  width: 776px;
}

#main h2 {
  color: #4E68A4;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  font-size: 200%;
  line-height: 1;
}

#footer {
  margin: 0;
  background-color: #4E68A4;
  border:none;
  height: 28px;
  color: #FFFFFF;
  font-size:100%;
  font-weight: bold;
  line-height: 28px;
  min-width: 100%;
}

.iframe {
    width:100%;
    margin:10px auto;
}

/*--------------------------------------
	ヘッダー
---------------------------------------*/
#header .headerL {
  float: left;
  text-align: left;
  margin-left: 20px;
}

#header .headerR {
  float: right;
  text-align: left;
  margin-right: 20px;
}

#header .headerL h1 {
  float: left;
  line-height: 56px;
  height: 56px;
  display: table;
  *zoom: 1;
}

#header .headerL h1 a {
  text-decoration: none;
  display: table-cell;
  vertical-align:middle;
}

#header .headerL h1 a img {
  margin:0;
  max-height:36px;
}

#header .headerR ul {
  display:inline-block;
  margin-top:18px;
  font-size:108%;
  font-weight:bold;
}

#header .headerR li {
  display: inline-block;
  float: left;
  margin-left:5px;
}

#header .headerR li.fix {
  width:330px;
}

#header .headerR p {
  display: inline-block;
  line-height: 28px;
  vertical-align: middle;
  padding: 10px 0 10px 40px;
  height:28px;
  margin-top: 4px;
  margin-left: 10px;
}
#header .headerR a {
  color: #FFFFFF;
}
#header .headerR a:hover {
  color: #FC95AB;
}
#header .headerR > form,
#header .headerR > a {
  float: left;
}
#header .headerR .btn_logout {
  background: url("../resources/img/btn_logout.png") no-repeat left center;
}

#header .headerR a .btn_logout:hover {
  background: url("../resources/img/btn_logout.png") no-repeat left center;
}

#header .headerR .btn_home {
  background: url("../resources/img/btn_home.png") no-repeat left center;
}

#header .headerR .btn_home:hover {
  background: url("../resources/img/btn_home.png") no-repeat left center;
}

#header .headerR .btn_search {
  background: url("../resources/img/btn_search.png") no-repeat left center;
}

#header .headerR .btn_search:hover {
  background: url("../resources/img/btn_search.png") no-repeat left center;
}

/*--------------------------------------
	ナビゲーション
---------------------------------------*/
#sub h2 {
  background-color: #4E68A4;
  color: #FFFFFF;
  padding: 4px 15px 6px;
  font-weight: bold;
}

#sub .nav {
  padding:10px;
  box-sizing: border-box;
  overflow-y: auto;
  max-height: calc(100vh - 142px);
}

#sub .nav .category label {
    display: block;
    width: 100%;
    background-color: #8297B1; 
    color: #FFFFFF;
    padding: 2px 4px;
    font-weight: bold;
    margin: 10px 0 0;
    box-sizing: border-box;
}
#sub .nav .category label.close {
    background:url(../resources/img/btn_arrow03.png) no-repeat;
    background-position:right 3px;
    cursor:pointer;
    /*background-size: 16px 32px;*/
    background-color: #8297B1; 
}
#sub .nav .category label.open {
    background:url(../resources/img/btn_arrow03.png) no-repeat;
    background-position:right -13px;
    cursor:pointer;
    /*background-size: 16px 32px;*/
    background-color: #8297B1; 
}

#sub .nav li {
    line-height: 22px;
    padding-left:14px;
}

#sub .nav ul.close {
    display: none;
}

#sub .nav ul li label.close,
#sub .nav ul li label.open {
    display: block;
    width:16px;
    height:16px;
    float:left;
    cursor:pointer;
    margin-left:-16px;
}
#sub .nav ul li label.open:before {
    content:'-';
}
#sub .nav ul li label.close:before {
    content:'+';
}

/*--------------------------------------
	認証
---------------------------------------*/
body.login {
    display: block;
    overflow: visible;
}

.login_box p {
    margin: 10px auto;
    font-size: 108%;
}
.login_box table {
    width:280px;
    margin: 10px auto;
}
.login_box table th,
.login_box table td {
    padding: 0 25px;
}

.login_box table td {
    padding-bottom: 10px;
}

.login_box table th {
    padding-top: 10px;
}

.login_box input[type="submit"],
.login_box input[type="button"],
.logout_box input[type="submit"],
.send_pw_box input[type="submit"],
.send_pw_box input[type="button"] {
    cursor: pointer;
    color: #333333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #aaaaaa;
    text-decoration: none;
    background: white;
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
    startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC');
    *zoom: 1;
    display: block;
    margin: 0 auto 10px;
    padding: 10px;
    width: 228px;
    font-weight: bold;
}

.login_box input[type="button"]:hover,
.logout_box input[type="submit"]:hover,
.send_pw_box input[type="submit"]:hover,
.send_pw_box input[type="button"]:hover {
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

.login_box input[type="text"],
.login_box input[type="password"],
.login_box .ui-selectonemenu{
    width: 228px;
}

.send_pw_box, 
.logout_box {
    width: 700px;
    height:220px;
    text-align: center;
    border: 2px solid #4E68A4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:20px;
    margin: 20px auto;
}

.logout_box p {
    margin-top: 60px;
}

.send_pw_box table {
    width:400px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px auto;
}
.send_pw_box table th,
.send_pw_box table td {
    padding: 5px 10px;
}

.send_pw_box table th {
    text-align: right;
}

.send_pw_box label {
    color: #000;
}

.send_pw_box input[type="button"],
.send_pw_box input[type="submit"] {
    display: inline-block;
    margin:10px 5px;
}


/*--------------------------------------
	トップページ
---------------------------------------*/
#main .box {
  border: 1px solid #B6D8DD;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
}

#main .box h2 {
  color: #000000;
  padding: 10px 15px;
  font-weight: bold;
  background-color: #B6D8DD;
  font-size:108%;
}

#main .box h2 input[type=button] {
  zoom: 90%;
  margin-top: -5px;
}

#main .box .text_area {
  margin: 10px;
}

#main .message_area .text_area .qa_list {
  margin-left: 16px;
}

#main .message_area .text_area .qa_list li label {
  margin-right: 1em;
  word-break:break-all;
}

#main .message_area .text_area .qa_list li label ul {
  display: inline;
}

#main .message_area .text_area .qa_list li label li {
  display: inline;
}

#main .message_area .text_area .qa_list li label li:before {
  content: "- ";
}

#main .message_area .text_area .qa_list li label li:first-child:before {
  content: "";
}

#main .box .text_area pre {
  width: 100% !important;
  white-space:pre-wrap;
  word-break:break-all;
}

#main .box .text_area pre ul {
    list-style-type: disc;
    padding-left: 30pt;
}

#main .box .text_area pre ol {
    list-style-type: decimal;
    padding-left: 30pt;
}
#main .box .text_area pre ul ul,
#main .box .text_area pre ol ul {
    list-style-type: circle;
    padding-left: 30pt;
}

#main .box.info_area {
  border: 1px solid #B6D8DD;
}

#main .box.info_area h2 {
  background-color: #B6D8DD;
  color: #000000;
}

#main .box.common_area,
#main .box.product_area {
  border: 1px solid #CAD88B;
}

#main .box.common_area h2,
#main .box.product_area h2 {
  background-color: #CAD88B;
  color: #000000;
  margin-bottom: 10px;
}

#main .product_area h2 li {
  display: inline-block;
}

#main .product_area h2 li:before {
  content: " － ";
}

#main .product_area h2 li:first-child:before {
  content: "";
}

/* メッセージ一覧　タブ　*/
#main .message_area ul.tab_nav_count {
  margin: 0;
  padding: 0;
}

#main .message_area ul.tab_nav_count li {
  float: left;
  margin:0;
  padding:0;
  /*height:40px;*/
}

#main .message_area ul.tab_nav_count li a {
  text-decoration: none;
  display: block;
  padding: 1px 10px;
  min-width: 80px;
  text-align: center;
  font-weight: bold;
  background-color: #AAAAAA;
  color: #FFFFFF;
  border: solid 1px #AAAAAA;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#main .message_area ul.tab_nav_count li a.active,
#main .message_area ul.tab_nav_count li a:hover {
  background-color: #4E68A4;
  color: #FFFFFF;
  border: solid 1px #4E68A4;
}

/* タブボックス内 */
#main .message_area .tab_panel .listmsg {
  empty-cells: show;
  word-break: break-all;
  word-wrap: break-word;
}

#main .message_area .tab_panel .listmsg table {
  table-layout: fixed;
  width: 100%;
}

#main .message_area .tab_panel .listmsg th a {
    text-decoration: none;
    color: #000;
    display: block;
}

#main .message_area .tab_panel .listmsg thead th {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

#main .message_area .tab_panel .listmsg th,
#main .message_area .tab_panel .listmsg td {
    padding:4px 8px 6px;
    border: solid 1px #aaa;
}

#main .message_area .tab_panel .listmsg th.dummyhead {
    border : solid 1px #fff;
}

#main .message_area .tab_panel .listmsg .scrollable{
    height:147px;
    overflow-y:scroll;
    border:solid 1px #fff;
    margin-left:-1px;
}

#main .message_area .tab_panel .listmsg .scrollable.open {
    height: 437px;
}

#main .message_area .tab_panel .listmsg img.toggle {
    margin-top: 12px;
    background: url(../resources/img/ico_down.png) no-repeat;
    background-color: #ccc;
    cursor: pointer;
    border: 2px solid #ccc;
    border-radius: 4px;
    width: 18px;
    height: 18px;
}

#main .message_area .tab_panel .listmsg img.toggle.open {
    background: url(../resources/img/ico_up.png) no-repeat;
}

#main .message_area .tab_panel .listmsg td {
  font-size: 11px;
}

#main .message_area .tab_panel .listmsg .product_name ul, 
#main .message_area .listmsg .product_name li {
  display: inline;
}

#main .message_area .tab_panel .listmsg .product_name li:before {
  content: "- ";
}

#main .message_area .tab_panel .listmsg .product_name li:first-child:before {
  content: "";
}

/*--------------------------------------
  メインコンテンツ
---------------------------------------*/
/* パンくずリスト風タイトル */
ul.qa_breadcrumb {
  margin-left: 20px;
  line-height: 26px;
}

ul.faq_breadcrumb li,
ul.qa_breadcrumb li {
  display: inline-block;
  font-size:139%;
  font-weight: bold;
  color: #4E68A4;
}

ul.faq_breadcrumb li:before {
  content: "  >  ";
}

ul.qa_breadcrumb li:before {
    content: "  -  ";
}

ul.faq_breadcrumb li:first-child:before,
ul.qa_breadcrumb li:first-child:before {
  content: "";
}

/* 製品、シリーズのIDと名称 */
h3.p_name,
h4.s_name {
  float: left;
  font-size:139%;
  font-weight: bold;
  color: #4E68A4;
  line-height: 24px;
}

.title02 {
  float: left;
  color: #000000;
  background-color: #D0E8EA;
  width: 180px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-right: 10px;
}

/* ページネーション */
.pagenation {
  border: 1px solid #0078D0;
}

.pagenation td {
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  border: 1px solid #0078D0;
}

.pagenation td a {
  color: #0078D0;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.pagenation td.active {
  border: 2px solid #000000;
  font-weight: bold;
}

.pagenation td.active a {
  color: #000000;
}
/* ソート */
a.ico_arrow::after {
    display:inline-block;
    content:"";
    background:url(../resources/img/ico_arrow.png) no-repeat;
    width:18px;
    height:18px;
    position:relative;
    top:4px;
}
a.ico_up::after {
    display:inline-block;
    content:"";
    background:url(../resources/img/ico_up.png) no-repeat;
    width:18px;
    height:18px;
    position:relative;
    top:4px;
}
a.ico_down::after {
    display:inline-block;
    content:"";
    background:url(../resources/img/ico_down.png) no-repeat;
    width:18px;
    height:18px;
    position:relative;
    top:4px;
}

/* テーブル */
table.w100 {
  width: 100%;
  border: 1px solid #ccc;
}

table.w100 th, table.w100 td {
  font-size: 11px;
  padding:4px;
  border: 1px solid #ccc;
}

table td.bg_green,
table .bg_green td {
  background-color: #DDFFDD;
}

table td.bg_pink,
table .bg_pink td {
  background-color: #FFDDFF;
}

table td.bg_white,
table .bg_white td {
  background-color: #FFFFFF;
}

table td a {
  text-decoration: underline;
}

.list01 {
  border: 1px solid #ccc;
  empty-cells: show;
}

.list01.tlF {
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

.list01 thead {
    border-bottom: 1px solid #ccc;
}

.list01 th {
  font-size: 11px;
  padding:4px;
  border: 1px solid #ccc;
  text-align: center;
}

.list01 th a {
  text-decoration: none;
  color: #000;
  width: 100%;
  height: 100%;
  display: block;
}

.list01 th img {
  vertical-align: middle;
}

.list01 td.blN {
  border-left: none;
}

.list01 td.brN {
  border-right: none;
}

.list01 .product_name {
  font-weight: bold;
  font-size: 108%;
  background-color: #D0E8EA;
}

.list01 .product_name ul, 
.list01 .product_name li {
  display: inline;
}

.list01 .product_name li:before {
  content: "- ";
}

.list01 .product_name li:first-child:before {
  content: "";
}

/* 製品一覧のアクションボタンの色変更 */
.list01 input[type="submit"],
.list01 input[type="button"],
.ui-buttonset .ui-button {
  background-color: #ccc;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
  startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC');
  *zoom: 1;
  color: #333;
  border: solid 1px #aaa;
}

table.noborder td {
  border:none;
}

/* 凡例 */
.notes p, .notes ul, .notes li {
  float: left;
  margin-right:10px;
}

/* 注意マーク凡例 */
.attention li {
  display: inline-block;
  margin-left: 8px;
}

/* ページトップへ */
.page_top {
  text-align: right;
}
.page_top p a{
  position: relative;
  margin-left: 18px;
}

.page_top p a:before {
  content: "";
  position: absolute;
  background: url("../resources/img/ico_top.png") no-repeat left center;
  width: 12px;
  height: 12px;
  left: -18px;
  top: 0px;
}

/* NEW */
.new {
  color: #FF5050;
  font-size: 60%;
  font-weight: bold;
  margin-left: 2px;
}

label.required:after {
    content: '*';
    color: #FF0505;
}

/* バッヂ */
.ui-badge {
    display: inline-block;
    background: #4e68a4;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.3rem;
    height: 1.3rem;
    min-width: 0.8rem;
    padding: 0 .3rem;
    border-radius: .8rem;
}

/* ステータスバー */
#statusbar {
  position: fixed;
  bottom: 40%;
  left: 0px;
  right: 0px;
  height: 48px;
  z-index: 1000;
  display: none;
}

#status_bar_text{
  text-align:center;
  font-size:1.0rem;
  color:#FFFFFF;
  font-weight:700;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:48px;
  position: absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  z-index:1020;
}

#status_bar_bg{
  background-color:#4E68A4;
  opacity:0.95;
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  z-index:1010;
}

/*ウェイト表示*/
.wait_panel {
  position: fixed;
  display: none;
  width: 64px;
  height: 64px;
  top:45%;
  left:45%;
  margin-top:0px;
  margin-left:0px;
  z-index: 20;
  padding: 0px;
  background-color: #fff;
}

/*--------------------------------------
  情報 新規登録 修正
---------------------------------------*/
table.registration {
  width: 100%;
  margin-bottom: 20px; 
}

table.registration th {
  width: 20%;
  background-color: #DADADA;
  text-align: center;
  border: 2px solid #FFFFFF;
  padding: 4px;
}

table.registration td {
  width: 80%;
  background-color: #D0E8EA;
  text-align: left;
  border: 2px solid #FFFFFF;
  padding: 4px;
}
table.registration.kv td:nth-child(1) {
  width:30%;
}
table.registration.kv td:nth-child(2) {
  width:70%;
}

table.registration td p {
  margin-bottom:4px;
}

table.registration td .product_list {
  display: inline-block;
}
table.registration td .product_list li {
  display: inline-block;
  margin-right: 4px;
}

table.registration td .product_list li:before {
  content: "-";
  margin-right:8px;
}

table.registration td .product_list li:first-child:before {
  content: "";
  margin:0;
}

table.registration table {
  width: 100%;
  table-layout: fixed;
} 

table.registration table td {
  border:none;
}

table.registration table th.heading01 {
  width: 30%;
}
table.registration table th.heading02 {
  width: 60%;
}

table.registration input[type="submit"],
table.registration input[type="button"] {
  background: #ccc;
  border: 1px solid #aaa;
  color: #000;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
  startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC');
}

table.registration_question {
  width: 100%;
  margin-bottom: 20px; 
}

table.registration_question th {
  width: 20%;
  background-color: #DADADA;
  text-align: center;
  border: 2px solid #FFFFFF;
  padding: 4px;
}

table.registration_question td {
  width: 80%;
  background-color: #FFE6E6;
  text-align: left;
  border: 2px solid #FFFFFF;
  padding: 4px;
}

table.registration_question td p {
  margin-bottom:4px;
}

table.registration_question td .product_list {
  display: inline-block;
}
table.registration_question td .product_list li {
  display: inline-block;
  margin-right: 4px;
}

table.registration_question td .product_list li:before {
  content: "-";
  margin-right:8px;
}

table.registration_question td .product_list li:first-child:before {
  content: "";
  margin:0;
}

table.registration_question table {
  width: 100%;
  table-layout: fixed;
} 

table.registration_question table td {
  border:none;
}

table.registration_question table th.heading01 {
  width: 30%;
}
table.registration_question table th.heading02 {
  width: 60%;
}

table.registration_question input[type="submit"],
table.registration_question input[type="button"] {
  background: #ccc;
  border: 1px solid #aaa;
  color: #000;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
  startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC');
}

table.ellipsis td{
  overflow:hidden;
  text-overflow:ellipsis;
  max-width: 0;
}
/*--------------------------------------
  FAQ
---------------------------------------*/

/* FAQリスト */
#faq_list .accordion_control {
  display: inline-block;
  margin-top:8px;
  margin-right: 8px;
  line-height: 2;
  width: 12px;
  height: 12px;
  background: url('../resources/img/btn_arrow02.png') no-repeat center -12px;
}

#faq_list .heading {
  font-weight: bold;
  font-size: 100%;
  line-height: 2;
}

#faq_list .accordion_control.active {
  background: url('../resources/img/btn_arrow02.png') no-repeat center 2px;
}

#faq_list .accordion_panel {
  display: none; 
  margin-left: 36px;
  margin-bottom: 16px;

}

#faq_list .accordion_panel li {
  line-height: 1.8;
  list-style: disc;
}

#faq_list .accordion_panel li a {
  font-size: 100%;
}
.ui-spinner-input {
  padding-right:20px !important;
}

#faq_list dl{
  vertical-align: top;
  display: inline-block;
  float: none;
  min-height : 100px;
}

    @media screen and (orientation: portrait) {
      #faq_list dl{
        width: calc(100vw - 30px) !important;
        margin-right: 0;
      }

      .sectionHeader {
        padding:6px 4px;
      }
    }

.sectionHeader {
  display: block;
  background-color: #8297B1; 
  color: #FFFFFF;
  padding:4px 6px;
  font-weight: bold;
  margin: 10px 0px 2px;
}

.sectionHeader.hiddenLabel {
  visibility : hidden;
}
.sectionHeader div.flL {
  padding : 2px 0;
}

.sectionHeader.hiddenLabel div.flR {
  visibility : visible;
}

.sectionHeader.tableliner {
  display : table-cell;
}

/* FAQ検索結果一覧 */
table.faq_result {
  width: 100%;
}

table.faq_result td ul li {
  display: inline-block;
  color: #acacac;
  font-size: 77%;
}

table.faq_result td ul li:before {
  content: ">";
  margin-right:4px;
}

table.faq_result td ul li:first-child:before {
  content: "";
  margin-right: 0;
}

table.faq_result td ul:after {
  content:"";
  display:block;
  padding-bottom:15px;
}

/* FAQ詳細 */
h3.faq {
  font-size: 124%;
  font-weight: bold;
  margin: 20px 0 10px;
}

.faq_box {
  border: 1px solid #ccc;
  margin: 20px 0 10px;
  padding: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.faq_box h4 {
  padding: 4px 10px;
  font-weight: bold;
  line-height: 26px;
  vertical-align: middle;
  *zoom: 1;
  margin-bottom: 10px;
}

.faq_box .question {
  background-color: #F9CDCD;
}

.faq_box .title {
  position: relative;
}

.faq_box h4 .fcR,
.faq_box h4 .fcB {
  font-size: 200%;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: bottom;
}

.faq_box .title p {
  position: absolute;
  top: 8px;
  right:10px;
}

.faq_box .answer {
  background-color: #B3DFE0;
  margin-top:20px;
}

.faq_box pre {
  width: 100%; 
  white-space: pre-wrap; 
  word-break:break-all;
}

.download {
  border-top: 1px dashed #ccc;
  margin-top:10px;
  padding: 10px 0 0 0;
}

.faq_box  .download {
  margin-top:20px;
  margin-bottom:20px;
}
.faq_fixed_top {
  padding-top:56px;
}
.faq_fixed_box {
  padding-top:56px;
  margin-top:-56px;
}
.download li {
  position: relative;
  line-height: 24px;
  vertical-align: middle;
}

.download li a,
.file-attach a.icon{
  padding-left: 24px;
}
.download li a img{
  margin-left: -24px;
}
.download li a.icon:before,
.file-attach a.icon:before {
  content:"";
  position: absolute;
  width: 18px;
  height:18px;
  left: 0px;
  top: 4px;
  background: url("../resources/img/kyoyu.png") no-repeat left center;
}

.highlight {
    background-color: #FFFF00;
}
.icon li {
  position: relative;
  line-height: 24px;
  vertical-align: middle;
}
.icon li a {
  padding-left: 24px;
}
.icon li a:before {
  content:"";
  position: absolute;
  width: 18px;
  height:18px;
  left: 0px;
  top: 4px;
  background: url("../resources/img/kyoyu.png") no-repeat left center;
}
.registration th.question {
  background-color: #F9CDCD;
  font-size: 200%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FF0505;
}

.registration th.answer {
  background-color: #B3DFE0;
  font-size: 200%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #009FE9;
}

/* faq カテゴリ詳細一覧 */
.ui-datatable-empty-message {
  display:none;
}

table.registration th.name {
  width: 100px;
  background-color: #DADADA;
  text-align: center;
  border: 2px solid #FFFFFF;
  padding: 4px;
}

table.registration td.value {
  width: 500px;
  background-color: #D0E8EA;
  text-align: left;
  border: 2px solid #FFFFFF;
  padding: 4px;
}

/* faq 詳細 */
.icon_good {
  background-image:url("../resources/img/ico_good.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.icon_fair {
  background-image:url("../resources/img/ico_fair.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.icon_poor {
  background-image:url("../resources/img/ico_poor.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.icon_62 {
  display: inline-block;
  background-size: 62px;
  height: 62px;
  width: 62px;
}

.icon_18 {
  display: inline-block;
  background-size: 18px;
  height: 18px;
  width: 18px;
}

/*--------------------------------------
  QA
---------------------------------------*/
#main_content {
  height: 100%;
}

/* QA一覧 タブ */
ul.tab_nav {
  margin: 0;
  padding: 0;
}

ul.tab_nav li {
  float: left;
  margin:0;
  padding:0;
  height: 30px;
}

ul.tab_nav li a {
  text-decoration: none;
  display: block;
  padding: 5px 0px;
  width: 100px;
  text-align: center;
  font-weight: bold;
  background-color: #AAAAAA;
  color: #FFFFFF;
  border: solid 1px #AAAAAA;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

ul.tab_nav li a.active,
ul.tab_nav li a:hover {
  background-color: #4E68A4;
  color: #FFFFFF;
  border: solid 1px #4E68A4;
}

.tab_panel {
  clear: left;
  padding:10px;
  background-color: #fff;
  border: solid #4E68A4 1px;
  position: relative;
  z-index: 10;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* タブボックス内 */
.tab_panel .p_name li {
  display: inline-block;
  width: 240px;
  margin-bottom: 10px;
}

.tab_panel .p_name02 li:first-child {
  font-weight: bold
}

.tab_panel .p_name02 li:nth-child(3) {
  color: #999;
}


.tab_panel .registration table,
.tab_panel .list01 {
  table-layout: fixed;
}

.tab_panel .list01 td,
.tab_panel .list01 td a {
  word-break: break-all;
  word-wrap: break-word;
}

.tab_panel .list01 td .ico_cube {
  float: left;
  width: 16px;
  height: 100%;
  margin-right:2px;
}

.tab_panel .list01 td .ico_wind {
  display: inline-block;
  margin-top: 2px;
  vertical-align: -2px;
}

.tab_panel .list01 td .ico_wind button {
  background: transparent;
  padding: 0;
  border: 0;
  opacity:0.6;
  fill: #0078D0;
}

.tab_panel .list01 td .ico_wind button:hover {
  opacity: 0.9;
}

.tab_panel .list01 td .title {
  /*
  float: left;
  width: 98px;
  */
}

.tab_panel .list01 td .title .new {
  word-wrap: normal;
  display: inline-block;
}

.tab_panel .list01 td .flL {
  float: left;
  width: 10px;
  height: 100%;
}

.tab_panel .list01 td .flR {
  float: right;
  width: 70px;
}

.tab_panel table.registration tbody th {
    text-align: left;
}

.tab_panel table.registration tbody th input[type="radio"] {
    margin-left: 15px;
}

.qa_title {
  word-break: break-all;
  color: #4E68A4;
  font-size: 124%;
  font-weight: bold;
}

.qa_box {
  width: 100%;
  margin-top: 20px;
  border: 2px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.qa_box h4 {
  background-color: #ccc;
  font-weight: bold;
  padding: 4px 10px;
}

.qa_box table {
  width: 756px;
  margin: 0 10px 10px;
  table-layout: fixed;
}

.qa_box table th {
  width: 22%;
}

.qa_box table th, 
.qa_box table td {
  padding: 10px 0 0;
}

.qa_box table .btn_renew {
  text-align: right;
  vertical-align: bottom;
}

td.w530 {
  width: 530px;
}

.qa_box table.bt {
  border-top: 1px dashed #ccc;
}

.qa_box table.bt th {
  font-weight: bold;
}

.qa_inner_box {
  margin:10px 10px 0;
}


.qa_box .title {
  position: relative;
  clear: both;
  display: block;
  margin-bottom: 2px;
}

.qa_box .question .title {
  background-color: #F9CDCD;
}

.qa_box .answer .title {
  background-color: #B3DFE0;
}

.qa_box .memo .title {
  background-color: #FCD559;
}

.qa_box .back .title{
  background-color: #CCCCCC;
}

.qa_box .public .title{
  background-color: #90DB83;
}

.qa_box h5 {
  float: left;
  padding: 4px 0 4px 10px;
  font-weight: bold;
  line-height: 26px;
  vertical-align: middle;
  *zoom: 1;
  word-wrap: break-word;
  word-break: break-all;
}

.qa_box .reply {
  width: 460px;
  margin-left: 296px;
}

.qa_box .add {
  width: 460px;
}

.qa_box h5 .fcR,
.qa_box h5 .fcB {
  font-size: 200%;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: bottom;
  margin-right: 6px;
}

.qa_box .title p {
  float: right;
  margin:8px;
}

.qa_box .comment {
  margin: 0 0 10px;
  padding: 10px;
}

.qa_box .question .comment {
  background-color: #FFE6E6; 
}

.qa_box .answer .comment {
  background-color: #D0E8EA; 
}

.qa_box .memo .comment {
  background-color: #F9E19B; 
}

.qa_box .back .comment {
  background-color: #DDDDDD; 
}

.qa_box .public .comment {
  background-color: #C4E8BC; 
}

.qa_box .comment pre {
  width: 100%; 
  white-space: pre-wrap; 
  word-break:break-all;
}

.qa_box .date {
  text-align: right;
  margin-top: 10px;
  margin-left: auto;
}

.qa_box .q_info {
  border-top: 1px solid #999;
  padding-top: 10px;
  margin-top:10px;
}

.qa_box .registration {
  margin-top: 10px;
}

.qa_box .registration th, 
.qa_box .registration td {
  padding: 4px;
}

.registration.bgY td {
  background-color: #F9E19B;
}

.qa_box .registration_question {
  margin-top: 10px;
}

.qa_box .registration_question th, 
.qa_box .registration_question td {
  padding: 4px;
}

.qa_box .qa_message_footer {
    display: flex;
}

.qa_box .btn_qa_message_clip {
    background: inherit;
    border: none;
    padding: inherit;
    margin-top: 10px;
}

.qa_box .btn_qa_message_clip span {
    display: inline-block;
    content: url("../resources/img/outline_assignment_black_24dp.png");
    width: 20px;
    height: 24px;
    position: relative;
}

.qa_box .btn_qa_message_clip.ui-state-hover {
    opacity: 0.7;
}

div[id$=':broadcastuseridArray'].ui-selectcheckboxmenu .ui-selectcheckboxmenu-token span.ui-selectcheckboxmenu-token-label span[title],
div[id$=':broadcastuseridArray_panel'] .ui-selectcheckboxmenu-list-item label span[title] {
    width: 100%;
    display: inline-block;
}

div[id$='qaImportData'] table {
  width : inherit;
}

/*--------------------------------------
  QAアコーディオン
---------------------------------------*/

#accordion h4 {
  margin-top:20px;
  padding:4px 10px;
  color:#000;
  font-weight: bold;
  background:url(../resources/img/btn_arrow01.png) no-repeat;
  background-color:#ccc;
  background-position:right -2px;
  cursor:pointer;
  border: 2px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* active */
#accordion h4.active {
  background-position:right -32px;
}

#accordion .accordion-block {
  display:block;
  border: 2px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#accordion .accordion-block li{
  display:block;
}

#accordion .accordion-block li.reference{
  background: #f0f0f0;
  margin-top:5px;
  margin-left:3px;
  border:1px solid #ccc;
  padding: 1px 10px 3px 3px;
  line-height:18px;
  position:relative;
}
#accordion table {
  width: 756px;
  margin: 0 10px 10px;
  table-layout: fixed;
}

#accordion table th {
  width: 22%;
}

#accordion table th, 
#accordion table td {
  padding: 10px 0 0;
}

#accordion table .btn_renew {
  text-align: right;
  vertical-align: bottom;
}

/*--------------------------------------
  QAモーダル
---------------------------------------*/

.modal_panel {
  position: fixed;
  display: none;
  width: 776px;
  height: 540px;
  top:10%;
  left:50%;
  margin-top:0px;
  margin-left: -388px;
  z-index: 20;
  padding: 10px;
  background-color: #fff;
}

#modal_overlay , #modal_overlay_screen {
  z-index: 10;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color:rgba(0,0,0,0.6);
}

#modal_overlay_screen {
  z-index: 30;
}

.modal_header {
  top:0;
  padding-bottom: 10px;
}

.modal_footer {
  bottom:0;
  text-align: center;
  background-color: #fff;
  padding-top: 10px;
  /*
  position: absolute;
  width: 100%;
  bottom:0;
  */
}

.modal_dialog {
  position: fixed;
  display: none;
  width: 400px;
  height: 180px;
  top:40%;
  left:40%;
  margin-top:0px;
  z-index: 20;
  padding: 10px;
  background-color: #fff;
}
.modal_contents {
  overflow-y: scroll;
}

#modal01 .modal_contents {
  height: 454px;
}

#modal02 .modal_contents {
  height: 426px;
}

#modal03 .modal_contents {
  height: 426px;
}

#modal05 .modal_contents {
  height: 280px;
}

.modal_header h1 {
  height: 46px;
  background-color: #4E68A4;
  color: #fff;
  font-weight: bold;
  font-size: 124%;
  line-height: 46px;
  padding: 0 10px;
}

.modal_header ul,
.modal_header li {
  display: inline;
}

.modal_header ul li:before {
  content: " ― "
}

.modal_header ul li:first-child:before {
  content: ""
}

.modal_panel h2 {
  height: 30px;
  background-color: #999;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 4px;
}

.qa_box.modal_contents {
  margin-top: 0;
}
.modal_contents .registration {
  margin-bottom: 0;
}

.memo_box .date {
  background-color: #FCD559;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  margin-bottom: 2px;
}

.memo_box .memo {
  background-color: #F9E19B;
  padding: 5px;
  margin-bottom: 10px;
}
.memo_box .memo pre {
  white-space:pre-wrap;
  word-break:break-all;
}
.memo_box .memo pre {
  white-space:pre-wrap;
  word-break:break-all;
}

.memo_new {
  background-color: #F9E19B;
  padding: 4px 10px;
}

.modal_contents .reply {
  margin-left: 280px;
}

/* 顧客メモ用ページ 設定 */
.modal_panel_com {
  position: fixed;
  width: 776px;
  height: 540px;
  top:0%;
  left:0%;
  margin-top:0px;
  margin-left: 0px;
  z-index: 20;
  padding: 10px;
  background-color: #fff;
}

.modal_panel_com h2 {
  height: 30px;
  background-color: #999;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 4px;
}

/* 印刷用ページ 設定 */

.print_window {
  position: relative;
  width: 754px;
  overflow: auto;
}

.print_window .modal_header {
  position: fixed;
  top:0;
  width: 754px;
  background-color: #fff;
  z-index: 10;
  border-bottom: 1px solid #999;
  margin-bottom:10px;
}

.print_window .modal_header ul.qa_menu li:first-child:before {
    content : "";
}

.print_window .modal_header ul.qa_menu li:before {
  content : ">";
  margin-right:4px;
}

.print_window .modal_header ul.qa_menu li:last-child:after {
  content : ">";
  margin-right:4px;
}

.print_window .qa_box {
  position: absolute;
  width: 98%;
  margin-top:122px;
  border: none;
  padding:10px;
}

.print_window .qa_box .question .title {
  border: 1px solid #F9CDCD;
}

.print_window .qa_box .question .comment {
  border: 1px solid #F9CDCD;
}

.print_window .qa_box .memo .title {
  border: 1px solid #FCD559;
}

.print_window .qa_box .memo .comment {
  border: 1px solid #FCD559;
}

.print_window .qa_box .answer .title {
  border: 1px solid #B3DFE0;
}

.print_window .qa_box .answer .comment {
  border: 1px solid #B3DFE0;
}
.print_window .add {
  margin-left:0;
  margin-right:auto;
}
.print_window .reply {
  margin-left: auto;
  margin-right:0;
}
@media print {
    .print_window .modal_header {
      position:absolute;
    }
    .print_window .qa_box .question,
    .print_window .qa_box .answer,
    .print_window .qa_box .reply,
    .print_window .qa_box .add {
        page-break-inside: avoid;
        break-inside: avoid-page;
    }
}  
/*--------------------------------------
  全文検索
---------------------------------------*/
.text_type {
  background-color: #D0E8EA;
  display:block;
  padding: 10px;
}
.text_type label{
  margin-left:10px;
}
.text_type span{
  margin:0px 10px;
}
.text_type .tag,
.list01 td .tag {
  border-radius: 4px;
  padding: 2px 4px;
  background-color: #999999;
  margin-right: 6px;
  font-weight: bold;
  color: #FFFFFF;
  display: inline-block;
}

.text_type .blue,
.list01 td .blue {
    background-color: #0595CE;
}

.text_type .orange,
.list01 td .orange {
    background-color: #FF9933;
}

.text_type .green,
.list01 td .green {
    background-color: #57A52F;
}
.list01 h5 {
  font-weight: bold;
  font-size: 108%;
}

ul.detail li {
  display: inline-block;
  color: #999;
}

ul.detail li:before {
  content:"  >  "
}

ul.detail li:first-child:before,
ul.detail li:last-child:before,
ul.detail li.company:before {
  content:""
}

/*--------------------------------------
  ナレッジ管理
---------------------------------------*/
ul.folder {
  margin-top: 20px;
}

ul.folder li {
  display: inline;
}

ul.folder li:before {
  content: " > ";
}

ul.folder li:first-child:before {
  content: "";
}

ul.know li {
  display: inline-block;
  margin-right: 4px;
}
ul.know li .tag {
  border-radius: 4px;
  padding: 2px 4px;
  background-color: #999999;
  font-weight: bold;
  color: #FFFFFF;
}

ul.know li .tag.green {
  background-color: #57A52F;
}

/* アップロードボタンのポップアップ（モーダル） */
#upload {
  position: fixed;
  text-align: center;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  z-index: 30;
  width: 360px;
  top: 50%;
  left: 50%;
  margin-top: -110px;
  margin-left: -180px;
}

#upload table {
  text-align: center;
}

#upload table td {
  padding: 4px;
}

.subtitle {
  height: 28px;
  background-color: #4E68A4;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  padding: 0 10px;
}
/*--------------------------------------
  TOPコンテンツ登録
---------------------------------------*/
h3.name_breadcrumb {
  font-size: 139%;
  color: #4E68A4;
  font-weight: bold;
}

h3.name_breadcrumb ul {
  display: inline-block;
}

h3.name_breadcrumb ul li {
  display: inline-block;
}

h3.name_breadcrumb ul li:before {
  content: "－ ";
}

h3.name_breadcrumb ul li:first-child:before {
  content: "";
}

/*--------------------------------------
  担当会社登録
---------------------------------------*/
.search_panel {
  margin: 10px 0;
  padding: 10px;
  background-color: #D0E8EA;
}

.search_panel table {
  width: 100%;
}
.search_panel table td {
  padding:2px;
}

dl{
  padding:0px;
}
dt{
    float:left;
    min-height:28px;
    line-height:28px;
}
dd {
    float:left;
    min-height:22px;
}

.registration dl {
    min-width:100%;
    display: inline-block;
    height:auto;
    padding:3px 0px;
}
.search_panel dl{
    display: inline-block;
    height:auto;

}
.search_panel dt{
    text-align:right;
    margin-right: 4px;
    /*width: 84px;*/
    width: 104px;
    min-height:36px;
    line-height:30px;
}
.search_panel dd {
    line-height:18px;
}
.search_panel dd input[type=text] {
    width:150px;
}
.registration .search_panel dl{
    height:auto;
    float:left;
    min-width: 300px;
    padding:3px 0px;
}
.registration dt,
.registration .search_panel dt {
    text-align:right;
    margin-right:10px;
    padding:0px;
    width:92px;
}
.registration dt{
    width:90px;
}
.registration .search_panel dd {
    padding:0px;
    width: 152px !important;

}

.registration .search_panel dd input[type=text]{
    width: 110px !important;
}
.registration .search_panel [id$=\:qa_company] td {
    padding:3px;
    float:left;
    width: auto !important;
}





/*--------------------------------------
  確認者一覧／確認者設定
---------------------------------------*/
.list01 td .inner td {
  border: none;
  width: 100%;
}

.confirmor_breadcrumb li {
  display: inline-block;
}

.confirmor_breadcrumb li:before {
  content: "－ ";
}

.confirmor_breadcrumb li:first-child:before {
  content: "";
}

/*--------------------------------------
  売上管理
---------------------------------------*/
.regist_sales_panel {
  margin: 0px;
  padding: 20px;
  background-color: #D0E8EA;
}

.regist_sales table {
  border-collapse: separate;
  border-spacing: 0;
}

.regist_sales td {
  padding: 0px 5px;
}

/*--------------------------------------
  エラーページ
---------------------------------------*/
.error_comment {
  width: 560px;
  height:180px;
  text-align: center;
  padding:20px;
  margin: 20px auto;
}

.error_comment h2 {
  color: #4E68A4;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 200%;
  line-height: 1;
}

.prodRadio td {
    width: 50% !important;
}

#sp-login-check ,
.sp-menu ,
.sp-search ,
#sub > .nav > div.clearfix {
    display:none !important;
}



input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}
input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;


}
input[type="checkbox"] + label::before {
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -9px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  top: 50%;
}
input[type="checkbox"] + label:hover::before {
  background: #fff;
}
input[type="checkbox"] + label::after {
  opacity: 0;
  top: 50%;
  margin-top:-6px;
  left: 2px;
  width: 10px;
  height: 6px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg) scale(.5);
  transform: rotate(-45deg) scale(.5);
}
input[type="checkbox"]:checked + label::before {
  background: #4E68A4;
  border: 1px solid #4E68A4;
}
input[type="checkbox"]:checked + label::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;


}
input[type="radio"] + label::before,
input[type="radio"] + label::after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
  top: 50%;
  border-radius: 100%;
}
input[type="radio"] + label::before {
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  background: #f3f3f3;
  border: 1px solid #ccc;


}
input[type="radio"]:not(:disabled) + label:hover::before {
  background: #fff;
}
input[type="radio"] + label::after {
  opacity: 0;

  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #4E68A4;


  -webkit-transform: scale(2);
  transform: scale(2);
}
input[type="radio"]:checked + label::before {
  background: #fff;
  border: 1px solid #4E68A4;
}
input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
input[type="radio"]:disabled + label::after {
  background: #aaa;
}
input[type="radio"]:disabled + label::before {
  border-color: #aaa;
}

input[type='submit']:disabled, input[type='button']:disabled {
  opacity: 0.5;
  cursor:initial;
}

.list01 input[type="radio"] + label,
.list01 input[type="checkbox"] + label,
.listmsg input[type="checkbox"] + label{
    padding-left:15px;
}
#formDir\:listTable .list01 input[type="radio"] + label,
#formDir\:listTable .list01 input[type="checkbox"] + label {
    padding-left:22px;
}
#searchForm\:allcheck + label {
    margin-top:6px;
    margin-bottom:4px;
}
#searchForm .search_panel dd {
  width:150px;
}

#searchForm .search_panel dd .ui-selectonemenu{
  width:inherit;
}

#searchForm\:searchGroup,
#searchForm\:negativeSearchGroup {
    display: flex;
    position: relative;
}

#searchForm\:searchTextArea,
#searchForm\:negativeSearchTextArea {
    position: relative;
    flex-grow: 1;
}

#searchForm .ui-chips-container {
    width: 100%;
    padding-right: 22px;
    box-sizing: border-box;
    box-shadow: none;
}

#searchForm .clearButton {
    position: absolute;
    right: 0;
    z-index: 2;
    background: url('../resources/img/btn_close.svg');
    background-repeat: no-repeat;
    background-size:contain;
    width:18px;
    height:18px;
    border: none;
    margin-top: 4px;
    margin-right: 4px;
    opacity: 0.6;
    outline: none;
    box-shadow: none;
}

#searchForm .clearButton.ui-state-hover {
    border: none;
    opacity: 1;
}

#searchForm .ui-chips-token {
    padding: 1px 0;
    white-space: normal;
    word-wrap: break-word;
    background: #e3f2fd;
    border-radius: 4px;
    border: none;
}

#searchForm\:negativeSearchTextArea .ui-chips-token {
    background: #eee;
}

#searchForm .ui-chips-token-label {
    padding: 0 1.5em 0 .5em;
}


#searchForm .rangeArea {
    display: flex;
}

#searchForm .rangeButton {
    height: 20px;
    width: 72px;
    box-sizing: content-box;
    margin-right: 10px;
    background-color: #ccc;
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
    startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC');
    *zoom: 1;
    color: #333;
    border: solid 1px #aaa;
}

#entrydateCustomRange, #updatedateCustomRange {
    display:none;
}

#entrydateCustomRange, #updatedateCustomRange {
    display:none;
}

#faqEditFormId tr > td > p > input + label:before,
#faqEditFormId tr > td > p > input + label:after{
  top:13px;
}
#sp-login-check {
    display:none;
}
#sp-login-check + label:before,
#sp-login-check + label:after{
  display:none;
}
#sp-search + label:before,
#sp-search + label:after{
  display:none;
}

@media (max-width: 773px) {
    .ctl-menu{
        display:none;
    }

    .sp-menu,
    .sp-search {
        display:inline-block !important;
    }
    #header .headerR ul ,
    #header .headerR .btn_logout,
    #header .headerR p.btn_search,
    #sub,
    #sub>h2,
    #sub > .nav {
        display:none;
    }

    #companyList .button,
    #companyList\:export,
    .pagenation td:nth-child(3),
    .pagenation td:nth-last-child(3),
    .tab_panel [id=csvExport],
    .tab_panel [id$=\:export],
    .tab_panel [id$=\:download],
    .tab_panel [id$=\:csvImport] ,
    td.download a,
    .modal_panel_com #formList\:dataList > .list01,
    .modal_panel #tenantListForm\:listTable  > .list01,
    .modal_panel #partnerListForm\:listTable > .list01,
    #formMessage .tab_panel .listmsg div:first-child table,
    #formDocImport > div:nth-child(2) > span:nth-child(1) ,
    #formDocImport > div:nth-child(2) .ui-widget-content td:nth-child(1),
    [id="formDir\:roles_basic"] .registration thead,
    #history_form .search_panel input[id$="\:searchcsv"] {
        display:none;
    }
    td.download span{
        display:block!important;
    }
    .modal_panel_com #formList\:listTable > .list01 thead,
    .modal_panel #tenantListForm\:listTable  .modal_contents > .list01 thead,
    .modal_panel #partnerListForm\:listTable .modal_contents > .list01 thead,
    #formMessage .tab_panel .listmsg .scrollable table thead {
        display:table-header-group !important;
    }
    .modal_panel_com #formList\:listTable > .list01 ,
    .modal_panel #tenantListForm\:listTable  .modal_contents > .list01 ,
    .modal_panel #partnerListForm\:listTable .modal_contents > .list01 ,
    #formMessage .tab_panel .listmsg .scrollable table  {
        margin-top:0px !important;
    }
    #formMessage .tab_panel .listmsg .scrollable table col:nth-child(1) {
        width:100px;
    }
    #formMessage .tab_panel .listmsg .scrollable table col:nth-child(2) {
        width:80px;
    }
    
    input[type=text], input[type="password"], textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        box-sizing:border-box;
    }

    input[type="text"], input[type="password"] {
        font-size:16px;
    }
    input[type=file]{
        margin:4px 0px;
    }
    #main h2 {
        font-size: 150%;
    }
    #main .box h2 input[type=button] {
      zoom: 70%;
      margin-top: -7px;
    }
    ul.qa_breadcrumb {
        clear:left;
        margin-left:0px;
    }
    ul.faq_breadcrumb li,
    ul.qa_breadcrumb li {
        font-size: 100%;
    }

    #login_header_image {
        text-align:left;
        position:absolute;
        z-index:1000;
        top: 10px !important;
        left:10px !important;
        height: auto !important;
    }
    #login_header_image img{
        width:70% !important;
    }

    #login_header {
        height:55px !important;
    }
    #login_center {
        top:55px !important;
        display:block;
        max-height:77vmax !important;
        padding-bottom:10px;
    }

    #login_center_background{
        left:0px;
        top:0px;
        width:100vw !important;
        position:absolute !important;
    }
    #login_center_subtitle{
        width:100vw !important;
        display:block;
        left:0px;
        margin:10px auto;
        margin-top:  0px!important;
        margin-left: 0px!important;
    }
    #login_center_subtitle h1{
        font-size:90% !important ;
    }

    .login_page {
        max-width:100vw !important;
        min-width:100vw !important;
    }
    .send_pw_box, 
    .logout_box {
        width: 75%;
        height:300px;
    }
    .send_pw_box th {
      white-space:nowrap;
    }
    .send_pw_box input[type=text] {
      width:50%;
    }
    #login_center_form {
         display:block !important;
         margin:0px auto;
         padding:0px!important;
         width:230px !important;
         left : 0px !important;
         right: 0px !important;
         height:280px !important;
         top:8vmax !important;
    }
    #login_center_form table {
        margin:0px auto 10px;
        width:auto;
    }
    #login_center_form table th{
         padding-left:5px;
         padding-right:5px;
         padding-top:3px;
    }
    #login_center_form table td {
         padding-left:5px;
         padding-right:5px;
         padding-bottom:5px;
    }
    #login_center_form th > label {
        display:none;
    }
    #login_center_form input[type=text],
    #login_center_form input[type=password],
    #login_center_form input[type=submit],
    #login_center_form .ui-selectonemenu {
        width:161px;
    }
    #login_center_form p {
        font-size:12px;
         margin:5px auto 0px;
         padding:0px 14px;
    }
    #loginForm {
        margin-bottom:-30px;
    }
    #login_footer{
        float:left;
        display:block;
        padding-top:5px;
    }
    #login_footer_menu {
        width:100vw;
        margin:0px auto;
    }
    #login_footer_menu ul {
        display:inline-block;
    }
    #login_footer_menu ul li{
        display:block;
        float:left;
        width:50%;
        padding-bottom:3px;
    }
    #login_footer_copyright{
        clear:left;
        font-size:11px;
        padding: 0px !important;
    }
    #login_footer_image {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .sp-login-menu,
    .sp-menu {
        transition: all .4s;
        box-sizing: border-box;
        position: fixed !important;
        width: 50px;
        height: 44px;
        z-index: 1000;
        right: 10px;
        top: 8px;
        border: 1px solid transparent;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 2px;
        outline: none;
        background: transparent;
    }
    .sp-login-menu span,
    .sp-menu span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        position: absolute !important;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80%;
        height: 4px;
        background-color: #FFFFFF;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }
    .sp-login-menu span:nth-child(1),
    .sp-menu span:nth-child(1) {
        top: 8px;
    }
    .sp-login-menu span:nth-child(2),
    .sp-menu span:nth-child(2) {
        top: 19px;
    }
    .sp-login-menu span:nth-child(3),
    .sp-menu span:nth-child(3) {
        bottom: 8px;
    }
    .sp-menu:before,
    .sp-menu:after{
        display:none
    }

    #sp-login-check:checked + .sp-login-menu span,
    #sp-menu:checked + .sp-menu span {
        background: #FFFFFF;
    }
    #sp-login-check:checked + .sp-login-menu span:nth-child(1),
    #sp-menu:checked + .sp-menu span:nth-child(1) {
        -webkit-transform: translateY(11px) rotate(-45deg);
        transform: translateY(11px) rotate(-45deg);
    }
    #sp-login-check:checked + .sp-login-menu span:nth-child(2),
    #sp-menu:checked + .sp-menu span:nth-child(2) {
        opacity: 0;
    }
    #sp-login-check:checked + .sp-login-menu span:nth-child(3),
    #sp-menu:checked + .sp-menu span:nth-child(3) {
        -webkit-transform: translateY(-11px) rotate(45deg);
        transform: translateY(-11px) rotate(45deg);
    }
    #sp-menu:checked ~ #main{
        position:fixed;
        overflow:hidden;
    }
    #sp-menu:checked ~ #sub,
    #sp-menu:checked ~ #sub > .nav ,
    #sp-menu:checked ~ #sub > .nav > div.clearfix {
      display:block !important;
    }
    .iframe{
        position: relative;
        width: 85%;
        height:40%;
        height: calc(20vh);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .iframe iframe{
        position: absolute;
        top: 10;
        left: 5;
        width: 100%;
        height: 100%;
    }
    .iframe > div {
        position:absolute;
        top:0;
        right:0;
    }  
    #header, #footer, #contents {
        min-width: 100vw;
    }
    #footer {
        position:relative;
        z-index:0;
        height: auto;
    }
    body {
        width: auto;
    }
    #header .container {
        max-width: 95%  !important;
        max-width: calc(100vw - 20px) !important;
        margin: 0 auto;
    }
    #contents .container {
        max-width: 100%  !important;
        max-width: 100vw !important;
    }

    #main {
        margin: 10px 0 0 0;
    }
    #main_inner {
        margin: 0px !important;
        padding: 0px 10px;
    }
    #header .headerL{
        margin-left:0px
    }
    #header .headerL h1 a {
        position: absolute;
        z-index: 1000;
        top:10px;
    }
    #header .headerR .btn_home {
        position: absolute;
        z-index: 1000;
        left: calc(50% - 20px);
        font-size: 0px;
        display:none;
    }

    .btn_logout, .btn_home, .btn_search {
        font-size: 0px;
    }
    .headerR {
        margin-right: 40px!important;
    }
    .headerR ul {
        display:none !important;
    }

    .sp-search {
        box-sizing: border-box;
        position: fixed !important;
        width: 50px;
        height: 44px;
        z-index: 1000;
        right: 60px;
        top: 8px;
        border: 1px solid transparent;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 2px;
        outline: none;
        background: transparent;
    }
    #formHeadSearch\:searchText {
        display:none;
    }
    #sp-search:checked ~ a .btn_home {
        display:none;
    }
    #sp-search:checked ~ #formHeadSearch #formHeadSearch\:searchText {
        position:relative;
        top:4px;
        right:60px;
        display:block;
        float:right;
        background:#fafafa;
        outline: none;
        width: 40vw !important;
        height:2em;
        margin-top:8px;
        padding: 2px;
        border:none;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
    }

    .error_comment {
        width:100%;
    }
    #sub,
    #login_header_menu {
        position:fixed;
        right:0;
        top:0;
        width: 100vw;
        z-index:999;
        border: none;
    }
    #login_header_menu > div {
       width:100%;
       width:100vw;
    }

    #sub > .nav {
        margin-top: 55px;
        padding: 0px;
        width: calc(100%);
        max-height:92vh;
        -webkit-overflow-scrolling: touch;
    }
    #sub > .nav > span {
        font-size: 16px;
        display:block;
        background:#8297B1;
    }
    #sub > .nav > span li{
        display:block;
        padding:8px 0px;
    }
    #sub > .nav .category {
        padding: 8px 20px 0px;
        width:calc(85%);
    }
    #sub > .nav .category label {
      margin:0px;
    }
    #sub > .nav span a,
    #sub > .nav > span > ul > span >li {
        color: #FFFFFF;
    }
     #sub > .nav > span > ul > span >li{
        margin-left:50px;
    }
     #sub > .nav > span > ul > span >li > ul > li{
        margin-left:15px;
    }

    #sub > .nav > div.clearfix {
        display:block;
        background-color:#4e68a4;
        width:100%;
    }
    #sub > .nav .btn_logout {
        background: url("../resources/img/btn_logout.png") no-repeat left center;
    }

    #sub > .nav div p {
        float:right;
        display: inline-block;
        text-align:right;
        line-height: 28px;
        height: 28px;
        margin: 15px 15px 75px;
        padding: 0px 0px 0px 40px;
        font-size: 1em;
        font-weight:bold;
    }
    #sub > .nav div a {
        color: #FFFFFF;
    }
    #sub > .nav div a:hover {
        color: #FC95AB;
    }

    #formMessage .tab_panel .listmsg .scrollable,
    #main .message_area .tab_nav {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch;
    }
    #main .message_area .tab_nav > .tab_nav_count {
        width:980px;
    }
    #main .message_area ul.tab_nav_count li a {
        min-width:67px;
    }

    [id$="listTable"],
    [id$="listTable2"],
    [id$="\:pageTable"],
    [id$="\:pageTable2"],
    .listmsg {
        background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(85, 85, 85, 0.2)) 0 0/20px 100% , linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }

    [id$="listTable"] table,
    [id$="listTable2"] table,
    [id*="\:pageTable"] table,
    [id*="\:pageTable2"] table,
    .listmsg table{
        background: linear-gradient(to left, rgba(255, 255, 255, 0), white 15px) 0 0/50px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), white 15px) right/100px 100%;
        background-repeat: no-repeat;
        background-attachment: local;
    }

    .tab_panel .list01 td .title a {
        display:block;
        float:left;
        width:137px;
    }
    .tab_panel .list01 td .title .new {
        display:block;
        float:left;
    }

    .tab_panel .list01 td div.ico_wind + div.title a {
      width:121px;
    }

    #main_inner .tab_panel .list01 td .ico_wind button {
        padding: 0;
        min-width: 0;
        margin-top: 0;
    }

    input[type=button].window {
        font-size:0px!important;
        min-width:32px!important;
        width:32px!important;
        height:32px;
        cursor:pointer;
        border-radius:16px;
        background: url("../resources/img/window.png") no-repeat left center;
        background-position:9px;
        float:right;
    }

    .ui-selectonemenu-list-item {
        margin-bottom:6px !important;
    }

    .text-overflow {
        width:calc(100vw - 20px);
    }

    .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper,
    .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper{
        -webkit-overflow-scrolling: touch;
    }
/*
    .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
        right:15px;
    }
*/
    .ui-selectonemenu-panel .ui-selectonemenu-filter,
    .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container {
        font-size:16px;
    }
    .registration .search_panel dl {
        min-width: calc((100vw - 60px) / 2);
    }

    table td.bg_white,
    table .bg_white td {
        background-color: transparent;
    }


    .registration:not(.kv) > tbody,
    .registration:not(.kv) tr,
    .registration > tbody > tr > th,
    .registration .ui-selectonemenu,
    .registration .ui-selectcheckboxmenu{
        display: block;
        width: auto !important;
    }
    .ui-selectcheckboxmenu-panel{
      width: calc(100vw - 36px) !important;
    }

    .registration > tbody > tr > th {
        padding: 3px 5px;
        margin:0px;
        border-left:none;
        border-right:none;
    }
    .registration > tbody > tr > td ,
    .registration > tbody > tr > td table td{
        padding: 3px 5px;
        border:none;
        width:100vw;
    }

    .pagenation td {
        padding: 6px 0px;
    }

    .pagenation td a,
    .pagenation td span{
        display:block;
        width:30px !important;
    }

    .search_panel {
        width:100%;
        display:block;
    }
    @media screen and (orientation: portrait) {
        .search_panel dt {
            clear:left;
        }
    }
    .search_panel dl + .taR {
        margin-top:4px;
        margin-right:10px;
    }

    .search_panel tbody, .search_panel tr, .search_panel th {
        display: block;
        height: auto;
    }
    .search_panel table td {
        padding:4px 0px 3px;
    }
    table.registration th,
    table.search_panel th {
        text-align: left !important;
        padding: 4px 4px 4px 10px;
    }
    .registration p ,
    .search_panel p {
        display:block;
        width: 100% !important;
    }


    .registration > tbody > tr > td > input[type=text], 
    .registration > tbody > tr > td > p > input[type=text], 
    .registration > tbody > tr > td > input[type=file],
    .registration > tbody > tr > td > span > input[type=text]:not(.p-datepicker input[type=text]),
    .registration > tbody > tr > td > .ui-selectmanybutton
    {
        width: calc(100vw - 36px) !important;
    }
    .registration > tbody > tr > td > table {
        width: calc(100vw - 31px) !important;
    }
    .registration > tbody > tr > td > textarea {
        width: calc(100vw - 36px) !important;
    }
   .registration input[type=text][id*="ZIPCODE"] {
        width:calc(50vw - 35px) !important;
    }
    .registration > tbody > tr > td > input[type=text][disabled],
    .registration > tbody > tr > td > ul > li > input[type=text]{
        width: calc(100vw - 95px) !important;
    }

    .tab_panel .registration > tbody > tr > td > input[type=text], 
    .tab_panel .registration > tbody > tr > td > p > input[type=text], 
    .tab_panel .registration > tbody > tr > td > input[type=file] 
     {
        width: calc(100vw - 36px - 24px) !important;
    }
    .tab_panel .registration > tbody > tr > td > table {
        width: calc(100vw - 31px - 24px) !important;
    }
    .tab_panel .registration > tbody > tr > td > textarea {
        width: calc(100vw - 36px - 24px) !important;
    }

    .modal_panel .registration > tbody > tr > td > input[type=text], 
    .modal_panel .registration > tbody > tr > td > p > input[type=text], 
    .modal_panel .registration > tbody > tr > td > input[type=file],
    .modal_panel .registration > tbody > tr > td > input[type=password] {
        width: calc(100vw - 36px - 22px) !important;
    }
    .modal_panel .registration > tbody > tr > td > table{
        width: calc(100vw - 31px - 22px) !important;
    }
    .modal_panel .registration > tbody > tr > td > textarea {
        width: calc(100vw - 36px - 22px) !important;
    }


    .registration table  {
        float:none !important;
    }
    .registration_question th,
    .registration_question td{
        display:block;
        width:calc(100% - 12px) !important;
    }
    .registration_question input[type=text] ,
    .registration_question textarea {
        width:calc(100% -  6px) !important;
    }

    .registration input[type=file] {
        width:100% !important;
    }

    .search_panel {
        display: table !important; 
        padding:4px 0px;
    }

    .modal_panel_com,
    .print_window {
        width: calc(100vw - 20px) !important;
    }
    #memoform p.date {
        padding: 2px 5px;
        line-height: 1em;
        height: 1em;
    }
    .print_window .modal_header,
    .modal_panel_com textarea,
    #memoform textarea ,
    #memo_new_form textarea {
        width:100% !important;
    }
    #memoform pre {
       min-height: 28px !important;
       line-height: 14px;
    }
    #memoform textarea {
        min-height: 28px !important;
        margin-left:-3px;
    }
    #memoform .memo textarea {
        margin-top:-5px;
    }
    .modal_panel_com .search_panel dt {
        width:80px;
    }
    .modal_panel_com .search_panel dl:nth-child(1) dt {
        width:105px;
    }
    .modal_panel_com .search_panel dl:nth-child(n+2) dt {
        width:50px;
    }
    .modal_panel_com .search_panel dd {
        width:auto;
    }


    .modal_panel {
        width:calc(100vw - 40px) !important;
        left:10px;
        top:10px;
        margin-left:0px;
        z-index:1001;
    }
    .ui-dialog.ui-widget {
        width:calc(100vw - 20px) !important;
    }

    @media screen and (orientation: portrait) {
      .modal_panel {
        height:calc(100vh - 40px - 60px) !important;
      }
      .ui-dialog.ui-widget {
        height:calc(100vh - 20px) !important;
      }
    }

    @media screen and (orientation: landscape) {
        .modal_panel {
          height:calc(100vh - 40px) !important;
      }
    }

    .modal_panel .registration{
        margin-bottom:0px;
    }

    .modal_header h1 {
         line-height: 26px;
         height:auto;
    }
    .modal_header {
        padding-bottom:0px;
    }

    .modal_footer > div {
        text-align:center !important;
    }

    /*.modal_panel_com .search_panel input[type="submit"],*/
    .modal_footer  input[type="submit"], .modal_footer  input[type="button"]{
        padding:6px 6px !important;
        min-width:50px !important;
    }
    .modal_footer .taR input[type="submit"], .modal_footer .taR input[type="button"]{
        /*width:175px;;*/
    }

    .modal_dialog {
        left: calc((100vw - 280px - 20px)/2);
        width:280px;
        top: calc((100vh - 180px - 20px)/2);
        height:180px;
    }

    .modal_contents {
        overflow-y:auto;
        -webkit-overflow-scrolling: touch;
    }
    @media screen and (orientation: portrait) {
        .modal_contents {
            height: calc(100vh - 110px - 60px) !important;
        }
        #partnerListForm .modal_contents ,
        #tenantListForm .modal_contents ,
        #categoryitemForm .modal_contents,
        #sectionForm .modal_contents,
        #tagEditForm .modal_contents {
            height: calc(100vh - 315px - 60px) !important;
        }
        #formSendMail .modal_contents {
            height: calc(100vh - 270px - 60px) !important;
        }

        #modal02 .modal_contents {
            height: calc(100vh - 150px - 60px) !important;
        }
        #modal05 .modal_contents {
            height: calc(100vh - 260px - 60px) !important;
        }
    }
    @media screen and (orientation: landscape) {
        .modal_contents {
            height: calc(100vh - 110px) !important;
        }
        #partnerListForm .modal_contents ,
        #tenantListForm .modal_contents ,
        #categoryitemForm .modal_contents,
        #sectionForm .modal_contents{
            height: calc(100vh - 260px) !important;
        }
        #formSendMail .modal_contents {
            height: calc(100vh - 190px) !important;
        }
        #modal02 .modal_contents {
            height: calc(100vh - 150px) !important;
        }
        #modal05 .modal_contents {
            height: calc(100vh - 250px) !important;
        }
    }
    #formDir .search_panel dt,
    #searchForm .search_panel dt,
    .modal_panel #tenantSearchForm  .search_panel dt,
    .modal_panel #partnerSearchForm .search_panel dt{
        /*width:72px !important;*/
        width:90px !important;
    }
    #searchForm .search_panel dd input :not button,
    .modal_panel #tenantSearchForm .search_panel dd input,
    .modal_panel #partnerSearchForm .search_panel dd input{
        width:58px !important;
    }
    #formDir .search_panel dd input {
        width:60px !important;
    }

    .modal_panel_com {
        position:initial;
    }
    .modal_panel_com #formList\:dataList > .modal_contents {
        overflow-y: initial;
        height: 100% !important;
    }


    div#tab01 {
        width:calc(100vw - 42px);
    }
    #main_inner > ul.tab_nav > li  {height:auto;}
    #main_inner > ul.tab_nav > li a{padding: 8px 0px !important;}


    .columns2 {
        width:100% !important;
    }
    .columns2 tr {
        display:flex;
    }
    .columns2 th,
    .columns2 td {
        width:50% !important;
    }
    .columns2 td input[type=text] {
        width:92% !important;
    }

    .columns2 tr th:nth-child(2){
        border-left:none;
    }
    .prodRadio {
        width: 95% !important;
    }

    .faq_block {
        margin-left:40px;
    }
    #faq_list .accordion_control {
        margin-left:-20px;
        margin-right:20px;
    }
    #faq_list .accordion_panel li {
        line-height: 2.5em;
    }
    .disc li {
        padding:4px 0px;
    }

    .list01 {
        width: 100%;
        max-width: 100%;
    }
    [id$="listTable"],
    [id$="listTable2"],
    [id*="\:pageTable"],
    [id*="\:pageTable2"]{
        display:block;
        min-height: .01%;
        overflow-x: auto;
        width: 100%;
        margin-bottom: 10px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    [id$="listTable"] > .list01,
    [id$="listTable2"] > .list01,
    [id*="\:pageTable"] > .pagenation,
    [id*="\:pageTable2"] > .pagenation, {
        margin-bottom: 0;
    }

    #companyList > div:not(.clearfix) > div:nth-child(1) .ui-selectonemenu {
      width:calc(100% - 62px);
      min-width:100%;
    }
    #companyList > div:not(.clearfix) > div:nth-child(1),
    #companyList > div:not(.clearfix) > div:nth-child(2){
      width:100%;
    }
    #companyList > div:not(.clearfix) > div:nth-child(2){
      margin-left:0!important;
    }
    #companyList > div:not(.clearfix) > div:nth-child(2) input[type=text]{
      width: calc(100vw - 104px);
    }    
    #companyList > div:not(.clearfix) > div:nth-child(2) input[type=submit]{
        margin-bottom:1em;
    }

    #faqSearchForm input[type=text] {
        width:90%;
    }
    #companyList\:listTable .list01 col:nth-child(1) ,
    #seriesProductListForm\:listTable .list01 col:nth-child(1) {
        width:80px;
    }
    #companyList\:listTable .list01 col:nth-child(2) ,
    #seriesProductListForm\:listTable .list01 col:nth-child(2) {
        width:160px;
    }
    #companyList p{
        width:90%;
    }
    #groupListForm\:listTable .list01 col:last-child {
        width: 250px;
    }

    @media screen and (orientation: portrait) {
      #formDocList\:seriesid {
          width: 120px !important;
      }
    }


    [id*="\:ImportCommand_dlg"]{
        width:calc(100vw - 30px) !important;
        height:calc(100vh - 30px) !important;
        left:10px;
        top:10px !important;
    }

    #formDocImport > div:nth-child(2) .ui-corner-bottom {
        border:1px solid #a8a8a8;
        height:36px;
    }
    #formDocImport > div:nth-child(2) .ui-fileupload-files 
    td:nth {
        table-layout:fixed;
        width:88vw;
    }
    #formDocImport > div:nth-child(2) .ui-widget-content td:nth-child(2){
        font-size:10px;
        min-width:100px!important;
        word-break: break-all;
    }
    #formDocImport > div:nth-child(2) .ui-widget-content td:nth-child(3){
        min-width:20px!important;
        font-size:10px;
    }
    #formDocImport > div:nth-child(2) .ui-widget-content td:nth-child(2){
        font-size:10px;
        min-width:100px!important;
        word-break: break-all;
    }
    #formDocImport > div:nth-child(2) > span:nth-child(2) {
        position:relative;
        margin-left:-10px;
        top:30px !important;
    }

    #formDocImport td,
    #formDocImport .regist_alert{
        font-size:10px;
        line-height:10px;
    }
    #formDocImport > div:nth-child(3) {
        margin-top:-29px;
        line-height:16px;
        height:18px;
    }
    #formDocImport > div:nth-child(4) table th ,
    #formDocImport > div:nth-child(4) table td {
        padding:0px;
    }
    #formDocImport > div:nth-child(4) {
        height:81px !important;
    }
    #formDocImport > div:nth-child(5) {
        margin-top:5px;
    }
    #formDocList .tab_panel {
        padding-top:40px;
    }
     #formDocList .tab_panel > span:nth-child(1) {
        display:block;
        margin-top:20px;
        
    }
    #formDocList .tab_panel > span:nth-child(2) > div:nth-child(2){
        position: absolute;
        top:0px;
        right:10px;
        text-align:right;
    }

    #formDirList\:pageTable + div{
        position: relative;
        top:-90px;
        right:0px;
        text-align:right;
    }
    #formDirList\:pageNumberCount,
    #formDirList\:pageTable {
        position:relative;
        top:50px;
    }

    #userRegisteForm\:prductTbl tbody {
        display:block;
        width: calc(100vw - 52px) !important;
    }
    #userRegisteForm\:prductTbl table td:nth-child(1){
        width:calc(100vw - 52px - 190px);
    }
    #userRegisteForm\:prductTbl table td:nth-child(2){
        width:100px !important;
    }
    #userRegisteForm\:prductTbl table td:nth-child(2) .ui-selectonemenu {
        font-size:13px !important;
    }
    #userRegisteForm\:prductTbl table td:nth-child(3){
        white-space:nowrap;
    }
    #userRegisteForm [id$=password],
    #main_inner [id$=nowPass],
    #main_inner [id$=newPass],
    #main_inner [id$=reNewPass]{
        width:40% !important;
    }

    .tab_panel .listmsg div:first-child{
        overflow-x:auto;
        -webkit-overflow-scrolling: touch;
    }
    .tab_panel .listmsg table {table-layout:fixed;width:900px !important;}
    #formDirList\:listTable table {table-layout:fixed;width:700px !important;}
    .tab_panel .list01 {table-layout:fixed;width:980px !important;}

    #tab02.tab_panel .list01 col:nth-child(1){width: 70px;}
    #tab02.tab_panel .list01 col:nth-child(2){width:120px;}
    #tab02.tab_panel .list01 col:nth-child(3){width:200px;}
    #tab02.tab_panel .list01 col:nth-child(4){width: 90px;}
    #tab02.tab_panel .list01 col:nth-child(5){width:100px;}
    #tab02.tab_panel .list01 col:nth-child(6){width:100px;}
    #tab02.tab_panel .list01 col:nth-child(7){width:100px;}
    #tab02.tab_panel .list01 col:nth-child(8){width:100px;}
    #tab02.tab_panel .list01 col:nth-child(9){width:100px;}

    #sharing.tab_panel .list01 col:nth-child(1){width:100px;}
    #sharing.tab_panel .list01 col:nth-child(2){width:280px;}
    #sharing.tab_panel .list01 col:nth-child(3){width:120px;}
    #sharing.tab_panel .list01 col:nth-child(4){width:180px;}
    #sharing.tab_panel .list01 col:nth-child(5){width:300px;}

    #formDirList\:listTable .list01 col:nth-child(1){width:170px;}
    #formDirList\:listTable .list01 col:nth-child(2){width:40px;}
    #formDirList\:listTable .list01 col:nth-child(3){width:100px;}
    #formDirList\:listTable .list01 col:nth-child(4){width:50px;}
    #formDirList\:listTable .list01 col:nth-child(5){width:135px;}

    .search_panel input[type="submit"], .search_panel input[type="button"], .search_panel button:not(.p-datepicker button),
    #main_inner input[type="submit"], #main_inner input[type="button"], #main_inner button:not(.ql-formats button, .p-datepicker button, .ui-paginator button),
    .modal_footer input[type="submit"], .modal_footer input[type="button"], .modal_footer button,
    .modal_panel_com #formDocImport input[type="submit"],
    .print_window input[type=button],
    #agreementForm input[type="submit"],
    #formDocImport input[type=submit] {
        font-size:1em;
        padding:6px 4px;
        min-width: 50px;
        margin-top:-2px;
    }

    .ui-colorpicker button {
        min-width:inherit;
    }

    #userDetailForm\:prductTbl tbody {
        display:block;
        width: calc(100vw - 52px) !important;
    }

    #formTopContents input[type="submit"],#formTopContents input[type="button"],
    #formSendMail input[type="submit"],#formSendMail input[type="button"],
    #comdetailform input[type="submit"],
    #userDetailForm input[type="submit"],#userDetailForm input[type="button"] {
        padding-left:6px;  
        padding-right:6px;
        min-width: 48px;
    }
    #colorForm > table > tbody > tr > th {
      white-space:nowrap;
    }
    #colorForm > table > tbody > tr > td > div  {
      width:100% !important;
    }

    #colorForm\:listTable button.ui-button {
        min-width: 45px;
    }

    #colorForm\:listTable button.ui-button {
        min-width: 45px;
    }
    #colorForm\:listTable col:last-child {
        width:60px;
    }

    #colorForm\:listTable td:last-child {
        text-align:center;
    }

    #resourceForm > table input[type=text] {
        width:60% !important;
        margin-right:5px;
    }
    #resourceForm > table .ui-selectonemenu {
        width:80% !important;
    }
    #resourceForm > table th:first-child {
        width:84px !important;
        white-space:nowrap;
    }
    #resourceForm\:listTable .list01 input[type=text] {
        width:96% !important;
    }

    #contractProductListForm\:listTable .list01 col:last-child,
    #productListForm\:listTable .list01 col:last-child,
    #faqCategoryListForm\:listTable .list01 col:last-child {
        width: 80px;
    }
    #contractProductListForm\:listTable .list01 td:last-child,
    #productListForm\:listTable .list01 td:last-child ,
    #faqCategoryListForm\:listTable .list01 td:last-child {
        text-align:center;
    }
    #productListForm\:listTable .list01 col:nth-child(3) {
        width:650px;
    }
    #pseriesRegForm .registration + div > input[type="button"]:nth-last-child(n+5)  {
        margin-bottom:10px;
        width:130px;
    }
    #formSendMail .registration table td {
        display:block;
        width:46%;
        float:left;
    }
    #atempForm table tbody tr td:nth-child(1) {
        width:100px!important;
    }
    #atempForm table tbody tr td:nth-child(2) {
        width:150px!important;
    }
    #atempForm input[type="text"]{
        width:88% !important;
    }
    #atempForm textarea {
        width:96% !important;
    }

    #formDocList col:last-child {
        width:140px;

    }
    #formDocDetail .registration div {
        max-height:100vh !important;
    }
/*
    #main_inner #formList col:last-child,
    #contractProductListForm table col:last-child {
        width:160px;
    }
*/
    #categoryList .list01 td:nth-child(2) input{
        width:140px;
    }

    #categoryItemList .list01 td:nth-child(2) input{
        width:140px;
    }
    #categoryList .list01 td:last-child input,
    #categoryItemList .list01 td:last-child input,
    #salesListUpdForm .list01 td:last-child input {
        min-width:70px;
    }
    #salesListUpdForm .list01 input[type=text]{
        width:50% !important;
    }
    #formDir\:roles_basic .registration > tbody > tr > td > table {
        width:100% !important;
    }
    #formSendMail .registration table td {
        display:block;
        width:auto;
    }

    #upload {
        padding: 20px 5px;
        width:calc(100vw - 40px);
        left:10px;
        margin-left:0px;
    }
    #popup {
        top:32px !important;
        right:10px !important;
    }

    #searchForm div.clearfix > div{
        width:100% !important;
    }
    #searchForm div.clearfix input[type=button] {
        float:right;
    }
    #searchForm div.clearfix input[type=button] {
        margin-right:10px;
    }

    #searchForm\:searchType {
        margin-top:-30px;
        width:142px;
    }
    #searchForm\:searchType td{
        display:block;
        width:100%;
    }
    #searchForm\:searchType2 {
        margin-left: -50px;
        margin-top: 20px;
    }
    .text_type label,.text_type span{
        margin:0;
    }

    #manualForm .list01 col:first-child{
        width:45;
    }

    #searchForm .search_panel dd input :not button {
        width:100px !important;
    }

    #salesListAddForm .search_panel dt,
    #salesListAddForm .search_panel dd{
        display:inline-block;
        float:left;
        width:100%;
        white-space:nowrap;
        margin-left: 10px;
        text-align:left;
    }
    #salesListAddForm .search_panel dl:nth-child(2) > dt:nth-child(1){
        display:none;
    }



    div#fix_width {
        width:calc(100vw - 20px);
    }
    #accordion table {
        width: calc(100vw - 44px) !important;
    }
    #accordion table  th,
    #accordion table  td {
        font-size:1em;
        float:left;
        display:block;
        min-height:28px
    }
    #accordion table tr:nth-child(1)  th + td + td[rowspan],
    #accordion table tr:nth-child(2)  th + td + td[rowspan] {
        display:none;
    }
    #accordion table  td {
        width:63% !important;
    }
    #accordion table  th,
    #accordion table  td:nth-child(1) {
        width:35% !important;
    }
    
    #accordion table .ui-selectonemenu {
        width:calc(100% - 24px) !important;
    }
    #accordion table input[type=text] ,
    #accordion table  textarea {
        width:calc(100%) !important;
    }
    #accordion table .btn_renew {
        clear:left;
        float:right;
        margin-top:10px;
    }

    #accordion h4 {
        display:none;
    }
    #accordion form > input[type=checkbox] + label::before{
        display:none;
    }
    #accordion form > input[type=checkbox] + label {
        position: relative;
        display: block !important;
        padding: 10px;
        border-bottom: 1px solid #ddd;
        cursor: pointer;
        font-weight:bold;
    }
    #accordion form > input[type=checkbox] + label::after {
        position: absolute;
        top: 50%;
        left:auto;
        right: 10px;
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -7px;
        border-top: 1px solid #888;
        border-right: 1px solid #888;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        opacity:1;
    }
    #accordion form > input[type=checkbox] + label + h4 + div {
        position: relative;
        height: 0;
        display: block !important;
        overflow: hidden;
        box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1) inset;
        transition: height .2s ease-in-out;
        border:none;
    }
    #accordion form > input[type=checkbox]:checked + label::after {
        margin-top: -3px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #accordion form > input[type=checkbox]:checked ~ div {
        height: auto;
        overflow: visible;
        border-bottom: 1px solid #ccc;
    }

    .qa_box {
        width:calc(100vw - 24px) !important;
    }    
    .qa_box table {
        width:calc(100vw - 40px);
    }   
    .qa_box table th{
        width:45%;
    }   
    .qa_box table tr td { 
      width:55% !important;
      }
    .qa_box table tr td .ui-widget:not(.p-datepicker .ui-widget, .chour, .cminute),
    .qa_box table tr td textarea,
    .qa_box table tr td input[type='text']:not(.p-datepicker input[type='text']),
    .qa_box table tr td pre {
        width:80% !important;
    }
    .qa_box .title {
        margin-bottom:0px;
    }
    .qa_box .title h5,
    .qa_box .title p {
        padding:2px 0px;
        margin:0px;
        line-height:1.4em;
    }

    .qa_box .answer {
        margin-left: 4%;
    }
    .qa_box .reply {
        margin-left: 10%;
    }
    .qa_box .comment{
        margin:0px;
    }
    .qa_box .comment textarea{
        width:100% !important;
    }
    .qa_box button.ui-button {
        padding:4px 6px!important;
    }

    .question,
    .answer,
    .add
     {
        position: relative;
        display: inline-block;
        width: 90% !important;
        height: auto;
        z-index: 0;
        margin-bottom: 20px;
        border-radius:4px;
    }
    .question:before {
        content: "";
        position: absolute;
        top: 50%; left: -8px;
        margin-top: -9px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 9px 9px 9px 0;
        z-index: 0;
    }
    .question:after {
        content: "";
        position: absolute;
        top: 50%; left: -12px;
        margin-top: -10px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        z-index: -1;
    }


    .answer:before {
        content: "";
        position: absolute;
        top: 50%;
        right: -8px;
        margin-top: -9px;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 9px 0 9px 9px;
        z-index: 0;
    }

    .answer:after {
        content: "";
        position: absolute;
        top: 50%; right: -12px;
        margin-top: -10px;
        display: block;
        width: 0px;  
        height: 0px;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        z-index: -1;
    }

    .add,
    .reply{
        margin:0px;
        width: 90% !important;
        padding: 0px;
        position:relative;
        z-index:1;
        margin-bottom:20px;
        /*box-shadow: 6px 2px 4px rgba(0, 0, 0, 0.2);*/
    }

    .reply.answer:before {
        border:none;
        margin-top: 0px;
    }
    .reply.answer:after {
        border:none;
    }
    .reply.answer .comment .ui-selectonemenu {
        width:30% !important;
    }

    .question {border: 3px solid #F9CDCD;}
    .question:before{border-color: transparent #FFE6E6 transparent transparent;}
    .question:after {border-color: transparent #F9CDCD transparent transparent;}

    .answer {border: 3px solid #B3DFE0;}
    .answer:before{border-color: transparent transparent transparent #D0E8EA;}
    .answer:after {border-color: transparent transparent transparent #B3DFE0;}

    .faq_box .question:before, #faqEditFormId .question:before{border: none;}
    .faq_box .question:after, #faqEditFormId .question:after{border: none;}
    .faq_box .answer:before, #faqEditFormId .answer:before{border: none;}
    .faq_box .answer:after, #faqEditFormId .answer:after{border: none;}

    .memo{border: 1px dashed #FCD559;}
    .back{border:1px dashed #CCCCCC;}
    .public{border:1px dashed #90DB83;}
    .reply.answer{border:1px dashed #b3dfe0 !important;}

    .memo{border: 1px dashed #FCD559;}
    .back{border: 1px dashed #CCCCCC;}
    .public{border: 1px dashed #90DB83;}
    .reply.answer{border: 1px dashed #B3DFE0 !important;}

    #qa_box_Form table,
    #registMemoFormId table {
        margin: 0 8px 10px;
    }
    #qa_box_Form table th,
    #qa_box_Form table td,
    #registMemoFormId  th,
    #registMemoFormId  td{
        display:block;
        width:calc(100% - 12px) !important;
        padding:4px;
        border: 2px solid #FFFFFF;
    }
    #qa_box_Form table th{
        text-align:left;
    }
    #qa_box_Form table td ,
    #registMemoFormId table td{
        margin-left:0px;
        margin-right:0px;
    }
    #qa_box_Form table td p,
    #registMemoFormId table td p{
        margin-bottom:0px;
    }
    #qa_box_Form table input[type=text],
    #qa_box_Form table input[type=file],
    #qa_box_Form table textarea,
    #registMemoFormId table input[type=text],
    #registMemoFormId table input[type=file],
    #registMemoFormId table textarea {
        width:calc(100% -  8px) !important;
    }
    [id*="\:uploadimage"] {
        margin-top:8px;
        margin-bottom:16px;
    }
    #qa_box_Form table .ui-selectonemenu {
        width:calc(100vw - 60px) !important;
        margin-bottom:5px;
    }
    #registMemoFormId table .ui-selectonemenu {
        width:100% !important;
    }

    .download li a {
      display:inline-block;
      word-break: break-all;
    }
    #registMemoFormId table table td {
        border:none;
    }
    #registMemoFormId table td dl.flR {
        float:none;
    }
    input[type=button].cyz {
        top: 2px !important;
    }
}






.remove-label:before,
.remove-label:after {
    display:none;
}
.file-attach {
    position:relative;
    display:block;
    min-height:32px;
}
.file-select {
    position: absolute !important;
    left:0;
    top:0;
    padding:0 !important;
}
.file-select-button {
    position:relative;
    display:block;
    cursor: pointer;
    text-align:center;
    font-size:13px;
    padding: 0px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ccc;
    border: 1px solid #aaa;
    color: #000;
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
    startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC');
    width:50px;
    line-height: 26px;
}
.file-select-button:hover{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}
.file-select input[type="file"]{
    cursor: pointer;
    position:absolute;
    top:0;
    right: 0;
    filter:alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity:0;
    border: 1px solid orange;
    z-index:0;
}
.file-name {
    display: inline-block;
    position:absolute;
    top:0;
    left:64px;
    width:calc(50% - 100px);
    background-color:#fff;
    line-height:28px;
    height:28px;
    overflow-x: hidden;
    border:1px solid #aaa;
    padding:0px 4px;
}
.file-name * {
    display:block;
    width: calc(100% - 22px);
    overflow:hidden;
}
.remove-label {
    position: absolute !important;
    top: 6px;
    left: calc(50% - 50px);
    height: 20px;
    width:20px;
    padding:0 !important;
    z-index:1;
    -webkit-transition: none;
    transition: none;
    border-radius:50%;

}
.remove-label:hover {
    background-color:#4E68A4;
}
.remove-label:hover span {
    background-color:#FFFFFF;
}
.remove-label span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 12px;
    height: 3px;
    background-color: #aaa;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.remove-label span:nth-child(1) {
    top: 12px;
    -webkit-transform: translateY(-3px) rotate(-45deg);
    transform: translateY(-3px) rotate(-45deg);
}
.remove-label span:nth-child(2) {
    bottom: 12px;
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
.file-image-label {
    position: absolute !important;
    top:2px;
    left: calc(50% - 20px);
    line-height: 22px;
}
.file-keyword {
    position:absolute;
    top:0;
    left:calc(50% + 190px);
    display:none;
    width:70px;
    padding: 4px;
    text-align:center;
    border-radius:4px;
    background-color:#4E68A4;
    color:#FFFFFF;
    border:1px solid transparent;
}
.file-keyword:after {
    border:5px solid transparent;
    border-right-color:#4E68A4;
    border-left-width:0;
    width:0;
    left:-5px;
    content:"";
    display:block;
    top:30%;
    position: absolute;
}
.file-image:checked ~ .file-keyword {
    display:block;
}
.remove:checked ~ .file-name,
.remove:checked + .remove-label,
.remove:checked ~ .file-image-label,
.remove:checked ~ .file-keyword {
   display:none;
}


.ico_close  {
  cursor: pointer;
  float: right;
  width: 20px;
  height: 20px;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 50%;
  margin: 8px;
}

.ico_close svg {
  fill:#aaa;
}

.ico_close:hover {
  background:#4E68A4;
}

.ico_close:hover svg {
  fill:#FFFFFF;
}

@media (max-width: 773px) {
    .remove ~ .file-height{
        height:74px;
    }
    .remove:checked ~ .file-height {
        height:44px;
    }
    .file-name {
        width:calc(100% - 80px);
    }
    .remove-label {
        left:calc(100% - 30px);
    }
    .file-image-label {
        top:32px;
        left:0;
    }
    .file-keyword {
        top:32px;
        left:205px;
    }    
}

.ui-datatable > .ui-datatable-tablewrapper > .list01 > thead th {
  background:transparent;
  color:#000;
  font-weight:normal;
  text-align:center !important; 
}
 
.ui-widget-content .ui-datatable-odd {
  background-color:transparent;
}
/* scrollable header 背景色調整 */
.ui-datatable-scrollable-header th.ui-state-default, .ui-datatable-scrollable-header {
  background:transparent;
}
/* scrollable テーブルクリック時の境界線調整 */
.ui-datatable-scrollable-body {
  outline:none; 
}

.icon_handle:after{
  position:absolute;
  margin:0;
  left:0;
  bottom:2px;
  content:'';
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAR0lEQVR4AdXNMQ7EIBBD0X9zDHttJMeKUmzJdMN/tWVuaCIKLRyTw374szhosMOxY3CY463nwHHjIPUcCP9RbaLaiyik6N8DOSU7yLP43ukAAAAASUVORK5CYII=) no-repeat;
  opacity:0.33;
  cursor:move;
  display:inline-block;
  height:24px;
  width:24px;
}

.qtip{
  max-width:480px;
}

@media (max-width: 773px) {
  .qtip{
    right:20px;
    max-width:calc(100vw - 40px);
  }
}

input.cdate,.chour label,.cminute label{
  font: inherit !important;
  font-size:13px !important;
}

.qa_box table tr td input.cdate{
  width:90px !important;
}
.qa_box table tr td .chour.ui-widget,
.qa_box table tr td .cminute.ui-widget {
  width:50px !important;
}
@media (max-width: 773px) {
  .ui-datepicker-touch-ui.ui-datepicker th {padding:.7em .3em;}
  .ui-datepicker-touch-ui.ui-datepicker td a {padding: 0;}
}
.ui-chkbox .ui-state-hover{
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.ui-chkbox .ui-chkbox-box {
  border:none !important;
  background:transparent !important;
  box-shadow:none;
}
.ui-chkbox .ui-icon{
  background:transparent;
}
.ui-chkbox-box {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.ui-chkbox-icon::before,
.ui-chkbox-icon::after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}
.ui-chkbox-icon::before {
  left: 0px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -3px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0px;
  top: 50%;
}

.ui-chkbox-icon::after {
  opacity: 0;
  top: 50%;
  margin-top:-5px;
  left: -1px;
  width: 10px;
  height: 6px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg) scale(.5);
  transform: rotate(-45deg) scale(.5);
}
.ui-selectcheckboxmenu-checked .ui-chkbox-icon::before,
.ui-icon-check::before {
  background: #4E68A4;
  border: 1px solid #4E68A4;
}
.ui-selectcheckboxmenu-checked .ui-chkbox-icon::after,
.ui-icon-check::after {
  opacity: 1;
  -webkit-transform: rotate (-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

#listForm\3a categoryList > dl {
  min-width: 100%;
}

/* リストボックスの幅固定 */
/* 一覧用に指定*/
#listForm .search_panel .ui-selectonemenu {
    display: block;
/*    width: inherit !important;*/
}
#listForm .search_panel .ui-selectonemenu.timelistbox {
/*    width: auto !important; */
}

#listForm\3a categoryList > dl {
  border:solid #fff 1px;
}

#listForm .search_panel dl dl {
  display:table-cell;
  float:none;
  vertical-align:middle;
}

#listForm .search_panel dl dt {
  display:table-cell;
  float:none;
  padding-right: 10px;
  vertical-align:middle;
}

#listForm .search_panel dl dd {
  display:table-cell;
  float:none;
  vertical-align:middle;
}

@media (max-width: 558px) {
  #listForm .search_panel dl dl {
    display:block;
    float:left;
    vertical-align:inherit;
  }
}

#registMemoFormId table table {
    margin:0px;
}

#registMemoFormId table table td {
    padding:0px;
}

#registMemoFormId table td dl {
    min-width:50%;
    max-width:50%;
}

#registMemoFormId table td dl input[type=checkbox]+label {
    margin-left: 2px;
}

#productListForm .list01 .tree-child {
    display:none;
}

#productListForm .list01 .tree-child.active {
    display:table-row;
}

#productListForm .list01 .tree-indent {
  width:16px;
  height:16px;
  float:left;
}

#productListForm .list01 .ui-icon {
  display :inline-block;
  vertical-align:middle;
  cursor : pointer;
  margin-top : -5px;
}

.ui-datatable .ui-widget-header,
.ui-treetable .ui-widget-header{
  background:transparent;
  border:none;
}
.ui-datatable .ui-widget-header .ui-state-default,
.ui-datatable .ui-widget-header .ui-state-hover,
.ui-treetable .ui-widget-header .ui-state-default,
.ui-treetable .ui-widget-header .ui-state-hover  {
    background:transparent;
}
.ui-paginator-top-left-content,
.ui-paginator-top-left-content {
  display:none!important;
}
.ui-paginator-center-content {
  display: block;
  width: 100%;
  text-align:left;
}
.ui-paginator-current {
  float:right;
  font-weight:normal;
}
.ui-paginator-center-content>button,
.ui-paginator-page.ui-button{
  min-width:28px;
  height:22px;
}
.ui-paginator-page.ui-button{
  top:-4.5px;	
}
.ui-paginator .ui-icon{
  height:16px !important;
}
.ui-paginator button {
  border-radius:0!important;
  border: 1px solid #0078D0!important;
}

.ui-paginator button.ui-state-active{
  color:#000000!important;
  font-weight:700;
  background-color:transparent!important;
  border:2px solid #000000!important;
  cursor:unset;
}

.ui-datatable-tablewrapper table th{
  background:transparent;
  color:#000;
  line-height:23px;
  font-size:11px;
}

.ui-sortable-column-icon.ui-icon {
  background:url(../resources/img/ico_arrow.png) no-repeat;
}
.ui-sortable-column-icon.ui-icon.ui-icon-triangle-1-n {
  background:url(../resources/img/ico_up.png) no-repeat;
}
.ui-sortable-column-icon.ui-icon.ui-icon-triangle-1-s {
  background:url(../resources/img/ico_down.png) no-repeat;
}
.ui-dialog .ui-accordion-header {
  background:none;
  background-color: #4E68A4;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
}
.ui-dialog .ui-accordion-header .ui-icon-triangle-1-s::before {
  position: absolute;
  top: 50%;
  left:auto;
  right: 4px;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity:1;
  transition: transform 0.1s ease;
}
 
.ui-dialog .ui-accordion-header.ui-state-active .ui-icon-triangle-1-s::before {
  margin-top: -7px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.ui-dialog .ui-accordion-header .ui-icon-triangle-1-e::before {
  position: absolute;
  top: 50%;
  left:auto;
  right: 4px;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity:1;
}
.ui-accordion-header.ui-state-active .ui-icon-triangle-1-e::before {
  margin-top: -3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
input[type="search"]::-webkit-search-decoration:hover,
input[type="search"]::-webkit-search-cancel-button:hover { 
    cursor:pointer; 
}
input[type=button].cyz {
    font-size:0px!important;
    min-width: 28px!important;
    width: 28px!important;
    height: 28px;
    cursor:pointer;
    border-radius:16px;
    background: url("../resources/img/outline_assignment_black_24dp.png") no-repeat left center;
    background-position:3px;
    position: absolute;
    top: 0px;
    right: 4px;
    background-color: #FFF;
    opacity: 0.7;
    border-color: transparent;
}
input[type=button].cyz:hover {
  opacity: 1;
}
.clip {
  position:relative;
}

@media (max-height: 540px) {
    @media screen and (orientation: landscape) {
        #modal02 .modal_contents { height: calc(100vh - 170px) !important;}
    }
}