@charset "utf-8";

/*全般 設定*/
html{
  height:100%;
}

body{
  height:100%;
  margin:0 auto;
  font-size:12px;
  color:#444;
}

/*テキストエリア 設定*/
textarea {
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
}

/*テキストリンク 設定*/
a {
  color:#0375ae;
  text-decoration:none;
  transition: all 0s ease;
  -webkit: all 0s ease;
  -moz-transition: all 0s ease;
}

a:link {
  color: #0b6cda;
}

a:visited {
  color: #0b6cda;
}

a.visited-on:visited {
  color: #a00580;
}

a:hover {
  color:#075190;
  text-decoration:underline;
  background-color: #d2ecff;
  border-radius: 3px;
}

a.disabled-link {
  color: #808080 !important;
  cursor: default;
}
a.disabled-link:hover {
  color: #808080;
  background: inherit;
  text-decoration: none;
}

a.none-border-radius:hover {
  border-radius: 0;
}

.dis-b {
  display: block;
}
.dis-t {
  display: table;
}
.dis-tc {
  display: table-cell;
}
a span{
  vertical-align:middle;
}
/*//テキストリンク 設定*/

/*長い文字列の省略表示*/
.str-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.truncate-ellipsis {
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}

.truncate-ellipsis > * {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*//長い文字列の省略表示*/

/*線 設定*/
.noborder{
  border:none !important;
}
.noborder_top{
  border-top: none !important;
}
.noborder_bottom{
  border-bottom:none !important;
}
.noborder_left{
  border-left:none !important;
}
.noborder_right{
  border-right:none !important;
}
.border-bottom1 {
  border-bottom:1px solid #bbbbbb;
}

/*//線 設定*/

/*float 設定*/
.fright {
  float:right;
}
.fleft{
  float:left;
}
.clearboth {
  clear:both;
  margin:0;
  padding:0;
}
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.clearfix{
  display: inline-block;
}
/*//float 設定*/

/* Hides from IE Mac */
* html .clearfix{
  height: 1%;
}
.clearfix{
  display:block;
}
/* //Hides from IE Mac */


/*displayプロパティ 設定*/
.displaynone {
  display:none;
}
.centerblock {
  display:block;
  text-align:center;
  margin:auto;
}
.inlineblock {
  display:inline-block;
}

.hidden {
  pointer-events: none;
  opacity: 0.3;
}

/*//displayプロパティ 設定*/

/*テキスト関係の設定*/
.bold{
  font-weight:bold;
}
.txt8 {
  font-size:8px;
}
.txt10 {
  font-size:10px;
}
.txt12 {
  font-size:12px;
}
.txt13 {
  font-size:13px;
}
.txt14 {
  font-size:14px;
}
.txt15 {
  font-size:15px;
}
.txt16 {
  font-size:16px;
}
.txt18 {
  font-size:18px;
}
.txt20 {
  font-size:20px;
  line-height:1.1;
}
.txt22 {
  font-size:22px;
  line-height:1.1;
}
.txt24 {
  font-size:24px;
  line-height:1.25;
}
.txt120 {
  font-size:120%
}
.line-height-body {
  line-height:1.2;
}
.center {
  text-align:center !important;
}
.right {
  text-align:right !important;
}
.left {
  text-align:left !important;
}
.justify {
  text-align:justify;
}
.va-t{
  vertical-align:top !important;
}
.va-m{
  vertical-align:middle !important;
}
.va-b{
  vertical-align:bottom !important;
}
.va-bl{
  vertical-align:baseline !important;
}
/*margin*/
.m0 {
  margin:0;
}
.m3 {
  margin:3px;
}
.m5 {
  margin:5px;
}
.m10 {
  margin:10px;
}
.m15 {
  margin:15px;
}
.m20 {
  margin:20px;
}

/*---*/
.mt-5 {
  margin-top:-5px;
}
.mt0 {
  margin-top: 0px !important;
}
.mt2{
  margin-top:2px;
}
.mt3{
  margin-top:3px;
}
.mt4 {
  margin-top: 4px;
}
.mt5 {
  margin-top:5px;
}
.mt6 {
  margin-top:6px;
}
.mt7 {
  margin-top:7px;
}
.mt8 {
  margin-top:8px;
}
.mt9 {
  margin-top:9px;
}
.mt10 {
  margin-top:10px;
}
.mt12 {
  margin-top:12px;
}
.mt15 {
  margin-top:15px;
}
.mt17 {
  margin-top: 17px;
}
.mt20 {
  margin-top:20px;
}
.mt22 {
  margin-top: 22px;
}
.mt25 {
  margin-top:25px;
}
.mt30 {
  margin-top:30px;
}
.mt40 {
  margin-top:40px;
}
.mt50 {
  margin-top:50px;
}
.mt60 {
  margin-top:60px;
}
.mt70 {
  margin-top:70px;
}
.mt80 {
  margin-top:80px;
}
.mt90 {
  margin-top:90px;
}
.mt100 {
  margin-top:100px;
}

/*---*/
.mb0 {
  margin-bottom:0px !important;
}
.mb2 {
  margin-bottom: 2px;
}
.mb3 {
  margin-bottom: 3px;
}
.mb4 {
  margin-bottom: 4px;
}
.mb5 {
  margin-bottom:5px;
}
.mb10 {
  margin-bottom:10px;
}
.mb13 {
  margin-bottom:13px;
}
.mb15 {
  margin-bottom:15px;
}
.mb20 {
  margin-bottom:20px;
}
.mb25 {
  margin-bottom:25px;
}
.mb30 {
  margin-bottom:30px;
}
.mb40 {
  margin-bottom:40px;
}
.mb50 {
  margin-bottom:50px;
}
.mb60 {
  margin-bottom:60px;
}
.mb70 {
  margin-bottom:70px;
}
.mb80 {
  margin-bottom:80px;
}
.mb90 {
  margin-bottom:90px;
}
.mb100 {
  margin-bottom:100px;
}

/*---*/
.ml1 {
  margin-left:1px;
}
.ml2 {
  margin-left:2px;
}
.ml3 {
  margin-left:3px;
}
.ml4 {
  margin-left:4px;
}
.ml5 {
  margin-left:5px;
}
.ml8 {
  margin-left: 8px;
}
.ml10 {
  margin-left:10px;
}
.ml15 {
  margin-left:15px;
}
.ml20 {
  margin-left:20px;
}
.ml25 {
  margin-left:25px;
}
.ml30 {
  margin-left:30px;
}
.ml40 {
  margin-left:40px;
}
.ml50 {
  margin-left:50px;
}
.ml60 {
  margin-left:60px;
}
.ml70 {
  margin-left:70px;
}
.ml80 {
  margin-left:80px;
}
.ml90 {
  margin-left:90px;
}
.ml100 {
  margin-left:100px;
}

/*---*/
.mr2 {
  margin-right:2px;
}
.mr3 {
  margin-right:3px;
}
.mr5 {
  margin-right:5px;
}
.mr10 {
  margin-right:10px;
}
.mr15 {
  margin-right:15px;
}
.mr20 {
  margin-right:20px;
}
.mr25 {
  margin-right:25px;
}
.mr30 {
  margin-right:30px;
}
.mr40 {
  margin-right:40px;
}
.mr50 {
  margin-right:50px;
}
.mr60 {
  margin-right:60px;
}
.mr70 {
  margin-right:70px;
}
.mr80 {
  margin-right:80px;
}
.mr90 {
  margin-right:90px;
}
.mr100 {
  margin-right:100px;
}


/*padding*/
.p0 {
  padding:0 !important;
}
.p2 {
  padding:2px;
}
.p3 {
  padding:3px;
}
.p4 {
  padding:4px;
}
.p5 {
  padding:5px;
}
.p10 {
  padding:10px;
}
.p13 {
  padding: 13px;
}
.p15 {
  padding:15px;
}
.p20 {
  padding:20px;
}
.p25 {
  padding:25px;
}
.p30 {
  padding:30px;
}


/*---*/
.pt0 {
  padding-top: 0px !important;
}
.pt1 {
  padding-top:1px;
}

.pt2 {
  padding-top:2px;
}
.pt4 {
  padding-top:4px;
}
.pt5 {
  padding-top:5px;
}
.pt8 {
  padding-top:8px;
}
.pt9 {
  padding-top: 9px;
}
.pt10 {
  padding-top:10px;
}
.pt15 {
  padding-top:15px;
}
.pt20 {
  padding-top:20px;
}
.pt25 {
  padding-top:25px;
}
.pt30 {
  padding-top:30px;
}
.pt40 {
  padding-top:40px;
}
.pt45 {
  padding-top:45px;
}
.pt50 {
  padding-top:50px;
}
.pt60 {
  padding-top:60px;
}
.pt70 {
  padding-top:70px;
}
.pt80 {
  padding-top:80px;
}
.pt90 {
  padding-top:90px;
}
.pt100 {
  padding-top:100px;
}

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

/*---*/
.pb0 {
  padding-bottom:0px !important;
}
.pb2 {
  padding-bottom:2px !important;
}
.pb4 {
  padding-bottom:4px;
}
.pb5 {
  padding-bottom:5px;
}
.pb6 {
  padding-bottom:6px;
}
.pb8 {
  padding-bottom:8px;
}
.pb10 {
  padding-bottom:10px;
}
.pb15 {
  padding-bottom:15px;
}
.pb20 {
  padding-bottom:20px;
}
.pb25 {
  padding-bottom:25px;
}
.pb30 {
  padding-bottom:30px;
}
.pb40 {
  padding-bottom:40px;
}
.pb50 {
  padding-bottom:50px;
}
.pb60 {
  padding-bottom:60px;
}
.pb70 {
  padding-bottom:70px;
}
.pb80 {
  padding-bottom:80px;
}
.pb90 {
  padding-bottom:90px;
}
.pb100 {
  padding-bottom:100px;
}

/*---*/
.pl2 {
  padding-left: 2px;
}
.pl5 {
  padding-left:5px;
}
.pl6 {
  padding-left:6px;
}
.pl10 {
  padding-left:10px;
}
.pl15 {
  padding-left:15px;
}
.pl17 {
  padding-left:17px;
}
.pl20 {
  padding-left:20px;
}
.pl25 {
  padding-left:25px;
}
.pl30 {
  padding-left:30px;
}
.pl40 {
  padding-left:40px;
}
.pl50 {
  padding-left:50px;
}
.pl60 {
  padding-left:60px;
}
.pl70 {
  padding-left:70px;
}
.pl80 {
  padding-left:80px;
}
.pl90 {
  padding-left:90px;
}
.pl100 {
  padding-left:100px;
}

/*---*/
.pr5 {
  padding-right:5px;
}
.pr10 {
  padding-right:10px;
}
.pr15 {
  padding-right:15px;
}
.pr20 {
  padding-right:20px;
}
.pr25 {
  padding-right:25px;
}
.pr30 {
  padding-right:30px;
}
.pr40 {
  padding-right:40px;
}
.pr50 {
  padding-right:50px;
}
.pr60 {
  padding-right:60px;
}
.pr70 {
  padding-right:70px;
}
.pr80 {
  padding-right:80px;
}
.pr90 {
  padding-right:90px;
}
.pr100 {
  padding-right:100px;
}

.break-all {
  word-break: break-all;
}

.cursor-pointer {
  cursor: pointer;
}

/*その他テキストの設定*/
.caption {
  font-size:10px;
}

/*//テキスト関係の設定*/

/*ボタン設定*/
.btn-large {
  text-decoration: none !important;
  text-align: center;
  padding: 4px 12px !important;
  cursor: pointer;
  display: inline-block;
  min-width: 70px;
  line-height: 18px;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: none;
  border-radius: 3px;
}

.btn,
.btn-mini {
  text-decoration: none !important;
  text-align: center;
  padding: 1px 10px 0px 10px !important;
  cursor: pointer;
  display: inline-block;
  min-width: 70px;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: none;
  border-radius: 3px;
}

.btn.p-bar {
  padding: 2px 4px 1px 4px !important;
}

.btn-slim {
    text-decoration: none !important;
    text-align: center;
    padding: 0px 3px 0px 3px !important;
    cursor: pointer;
    display: inline-block;
    min-width: 70px;
    line-height: 18px;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: none;
    border-radius: 3px;
    font-size: 12px;
}

.btn-1 {
  color: #333 !important;
  border: 1px solid #888888;
  background-color: #f1f1f1;
  background-image: linear-gradient(#f9f9f9, #f1f1f1, #f1f1f1);
  text-shadow: white 0 1px 1px;
}

.btn-1:not(:disabled):hover {
  background-image: linear-gradient(#f5f5f5, #e8e8e8, #e8e8e8);
}

.btn-1:not(:disabled):active {
  box-shadow: rgba(0, 0, 0, 0.08) 0 0 10px inset;
}

.btn-3 {
  background:#f9a527;
  color:#773d0a;
  border:1px solid #ff9900;
  min-width: 70px;
}

.btn-3:not(:disabled):hover {
  background: #f57d12;
}

.btn-4 {
  background:#66a3d0;
  color:#064675;
  border:1px solid #4e91c3;
  min-width: 70px;
}

.btn-4:not(:disabled):hover {
  background: #388ece;
}

.btn-6 {
  color: #fff !important;
  border: 1px solid #3E874C;
  background-color: #459554;
  background-image: linear-gradient(#4a9f5a, #459554, #459554);
  text-shadow: rgba(0, 0, 0, 0.17) 0 -1px 0;
}

.btn-6:not(:disabled):hover {
  background-image: linear-gradient(#448f52, #3c8149, #3c8149);
}

.btn-6:not(:disabled):active {
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px inset;
}

.btn-7 {
  color: #fff !important;
  border: 1px solid #575A60;
  background-color: #63676F;
  background-image: linear-gradient(#71767e, #63676f, #63676f);
  text-shadow: rgba(0, 0, 0, 0.17) 0 -1px 0;
}

.btn-7:not(:disabled):hover {
  background-image: linear-gradient(#696d74, #575b62, #575b62);
}

.btn-7:not(:disabled):active {
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px inset;
}

.btn-8 {
    text-decoration: none ! important;
    padding: 2px 4px 2px;
    display: inline-block;
    line-height: 12px;
    border-radius: 3px;
}
.btn-8:hover:not(:disabled) {
    background-image: linear-gradient(rgb(255, 222, 174), rgb(255, 176, 58));
}

.btn-notification {
    color: rgb(0,0,0) ! important;
    border: 1px solid rgb(208, 143, 46);
    background-color: rgb(255, 230, 193);
    background-image: linear-gradient(rgb(255, 230, 193), rgb(255, 205, 130));
}

.btn-prev {
  color: #333 !important;
  border: 1px solid #A0A0A0;
  background-color: #cedceb;
  background-image: linear-gradient(#dae3f3, #cedceb, #cedceb);
  text-shadow: rgba(0, 0, 0, 0.17) 0 0px 0;
}

.btn-prev:not(:disabled):hover {
  background-image: linear-gradient(#cce3f3, #c6d4e2, #c6d4e2);
}

.btn-prev:not(:disabled):active {
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px inset;
}

.btn:disabled,
.btn-large:disabled,
.btn-mini:disabled {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70)";
  cursor: default !important;
}

.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-mini:disabled:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70)";
  cursor: default !important;
}



.btn-update {
  border: 1px solid #aaa;
  text-align: center;
  padding: 4px 12px;
  cursor: pointer;
  display: inline-block;
  width: auto;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: none;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -ms-border-radius: 3px 3px;
  -o-border-radius: 3px 3px;
  border-radius: 3px 3px;
  background-color: #f1f1f1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(50%, #f1f1f1), color-stop(100%, #f1f1f1));
  background-image: -webkit-linear-gradient(#f9f9f9, #f1f1f1, #f1f1f1);
  background-image: -moz-linear-gradient(#f9f9f9, #f1f1f1, #f1f1f1);
  background-image: -o-linear-gradient(#f9f9f9, #f1f1f1, #f1f1f1);
  background-image: linear-gradient(#f9f9f9, #f1f1f1, #f1f1f1);
  text-shadow: white 0 1px 1px;
}

.btn-update:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(50%, #e8e8e8), color-stop(100%, #e8e8e8));
  background-image: -webkit-linear-gradient(#f5f5f5, #e8e8e8, #e8e8e8);
  background-image: -moz-linear-gradient(#f5f5f5, #e8e8e8, #e8e8e8);
  background-image: -o-linear-gradient(#f5f5f5, #e8e8e8, #e8e8e8);
  background-image: linear-gradient(#f5f5f5, #e8e8e8, #e8e8e8);
}

.info,
.info:link {
  color: #fff;
  background-color: #4E7FCD;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #558ae0), color-stop(50%, #4e7fcd), color-stop(100%, #4e7fcd));
  background-image: -webkit-linear-gradient(#558ae0, #4e7fcd, #4e7fcd);
  background-image: -moz-linear-gradient(#558ae0, #4e7fcd, #4e7fcd);
  background-image: -o-linear-gradient(#558ae0, #4e7fcd, #4e7fcd);
  background-image: linear-gradient(#558ae0, #4e7fcd, #4e7fcd);
  text-shadow: rgba(0, 0, 0, 0.17) 0 -1px 0;
  border-color: #4977C1;
}

/*=========================================================================
	button / Large
==========================================================================*/
.btn-update.large {
  font-size: 17px;
  line-height: 20px;
  padding: 6px 45px;
}


.btn-update.info:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5083d3), color-stop(50%, #4272be), color-stop(100%, #4272be));
  background-image: -webkit-linear-gradient(#5083d3, #4272be, #4272be);
  background-image: -moz-linear-gradient(#5083d3, #4272be, #4272be);
  background-image: -o-linear-gradient(#5083d3, #4272be, #4272be);
  background-image: linear-gradient(#5083d3, #4272be, #4272be);
}


.switch{
  background:#f6f6f6;
  display:inline-block;
  border-radius:5px;
  border:1px solid #bbb;
  font-size:11px;
  letter-spacing:2px;
  margin-left : 4px;
}
.switch a,
.switch span
{
  display:inline-block;
  padding:2px 10px;
  text-decoration:none;
  color:#666;
  vertical-align: middle;
  text-align:center;
}
.switch a:hover{
  color:#999;
}

.switch-off{
  background: -moz-linear-gradient(center top , #FAFAFA, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: linear-gradient(#FAFAFA, #EFEFEF);
  color:#bcbcbc !important;
  border-radius:5px;
  text-shadow: 1px 1px 0 #fff;
  letter-spacing: 0em;
  font-size:9px;
}

.switch-mini{
  background:#f6f6f6;
  display:inline-block;
  border-radius:4px;
  border:1px solid #bbb;
  font-size:10px;
  letter-spacing:2px;
  height:13px;
  margin-bottom:2px;
}
.switch-mini a,
.switch-mini span
{
  display:inline-block;
  padding:0px 5px;
  text-decoration:none;
  color:#666;
  vertical-align: top;
}
.switch-mini a:hover{
  color:#999;
}
.switch-mini-focus-left{
  background:#0375ae;
  color:#fff !important;
  box-shadow: 1px 1px 2px #013a56 inset;
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
  height:13px;
}
.switch-mini-focus-right{
  background:#0375ae;
  color:#fff !important;
  box-shadow: 1px 1px 2px #013a56 inset;
  border-bottom-right-radius:4px;
  border-top-right-radius:4px;
  height:13px;
}


/* Toggle Button */
.toggle>.btn-1:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.toggle>.btn-1:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.toggle {
  font-weight: normal;
}
.toggle .btn-active {
  background-color: #ffddaa;
  background-image: none;
  outline: 0;
  color: #111;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  border-color: #d58512;
}
.toggle .btn-1+.btn-1 {
  margin-left: -1px;
}
.toggle>.btn-active, .toggle>.btn-active:active, .toggle>.btn-active:focus, .toggle>.btn-active:hover,  .toggle>.btn-active:active, .toggle>.btn-active:focus, .toggle>.btn-active:hover {
  z-index: 2;
}
.toggle .btn-1 {
  position: relative;
  float: left;
}
.toggle .btn-active:hover {
  background-color: #f8d7a6;
  background-image: none;
}

/* 個人情報の管理用・個人用メールボックス切り替えトグル */
.crm-head-table-operation {
  margin-bottom: 15px;
}



/*//ボタン設定*/

/*announce設定*/
.announce-list {
  background-color: #ffffff;
  padding: 5px 20px 5px 15px;
}
.announce-list .access-deny-text {
  color: #aaa;
}
.announce-list-under-line {
  border-bottom: 1px solid #C0C0C0;
}
.announce{
  margin:0px;
  padding:20px;
  border-radius:3px;
  border:1px solid #C0C0C0;
  background:#fafafa;
}
.announce h5{
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.announce ul li{
  list-style:disc inside;
}
.announce hr{
  border: 0;
  height: 0;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 15px;
  margin-bottom: 15px;
}
/*//announce設定*/

/* テキストラベル( 背景色が指定されていて、文字は白抜きとかになってるやつ ) */
.txt-label-blue {
    background: #6991c7;
    color: #fff;
    padding: 2px 8px 0px
}

.txt-label-gray {
    background: #63676F;
    color: #fff;
    padding: 2px 8px 0px
}


/* 画像表示 */
.img-helper {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
}

/*===================================*/
/*       その他       */
/*===================================*/
body {
  background: #ffffff;
}

#wrap {
  background-color: #ffffff;
  font-size: 12px;
  width: 100%;
  font-family: Meiryo, sans-serif;
  color: #000;
  min-width: 100px;
  height: auto;
  min-height: 100%;
  display: table;
}

body > #wrap {
  height: auto;
}

.wrap-side {
  background-color: #eeeeee !important;
}


/*pcTop*/
#pcTopBody {
  margin: 0;
  overflow: hidden;
}

#pcTopBody #pcTopTable {
  width: 100%;
  height: 100%;
}

#pcTopBody #menuTd {
  min-width: 1030px;
}

#pcTopBody #barTd {
  border-bottom: solid 1px #666666;
}

#pcTopBody #barTd iframe {
  width: 100%;
}

#pcTopBody #sideMainTd {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

#pcTopBody #sideTd {
  vertical-align: top;
}

#pcTopBody #mainTd {
  vertical-align: top;
}

#pcTopBody #sideDiv {
  width: 200px;
  padding-right: 0px;
  border-right: solid 1px #666666;
}

#pcTopBody #sideSclDiv {
  width: 100%;
  height: 100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

#pcTopBody #ifmSide {
}

#pcTopBody #mainDiv {
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

#pcTopBody #ifmMain {
  width: 100%;
  height: 100%;
}

#pcTopBody #guardDiv {
  position: fixed;
  display: none;
  z-index: 200;
  background-color: #999999;
  opacity: 0;
}

/* windowFrame */
.windowFrameBody {
  margin: 0;
  overflow: hidden;
}

.windowFrameBody>iframe {
  width: 100%;
  height: 100%;
}

/*header*/
#header{
  background-color: #f6f6f6;
  border-top:3px solid #f9a527;
  height:23px;
  max-height: 23px;
  min-height: 23px;
}

#header-logo{
  width:45%;
  padding:0px 5px;
}

#header a{
  color:#333333;
}

#header a:hover {
  color:#075190;
  text-decoration:underline;
}

#header-username{
  position:static;
}

#header.guest{
  border-bottom:1px solid #cecece;
  padding-bottom: 8px;
}

.blank_row {
  height: 8px;
}

span.disable-link {
  color: #bbbbbb;
}

#support_menu{
  line-height: 20px;
  height: 24px;
  background: #f9a527;
  vertical-align: middle;
  padding: 0px 20px;
  cursor: pointer;
  color: #FFFFFF;
  border-bottom-left-radius:5px;
}

#support_menu:hover {
  background: #fccb57;
}

#support_menu a{
  display:block;
  color:#fff;
  text-decoration:none;
}
#support_menu a:hover{
  background:#fccb57;
}

#support_menu.has-unread {
  padding-left: 12px;
}
#support_menu .menuAnnounceIcon {
  width: 20px;
  height: 20px;
}

.name{
  text-align:right;
  margin-right:0px;
}

/*フキダシ設定*/
.user-set-box {
  font-size:12px;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:3px;
  position:relative;
  padding:5px 15px;
  margin:7px 0 0 0;
  position:absolute;
  top:21px;
  right:300px;
}

.user-set-box:before {
  border:10px solid transparent;
  border-bottom-color:#fff;
  border-top-width:0;
  top:-9px;
  content:"";
  display:block;
  left:70%;
  position:absolute;
  width:0;
  z-index:1;
}

.user-set-box:after {
  border:10px solid transparent;
  border-bottom-color:#ccc;
  border-top-width:0;
  top:-10px;
  content:"";
  display:block;
  left:70%;
  position:absolute;
  width:0;
}

.user-set-box li a{
  color:#0375ae;
  display:block;
  padding:3px 0 ;
  border-bottom:1px solid #bbbbbb;
}
.user-set-box li a:hover{
  color:#0499e3;
}
.user-set-box li:last-child a{
  padding:5px 0 0 0;
  border-bottom:none;
}
/*//フキダシ設定*/

/* ラクスからのアナウンス */
.bl_announcePanel {
  position: fixed;
  width: 540px;
  min-height: 80px;
  max-height: 600px;
  background: #FFFFFF;
  border: 1px solid #E7E7E8;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  opacity: 0;
  z-index: 302;
  transition: all 0.3s;
}
.bl_announcePanel__show {
  opacity: 1;
}
.bl_announcePanel_header {
  display: flex;
  justify-content: space-between;
  height: 30px;
  padding: 6px 8px 4px 12px;
  background-color: #F39800;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
}
.bl_announcePanel_title {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.bl_announcePanel_frame {
  border: none;
  width: 100%;
  height: calc(100% - 28px);
  padding: 12px;
  box-sizing: border-box;
}
.bl_announcePanel_closeWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background-color: #fff;
}
.bl_announcePanel_closeWrap:hover {
  background: #fff !important;
}
.bl_announcePanel_close {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
}
.bl_announcePanel_close::before,
.bl_announcePanel_close::after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 12px;
  left: 5px;
  background: #747476;
}
.bl_announcePanel_close::before {
  transform: rotate(45deg);
}
.bl_announcePanel_close::after{
  transform: rotate(-45deg);
}
.bl_announcePanelBody {
  overflow-y: scroll;
}
.bl_announcePanelBody::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.bl_announcePanelBody::-webkit-scrollbar-thumb {
  background: #747476;
  border-radius: 50px;
}
.bl_announcePanelBody::-webkit-scrollbar-track {
  background: #F3F3F3;
  border-radius: 50px;
}
.bl_announceList {
}
.bl_announceList_item {
  padding: 17px 0;
  border-bottom: 1px solid #E7E7E8;
}
.bl_announceList_item:first-child {
  padding-top: 0;
}
.bl_announceList_item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.bl_announceItem {
}
.bl_announceItem_title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #2F2F30;
}
.bl_announceItem_unreadIcon {
  display: none;
  margin-top: -2px;
  margin-right: 6px;
}
.bl_announceItem--unread .bl_announceItem_unreadIcon {
  display: inline-block;
}
.bl_announceItem_newIcon {
  margin-left: 6px;
  font-weight: normal;
  line-height: 15px;
}
.bl_announceItem_content {
  min-height: 18px;
}
.bl_announceItem_body,
.bl_announceItem_summary {
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  color: #2F2F30;
}
.bl_announceItem_body {
  display: none;
}
.bl_announceItem:not(.bl_announceItem--open) .bl_announceItem_body > iframe {
  height: 0 !important;
}
.bl_announceItem_summary {
  display: flex;
  white-space: nowrap;
}
.bl_announceItem_summary-text {
  display: block;
  max-width: 365px;
  overflow: hidden;
  text-overflow: clip;
}
.bl_announceItem_summary a {
  color: #2285f9;
}
.bl_announceItem--open .bl_announceItem_body {
  display: block;
}
.bl_announceItem--open .bl_announceItem_summary {
  display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bl_announcePanel{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .bl_announcePanel_closeWrap {
    margin-right: 2px;
  }
}
/*// ラクスからのアナウンス */

/*gnavi*/
#gnavi {
  font-size:11px;
  border-top:1px solid #cecece ;
  border-bottom:1px solid #cecece;
  min-width: 1030px;
  width: 100%;
  padding:0 10px;
  background:#fafafa;
}
#gnavi td>div{
  margin:6px 8px 6px 0;
  text-align:center;
  white-space:nowrap;
}
#gnavi a{
  display:block;
  font-size: 12px;
  margin:0 0 0 0;
  text-decoration:none;
  background:#f0f0f0;
  color:#333;
  width:98px;
  height: 100%;
  padding:3px;
  transition: all 0.1s ease;
  -webkit: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  background: -moz-linear-gradient(center top , #FAFAFA, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: linear-gradient(#FAFAFA, #EFEFEF);
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  position: relative;
  text-align: center;
}

#gnavi a span{
  font-size:20px;
}
#gnavi a .gnavi-en_small {
  display: inline;
}
#gnavi a:hover{
  border: 1px solid #afafaf;
  background: linear-gradient(#FAFAFA, #EFEFEF);
  box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25) ;
}

#gnavi a.active {
  background: none repeat scroll 0 0 #F2F2F2;
  border: 1px solid #CCCCCC;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25) inset;
}

.focus{
background: -moz-linear-gradient(center top , #EFEFEF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
background: linear-gradient(#fcfcfc, #fdfdfd) !important;
border: 1px solid #ccc !important;
}

.gnabi-color01 {
  color:#14a154;
}

.gnabi-color03 {
  color:#dfaa0a;
}
.gnabi-color04 {
  color:#fa8e37;
}
.gnabi-color05 {
  color:#d33c6d;
}
.gnabi-color06 {
  color:#ed7e8e;
}
.gnabi-color07 {
  color:#bd6db4;
}
.gnabi-color08 {
  color:#6991c7;
}
.gnabi-color09 {
  color:#00aee0;
}

#headermenu {
  background: #FAFAFA;
  padding: 0px 10px 0px 10px;
  height: 42px;
}

#headermenu .simple-search-period::-ms-expand {
  display: none;
}

#headermenu .simple-search-period {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 0 1px 3px;
  height: 25px;
  vertical-align: middle;
  border: 1px solid #cccccc;
  border-radius: 3px 0 0 3px;
  background: #f1f1f1 linear-gradient(#f9f9f9, #f1f1f1, #f1f1f1);
  text-shadow: white 0 1px 1px;
}

#headermenu .simple-search-select {
  position: relative;
}

#headermenu .simple-search-select::before {
  content: '▼';
  position: absolute;
  right: 4px;
  margin-top: 4px;
  color: #666666;
  pointer-events: none;
}

#headermenu .simple-search-keyword {
  width: 395px;
  padding: 3px 0 2px 5px;
  vertical-align: middle;
  border: 1px solid #cccccc;
  border-radius: 0 3px 3px 0;
  margin-left: -5px;
}

#headermenu .simple-search-btn {
  padding: 2px 0 1px 0 !important;
  border: 1px solid #cccccc;
  min-width: 70px;
}

/*sec*/
#sec{
  border-bottom:1px solid #ccc;
  box-shadow:0px 2px 2px #eee inset;
  padding:2px 0 0 0;
}
/*//sec*/

/*left-menu*/
#left-menu{
  background:#f4f4f4;
  width:auto;
  padding:0 0 10px 0;
}
#left-menu dl{
  border-bottom:1px solid #AAAAAA;
}
#left-menu a{
  display:block;
  color:#333333;
}

#left-menu a.copy-link{
  display: inline-block;
}

.tab-view-text a.copy-link {
  float: right;
}

a.copy-link{
  display: inline-block;
}

#left-menu a:hover,
#left-menu a.side-nav-row--is-hover {
  background: rgb(245, 202, 166);
  color:#333;
  text-decoration:none;
}

#left-menu a:hover {
  border-radius: 0;
}

#left-menu dt a{
  line-height:1.2;
  padding:2px 5px 1px 5px;
}
#left-menu dd a,
#left-menu dd span.alink{
   display:block;
   padding:0px 5px 0px 14px;
   line-height:1.8;
}

.left-menu-focus{
  background:#fff;
}

.left-menu-focus a{
  color:#333 !important;
}

.left-menu-focus-list{
  padding-bottom:0px;
}
.left-menu-focus-list a{
  background:#fff5d5;
}
.left-menu-focus-list a span{
  color:#333333;
}
.left-menu-focus-list a:hover span{
  color:#333333;
}

#left-menu a.empty-trash{
  padding:0;
  display:inline;
  background:none;
  box-shadow: 0px 0px 0px #ddd;
}

#left-menu a.empty-trash :hover{
  text-decoration:underline;
  color:#777777;
}

.left-trash-topline {
  margin-top: 8px;
}

div.left-menu-line {
  border-bottom: 1px solid #dcdcdc;
  height:1px;
  margin-top: 5px;
  margin-left: 5px;
}
.left-menu-trash-focus-list{
  padding-bottom:1px;
  background:#fff5d5;
  border-bottom: none !important;
}

.left-menu-mymail-focus-list {
  background: #fff5d5;
}

.left-menu-trash-focus-list a span{
  color:#333333;
}
.left-menu-trash-focus-list a:hover span{
  color:#333333;
}

.left-menu-unavailable{
  color:#aaa;
}

.left-menu-badge-focus{
  color: white;
  font-size:11px;
  font-family: Meiryo, sans-serif, monospace;
  padding:2px 6px 1px 6px;
  margin-right:10px;
  font-weight:bold;
  border-radius:3px;
  background: #f9a527;
  margin-left:5px;
  line-height:11px;
}

.left-menu-badge-unfocus{
  color: white;
  font-size:11px;
  font-family: Meiryo, sans-serif, monospace;
  padding:2px 6px 1px 6px;
  margin-right:10px;
  font-weight:bold;
  border-radius:3px;
  background: #bfbfbf;
  margin-left:5px;
  line-height:11px;
}

.left-menu-badge-unavailable{
  color:#333;
  font-size:11px;
  font-family: Meiryo, sans-serif, monospace;
  padding:1px 5px;
  margin-right:10px;
}
.left-menu-badge-unavailable-badge:before {
  content: "(";
}
.left-menu-badge-unavailable:after {
  content: ")";
}
.icon1{
  color:#C7243A;
  font-size:13px;
  vertical-align:middle;
}
#left-menu a:hover .icon1{
  color:#C7243A;
}
#left-menu ul li a{
  display:block;
}


#left-menu .footer{
  text-align:left;
  padding:10px 3px 0 0;
  margin:0 0 0 0;
  color:#999;
}


/*メールボックスアイコン*/
#left-menu .icon-ico_post_unavailable,
#left-menu .icon-ico_post_open,
#left-menu .icon-ico_post_close {
  font-size: 18px !important;
}

#left-menu .left-menu-pop-error-icon {
  font-size: 14px;
  color: #cb4437;
}

/*マイメールアイコン*/
#left-menu .icon-ico_mail{
  font-size: 14px !important;
  color:#f57d12;
}

/*フォルダアイコン*/
#left-menu .icon-ico_folder,
#left-menu .icon-ico_folder_open {
  color: #333 !important;
  font-size: 14px !important;
}

/*迷惑メールアイコン*/
#left-menu .icon-ico_010_spammail {
  font-size: 16px !important;
}

/*ゴミ箱アイコン*/
#left-menu .icon-ico_trash_box,
#left-menu .icon-ico_trash_box_full {
  font-size: 16px !important;
}

/*メール受信アイコン*/
#left-menu .icon-ico_mailbox {
  font-size: 14px !important;
}

/*データベースメンテナンスアイコン*/
#left-menu .ico_db_maintain {
  background: #d35400;
}
#left-menu .bg-transparent{
  background: transparent !important;
}
#left-menu .left-menu-focus-list .bg-transparent{
  background: #fff5d5 !important;
}
#left-menu .triangle:hover{
  background: #F5CAA6 !important;
}

#left-menu span.blink-icon {
  margin-left: 3px;
  font-size: 14px;
}
/*//left-menu-focus-list*/

/********************************
*/
/*content*/
#content{
  min-width:850px;
  border-left:1px solid #ccc;/*フレーム適用後消去すること*/
  padding:10px 15px;
}

.h1-title{
  font-size:16px;
  font-weight:bold;
  padding-top:13px;
}

.header-icon {
  color: #000000;
  vertical-align: -2px !important;
  font-size: 18px;
}

.header-icon2 {
  color: #000000;
  vertical-align: -2px !important;
  font-size: 16px;
}

.header-icon3 {
  color: #666666 !important;
  display: inline-block;
  position: relative;
  top: -2px;
}

/*mail-info設定*/
.mail-info{
  margin:5px 0px 15px 0;
  padding:15px;
  border-radius:3px;
  border:1px solid #C0C0C0;
  background:#fff;
}
.mail-info h5{
  font-size:16px;

}

.mail-info hr{
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.reply-deadline{
  font-size:11px;
  color:#555;
}

/*mail-info-list(TOP>table)設定*/
.mail-info-list{
  white-space:normal;
}

.mail-info-list th{
  border:1px solid #ccc;
  background:#f0f0f0;
  padding:4px 6px;
  text-align:center;
}
.mail-info-list td{
  border:1px solid #ccc;
  padding:3px 6px;
}
.mail-info-list tr {
  background-color: rgba(255, 255, 221, 1.0);
}
.mail-info-list tr:hover{
  background-color: rgba(255, 255, 221, 0.3);
}
/*color設定。maildelaer.css定義を上書きするためb要素指定も併記*/
.red, b.red {
  color:#C7243A;
}
.red {
  color:  #C7243A !important;
}

.green, b.green {
  color:#5aa608;
}
.blue, b.blue {
  color:#2277cc;
}

.orange, b.orange {
  color:#FAA21D;
}

.darkGreen, b.darkGreen {
  color: #008000;
}

.gray, b.gray {
  color: #808080;
}

.black, b.black {
  color: #000000;
}

.ultramarine {
  color: #000099;
}

/*Ill*/
.illHeader {
  background: #eaeaea;
  border-bottom: 1px solid #ccc;
  padding: 2px 15px;
  height: 18px;
  vertical-align:middle;
}

.illHeader .breadcrumbs {
  padding: 0 !important;
  border-bottom: none!important;
}

/*breadcrumbs*/
.breadcrumbs {
  background:#eaeaea;
  border-bottom:1px solid #ccc;
  padding:2px 15px;
  height:18px;
}

.breadcrumbs li {
  display: inline;
  white-space: nowrap;
}
/*//breadcrumbs*/


/*input-group*/
.input-group {
  margin:10px 20px 0 20px;
}
.form-text {
  float:left;
  color:#777;
  font-size:13px;
  padding:4px 6px 2px 6px !important;
  border:none;
  width:15%;
  border:1px solid #a0a0a0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.form-btn {
  float:left;
  display:block;
  background: #6f94a5;
  color: #FFFFFF;
  border: 1px solid #a0a0a0;
  border-left:none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  padding:5px 13px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width:50px;
  height:28px !important;
}

.form-btn:hover {
  background: #74a8c0;
}

span.highlighting {
  background:#ffff66;
}

span.highlighting-yellow {
  border: 1px solid #bbb;
  background-color: #ffff00;
}

span.highlighting-red {
  border: 1px solid #bbb;
  background-color: #ff7a7a;
}



/*//input-group*/


/*mail-info-list(TOP>table)設定*/

/*gray-box*/
.gray-box {
  padding: 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background: #fafafa;
}

.gray-box:last-child{
  border-bottom:1px solid #bbb;
  margin-bottom:10px;
  border-radius:3px;
}


.gray-box2{
  padding:0;
  border-radius:3px;
  border:1px solid #bbb;
  background:#fafafa;
}

hr.gray-hr{
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #ccc;
  height: 1px;
}

.internal-gray-box {
  vertical-align: middle;
  background:#e3e3e3;
  padding:10px;
  border-radius:3px;
}

.attention-box{
  padding:0;
  border-radius:3px;
  border:1px solid #88c5e5;
  background:#fefefe;
  padding:10px 15px 10px 15px;
}

.supplement-box{
  padding:5px 10px;
  border-radius:3px;
  border:1px solid #ddeaef;
  background:#eef5f8;
  margin:5px 0;
  text-align:justify;
}

.white-box {
  padding:0;
  border-radius:3px;
  border:1px solid #bbb;
  background:#ffffff;
}

.notice {
  padding:5px 0px;
  border:none;
  color: #ad6321;
  margin:5px 0;
  width:50%;
  white-space:nowrap;
}

ul.notice{
  padding: 5px 0px;
  margin: 5px 0px;
}

ul.notice li {
  padding-left: 0.9em;
  text-indent: -1em;
}

ui.notice li.kakko {
  padding-left: 0.4em;
  text-indent: -1em;
}

.warning {
  padding:5px 10px;
  border-radius:3px;
  border:1px solid #F9A527;
  background:#FFFFDD;
  margin:5px 0;
  width:50%;
}

.notice-green {
  padding:5px 10px;
  border-radius:3px;
  border:1px solid #6bb659;
  color:#358e42;
  background:#e6f3dd;
  margin:5px 0;
}

.notice-yellow {
  padding:5px 10px;
  border-radius:3px;
  border:1px solid #f8a428;
  background:#ffffdd;
  margin:5px 0;
}

.div-yellow {
  width: 627px;
}

.notice-gray {
  padding:5px 10px;
  border-radius:3px;
  border:1px solid #a6a6a6;
  color:#000000;
  background:#d9d9d9;
  margin:5px 0;
}

.explanation {
  padding: 5px 10px;
  margin: 5px 0;
}

.h3-title{
  background:#e9f0db;
  font-size:13px;
  color:#3c5b05;
  padding:2px 15px;
  box-shadow:0 1px 0 0 #ccc;
  margin-bottom:10px;
}
.h3-title2{
  font-size:13px;
  color:#555;
  padding:2px 0px;
  margin:0 0 5px 0;
}

.h4-title{
  font-size:14px;
  color:#1F485B;
  padding:3px;
  border-bottom:1px solid #bbbbbb;
}
.h4-title2{
  font-size:14px;
  color:#178272;
  padding:0 0 1px 0;
  margin:0 0 2px 0;
  font-weight:bold;
}

.h4-title3 {
  font-size: 14px;
  padding: 0 0 1px 0;
  margin: 0 0 2px 0;
  font-weight: bold;
}

.h4-title4 {
  font-size: 12px;
  padding: 0 0 1px 0;
  margin: 0 0 2px 0;
  color: #1F485B;
}

.h5-title{
  font-size:12px;
  color:#F34B60;
  padding:0 0 1px 0;
  margin:0;
}
.h5-title2{
  font-size:13px;
  color:#178272;
  padding:0 0 1px 0;
  margin:0;
  font-weight:bold;
}

.h5-title3 {
  font-size: 13px;
  color: #000000;
  padding: 0 0 1px 0;
  margin: 0;
  font-weight: bold;
}

.h6-title2{
  font-size:12px;
  color:#555;
  padding:0 0 1px 0;
  margin:0;
  font-weight:bold;
}

.remark {
    margin-left: 20px;
    margin-top: 5px;
}

.gray-box textarea{
  width:98%;
  padding:5px;
  border:1px solid #888888;
  border-radius:3px;
}

/*gray-box内のtextareaの固定フォーマットを打ち消す*/
.gray-box textarea.clear{
  width:auto;
  color:#444444;
  padding:0px;
  border-radius:0px;
}

.gray-box textarea.mail-textarea {
  width:auto;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 3px;
  color: #444444;
  font-size: 12px;
}

.gray-box2 textarea{
    width:98%;
    color: #444444;
    padding:5px;
    border:1px solid #ccc;
    border-radius:5px;
}

.gray-box2 input{
    color: #444444;
}

.gray-box2 select{
    color: #444444;
}

.gray-box td {
  padding: 0px 0px 5px 0px;
  background: #fafafa;
}

.gray-box td.tdSolidUnderLine {
  vertical-align: top;
  padding:5px 5px 5px 10px;
  border-style: solid;
  border-color: #bbbbbb;
  box-shadow:0 1px 0 0 #fff;
  border-width: 0 0 1px 0;
}

.gray-box td.tdSolidOverLine {
  vertical-align: top;
  padding:5px 5px 5px 10px;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px 0 0 0;
}

.gray-box td.tdSolidUnderLine-noneborder {
  vertical-align: top;
  padding:5px 5px 5px 10px;
  border: none;
  box-shadow:none;
}

.gray-box td.tdSolidUnderLine-important {
  vertical-align: top;
  padding:5px 5px 5px 10px;
  border-style: solid !important;
  border-color: #bbbbbb !important;
  box-shadow:0 1px 0 0 #fff !important;
  border-width: 0 0 1px 0 !important;
}

.gray-box td.tdSolidOverLine-important {
  vertical-align: top;
  padding:5px 5px 5px 10px;
  border-style: solid !important;
  border-color: #bbbbbb !important;
  border-width: 1px 0 0 0 !important;
}

.gray-box td.tdSolidLine-impshadow {
  box-shadow:0 1px 0 0 #fff !important;
}

.gray-box td.tdSolidUnderLine.last {
  padding:10px 5px 10px 10px;
}

.gray-box td.tdSolidChildSpace {
  padding:0px 0px 0px 15px;
  border: none;
  box-shadow: none;
}

.gray-box td.tdSolidChildUnderLine {
  vertical-align: top;
  padding:5px 5px 5px 10px;
  border-style: solid;
  border-color: #dddddd;
  box-shadow:0 1px 0 0 #fff;
  border-width: 0 0 1px 0;
}


.gray-box td.tdSolidChildOverLine {
  vertical-align: top;
  padding:5px 5px 5px 10px;
  border-style: solid;
  border-color: #dddddd;
  border-width: 1px 0 0 0;
}

.gray-box table.manage td.tdSolidUnderLine ,
.gray-box table.manage td.tdSolidOverLine ,
.gray-box table.manage td.tdSolidUnderLine-noneborder ,
.gray-box table.manage td.tdSolidUnderLine.last ,
.gray-box table.manage td.tdSolidChildUnderLine ,
.gray-box table.manage td.tdSolidChildOverLine {
  padding-left :5px;
  padding-right :10px;
}


/* iframeロード時の背景色 */
#road-message>td ,
#html-mail-body-road-message>td {
  background: #ffffff;
}


#manageTable tr td {
  padding:5px 5px 5px 0px;
}

#manageTable tr:last-child td {
  vertical-align: top;
  padding:5px 5px 0px 0px;
  border: none;
  box-shadow:none;
}

#manageTable .mb-list-table tr td {
  padding: 5px 5px 5px 0px !important;
}

#manageTable .mb-list-table tr:last-child td {
  padding: 5px 5px 0px 0px !important;
}

#manageTable tr td.join {
  padding:5px 5px 0px 0px;
}

#manageTable>tr>td ,
#manageTable>tbody>tr>td {
  padding:5px 10px 5px 5px;
}

#manageTable>tr:last-child td ,
#manageTable>tbody>tr:last-child td {
  padding:5px 10px 0px 5px;
}

#manageTable>tr>td.join ,
#manageTable>tbody>tr>td.join {
  padding:5px 10px 0px 5px;
}

#manageTable td.tdSolidChildSpace {
  padding:0px 0px 0px 15px;
  border: none;
  box-shadow: none;
}

#manageTable td.tdBorderSolid {
  border: 1px solid #ccc !important;
  padding: 4px 6px !important;
  vertical-align: middle !important;
}


.gray-box .under-line {
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 0 0 1px 0;
}

.gray-box .top-line {
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px 0 0 0;
}
.gray-box-view-mail{
  padding:0;
  border-radius:3px;
  border:1px solid #bbb;
  background:#fdfdfd;
}
.gray-box-panel{
  padding:0;
  border-radius:3px;
  border:1px solid #bbb;
  background:#fdfdfd;
}
.gray-box-view-mail table{
  border-collapse: separate;
  border-spacing: 0;
}

.gray-box-view-mail td.td-mail-detail {
}
.gray-box-view-mail td.td-mail-detail-last {
}

.gray-box-view-mail-all {
  padding: 0;
  border-radius: 3px;
  border: 1px solid #bbb;
}

.gray-box-view-mail-all table {
  border-collapse: separate;
  border-spacing: 0;
}

.gray-box-view-mail-all table.mail {
  background: #FFFFFF;
}

.gray-box-view-mail-all table.cosp {
  background: #DDFFEE;
}

.gray-box-view-mail-all td.tdPanel {
  background: #e0e0e0;
  padding: 0px 0px 0px 0px;
}

.gray-box-view-mail-all td.tdHeader {
  background: #ffffff;
  padding: 0px 0px 0px 0px;
}


.gray-box-view-mail-all td.tdChange {
  background: #eeeeee;
  padding: 0px 0px 0px 0px;
}

.gray-box-view-mail-all td.tdBottomLine {
  border-bottom: 1px solid #bbb;
}

.gray-box-view-mail-all td.tdRightLine {
  border-right: 1px solid #bbb;
}

.gray-box-view-mail-all td.tdTopRightLine {
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.gray-box-view-mail-all td.tdBottomRightLine {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.gray-box-view-mail-all td.tdBottomLeftLine {
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.gray-box-view-mail-all td.tdTopLine {
  border-top: 1px solid #bbb;
}

.gray-box-view-mail-all td.tdTopBottomLine {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.gray-box-view-mail-all th.thViewMail {
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: rgb(238, 238, 238);
}

.gray-box-view-mail-all td.tdViewMail {
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid #ccc;
  background-color: #FFFFFF;
}

.gray-box-view-mail-all table.tableViewMail {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.gray-box-view-mail-all td.resetViewMail {
  padding: 0px 0px 0px 0px;
}

.gray-box-view-mail-all pre.mailtext {
  background-color: #fafafa;
  min-height: 60px;
}

.gray-box-view-mail-all table.all-view {
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

.gray-box-view-mail-all pre.html-mail-body-text a[href^="/goto.php"] {
  word-break: break-word;
}

.gray-box-panel table{
  border-collapse: separate;
  border-spacing: 0;
}

.gray-box-panel table tr:first-child > td.control-panel-top-line {
  border-top: none;
}

.gray-box-panel table tr:first-child > td.control-panel-top-line-light {
  border-top: none;
}


.gray-box-view-mail table.mail {
  background: #FFFFFF;
}

.gray-box-view-mail table.cosp {
  background: #DDFFEE;
}

.gray-box-view-mail table.chat {
  background: #E7EDFD;
}

.gray-box-view-mail td.tdPanel {
  background: #e0e0e0;
  padding: 0px 0px 0px 0px;
}

.gray-box-view-mail td.tdHeader {
  background: #ffffff;
  padding: 0px 0px 0px 0px;
}

.gray-box-view-mail td.tdChange {
  background: #eeeeee;
  padding: 0px 0px 0px 0px;
}

.gray-box-view-mail td.tdBottomLine{
  border-bottom: 1px solid #bbb;
}
.gray-box-view-mail td.tdRightLine{
  border-right: 1px solid #bbb;
}
.gray-box-view-mail td.tdTopRightLine{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.gray-box-view-mail td.tdBottomRightLine{
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.gray-box-view-mail td.tdBottomLeftLine{
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.gray-box-view-mail td.tdTopLine{
  border-top: 1px solid #bbb;
}

.gray-box-view-mail td.tdTopBottomLine {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.gray-box th.thViewMail {
  vertical-align: top;
  padding:5px 5px 5px 5px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: rgb(238, 238, 238);
}
.gray-box td.tdViewMail {
  vertical-align: top;
  padding:5px 5px 5px 5px;
  border-bottom: 1px solid #ccc;
  background-color: #FFFFFF;
}
.gray-box table.tableViewMail {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.gray-box td.resetViewMail {
  padding:0px 0px 0px 0px;
}
.gray-box-view-mail th.thViewMail {
  vertical-align: top;
  padding:5px 5px 5px 5px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: rgb(238, 238, 238);
}

.gray-box-view-mail td.tdViewMail {
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid #ccc;
  background-color: #FFFFFF;
}

.gray-box-view-mail table.tableViewMail {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.gray-box-view-mail td.resetViewMail {
  padding:0px 0px 0px 0px;
}
.gray-box th.thSendMailView {
  vertical-align: top;
  padding:5px 5px 5px 5px;
  border: 1px solid #ccc;
  background-color: rgb(238, 238, 238);
}
.gray-box td.tdSendMailView {
  vertical-align: top;
  padding:5px 5px 5px 5px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
}

th.thSendMailView {
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  border: 1px solid #ccc;
  background-color: rgb(238, 238, 238);
}

td.tdSendMailView {
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
}

.gray-box-view-mail pre.mailtext {
  background-color: #fafafa;
  min-height: 60px;
  line-height: 1.2;
}

.gray-box-view-mail pre.mailtext a[href^="/goto.php"] {
  word-break: break-word;
}

.gray-box-view-mail td.mail-subject {
  padding: 0 5px 0 10px;
  vertical-align: middle;
}

.gray-box-view-mail td.corresp-note {
  border-top: 1px solid #bbbbbb;
  padding: 10px;
}

.gray-box-view-mail td.corresp-note div.note-title {
  font-weight: bold;
  margin-bottom: 3px;
}


/*//gray-box*/

/*//mail-info設定*/

/*table*/
.tabu{
  margin:15px 5px 0 0px;
}

.tabu li{
  float:left;
}

.tabu li a, .tabu li span{
  margin:0 5px 0 0;
  display:block;
  border:1px solid #ccc;
  border-bottom:none;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  padding:3px 15px;
  font-size:13px;
  transition: all 0s ease;
  background:#f0f0f0;
  height:20px;
}
.tabu li a:hover{
  border:1px solid #ccc;
  border-bottom:none;
  background:#fff;
}

/*タブが選択状態の場合*/
.focus {
  position: relative;
}

.focus-box {
  display:block;
  border-bottom:none;
  background:#fff !important;
  color:#555 !important;
  text-align:center;
  position: relative;
  margin-bottom: 20px;
  border-color:#338495 !important;
  border-bottom:5px solid #fff!important;
  box-shadow:1px 1px 1px 0 #ccc inset;
}

/*//タブが選択状態の場合*/

/*table-sec*/
.table-sec{
  display:inline-block;
  border:1px solid #338495;
  padding:20px;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
  box-shadow:1px 1px 1px 0 #ccc inset;
}
/*//table-sec*/

/*一覧表設定*/
.tabmenu{
  width:100%;
}

.mokoMenu{
  border: 1px solid #BBBBBB;
  background: #d9e3ea;
  border-right: none;
  width: 200px;
}

.mokoTabActive{
  margin:0;
  border-bottom:1px solid #fafafa;
}
.mokoTabActive-mail {
  margin:0;
  border-bottom:1px solid #ffffff;
}

.mailList1px {
  margin-top: -1px;
  position: relative;
}

.mokoTab2{
  margin:0;
  border-bottom:1px solid #bbb;
}

.mokoTabActive a{
  display:block;
  background:#fafafa;
  padding:5px 7px 5px 7px;
  white-space:nowrap;
  border:1px solid #bbb;
  border-bottom:none;
  border-radius:3px 3px 0 0;
  text-align:center;
}
.mokoTabActive-mail a{
  display:block;
  background:#ffffff;
  padding:5px 7px 5px 7px;
  white-space:nowrap;
  border:1px solid #bbb;
  border-bottom:none;
  border-radius:3px 3px 0 0;
  text-align:center;
  text-decoration:none !important;
}
.mokoTabActive2 a{
  display: block;
  background: #fafafa;
  padding: 10px;
  white-space: nowrap;
}

.mokoTabActive a:hover,.mokoTabActive2 a:hover{
  text-decoration:none;
}

.mokoTab2 a, .mokoTab2 .disable-color {
  display:block;
  background:#d9e3ea;
  padding:5px 7px;
  white-space:nowrap;
  border:1px solid #bbb;
  border-radius:3px 3px 0 0;
  border-bottom:none;
  text-align:center;
}
.mokoTab2 a:hover,.mokoTab3 a:hover{
  background:#eef3f6;
  text-decoration:none;
}

.mokoTab2.mokoTab2Disabled a {
  color: #808080;
}

.mokoTab2.mokoTab2Disabled a:hover {
  color: #0b6cda;
  background: #eef3f6;
  text-decoration: none;
}

.mokoTab3 a, .mokoTab3 .disable-color{
  display: block;
  background: #d9e3ea;
  padding: 10px;
  white-space: nowrap;
}
.mokoList:before {
  display: block;
  position: relative;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #bbb;
  content: "";
}


.mokoList{
  border:1px solid #bbbbbb;
  border-top:none;
  border-radius:0px 3px 3px 3px;
  background-color:#fafafa;
}
.mokoList2{
  border: 1px solid #bbbbbb;
  background-color: #fafafa;
  border-left: none;
  vertical-align: top;
}
.mokoList3 {
  border: 1px solid #bbbbbb;
  border-radius: 3px 3px 3px 3px;
  background-color: #fafafa;
}

/* メール一覧のタブ間のスペース */
.border-bottom{
  padding:0 3px 0 0;
  border-bottom:1px solid #bbb;
}

.border-bottom2 {
  border-bottom: solid 1px #bbb;
}

.last-tab-space {
  width: 100%;
}

.mokoForTabTable{
  border-radius:3px;
}

.mailList:before {
  display: block;
  position: relative;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  background: #bbb;
  content: "";
}


.mailList{
  border:1px solid #bbbbbb;
  border-top:none;
  border-radius:0px 3px 3px 3px;
  background-color:#ffffff;
}


.mailList-no-tab{
  border:1px solid #bbbbbb;
  border-radius:3px;
  background-color:#ffffff;
  padding: 10px 15px;
}

.mailList.mailist-color1,
.mailList-no-tab.mailist-color1{
}

.mailList.mailist-color2,
.mailList-no-tab.mailist-color2{
}

/*メール一覧のページャー*/
.maillist-pager{
}
.maillist-pager.pager-top{
  padding-bottom: 8px;
  margin-top: 8px;
}
.maillist-pager.pager-bottom{
  padding-top: 8px;
}

/*メール一覧の全選択・全解除*/
.maillist-checkall-link{
  margin-top: 8px;
  margin-bottom: 10px;
  text-align:left !important;
}

/*メール一覧データなし*/
.mail-list-table td.mail-nodata {
  border: none;
  padding: 0;
}

/*メール一覧のポップ受信エラー*/
.maillist-pop-error-title {
  display: flex;
  align-items: center;
}

.maillist-pop-error-area {
  display: flex;
  align-items: center;
  padding-top: 13px;
  margin-left: 10px;
  font-size: 13px;
}

.maillist-pop-error-area__icon {
  margin-right: 3px;
  color: #F7685B;
}

.maillist-pop-error-area__msg {
  margin-right: 4px;
  font-weight: bold;
  color: #F7685B;
}

.maillist-pop-error-area__error-msg {
  font-weight: bold;
  color: #d24744;
}

.maillist-pop-error-area .help-tip .help-balloon {
  display: none !important;
  left: auto;
}

.maillist-pop-error-area .help-tip.is-active .help-balloon {
  display: inline-block !important;
}

.maillist-pop-error-area .help-tip .help-balloon .balloon-body {
  width: 340px;
}

.maillist-pop-error-area .help-tip .help-balloon .balloon-body div + div {
  margin-top: 0;
}

.waitingList {
  border-top: 1px solid #c0c0c0;
  background-color: #ffffff;
  padding: 7px 15px 20px 15px;
}

.waitingList .mail-list-table td {
  white-space: nowrap;
}

.directMailList {
  border-top: 1px solid #c0c0c0;
  background-color: #ffffff;
  padding: 15px 15px 30px 15px;
}

.directMailList-no-border {
  padding-left: 15px;
}

.moko{
  background:#fff;
  text-align:left;
}
.moko td{
  padding:10px 10px 0 10px;
  text-align:left;
}

.mail-list-table{
  margin:10px 0;
  line-height:1.4;
}
.mail-list-table th{
  background:#f0f0f0;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 6px;
  white-space:nowrap;
}
.mail-list-table td {
  border: 1px solid #ccc;
  padding: 3px 6px;
}

.mail-list-table-related{
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #ccc;
  border-right:none;
  border-bottom:none;
  border-left:1px solid #ccc;
}
.mail-list-table-related th{
  background:#f0f0f0;
  border-top:none;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:none;
  padding:4px 6px;
  white-space:nowrap;
}
.mail-list-table-related td{
  border-top:none;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:none;
  padding:4px 6px;
}

.mail-list-table td>p,
.mail-list-table-related td>p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.mail-list-table th.th-resize,
.mail-list-table-related th.th-resize{
  padding:0px;
  background: none;
}
.mail-list-table th.th-resize>p,
.mail-list-table-related th.th-resize>p{
  background:#f0f0f0;
  padding:4px 6px;
}

.mail-list-table-panel-related {
  margin: 10px 0;
  line-height: 1.4;
  border-top: 1px solid #ccc !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: 1px solid #ccc !important;
}

.mail-list-table-panel-related th {
  background: #f0f0f0;
  border-top: none !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  border-left: none !important;
  padding: 4px 6px;
  white-space: nowrap;
}

.mail-list-table-panel-related td {
  border-top: none !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  border-left: none !important;
  padding: 4px 6px;
}

td.mail-list-handle-td {
  padding: 0;
  background-color: #fff;
}

div.mail-list-handle {
  padding-left: 5px;
  padding-right: 5px;
  cursor: url("/img/icon_grab.cur"), move;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.dragging,
.mail-drag ,
.mail-drag .maillist-pager a,
.mail-drag .normal-mail-pager-action a,
.mail-drag .stored-mail-pager-action a {
  cursor: url("/img/icon_grabbing.cur"), move !important;
}

.mail-drop,
.mail-drop a {
  cursor: url("/img/icon_grabbing.cur"), move !important;
}

.mail-drop-ban,
.mail-drop-ban a {
  cursor: not-allowed !important;
}

#divDragMail {
  background-color: #376092;
  border-radius: 3px;
  padding: 3px 5px;
  color: #ffffff;
  font-size: 12px;
  font-family: Meiryo, sans-serif, monospace;
}

#spanDragNum {
  margin-left: 5px;
  margin-right: 2px;
}


/*ダイレクトメール一覧*/
.direct-mail-list-table{
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #ccc;
}
.direct-mail-list-table th{
  background:#f0f0f0;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 6px;
  white-space:nowrap;
}
.direct-mail-list-table td {
  border: 1px solid #ccc;
  padding: 3px 6px;
}

/*一覧表内メールステータス各設定*/
.ico{
  padding:0 2.5px;
  border-radius:2px;
  color:#fff;
  font-size:10px;
  line-height:1;
}

.ico-circle {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  padding: 2px;
}

/* 受信メール */
.mailstatus_receive {
  background: #CC6600;
}

/* 送信メール */
.mailstatus_send {
  background: #0099FF;
}

/* 転送メール */
.mailstatus_forward {
  background: #FF6633;
}

.mailaddress_forward {
  color: #666666;
}

/* 回答メール */
.mailstatus_back {
  background: #FF6699;
}

/* チャット応対 */
.mailstatus_chat {
  background: #e83a37;
}

/* TalkMsg */
.mailstatus_talkmsg {
  background: #476980;
  padding: 0px 2px;
}

/* TalkMsg comment icon */
.mailstatus_talkmsg i {
  color: #ffffff;
  transform: scale(0.9);
}

/* TalkMsg line */
.mailstatus_line {
  background: rgba(0, 185, 0, 0.8);
}

/* TalkMsg yahoo */
.mailstatus_yahoo {
  background: rgba(255, 0, 39, 0.8);
  padding: 3px 2px 1px 2px;
}

/* 電話応対 */
.mailstatus_cosp {
  background: #669966;
}

/* メールボックス移動 */
.mailstatus_move {
  background: #996666;
}

/* 保管メール */
.mailstatus_archive {
  background: #808080;
}


.mailstatus_transmission {
  background: #0192c3;
}

/* */
.mailstatus_conversation {
  background: #119411;
}

/* */
.mailstatus_transfer {
  background: #ff6699;
}

/* すべてメール */
.mailstatus_no_status {
  background: #707683;
}

.olive_mailstatus_icon {
  height: 15px !important;
  vertical-align: -3px;
}

.mail_fontcolor_default {
  color: #3F4853;
}

.bgyellow_a {
  background-color: rgba(221, 255, 204, 1.0);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bgyellow_a:hover {
  background-color: rgba(221, 255, 204, 0.3);
}

.bgyellow2_a {
  background-color: rgba(255, 255, 221, 1.0);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bgyellow2_a:hover {
  background-color: rgba(255, 255, 221, 0.3);
}

.bgwhite_a {
  background-color: rgba(255, 255, 255, 1.0);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap;
}

.bgwhite_a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.bgred_a {
  background-color: rgba(255, 187, 187, 1.0);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bgred_a:hover {
  background-color: rgba(255, 187, 187, 0.3);
}

.bgblue_a {
  background-color: rgba(221, 221, 255, 1.0);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bgblue_a:hover {
  background-color: rgba(221, 221, 255, 0.3);
}

.bg-light-blue {
  background-color: rgba(231, 237, 253, 1.0);
}

.bg-light-blue:hover {
  background-color: rgba(231, 237, 253, 0.3);
}

.bggreen_a {
  background-color: rgba(204, 255, 221, 1);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bgorange_a {
  background-color: rgba(247, 235, 199, 1);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bggreen_a:hover {
  background-color: rgba(204, 255, 221, 0.3);
}
.bgorange_a:hover {
  background-color: rgba(247, 235, 199, 0.3);
}

.bgpink_a {
  background-color: rgba(255, 221, 221, 1.0);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bgpink_a:hover {
  background-color: rgba(255, 221, 221, 0.3);
}

.bgnoactive_a {
  background-color: rgba(227, 227, 227, 1.0);
  color: #666666;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bgnoactive_a:hover {
  background-color: rgba(227, 227, 227, 0.3);
}

.bgactive_a {
  background-color: rgba(227, 227, 227, 1.0);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.bgactive_a:hover {
  background-color: rgba(227, 227, 227, 0.3);
}

.bgclear_a_l {
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

/* 緊急度 */
/* 至急 */
.mailstatus_urgency_1 {
  background: #d35400;
}

/* 大至急 */
.mailstatus_urgency_2 {
  background: #ff005a;
}
/*//一覧表内メールステータス各設定*/

/* メール本文表示 */
.mail-list-table td.summary_bg {
  padding-left: 20px;
  padding-right: 50px;
  font-size: 11px;
  background-color: #F6F6F6;
  word-break: break-all;
  height: 18px;
}

.mail-list-table td.comment_summary_bg {
  padding-left: 20px;
  padding-right: 50px;
  font-size: 11px;
  background-color: #DFDFDF;
  word-break: break-all;
  height: 35px;
}

/* パネル 条件タイトル */
.condTitle {
  text-align: right;
  vertical-align: top;
  padding-right:10px !important;
}

.condTitle-color1 {
}


.mail-list-panel-title{
  background:#F0F0F0;
  font-size:12px;
  color:#000000;
  padding:5px 5px;
  box-shadow:0 1px 0 0 #ccc;
  border-bottom:1px solid #bbb;
}

/*//一覧表設定*/

/* pre設定 */
pre {
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
}

pre.normal {
  font-size: small;
  margin: 0px;
  padding: 0px;
}

pre.b {
  background: #f0f0f0;
  padding: 5 5 5 5;
  border: 1px solid #cccccc;
  margin-left: 2pt;
  margin-right: 2pt;
  margin-top: 4pt;
  margin-bottom: 2pt;
  font-size: small;
}

pre.db {
  background: #fcfcfc;
  padding: 5 5 5 5;
  border: 1px dotted #dddddd;
  margin-left: 2pt;
  margin-right: 2pt;
  margin-top: 4pt;
  margin-bottom: 2pt;
  font-size: small;
}

pre.meiryo {
  font-family: Meiryo, sans-serif, monospace;
}

pre.mail-ruler {
  font-size: 9pt;
  margin:0;
  width: 100%;
  background: #dddddd;
  color: #6f6f6f;
  white-space: nowrap;
  padding-left: 4px;
}

pre.view-mail-header {
  background: #f0f0f0;
  margin: 0;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  white-space: pre;
  font-size: small;
}


/* コメントツールチップ */
.tdUnderLineLightLR {
  background-color: #FFFFFF;
  border-bottom: solid 1px #999999;
  padding: 2px 0;
}


/*footer 設定*/
#pagetop{
  text-align:right;
  padding:5px;
  margin:0px 0 0 0;
}
#footer{
  box-shadow: 1px 1px 2px #eee inset;
  text-align:left;
  padding:0 10px;
  margin:0 0 0 0;
  background:#eff3f4;
  line-height:2.3;
  color:#999;
}

/*HDD容量表示*/
.barNegative {
  font-size: 10px;
  background: #FFFFFF;
  border: #aaa 1px solid;
  text-align: left;
  height: 14px;
  width: 80px;
  border-radius: 3px;        /* CSS3草案 */
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;   /* Firefox用 */

}

.bar {
  font-size: 10px;
  height: 14px;
}

.barBlue {
  background: #8ebeff;
}

.barYellow{
  background: #F1C40F;
}

.barRed {
  background: #E74C3C;
}

.barText {
  text-align:center;
  line-height:14px;
  padding-left:2px;
  font-size:10px;
  color:#555;
}

.bar-icon {
  position: relative;
  top: 1px;
}

.setting-search-header {
  display: flex;
  gap: 16px;
}

.setting-search {
  width: 200px;
  border: solid 1px #ccc;
  border-radius: 3px;
  padding: 5px 8px;
  display: inline-block;
}

.setting-search:before {
  font-family: "Font Awesome 6 Free";
  content: "\f002";
  font-weight: 900;
  font-size: 12px;
  color: #999999;
  margin-right: 8px;
}

.setting-search input{
  border: none;
  outline: 0;
}

.setting-search input::placeholder {
  color: #aaaaaa;
}

/*ダイアログ*/
#md_dialog {
  font-family:Meiryo, sans-serif;
}
#md_dialog2 {
  font-family:Meiryo, sans-serif;
  padding: 0px;
  display: none;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#md_dialog2 .md-dialog2-main-table {
  margin-bottom: 10px;
}
#md_dialog2 .md-dialog2-subject {
  font-weight: bold;
  height: 15px;
  border-style: solid;
  border-color: #666666;
  border-width: 0px;
  width: 100%;
}
#md_dialog2 .md-dialog2-close {
  font-weight: bold;
  border-style: solid;
  border-color: #666666;
  border-width: 0px;
  width: 20px;
  margin-top: 5px;
  margin-right: 5px;
  cursor: pointer;
}
#md_dialog2 .md-dialog2-close .icon-ico_close {
  color: #bbbbbb;
  font-size: 16px;
  margin: 2px;
  cursor: pointer;
}
#md_dialog2 .md-dialog2-close .icon-ico_close:hover {
  color: #cccccc;
}


#md_dialog2 .md-dialog2-body {
  padding: 2px 10px 2px 10px;
}

#md_dialog2 .md-dialog2-button {
  bordert: solid 1px #999999;
  padding: 10px;
  overflow: hidden;
  white-space: nowrap;
}


/*チップ*/
.qtip-menu {
  line-height: 18px;
  margin: 3px 7px 3px 7px;
}
.qtip-content {
  font-family:Meiryo, sans-serif;
  padding: 0px !important;
}
.qtip-title {
  font-family:Meiryo, sans-serif;
}
.qtip-list a {
  display: block;
}
.qtip-list a:not(:last-child) {
  border-bottom: 1px solid #eeeeee;
}
.qtip-menu-list {
  border-radius: 3px;
}
.qtip-menu-list:before{
  border: 10px solid transparent;
  border-top-width: 0;
  top: -9px;
  content: "";
  display: block;
  left: 60%;
  position: absolute;
  width: 0;
  z-index: 1;
}
.qtip-menu-list:after{
  border: 10px solid transparent;
  border-top-width: 0;
  top: -10px;
  content: "";
  display: block;
  left: 60%;
  position: absolute;
  width: 0;
}
.qtip-menu-list-border-gray {
  border: 1px solid #CCCCCC;
}
.qtip-menu-list-border-gray:before{
  border-bottom-color: #FFFFFF;
}
.qtip-menu-list-border-gray:after{
  border-bottom-color: #CCCCCC;
}

.qtip-menu-list-border-darkgray {
  border: 1px solid #888888;
}

.qtip-menu-list-border-darkgray:before {
  border-bottom-color: #FFFFFF;
}

.qtip-menu-list-border-darkgray:after {
  border-bottom-color: #888888;
}

.qtip-copy-wrapper {
  border: #888888;
  background-color: #FFFFFF;
  color: #000000;
}

.qtip-md-copy.qtip-active {
  z-index: 12000 !important;
}

a.qtip-button img:hover{
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}

a.qtip-button:hover {
  background-color: transparent;
}


/*transmission設定*/
.balloon_date{
  border-bottom:1px solid #ccc;
  padding-bottom:4px;
  margin-bottom:4px;
}


.top-message-box {
  font-size: 12px;
  padding: 4px 5px 4px 5px;
  background: #FFF5D5;
  border: 1px solid #A6A6A6;
  border-radius: 3px;
  width: 497px;
}

.top-message-name {
  color: #000000;
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-all;
  display: inline-block;
}

.top-message-date {
  color: #000000;
}

.latin-font {
  font-family: Arial, Helvetica, sans-serif;
}

.announce-subject {
  font-size: 14px;
  font-weight: bold;
  color: #336699;
}

.ta-center {
  text-align: center;
}

.summary-link{
  background:#fff;
  text-align:left;
}

.bar-txt-link {
  display: block;
  float: left;
  padding: 0px 6px;
}


.mailbodynormal {
  margin: 0px;
  padding: 0px;
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
  word-wrap: break-word;
}

.mail-box-under-line {
  padding-bottom: 4px !important;
}

.left-menu-mailaddr {
  padding: 5px 0px 5px 10px;
}


.bg-addr-active {
  background: #fff5d5;
}

.bg-white {
  background: #ffffff !important;
}

.bg-light-gray {
  background: #f6f6f6 !important;
}

.bg-disable {
  background: #d9d9d9 !important;
}

.left-menu-mailaddr-gradation {
  background: #F4F4F4;
}

.top-box textarea {
  padding: 5px;
  border: 1px solid #A6A6A6;
  border-radius: 3px;
}

.top-box td {
  padding: 3px 10px 3px 0;
}

.top-box td.tdSolidUnderLine {
  padding: 10px 10px 10px 0;
  background: #f0f0f0;
  border-style: solid;
  border-color: #999999;
  border-width: 0 0 1px 0;
}

.top_logo {
  outline: none;
}

.top_logo:focus {
  outline: none;
}

.top_logo:hover {
  color: initial;
  text-decoration: initial;
  background-color: initial;
  background-color: transparent;
  border-radius: initial;
}

.new-icon {
  padding:0px 2px;
  border-radius:2px;
  color:#fff !important;
  background: #F29179 !important;
  font-size: 10px;
  vertical-align: 1px;
}

/*.mdtable1（一覧系テーブル設定）*/
.mdtable1{
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #ccc;
  }
.mdtable1 th{
  background:#e9e9e9;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 2px;
  white-space:nowrap;
  text-align:center !important;
}
.mdtable1 th.left{
  text-align:left !important;
}
.mdtable1 td{
  border:1px solid #ccc;
  padding:4px 6px;
}
.mdtable1 td.center{
  text-align: center;
}
.mdtable1 td.header{
  background:#e9e9e9;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 2px;
  white-space:nowrap;
}
.mdtable1 td.header2{
  background:#ccc !important;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  white-space:nowrap;
}

.mdtable1 tr.border:nth-child(even) td{
  background-color: #FFFFFF;
}

.mdtable1 tr.border:nth-child(odd) td{
  background-color: #F6F6F6;
}

.mdtable1 tr.border-alt:nth-child(even) td{
  background-color: #F6F6F6;
}

.mdtable1 tr.border-alt:nth-child(odd) td{
  background-color: #FFFFFF;
}

.mdtable1 tr.border td.header {
  background: #e9e9e9;
}

.mdtable1 td.white {
  background: #ffffff;
}

.action-title{
  color:#69828e;
}

.mdtable1_child{
  margin: 0;
  padding: 0;
  border: none;
}
.mdtable1_child th{
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow:none;
}
.mdtable1_child td{
  margin: 0;
  padding: 0;
  border: none;
  box-shadow:none;
}

tr.bgdark {
  background: #DDDDDD !important;
}

.bgdark td {
  background: #DDDDDD !important;
}

/*//.mdtable1（一覧系テーブル設定）*/



/*.disttable（条件テーブル設定）*/
.disttable{
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #ccc;
}
.disttable th{
  background:#e9e9e9;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 2px;
  white-space:nowrap;
  text-align:center !important;
}
.disttable td{
  border:1px solid #ccc;
  padding:4px 6px;
}

td.border-bottom-transparent {
  border-bottom: 1px solid transparent;
}

.disttable td.center{
  text-align: center;
}

td.border-bottom-transparent {
  border-bottom: 1px solid transparent;
}

.disttable tr.border:nth-child(even) td{
  background-color: #FFFFFF;
}

.disttable tr.border:nth-child(odd) td{
  background-color: #F6F6F6;
}
.disttable tr.border {
  background: #e9e9e9;
}
/*//.disttable（条件テーブル設定）*/


/*条件ブロック設定*/
.blocktable {
  width:100%;
  margin: 8px 0px 8px 20px;
  border:dotted 1px #ccc;
  border-collapse:separate;
  padding: 6px 8px 3px 8px;
  border-spacing:2px;
  cellspacing: 0;
  cellpadding: 0;
}


/*ダイレクトメール置換文字列説明テーブル*/
.directmail-replace-table{
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #ccc;
}
.directmail-replace-table th{
  background:#e9e9e9;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 2px;
  white-space:nowrap;
  text-align:center !important;
}
.directmail-replace-table th.left{
  text-align:left !important;
}
.directmail-replace-table td{
  border:1px solid #ccc;
  padding:4px 6px;
}
.directmail-replace-table td.center{
  text-align: center;
}
.directmail-replace-table td.header{
  background:#e9e9e9;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 2px;
  white-space:nowrap;
}
.directmail-replace-table td.header2{
  background:#ccc !important;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  white-space:nowrap;
}
.directmail-replace-table tr.border:nth-child(even) td{
  background-color: #FFFFFF;
}
.directmail-replace-table tr.border:nth-child(odd) td{
  background-color: #F6F6F6;
}
.directmail-replace-table tr.border td.header {
  background: #e9e9e9;
}



/*振り分け設定*/
.dist-cond-red {
  color:#e5597a;
}

.dist-cond-block {
  background:#eee;
  border:solid 1px #ccc;
  border-radius:3px;
}

.dist-cond-block .cond-value-part {
  display: inline-block;
}

.checked-row {
  background-color: #d5effc !important;
}

.check-differencial {
  font-size: 12px;
  font-weight: normal;
}

.redistTable th {
  padding:0 10px 15px 0px;
  text-align:right;
}

.actionTable td{
  border: 0px;
  padding: 0px;
  background-color: transparent !important;
}

.condTable td{
  border: 0px;
  padding: 0px;
  background-color: transparent !important;
}

.tooltip-dist-qtip {
  padding: 0px !important;
  min-width: 280px;
  max-width: 280px;
}

.tooltip-dist-qtip-title {
  font-size: 13px;
  color: #178272;
  font-weight: bold;
  background-color: #FFFFFF !important;
  padding: 2px 0 0 10px !important;
  font-family:Meiryo, sans-serif;
}

.tooltip-dist-qtip-content {
  padding: 2px 0 6px 12px !important;
}

.tooltip-dist-qtip-wrapper {
  background-color: #FFFFFF !important;
  border: 1px solid #bfd9d5;
  border-radius: 3px;
  box-shadow: 0 0 3px;
}

.redist-msg {
  position: relative
  ;color:#FF8C00;
}

/*//.mdtable1（一覧系テーブル設定）*/

.megaphone_on {
  color : #35759e;
}

.megaphone_off {
  color : #a2b6c3;
}

/*.moveIconTable移動アイコン設定*/
.moveIconTable {
  padding:10px;
  font-size:16px;
  width: 100%;
}

.moveIconTable td {
  border:0px;
  background: transparent;
  text-align:center;
  line-height: 1;
}

/*//.moveIconTable移動アイコン設定*/

/*子ウインドウ表示設定*/
.child_window {
  font-size:12px;
  background-color:#fff;
  border:1px solid #bfd9d5;
  border-radius:3px;
  position:relative;
  padding:5px 15px;
  margin:0;
  position:absolute;
  opacity:0.95;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/*//子ウインドウ表示設定*/

/*フォーム内のフォーカス欄表示設定*/
.active-box {
  vertical-align: middle;
  background:#e4e4e4;
  padding:10px;
  border-radius:3px;
}

/*//フォーム内のフォーカス欄表示設定*/

/*コメント欄*/
.btn_mini a{
  padding:1px 5px;
  font-size:11px;
  border-radius:5px;
  box-shadow: 1px 1px 1px #ddd;
}
.btn_mini  a:hover{
text-decoration:none;
}

.btn-1 a:hover{
background:#85949f;
box-shadow: 1px 1px 1px #768691 inset;
}

/*カラフルなボタン*/
.btn_colorful {
  padding:1px 5px;
  font-size:11px;
  border:1px solid #a9a9a9;
  border-radius:5px;
  box-shadow: 1px 1px 1px #ddd;
}
.btn_colorful  a:hover{
  text-decoration:none;
}
.btn_colorful.btn_green{
  background-color: #CAF6C9;
}
.btn_colorful.btn_blue{
  background-color: #BED5F9;
}
.btn_colorful.btn_yellow{
  background-color: #FFF7BE;
}
.btn_colorful.btn_orange{
  background-color: #FFD7A5;
}
.btn_colorful.btn_red{
  background-color: #FFB6B5;
}
.btn_colorful.btn_purple{
  background-color: #EFD6FF;
}
.btn_colorful.btn_lightblue{
  background-color: #CEF2F8;
}
.btn_colorful.btn_pink{
  background-color: #FFDFF5;
}
.btn_colorful div.disable-link{
  padding: 0px;
  color: #0375ae;
  background: none repeat scroll 0 0 transparent;
  height: 15px;
}
.btn_colorful .icon-ico_customer{
  color: #1c73be;font-size: 14px;
}
/*//カラフルなボタン*/

/*transmission設定*/
.comment-box {
  font-size: 12px;
  margin-bottom: 5px;
}

.comment-user-icon-color {
  color :#666666;
}

.comment-box-caution {
  color: #000000;
}

.comment-box pre:not(.reaction-emoji__tooltip-text) {
  line-height: 20px;
  border-radius: 3px;
  padding: 4px;
  background: #eeeeee;
  border: 1px solid #eeeeee;
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
}

.comment-box div.edit-area {
  display: inline-block;
  position: relative;
  padding: 4px;
  background: #eeeeee;
  border: 1px solid #eeeeee;
}

.comment-box div.add-area {
  display: block;
  position: relative;
  width: calc(100% - 10px);
}

.comment-box div.add-area div.add-area-inner {
  display: inline-block;
}

.comment-box div.md-uploader-form,
.comment-box div.md-uploader-form > div {
  margin: 0px !important;
}

.comment-box div.md-uploader-form {
  margin-top: -2px !important;
  padding-bottom: 4px;
}

pre.popup-comment,
pre.preview-comment {
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
  line-height: 20px;
}

.comment-box-name {
  color: #7E3232;
}

.comment-edit-buttons {
  padding: 5px 2px;
}

.comment-edit-buttons .fa-attach:before {
  font-family: "Font Awesome 6 Free";
  content: "\f0c6";
  font-weight: 900;
  font-size: 16px;
}

.comment-attachment {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 420px;
}

.comment-attachment * {
  vertical-align: middle;
}

.off span{
  color:#a2b6c3;
}
.off div{
  color:#999;
}
.on span{
  color:#35759e;
}

.balloon {
  width:91%;
  padding:8px 5px 8px 5px;
  background-color:#fff;
  border-radius:3px;
  position:relative;
  float:left;
  text-align:justify;
  line-height:1.3;
}

.balloon:after {
  border:8px solid transparent;
  border-right-color:#fff;
  border-left-width:0;
  left:-8px;
  content:"";
  display:block;
  top:5px;
  position:absolute;
  width:0;
}

.balloon_date{
  border-bottom:1px solid #ccc;
  padding-bottom:4px;
  margin-bottom:4px;
}

/*//コメント欄*/


.hdd-graph {
  margin-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  padding: 20px;
  border-radius: 3px;
  background-color: #FFFFFF;
}

.hdd-graph-legend {
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  width: 300px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  border-radius: 3px;
}

/*ハードディスク使用量推移*/
.viewHddUsageGraph-table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #bbbbbb;
  background: #fafafa;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.viewHddUsageGraph-table td{
  padding: 10px;
}

.viewHddUsageGraph-table tr:first-child td:last-child {
  -webkit-border-radius: 0 8px 0 0;
  -moz-border-radius: 0 8px 0 0;
  -o-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}

.viewHddUsageGraph-table tr:last-child td:first-child {
  border-radius: 0 0 0 8px;
  -moz-border-radius: 0 0 0 8px;
  -o-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
}

.viewHddUsageGraph-table tr:last-child td:last-child {
  border-radius: 0 0 8px 0;
  -moz-border-radius: 0 0 8px 0;
  -o-border-radius: 0 0 8px 0;
  border-radius: 0 0 8px 0;;
}

.hdd-border{
  border-bottom : 1px solid #DDDDDD;
  padding : 20px 0px 5px 0px;
}

.hddValue {
  margin-right: 4px;
  font-weight: bold;
  color: #38525e;
}

.title-boxname {
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}
/* 注意点ボックス */
.info-box {
  color: #454545;
  position: relative;
  padding: 0;
  border-radius: 5px;
  border: 1px solid #88c5e5;
  background: #fefefe;
  padding: 20px 20px 20px 20px;
  margin-top: 10px;
  min-width: 700px;
}

/*共通*/
.info-box li {
  font-size: 12px;
  font-weight: normal;
  width: 100%;
}

.info-box h4 {
  font-size: 15px;
  color: #3497cc;
  padding: 0;
  margin-bottom: 8px;
  padding-left: 30px;
  position: relative;
  font-weight: bold;
}

.info-box h4 i.title-icon {
  font-size: 22px;
  margin-right: 5px;
  position: absolute;
  top: -1px;
  left: 3px;
}

.info-box h5 {
  color: #3497cc;
  margin: 25px 0 15px 5px;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px;
  border-bottom: 1px solid #daecf9;
  letter-spacing: 0.2px;
}

.info-box ul.indent-box {
  padding-left: 10px;
}

.info-box li.indent-text {
  padding-left: 1em;
  text-indent: -1em;
  width: calc(100% - 1em);
}

/*list-icon*/
.info-box .indent-box li {
  position: relative;
  padding-left: 10px;
}

.info-box .indent-box li.h6-title {
  padding-left: 10px;
  margin: 15px 0 5px 0;
  font-weight: bold;
}

.info-box .indent-box li.h6-title:after {
  display: block;
  content: '';
  position: absolute;
  top: 0.5em;
  left: 0.1em;
  width: 5px;
  height: 5px;
  background-color: #ccc;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*table.guide-table*/
.info-box table.guide-table {
  border-collapse: separate;
  border-spacing: 1px 4px;
  margin-top: 5px;
}

.info-box table.guide-table th {
  text-align: center;
  padding: 5px;
  color: #3497cc;
  background-color: #daecf9;
  font-weight: bold;
}

.info-box table.guide-table td {
  width: 220px;
  text-align: center;
  background: #ecf2f7;
  padding: 5px;
  position: relative;
}

/*.info-box table.guide-table th.bg-none {
  background:none;
}
.info-box table.guide-table td.bg-k {

}*/
.info-box table.guide-table td.td-wide {
  width: 650px !important;
  padding-left: 15px;
  text-align: left;
}

.info-box .cap-plus, .info-box .cap-arrow {
  font-size: 10px;
  color: #3497cc;
  top: 9px;
  bottom: 0;
  right: -5px;
  position: absolute;
  z-index: 2;
}

.info-box .text-line02 {
  top: 18px;
}

.info-box .text-line03 {
  top: 26px;
}

.info-box .text-line04 {
  top: 36px;
}

.info-box .text-line12 {
  top: 110px;
}

.info-box .cap-or01 {
  top: 7px;
  font-size: 10px;
  color: #3497cc;
  bottom: 0;
  right: -8px;
  position: absolute;
  z-index: 2;
  font-weight: bold;
}

.info-box .cap-or02 {
  top: 16px;
  font-size: 10px;
  color: #3497cc;
  bottom: 0;
  right: -9px;
  position: absolute;
  z-index: 2;
  font-weight: bold;
}

.info-box .cap-no {
  top: 0;
  bottom: 0;
  right: -22px;
  position: absolute;
}

/*table.normal-table*/
.info-box table.normal-table {
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 5px;
  margin-left: 10px;
  width: calc(100% - 10px);
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
}

.info-box table.normal-table th {
  width: 170px;
  text-align: left;
  background: #e9e9e9;
  font-weight: normal;
  padding: 5px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

.info-box table.normal-table td {
  width: calc(100% - 170px);
  padding: 5px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

.info-box .password-symbol-rule{
  padding: 5px 10px;
  border-radius: 3px;
  background: #ecf2f7;
  margin: 5px 0 0 20px;
  width: 350px;
  text-align: center;
}

/* フィードバック */
.alert {
  font-size: 14px;
  margin-bottom: 5px;
  padding: 9px 14px !important;
  border-radius: 4px;
}

.alert-success {
  color: #248c27;
  background-color: #d3ecc3;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.alert-success:before {
  font-family: "Font Awesome 6 Free";
  content: '\f00c';
  font-weight: bold;
  margin: 0 7px 0 2px;
  width: 14px;
  line-height: 1.5;
}

.alert-warning, .alert-mail-sending {
  background-color: #ffef9e;
  color: #82540e;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.alert-warning:before {
  font-family: "Font Awesome 6 Free";
  content: '\f071';
  font-weight: bold;
  margin: 0 7px 0 2px;
  width: 14px;
  line-height: 1.5;
}

.alert-error {
  color: #d24744;
  background-color: #ffddcf;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.alert-error:before {
  font-family: "Font Awesome 6 Free";
  content: '\f00d';
  font-weight: bold;
  font-size: 18px;
  margin: 0 7px 0 2px;
  width: 14px;
  line-height: normal;
}

.alert-error div {
  flex-basis: calc(100% - 23px);
}

.alert-error div:not(:first-child) {
  margin-left: 23px;
}



.alert-icon {
  position: absolute;
  margin-top: 3px;
}

.alert-message {
  display: block;
  text-align: left;
}

.alert .red {
  color: inherit !important;
}

.alerts{
  margin:0 0px 15px 0;
  padding:15px;
  border-radius:3px;
}
.alerts h5{
  font-size:16px;
  font-weight:bold;
}
.alerts ul li{
  list-style:disc inside;
}
.alerts hr{
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.alert-blue{
  background:#e4f6fa;
}
.alert-blue h5{
  color:#0d99b6;
}
.alert-red{
  background:#fae8ef;
}
.alert-red h5{
  color:#e95d8c;
}


.required-notation-background {
  position: relative;
}

.required-notation {
  font-size: 10px;
  font-weight: bold;
  color: #C7243A;
  transform: scale(0.8);
  position: absolute;
  right: -10px;
  top: -5px;
}

.disable-color .required-notation{
  color: #CCCCCC !important;
}

.hdd-alert-h1 {
  font-size: 15px;
  border-bottom: 1px solid #E95D8C;
  color: #000;
  padding: 3px;
  margin-bottom: 3px;
}

.hdd-alert-h2 {
  font-size: 14px;
  margin: 10px 0;
  color: #c90a4a;
}

.hdd-alert-graybox {
  border-radius: 5px;
  padding: 10px;
  background: #fafafa;
}

.hdd-alert-graybox h1 {
  font-size: 15px;
  border-bottom: 1px solid #ccc;
  color: #555;
  padding: 0 5px 5px 5px;
}

.hdd-alert-graybox h2 {
  font-size: 14px;
  color: #E5597A;
  margin-bottom: 3px;
  margin-top: 8px;
}

.hdd-setting-value {
  margin: 5px 0;
  border-top: 1px solid #efe1e6;
  border-bottom: 1px solid #efe1e6;
  padding: 10px 0;
}

.hdd-setting-value span {
  background: #efe1e6;
  padding: 3px;
  border-radius: 3px;
}

.setting-title-row {
  padding-top: 10px  !important;
  padding-bottom: 0px  !important;
  border: none;
}
.setting-title-row>.h4-title2 {
  padding: 0px;
  margin: 0px;
}

.setting-title-row-disabled .h4-title2 {
  color: #bbbbbb;
}


.setting-button-row {
  border: none;
  padding: 20px 10px 10px 0px  !important;
}

td.control-panel-under-line {
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  border-style: solid;
  border-color: #ddd;
  box-shadow: 0 1px 0 0 #fff;
  border-width: 0 0 1px 0;
}

div.control-panel-under-line {
  vertical-align: top;
  padding:0px 0px 5px 10px;
  border-style: solid;
  border-color: #ddd;
  border-width: 0 0 1px 0;
}

.gray-box div.control-panel-under-line:last-child {
  border: none;
}

.gray-box table tr:last-child > td.control-panel-under-line {
  border: none;
  box-shadow:none;
}

.gray-box.noborder{
  border:none;
}
.gray-box.nobgcolor{
  background-color:transparent;
}
.gray-box.nobgcolor td {
  background-color:transparent;
}

td.control-panel-top-line {
  vertical-align: top;
  border-top: 1px solid #bbb;
}

td.control-panel-title {
  border-right: 1px solid #bbb;
  padding-left: 5px;
  padding-right: 5px;
}

td.control-panel-value-bg {
  background-color: #fafafa;
}
td.control-panel-value-bg-list {
  background-color: #fafafa;
}

td.control-panel-title-bg {
  background-color: #fff5d5;
}

td.control-panel-under-line-light {
  vertical-align: top;
  padding: 5px 5px 5px 5px;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 0 0 1px 0;
}

td.control-panel-top-line-light {
  vertical-align: top;
  padding:5px 5px 5px 5px;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 1px 0 0 0;
}

td.control-panel-light {
  vertical-align: top;
  padding: 2px 5px 2px 5px;
}

td.control-panel-light-mcate {
  vertical-align: top;
  padding:5px 5px 5px 5px;
}

td.control-panel-light-mcate-top {
  border-bottom: 1px solid #bbbbbb;
}

td.control-panel-light-mcate-bottom {
  border-top: 1px solid #bbbbbb;
}

td.control-panel-under-line-none {
  vertical-align: middle;
  padding: 5px 5px 5px 5px;
}

/* エラー画面メッセージ用 */
.error-exit-message,
.error-exit-message * {
  text-align: left;
  padding: 20px 0px 0px 0px;
  font-family: Meiryo, sans-serif;
}

.error-exit-message-exist-title,
.error-exit-message-exist-title * {
  text-align: left;
  padding: 10px 0px 0px 0px;
  font-family: Meiryo, sans-serif;
}

/*日付期間入力フォーム用*/
.dQuery select {
  margin-left: 3px;
  margin-right: 3px;
}

.dQuery select:first-child {
  margin-left: 0px;
}

/*時間入力フォーム用*/
.time-select-box select {
  margin-left: 3px;
  margin-right: 3px;
}

.time-select-box select:first-child {
  margin-left: 0px;
}

/*顧客情報画面設定*/
/*.setting-box設定*/
.setting-box{
  background: none repeat scroll 0 0 #EAEAEA;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin: 5px 0 0;
  padding: 10px 20px;
}


/*.mdtable2（テーブル設定）*/
.mdtable2-title {
  font-size:15px;
  color:#178272;
  padding:10px  15px;
  border-bottom:1px solid #bbb;
}

.mdtable2 {
  margin:10px 15;
  line-height:1.4;
}

.mdtable2-bt1px {
  border-top:1px solid #ccc;
}

.mdtable2-bl1px {
  border-left:1px solid #ccc;
}

.mdtable2 th {
  background:#e0f0ea;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  padding:4px 6px;
  white-space:nowrap;
}
.mdtable2 td {
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 6px;
}

.mdtable2 tr.border:nth-child(even) td{
  background-color: #FFFFFF;
}

.mdtable2 tr.border:nth-child(odd) td{
  background-color: #F5F5F5;
}


/*顧客一覧*/
.newMail {
  font-size:16px;
  text-align:center;
  display:block;
  width:25px;
  height:16px;
  white-space:nowrap;
}
.newMailNG {
  font-size:16px;
  color: #999999;
  text-align:center;
  display:block;
  width:25px;
  height:16px;
  white-space:nowrap;
}
.correspon {
  font-size:16px;
  text-align:center;
  display:block;
  width:25px;
  height:16px;
  white-space:nowrap;
}
/*//顧客一覧*/


/*アドレス一覧*/
.addrlist-input-title {
  text-align: right;
  vertical-align: top;
  padding: 2px 0 2px 0 !important;
}
.addrlist-input-data {
  padding: 2px 0 2px 10px !important;
}
/*//アドレス一覧*/


.setting-contents {
  padding: 10px;
  border-bottom: 1px solid #bbbbbb;
  color:#1C73BE;
  transition: background 0.1s ease 0s;
}
.setting-contents:hover {
  background: none repeat scroll 0 0 #deeffb;
  text-decoration:none !important;
}
.setting-contents:last-child {
  border-bottom: 0px;
}
.setting-contents span:last-child {
  color:#000000;
}
.setting-contents-nohover {
  padding: 10px;
  border-bottom: 1px solid #bbbbbb;
  transition: all 0.1s ease 0s;
}
.setting-contents-nohover:last-child {
  border-bottom: 0px;
}

.setting-contents-disabled {
  padding: 10px;
  border-bottom: 1px solid #bbbbbb;
  color:#888888;
  transition: background 0.1s ease 0s;
}
.setting-contents-disabled:last-child {
  border-bottom: 0px;
}
.setting-contents-disabled span:last-child {
  color:#888888;
}


.setting-contents-disabled {
  padding: 10px;
  border-bottom: 1px solid #bbbbbb;
  color:#888888;
  transition: background 0.1s ease 0s;
}
.setting-contents-disabled:last-child {
  border-bottom: 0px;
}
.setting-contents-disabled span:last-child {
  color:#888888;
}

.setting-contents-disabled.option-off:hover {
  border-radius: 0;
  background: none repeat scroll 0 0 #deeffb;
  text-decoration: none !important;
}

.setting-contents-disabled.option-off:hover * {
  color: #000;
}

.setting-contents-disabled.option-off:hover .txt18 {
  color: #075190 !important;
}

.set-icon {
  font-size: 40px;
  text-decoration: none;
}

.set-icon:hover{
  text-decoration:none !important;
}

/*//メール編集*/

.mail-box {
  background: none repeat scroll 0 0 #fafafa;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 0;
}

.mail-box input {
  color: #444444;
  padding: 5px;
}

.mail-box select {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  margin-bottom: 2px;
  color: #444444;
}

.mail-box textarea {
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 3px;
  color: #444444;
  line-height: 1.2;
}

.mail-box-input-title {
  text-align: right;
  vertical-align: top;
  padding: 5px 10px 5px 10px !important;
  white-space: nowrap;
  width: 50px;
}

.mail-box-input-title-for-new-ui {
  text-align: right;
  padding: 0px 10px 0px 10px !important;
  white-space: nowrap;
  width: 50px;
}

.mail-box-input-title-no-space {
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

.mail-box-input-data {
  text-align: left;
  padding: 5px;
}

.mail-box-input-data-padding-narrow {
  text-align: left;
  padding: 2px 5px 2px 5px;
}

.mail-box-input-data-address {
  text-align: left;
  border:none !important;
  padding: 0px 5px 0px 5px;
}

.mail-box-underline {
  border-top: 1px solid #bbbbbb;
}

.mail-box-topline {
  border-top: 1px solid #bbbbbb;
  padding-top: 10px !important;
}

.mail-box-text {
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 5px !important;
  width : 600px;
}

.mail-box-text-address {
  border: 1px solid #BBBBBB;
  border-top:1px solid #ccc;
  border-left:1px solid #bbb;
  border-right:1px solid #bbb;
  border-bottom:1px solid #ccc;
  width: 600px;
}

.mail-box-text-address-middle {
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 2px !important;
  width: 400px;
}

.mail-box-text-small {
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 2px !important;
  width : 200px;
}

.mail-box-attach-box {
  white-space: nowrap;
  padding: 3px 10px 3px 0px;
  border:none !important;
}

.mail-box-attach-box input {
  padding: 0px;
}

.mail-box-button-box {
  white-space: nowrap;
  padding: 15px 0px 15px 0px;
}

.mail-box-button-box input{
  margin-right: 10px;
}

.mail-box-header-title-icon-color {
  color:#fbd398;
}

.mail-box-disable-font-color {
  color:#999;
}

.listmail-icon-color {
  color :#333333;
}

.correspon-customer-title {
  color: #2F8084;
  padding: 0 20px 5px 0;
}

/* 承認可ボタン */
.approvable-ico{
  padding:0 2px 0 2px;
  border-radius:2px;
  color:#fff;
  font-size:10px;
  line-height:1.5;
  background: #3366FF;
}

.announce-input-title {
    text-align: right;
    vertical-align: top;
    padding: 5px 10px 5px 5px !important;
    white-space: nowrap;
    width: 50px;
    border-style: solid;
    border-color: #bbbbbb;
    box-shadow:0 1px 0 0 #fff;
    border-width: 0 0 1px 0;
}

.announce-input-data {
    text-align: left;
    padding: 5px 10px 5px 5px !important;
    border-style: solid;
    border-color: #bbbbbb;
    box-shadow:0 1px 0 0 #fff;
    border-width: 0 0 1px 0;
}

.announce-input-title-no-border {
    text-align: right;
    vertical-align: top;
    padding: 5px 10px 5px 5px !important;
    white-space: nowrap;
    width: 50px;
}

.announce-input-data-no-border {
    text-align: left;
    padding: 5px 10px 5px 5px !important;
}

.gray-font{
    color: #444444;
}

/* 一括返信メール一覧 */
.list-multi-address-to-box {
  padding:0;
  border-radius:3px;
  border:1px solid #bbb;
  background:#fdfdfd;

}

/* 印刷 */
.tdSolidWaku{
  font-size: 10pt;
  border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}
.tdSolidWaku2{
  background-color: #FFFFCC;
  border-radius: 3px;
  font-size: 10pt;
  border-color: #BBBBBB;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}
.tdSolidUnderLineLabel{
  border-color: #FFFFFF #999999 #999999 #FFFFFF;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  white-space: nowrap
}
.tdSolidUnderLine{
  border-color: #FFFFFF #333333 #999999 #FFFFFF;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
}
.tdSolidUnderLine-noneborder{
  border-color: #FFFFFF #333333 #999999 #FFFFFF;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}
.tdDotWaku{
  font-size: 10pt;
  border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
  border-style: dotted;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  white-space: nowrap
}

.border-top {
  border-top:solid 1px #bbbbbb;
}

/* メールテンプレート */


.templete-header {
  background:#eaeaea;
  padding:10px;
  border-collapse: separate;
  border-top-left-radius:3px; !important;
  border-top-right-radius:3px; !important;
  border-bottom-left-radius:3px; !important;
  border-bottom-right-radius:3px; !important;
}

.templete-title {
  background:#eaeaea;
  font-size:16px;
  padding:5px 10px 5px 10px;
}

.templete-subject {
  border-top:solid 1px #bbbbbb;
  border-bottom:none;
  background:#ffffff;
  padding: 3px 5px 0px 10px;
}

.templete-body {
  border-bottom:solid 1px #bbbbbb;
  background: #ffffff;
  padding:10px;
}

.templete-footer {
  background:#e0e0e0;
}

.templete-table {
  border:solid;
  border-color:#bbbbbb;
  border-width:1px;
  border-collapse: separate;
  border-top-left-radius:3px; !important;
  border-top-right-radius:3px; !important;
  border-bottom-left-radius:3px; !important;
  border-bottom-right-radius:3px; !important;
}

.templete-recomend-font {
  font-size:x-small;
  font-weight:normal;
  color:#333333;
}

.templete-textbox {
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 5px !important;
}

.template-explain {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.template-explain label {
    flex: 0 0 auto;
}
.template-explain div {
    flex: 1 1 auto;
    word-break: break-all;
    line-height: 19px;
}
td.template-keyword-label {
  border-style: none;
  line-height: 20px;
  vertical-align: top;
  padding-right: 4px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
td.template-keyword {
  border-style: none;
  line-height: 20px;
  padding: 0px;
}

.template-h1-title {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 15px;
  padding-right: 15px;
}

/* 本文一括表示 */
.gray-box-view-mail table.all-view {
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

/* リンクボタン（小）ラベル */
.label-btn-mini {
  padding: 0px 8px 0px 10px;
  font-family: Meiryo, sans-serif;
}

/* WAPI */
.wapi-load-msg {
  font: bold medium;
  color: #101010;
  border-radius: 3px;
}
.wapi-disable {
  color: gray;
}
.wapi-h1-title{
}
.wapi-header {
  font-size: 12px;
  font-weight: normal;
}
/*// WAPI */

/* 検索条件入力エリア */
.search-condition-box {
  background:#eaeaea;
  padding:10px;
  border-collapse: separate;
  border-top-left-radius:3px; !important;
  border-top-right-radius:3px; !important;
  border-bottom-left-radius:3px; !important;
  border-bottom-right-radius:3px; !important;
}

.search-result-box-title {
  font-size:16px;
  font-weight:bold;
  padding:5px 10px 5px 0px;
}

/* パスワード設定 */
div.enablePwdString{
  padding:5px 10px;
  border-radius:3px;
  border:1px solid #88c5e5;
  background:#FFFFFF;
  margin:5px 0 0 0;
  width:350px;
  text-align:center;
}

div.enablePwdStringPC{
  padding:5px 10px;
  border-radius:3px;
  border:1px solid #88c5e5;
  background:#FFFFFF;
  margin:5px 0 0 20px;
  width:300px;
  text-align:center;
}

/* 権限パターンの設定 */
.permPatternRightDark {
  border-color: #999999;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px
}

.permPatternLight {
  border-color: #EEEEEE #CCCCCC #999999 #DDDDDD;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px
}

.permPatternLeftDark {
  border-color: #EEEEEE #CCCCCC #999999 #999999;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px
}

.permPatternV {
    border-right: solid 1px #999999;
}
.permPatternBoldV {
  border-right: solid 2px #999999;
}
.permPatternBoldH {
  border-bottom: solid 2px #999999;
}

.permPatternHelpIconRow {
    border-top-color: #fafafa;
    border-top-style: solid;
    border-top-width: 1px;
}

.permChangeRow>td{
  background: #B8E2F0 !important;
}

.permItem {
  vertical-align: middle;
  text-align: center;
  padding: 4px!important;
}

.permItem:before{
  margin-top: -7px;
  margin-left: -4px;
}
#notice-view-perm{
  position: relative;
}
#notice-view-perm:before{
  top: 0;
  left: 0;
}

.permModifyItem {
  padding-left: 0px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
}

.rp-header {
  width:100%;
  height:24px;
  background-color: #F6F6F6;
}

.rp-body {
  height:100%;
  text-align: center;
  background-color: #FFFFFF !important;
}

.inquiry-title {
  text-align: right;
  vertical-align: top;
  padding: 5px 10px 5px 5px !important;
  white-space: nowrap;
  width: 50px;
  border-style: solid;
  border-color: #ddd;
  box-shadow:0 1px 0 0 #fff;
  border-width: 0 0 1px 0;
}

.inquiry-data {
  text-align: left;
  padding: 5px 10px 5px 5px !important;
  border-style: solid;
  border-color: #ddd;
  box-shadow:0 1px 0 0 #fff;
  border-width: 0 0 1px 0;
}

.inquiry-title-no-border {
  text-align: right;
  vertical-align: top;
  padding: 5px 10px 5px 5px !important;
  white-space: nowrap;
  width: 50px;
}

.inquiry-data-no-border {
  text-align: left;
  padding: 5px 10px 5px 5px !important;
}

.inquiry-form-title {
  font-size: 14px;
  padding-bottom: 10px;
  font-weight: bold;
}

.inquiry-dial-data {
  font-size: 30px;
  font-weight: bold;
}

.tmpl-set-focus-list td:hover {
  background-color: #c8c8c8;
}

.tmpl-set-focus-list a:hover {
  text-decoration: none;
}

.tmpl-set-list {
  background-color: #DDDDDD;
}

.qa-cate-top-list {
  background-color: #DDDDDD;
}

.qa-cate-tree-list a:hover{
  background-color: #c8c8c8;
  text-decoration: none;
}

.qa-cate-tree-list td{
  padding: 1px 0px;
  background-color: #fafafa;
}

.example-box {
  white-space: nowrap;
  padding: 2px 6px;
  margin: 2px 0 10px 0px;
  border: 1px dotted #999999;
  background: #FFFFFF;
}

.example-box-dashed {
  white-space: nowrap;
  padding: 10px;
  margin: 2px 0 10px 0px;
  border: 1px dashed #bbb;
  background-color: #eeeeee;
}

.tdSolidLeftLine {
  width: 100%;
  padding-left: 10px;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #ddd;
}

div.popup-attach-file a {
  display: block;
  font-size: 12px;
  line-height: 2;
  text-decoration: none;
  transition: all 0.05s ease 0s;
  padding: 0 5px;
}

div.popup-attach-file-delete span {
  font-size: 12px;
  line-height: 2;
  text-decoration: none;
  transition: all 0.05s ease 0s;
  padding: 0 0 0 5px;
}

div.popup-attach-file a,
div.popup-attach-file span.popup-attach-file-security,
div.popup-attach-file-delete div.attach-del-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.popup-attach-file-with-filesize div.popup-attach-file a,
table.popup-attach-file-with-filesize div.popup-attach-file span.popup-attach-file-security,
table.popup-attach-file-with-filesize div.popup-attach-file-delete div.attach-del-text {
  max-width: 250px;
}

div.popup-attach-file a:hover {
  background: #d8edff;
  border-radius: 5px;
}

div.popup-attach-file a .icon-ico_clip {
  font-size: 12px;
  vertical-align: middle;
}

div.popup-attach-file-delete span .icon-ico_clip_delete {
  display: inline;
  font-size: 12px;
  vertical-align: middle;
  padding: 0px;
}

.attachment-filename-with-checkbox:nth-child(odd) {
  width: 1px;
}

.attachment-filename-with-checkbox:nth-child(even),
.attachment-filename-without-checkbox {
  max-width: 200px;
  min-width: 200px;
}

.attach-cut-off {
  padding-right: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
}

.attach-cut-off.no-display-attachment-size {
  max-width: 97%;
}

@media all and (max-width: 1440px) {
  .attach-cut-off {
    max-width: 70%;
  }
}

@media all and (max-width: 1024px) {
  .attach-cut-off {
    max-width: 60%;
  }
}

.attach-filesize {
  font-weight: normal;
}

.attach-filesize.color-grey {
  color: #999999;
}

span.popup-attach-file-security {
  display: block;
  font-size: 12px;
  line-height: 2;
  text-decoration: none;
  transition: all 0.05s ease 0s;
  padding: 0 5px;
}

span.popup-attach-file-security .icon-ico_clip {
  font-size: 12px;
  vertical-align: middle;
}

.qti-mail-body pre {
  padding: 5px;
  margin: 5px 0 10px 0;
  line-height: 1.2;
}

.qti-mail-body span {
  padding: 5px;
  margin: 5px 0 10px 0;
}

.qti-mail-link-top {
  border-bottom: 1px solid #376092;
  padding: 3px 10px 23px 10px;
}

.qti-mail-link-bottom {
  border-top: 1px solid #376092;
  padding: 3px 10px 23px 10px;
}

.qti-comment-top-first {
  border: none;
  padding: 10px 0 0 0;
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
}

.qti-comment-top {
  border-top: 1px solid #bfbfbf;
  padding: 10px 0 0 0;
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
}

.qti-comment-body pre {
  padding: 5px 0 5px 0;
  margin: 10px 0 10px 0;
  line-height: 20px;
}

.attach-del-text {
  color: #aaa;
}

.megaphone {
  font-size: 18px;
  color: #66b2b9;
  vertical-align: middle;
}

.modify-print-setting > span {
  vertical-align: 1px;
}

.popwin {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.popwin_ico1 {
  font-size: 35px;
  color: #E66F85;
  margin: 0 15px 0 0;
}

.popwin_ico2 {
  font-size: 35px;
  color: #0B6CDA;
  margin: 0 15px 0 0;
}

.popwin h6 {
  font-size: 12px;
  color: #222;
  line-height: 1.3;
}

.popwin .grey-block {
  background: #EAEDEF;
  padding: 10px 12px;
  border-radius: 3px;
  line-height: 18px;
}

.popwin .display-onerow {
  width: 380px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.popwin .display-fiverows {
  width: 380px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.list-overflow-six-item {
  max-height: 90px;
  overflow-y: auto;
}

.list-overflow-six-item li{
  line-height: 18px;
  word-break: break-all;
}

/* フォルダ一覧、メール分類一覧、メールと電話応対の任意項目の設定 > 選択肢の設定 */
table.folderlist-table{
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #ccc;
}
table.folderlist-table th{
  background:#f0f0f0;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 2px;
  white-space:nowrap;
  text-align:center !important;
}
table.folderlist-table td{
  border:1px solid #ccc;
  background:#ffffff;
  padding:4px 6px;
}
table.folderlist-table tr.root>td{
}

/* table for mail_category */
table.mailcatelist-table {
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #ccc;
}
table.mailcatelist-table th {
  background:#f0f0f0;
  border:1px solid #ccc;
  padding:4px 2px;
  white-space:nowrap;
  text-align:center;
}
table.mailcatelist-table td {
  border:1px solid #ccc !important;
  background:#ffffff !important;
  padding:4px 6px !important;
  vertical-align:middle !important;
}

/*// フォルダ一覧、メール分類一覧、メールと電話応対の任意項目の設定 > 選択肢の設定 */

/*設定ウィザード*/
.wizard-wrap {
  margin: 0 auto;
  width: 640px;
}

.wizard-table {
  border-collapse: separate !important;
}

.wizard-table a{
  font-weight: bold;
}
.wizard-table th {
  background: #FCE9D9;
  border-top: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  padding: 5px 20px;
  text-align: left;
  font-weight: normal;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-color:#bbbbbb;
}

.wizard-table td {
  background: #FFFFFF;
  padding: 5px 20px;
  text-align: left;
  font-weight: normal;
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-color:#bbbbbb;
}

.wizard-table-option th {
  background: #FFFFD9;
}

.wizard-option-title {
  font-weight: bold;
  margin: 10px 0px 6px 2px;
}

.wizard-arrow {
  height: 23px;
  text-align: center;
  color: #FAC090;
}

.wizard-title {
  display: flex;
  flex-wrap: nowrap;
  width: 640px;
}

.wizard-title-nowrap {
  white-space: nowrap;
}

.wizard-startup-btn {
  font-size:12px;
  font-weight: normal;
  margin-left: auto;
}

.wizard-title-boxname {
  flex: 1;
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
  margin-right: 5px;
  padding-top: 2px;
  word-break: break-all;
}

.auto-delete-caption-table {
  font-size: 10pt;
}

.auto-delete-caption-table {
  font-size: 10pt;
}

.auto-delete-caption-td-gray {
  background: #CCCCCC;
  border: solid 1px #999999;
  text-align: center;
  padding: 2px;
}

.auto-delete-caption-td-white-left {
  background: #FFFFFF;
  border: solid 1px #999999;
  text-align: left;
  padding: 10px;
}

.auto-delete-caption-td-white-center {
  background: #FFFFFF;
  border: solid 1px #999999;
  text-align: center;
  padding: 10px;
}

.auto-delete-caption-td-cyan-center {
  background: #CCFFFF;
  border: solid 1px #999999;
  text-align: center;
  padding: 10px;
}

.auto-delete-caption-td-arrow {
  text-align: center;
  padding: 2px;
  border:solid 0px;
}

.auto-delete-caption-box {
  padding:0;
  border-radius:3px;
  border:1px solid #bbb;
  background: #FFFFCC;
}

.vermilion {
  color: #ff3300;
}

/*Auto CLose Window*/
.auto-close-window {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}

.auto-close-body {
  width: fit-content;
  min-width: 290px;
  height: 111px;
  font-size: 14px;
  font-weight: bold;
  color: #248c27;
  background-color: #d3ecc3;
  padding: 15px;
  border-radius: 10px;
  display: inline-table;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.auto-close-body .fa {
  font-size: 35px;
  margin-bottom: 10px;
  margin-top: 20px;
}

/*.report-table（一覧系テーブル設定）*/
.report-table{
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #aaa;
  }
.report-table th{
  background:#e9e9e9;
  border:1px solid #aaa;
  border-bottom:1px solid #aaa;
  padding:4px 2px;
  white-space:nowrap;
  text-align:center !important;
}
.report-table td{
  border:1px solid #aaa;
  padding:4px 6px;
}
.report-table td.center{
  text-align: center;
}
.report-table td.header{
  background:#e9e9e9;
  border:1px solid #aaa;
  border-bottom:1px solid #aaa;
  padding:4px 2px;
  white-space:nowrap;
}
.report-table td.header2{
  background:#ccc !important;
  border:1px solid #aaa;
  border-bottom:1px solid #aaa;
  white-space:nowrap;
}

.report-table tr.border:nth-child(even) td{
  background-color: #FFFFFF;
}

.report-table tr.border:nth-child(odd) td{
  background-color: #F6F6F6;
}

.report-table tr.border td.header {
  background: #e9e9e9;
}

.report-table td.white {
  background: #ffffff;
}

.report-table tr.border td.report-gray1 {
  background: #F6F6F6;
}

.report-table tr.border td.report-gray2 {
  background: #EEEEEE;
}

.report-table tr.border td.report-gray25 {
  background: #E6E6E6;
}

.report-table tr.border td.report-gray3 {
  background: #DDDDDD;
}

.report-table tr.border td.report-gray35 {
  background: #D6D6D6;
}

.report-table tr.border td.report-gray4 {
  background: #CCCCCC;
}

.report-table tr.border td.report-gray5 {
  background: #BBBBBB;
}

.report-table tr.border td.report-gray6 {
  background: #999999;
  color: #FFFFFF;
}


.report-cond-title {
  font-size: 12px;
  padding: 3px;
  margin-right: 20px;
  text-align: right !important;
}


/* メール電話検索 */
#mailSearchTable tr td {
  padding:15px 5px 15px 5px;
}
#mailSearchTable tr td.top {
  padding:15px 5px 4px 5px;
}
#mailSearchTable tr td.middle {
  padding:4px 5px 4px 5px;
}
#mailSearchTable td.bottom {
  padding:4px 5px 15px 5px;
}
#mailSearchTable td.tdSolidUnderLine {
  border-color: #ddd;
  padding:4px 5px 15px 5px;
}
#mailSearchTable td.single {
  padding: 15px 5px 15px 5px;
}

.mailsearch-list-line {
  border-top: 1px solid #C0C0C0;
}

/* 顧客検索 */
span.crm-cond-guidance {
  background: #FFCC99;
}


/*ダイレクトメール*/
div.dm-path-no {
  white-space: nowrap;
  float:left;
  color:#333;
  background-color: #CCCCCC;
  font-size:12px;
  font-weight: normal;
  padding:5px;
  text-align: center;
  vertical-align: middle;
  height:16px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
div.dm-path-title {
  white-space: nowrap;
  float:left;
  display: inline-block;
  color: #333;
  background-color: #EAEAEA;
  font-size:12px;
  font-weight: normal;
  padding:5px 10px;
  text-align: center;
  vertical-align: middle;
  height:16px;
  border-left:none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
div.dm-path-no-active {
  font-weight: bold;
}
div.dm-path-title-active {
  background-color: #FFF5D5;
  font-weight: bold;
  color: #333;
}
div.dm-path-triangle {
  color: #777777;
}
.dm-search-table td.dm-cond-title {
  text-align: right;
  vertical-align: top;
  padding:5px 5px 5px 20px;
  border: none;
  box-shadow:none;
}
.dm-search-table td.dm-cond-value {
  vertical-align: top;
  padding:5px 5px 5px 10px;
  width: 100%;
  border: none;
  box-shadow:none;
}
.dm-search-table td.under-line {
  border-style: solid;
  border-color: #bbbbbb;
  box-shadow:0 1px 0 0 #fff;
  border-width: 0 0 1px 0;
}

/*大量のDM送信前警告*/
div.dm-send-warning {
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  padding: 5px;
  background-color: #FFCCFF;
  color: #404040;
}

/*// ダイレクトメール */

/*案件*/
.matter-table {
  border-collapse: separate;
}

.matter-radius {
  border: 1px solid #BBBBBB;
  border-radius: 5px;
}

.matter-border {
  border-collapse: collapse !important;
}

.matter-align {
  text-align: center !important;
}

/*QA*/
.ico-qa {
  padding:0px 2px;
  border-radius:2px;
  color:#fff !important;
  line-height:1;
}

.question {
  background: #78A7F0 !important;
}

.answer {
  background: #F29179 !important;
}

/*切替ラジオボックス*/
span.switch-radio-box {
  padding:1px 5px;
  border: none;
  border-radius:5px;
  margin-left: 5px;
}

span.switch-radio-box.on{
  color:#000000;
  background-color: #FFDDAA;
}

span.switch-radio-box.off{
  color:#000000;
  background-color: #DDDDDD;
}

span.switch-radio-box input{
  position:relative;
  top: 2px;
}

span.blink-icon {
  color: #cb4437;
}

.exclamation-icon {
  color: #cb4437 !important;
}

.top-box .display-inline-block {
   display: inline-block;
   vertical-align: middle;
 }

.va-minus1 {
  vertical-align: -1px;
}

.va-minus2 {
  vertical-align: -2px;
}

#personalSettingTable tr:last-child td {
  border: none;
  box-shadow:none;
}

#personalSettingTable .h4-title2.statusNotice.mt30 {
  margin-top: 30px;
}

.mail-print-vertical {
  vertical-align: -2px;
}

.cancel-button-mt {
  margin-top: 40px;
}

.cancel-link {
  font-size: 12px;
  padding-bottom: 0;
  border-bottom: 1px solid #0b6cda;
}

.cancel-link:hover {
  text-decoration: none;
}

.va-cancel-icon {
  vertical-align: -1px;
}

.attach-ng {
  color: #aaaaaa;
}

.guest-user {
  color: #faa21d !important;
}

.admin-user {
  color: #178272 !important;
}

.ml-8 {
  margin-left: -8px;
}

#md_dialog_close {
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
}

#md_dialog_close:hover {
  color: #eeeeee;
}

span.cmntstrng {
  font-weight: bold;
  color: #C7243A;
}

span.cmntweak {
  color: #444444;
  font-size: x-small;
}


/*顧客閲覧*/
.crm-box {
  padding:0;
  border-radius:3px;
  border:1px solid #bbb;
  background: #fafafa;
}

.crm-box .crm-head-title {
  background: #ebebeb;
  border-bottom: 1px solid #ccc;
}

.crm-box .crm-head-table th {
  background: #eeeeee;
  border-bottom: 1px solid #ccc;
  padding: 6px 8px;
  white-space: nowrap;
  font-weight: bold;
}

.crm-box .crm-head-table td {
  background: #fafafa;
  border: none;
  box-shadow:none;
  padding: 6px 8px;
  white-space: nowrap;
}

.crm-box .crm-head-table2 td {
  background: #eeeeee;
  padding: 6px 8px;
  white-space: nowrap;
}

.crm-box2 {
  padding:10px;
  border-radius:3px;
  border:1px solid #BBBBBB;
}

.crm-hr {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #666666;
  height: 1px;
}

/*顧客閲覧*/

textarea.comment {
  border-radius: 3px;
  border: 1px solid #bbbbbb;
  padding: 3px;
}

textarea.mail-comment {
  border-radius: 3px;
  border: 1px solid #bbbbbb;
  padding: 5px;
  line-height: 18px;
  width: 500px;
  min-width: 500px;
}

textarea.crm {
  width: auto;
}

textarea.check-keyword {
  width: 261px;
  border-radius: 3px;
  border: 1px solid #888888;
  padding: 3px;
}

textarea#urlMail {
  font-family: inherit;
  width: 100%;
}

h6.title-mail-url-label {
  padding: 0;
  font-size: 13px;
  margin-bottom: 10px;
}

h6.title-mail-url-label a.copy-link {
  float: right;
  margin-right: -9px;
}

/* ドラッグアンドドロップアップロード部品 */
div.md-uploader-form {
  margin-bottom: 5px;
}
/* ドラッグエリア */
div.md-uploader-form .md-uploader-drag-area,
div.md-uploader-form-line .md-uploader-drag-area-line {
  display: none;
  cursor: copy;
  position: absolute;
  background-color: #FAFAFA;
  border: 3px dashed #bbbbbb;
  border-radius: 8px;
  font-size: 12px;
  color: #376092;
  font-weight: bold;
}

div.md-uploader-form .md-uploader-drag-area div,
div.md-uploader-form-line .md-uploader-drag-area-line div {
  display: table;
}
div.md-uploader-form .md-uploader-drag-area span,
div.md-uploader-form-line .md-uploader-drag-area-line span {
  position: relative;
  top: -10px;
  margin-left: 10px;
}
div.md-uploader-form .md-uploader-drag-area p,
div.md-uploader-form-line .md-uploader-drag-area-line p{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/* ドラッグエリア - hover */
div.md-uploader-form .md-uploader-drag-area.hover {
  color: #000000;
  background-color: #DEEFFB;
}

div.md-uploader-form .md-uploader-itembox {
  margin-bottom: 5px;
}

div.md-uploader-form .md-uploader-input-box {
  margin-bottom: 10px;
}

/* メッセージ欄 */
div.md-uploader-form .md-uploader-msg, .md-uploader-notice {
  border:none;
  color: #ad6321;
  white-space:nowrap;
}

a.md-uploader-disabled {
  color: #bbbbbb;
}

div.md-uploader-form .md-uploader-item-load a {
  color: #444;
  cursor: default;
  text-decoration: none;
}

div.md-uploader-form div.md-uploader-input-div {
  border: 1px dashed #bbbbbb;
  border-radius: 4px;
  font-size: 12px;
  padding: 5px;
  cursor: pointer;
}
div.md-uploader-form div.md-uploader-input-div:hover {
  background-color: #DEEFFB;
}
div.md-uploader-form div.md-uploader-input-div>span {
  color: #3660A5;
  font-weight: bold;
}


/* メールボックスの詳細設定 > 基本設定 */
/* 引用の先頭　例文 */
#dateSample {
  font-family: "ＭＳ ゴシック", "MS Gothic";
  line-height:16px;
}

/* メール送信設定 送信言語の選択ボックス */
/* 枠 */
#select-lang-box, .select-column-box {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999999;
  padding: 5px 5px 15px 5px;
  background-color: #E4E4E4;
  margin-bottom: 10px;
}

#select-lang-box td, .select-column-box td {
  background-color: #E4E4E4;
}

.select-warning-column-box {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #999999;
  padding: 5px 5px 5px 5px;
  background-color: #E4E4E4;
}

.select-warning-column-box td {
  background-color: #E4E4E4 !important;
}

/* 移動アイコン */
#move-lang-ico {
  padding: 7px 3px 0px 8px;
}

#move-lang-ico span {
  color: #0375ae;
}

#move-lang-ico span:hover {
  color: #075190;
}

.bg-transparent {
  background-color: transparent !important;
}

span.auto-delete {
  background: #fdfdfd;
  border: 1px solid #000000;
}

span.disable-triangle-ico {
  color: #bbbbbb;
  display:inline-block;
  vertical-align:middle;
}


/* 顧客管理 > 問い合わせフォームの設定 > 基本設定 */
.qform-method-box {
  border: 1px solid #dddddd;
  border-radius: 2px;
  white-space: nowrap;
  width: 220px;
  margin-top: 4px;
}

.qform-method-box table {
  border-collapse: separate;
  width: 100%;
}

.qform-method-box td.title {
  padding: 2px !important;
  border-color: #FFFFFF #333333 #DDDDDD #FFFFFF;
  border-style: solid;
  border-width: 0px 0px 1px 0px !important;
  background-color: #E6E6E6;
}

.qform-method-box td.blank {
  padding: 10px 0px 10px 0px !important;
  background-color: #FFFFFF;
}

.qform-method-box tr td:not(.blank):not(.title) {
  padding: 2px !important;
  color: #333333;
  border-color: #FFFFFF #999999 #CCCCCC #FFFFFF;
  border-style: dotted;
  border-width: 0px 0px 1px 0px !important;
}

.qform-method-box tr:nth-child(even) td:not(.title):not(.blank) {
  background-color: #FFFFFF;
}

.qform-method-box tr:nth-child(odd) td:not(.title):not(.blank) {
  background-color: #EAEAEA;
}

.qform-method-box tr:last-child td {
  border-style: none;
}


/* 顧客管理 > 問い合わせフォームの設定 > 問い合わせフォームのデザイン編集 > デザインの編集 */
.qform-design-box {
  white-space: nowrap;
  border-radius: 2px;
  border: 1px solid #dddddd;
  background-color: #FFFFcc;
}

.qform-design-box .tdSolidWaku td {
  padding:0px 10px;
  background-color: #F6F6F6;
}

.qform-design-box .code-html {
  margin:5px 0px;
  color:#666666;
  font-family:Menlo, Monaco, Consolas, "Courier New", monospace;
}

/* データベースメンテナンス */
.db-maintain-box {
  margin:70px auto 0px auto;
  width:390px;
  font-size: 18px;
}

/* 電子署名 */
.key_area {
  overflow: hidden;
  background-color: #fffff0;
  border: 1px solid #bbbbbb !important;
}

.url_area {
  overflow: hidden;
  background-color: #fffff0;
  border: 1px solid #bbbbbb !important;
  width: 385px !important;
}

.sso_login_url_area {
  overflow: hidden;
  background-color: #fffff0;
  border: 1px solid #bbbbbb !important;
  width: 502px !important;
}

.client-delete-notice-list {
  display: block;
  list-style-type: disc;
  padding-left: 26px;
  margin: 2px 0px 10px 0px;
}

/* 承認フローの設定 */
table.approve-pattern.deleteResult {
  margin: 0px 0px 20px 0px;
  border-collapse: collapse;
  border: 1px #999999 solid;
  border-spacing: 0;
}

table.approve-pattern.deleteResult th {
  padding: 10px 20px;
  white-space: nowrap;
  text-align: center;
  background: #CCFFDD;
  border: #999999 solid;
  border-width: 0 0 1px 1px;
}

table.approve-pattern.deleteResult td {
  padding: 5px;
  border: 1px #999999 solid;
  border-width: 0 0 1px 1px;
  line-height: 1.5;
}

table.approve-pattern.deleteResult p {
  margin: 5px;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

table.approve-pattern-flow td.order {
  background-color: #DDDDDD !important;
  color: #666666;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

table.approve-pattern-flow td.group {
  background-color: #e9e9e9 !important;
  color: #333333;
  text-align: justify;
}

table.approve-pattern-flow td.users {
  background-color: #FFFFCC !important;
  text-align: justify;
}

table.approve-pattern-flow td.users div.groupUsers {
  width: 300px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  padding: 5px 10px;
}

.custom-tab-type-blue {
  background: #2C73B5;
}

/* メールと電話応対の状態の設定 / 状態の背景色の設定 Color Picker */
.status-colorpicker-color-pallet {
  overflow:hidden; /* for IE6 */
}
.status-colorpicker-color-pallet div{
  float:left;
  width:13px;
  height:13px;
  cursor:pointer;
  overflow:hidden; /* for IE6 */
  border:1px solid #666666;
  margin:1px;
}

.status-colorpicker-color-pallet .status-colorpicker-check-white {
  cursor:default;
  background:url(../img/check_white.gif) no-repeat;
}
.status-colorpicker-color-pallet .status-colorpicker-check-black {
  cursor:default;
  background:url(../img/check_black.gif) no-repeat;
}

.status-colorpicker-body {
  padding: 3px;
  background-color: #FFFAFA;
}

.status-colorpicker-body .contents {
  padding: 5px;
  background-color: #EEEEEE;
  border-top: 0px;
  border-right: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  border-left: solid 1px #bbb;
}

.status-colorpicker-body .contents .sample {
  padding: 2px;
  border: solid 1px #000000;
  font-weight: bold;
}

.status-colorpicker-icon-close {
  font-size: 16px;
  position: absolute;
  top: 2px;right: 10px;
}

.status-colorpicker-body .tab {
  padding: 2px 0px 0px 0px;
}

.status-colorpicker-body .tab .menu {
  padding: 2px 10px 1px 10px;
  border-left: solid 1px #bbb;
  border-top: solid 1px #bbb;
  border-right: solid 1px #bbb;
  border-bottom: 0px;
  border-radius: 3px 3px 0 0;
}

.status-colorpicker-body .tab .menu.selected {
  background-color: #EEEEEE;
  text-decoration: none;
}

.status-colorpicker-body .tab .menu.unselected {
  color: #0b6cda;
  cursor: pointer;
  text-decoration: none;
}

.status-colorpicker-body .tab td.selected {
  border-bottom: solid 1px #eee;
}

.status-colorpicker-body .tab td.unselected {
  border-bottom: solid 1px #bbb;
}

.status-colorpicker-body .tab .menu.unselected:hover {
  color: #075190;
  text-decoration: underline;
}

.status-colorpicker-body .tab .blank {
  border-bottom: solid 1px #bbb;
}

.disable-color, .disable-color * {
  color: #808080;
}
.disable-color .warning {
  color: #000 !important;
}
.command{
  overflow:auto;
  margin:4px 4px 4px 12px;;
  padding:4px !important;
  background:#EEE !important;
  color:#111;
  border:1px solid #BBB;
  font-family:Menlo, Monaco,Consolas, "Courier New", monospace;
  white-space: nowrap;
  word-wrap:normal;
  font-size:14px;
  line-height:1.5em;
}

.command-result{
  overflow:auto;
  margin:4px 4px 4px 12px;;
  padding:4px !important;
  background:#666 !important;
  color:#fff;
  font-family:Menlo, Monaco,Consolas, "Courier New", monospace;
  white-space: nowrap;
  word-wrap:normal;
  font-size:14px;
  line-height:1.5em;
}

.command-font {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.command-example {
  margin-left: 11px;
  margin-right: 4px;
  margin-top: 6px;
  background: #ffffff !important;
  color: black;
  border: solid #DDDDDD 1px;
  padding: 4px !important;
}

.command-blue {
  color: #6495ED;
}

.command-red {
  color: #B22222;
}

.command-yellow {
  color: #FFFF77;
}

.meiryo {
  font-family: Meiryo;
}


.status-delimiter {
  color: #BBBBBB;
}

.active-form-bgcolor {
  background-color: #FFF5D5 !important;
}

.active-form-bordercolor {
  border-color: #F57D12 !important;
}

.inactive-form-bgcolor {
  background-color: #EAEAEA !important;
}

.inactive-form-bordercolor {
  border-color: #DDDDDD !important;
}

.nopadding {
  padding: 0px !important;
}

.nomargin {
  margin: 0px !important;
}

/* button select color  */
.btn-color {
  margin-bottom:10px;
}
.btn-color .btn-color-radio {
  float:left;
  padding-top:4px;
}
.btn-color .btn-color-label {
  float:left;
}
.btn-color .btn-color-label .btn-color-block {
  height: 20px;
  margin: 0 2px;
  padding: 0;
  width: 40px;
  cursor:pointer;
  font-size:11px;
  border:1px solid #bbbbbb;
  border-radius:3px;
}
.btn-color-preview {
  padding: 0px 2px;
  width: 55px;
  height: 16.5px;
  cursor: auto;
  font-size: 10px;
  border-radius: 2px;
}
.yellow-box {
  padding: 0;
  border-radius: 3px;
  border: 1px solid #F9A527;
  background: #fffcd4;
}

.ys-uneditable-address {
  display: inline-block;
  min-width: 400px;
  padding: 2px;
}

.ys-uneditable-subject {
  padding: 2px;
  display: inline-block;
  width: 400px;
  white-space: normal;
  vertical-align: top;
}

/* html editor  */
#editorSwitch {
  width: 550px;
  height: 15px;
  text-align: right;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: visible;
}
#editorSwitch nobr {
  float: left;
}

#editorFooter {
  width: 550px;
  height: 15px;
  margin-top: 5px;
  white-space: nowrap;
  overflow: visible;
}

#editorFooter a {
  float: right;
}

.editorTitleMargin {
  margin-top: 20px;
}


/* html editor  */
.cke_combopanel
{
  height: 220px !important;
}

/* メール閲覧 */
a.view-mail-disable-link,
a.view-mail-disable-link:link,
a.view-mail-disable-link:visited,
a.view-mail-disable-link:hover {
  color: #bbbbbb;
  text-decoration:none;
  cursor:default;
}


/* HTMLメール - メール閲覧 */
a.html-mail-view-disable-link,
a.html-mail-view-disable-link:link,
a.html-mail-view-disable-link:visited,
a.html-mail-view-disable-link:hover {
  color: #bbbbbb;
  text-decoration:none;
  cursor:default;
}

div.html-mail-status-bar {
  background: #fff3cd;
  padding:5px;
  border-bottom:1px solid #bbbbbb;
  display:none;
}

a.html-mail-status-bar-close {
  float: right;
  color:#666;
  font-weight: bold;
}

td.html-mail-body.tdViewHtmlMail {
  background-color: #ffffff;
  border-bottom: 1px solid #ccc;
}

.html-mail-invisible {
  opacity: 0.0;
}

/* ユーザに関する設定 > 操作権限の設定  */
tr.trPermHilight td {
  background-color: #B8E2F0!important;
}

/* チャット関連 */
/* ユーザ画像*/
img.user-profile-normal {
  width: 80px;
  height: 80px;
}
img.user-profile-small {
  width: 30px;
  height: 30px;
}

/* 右メニュー */
.chat-right-menu-tab {
  color: #fff !important;
  border: 2px solid #3c8149;
  border-right: none;
  background-color: #3c8149;
  position: fixed;
  right: -1px;
  top: 37px;
  width: 45px;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
  z-index: 302;
  box-shadow: 0px 0px 10px rgba(34,79,81,0.2);
  transition: all 0.13s ease-in-out 0s;
  padding: 5px 0px;
}
.chat-right-menu-tab.offline #chattab-icon {
  font-size: 29px;
}
.chat-right-menu-tab.offline #chattab-badge-count {
  display: none !important;
}
.chat-right-menu-tab.offline #chattab-title {
  display: none !important;
}
.chat-right-menu-tab.offline {
  border-color: #C7233B;
  background-color: #C7233B;
  padding: 5px 0px;
}
.chat-right-menu-tab.offline:hover {
  border-color: #931A2C;
  background-color: #931A2C;
}
.chat-right-menu-body {
  color: #333 !important;
  border: 1px solid #ccc;
  border-right: none;
  background-color: #FFFFFF;
  position: fixed;
  right: -350px;
  top: 30px;
  width: 350px;
  border-radius: 5px 0px 0px 5px;
  z-index: 301;
  box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
.chat-right-menu-tab:hover {
  border: 2px solid #286533;
  border-right: none;
  background-color: #286533;
  box-shadow: 0px 0px 10px rgba(34,79,81,0.2);
}
.chat-right-menu-tab .icon-ico_comment {
  font-size:21px;
  display:block;
  margin-bottom:3px;
}

.btn_close{
  padding:2px 0 0 0;
  text-align:center;
  display:inline-block;
  font-size:20px;
}
.btn_close span{
  padding:0;
  margin:0;
  color:#7c8c92;
}
.btn_close span:hover{
  color:#3d6f82;
}
.btn_close span:active{
  color:#2a3e46;
  background:#fff;
  border-radius:5px;
}
.btn_close_disconnected{
  padding:2px 0 0 0;
  text-align:center;
  display:inline-block;
  font-size:20px;
}
.btn_close_disconnected:hover{
  background-color:#333;
}
.btn_close_disconnected span{
  padding:0;
  margin:0;
  color:#eee;
  background-color:#777;
}
.btn_close_disconnected span:hover{
  color:#eee;
  background-color:#777;
}
div.chat-right-menu-blocker {
  opacity: 0;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 300;
  display: none;
}
.chat-right-menu-body>div {
  margin: 0px;
}

.chat-right-menu-body .sec_navi {
  padding: 10px;
  font-size:13px;
  border-bottom:1px solid #ccc;
}

.chat-right-menu-body .sec_navi a{
  display:block;
}

.chat-right-menu-body #notification,
.chat-right-menu-body #notification-line {
  border-bottom:1px solid #aaa;
  background: #fdfcf9;
  color: #446a6c;
  padding:10px 10px 10px 14px;
  width:370px;
  line-height:1.8;
  cursor: pointer;
  font-size: 14px;
}

.chat-right-menu-body #notification span.newmail-num,
.chat-right-menu-body #notification-line span.new-line-num {
  color: #111;
}

.chat-right-menu-body #notification span.newmail-num.unread,
.chat-right-menu-body #notification-line span.new-line-num.unread {
  color: #c7243a;
  font-weight: bold;
}

.chat-right-menu-body #notification span.assignee-num,
.chat-right-menu-body #notification-line span.assignee-line-num {
  color: #111;
}

.chat-right-menu-body #notification span.assignee-num.unread,
.chat-right-menu-body #notification-line span.assignee-line-num.unread {
  color: #c7243a;
  font-weight: bold;
}

.chat-right-menu-body #notification span.move-mailbox-num {
  color: #111;
}

.chat-right-menu-body #notification span.move-mailbox-num.unread {
  color: #c7243a;
  font-weight: bold;
}

.chat-right-menu-body #notification span.claim-num {
  color: #111;
}

.chat-right-menu-body #notification span.claim-num.unread {
  color: #c7243a;
  font-weight: bold;
}

.chat-right-menu-body #notification span.comment-num,#notification span.htmlopen-num,
.chat-right-menu-body #notification-line span.comment-line-num {
  color: #111;
}

.chat-right-menu-body #notification span.comment-num.unread,#notification span.htmlopen-num.unread,
.chat-right-menu-body #notification-line span.comment-line-num.unread {
  color: #c7243a;
  font-weight: bold;
}

.chat-right-menu-body #notification:hover,
.chat-right-menu-body #notification-line:hover {
  background: none repeat scroll 0 0 #deeffb;
  text-decoration:none !important;
}

.chat-right-menu-body iframe {
  width: 100%;
  height: 450px;
  border-radius: 0px 0px 0px 5px;
}

#thread-contents{
  border-bottom:1px solid #aaa;
  padding:10px;
  width:100%;
  box-sizing: border-box;
  line-height:1.8;
}

#thread-contents.thread-msg {
  padding: 20px 0;
  font-weight: bold;
  font-size: 14px;
}

#thread-contents table{
  width:335px;
}

#thread-list {
  width: 100%;
  text-align: left;
}

#chattab-icon {
  font-size: 29px;
  text-align:center;
  display: block;
}
#chattab-title {
  font-size: 10px;
  text-align:center;
  display: block;
}
#chattab-badge-count {
  margin: 2px 11px 0px 0px;
  padding: 2px 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
  background: #f06553;
  position:absolute;
  top: 0px;
  right:27px;
}

.chattab-clip-bar {
  width:75px;
  top: 32px;
}
.chattab-clip-bar #chattab-icon {
  vertical-align: middle;
  font-size: 15px !important;
  display: inline;
}
.chattab-clip-bar #chattab-title {
  line-height: 25px;
  font-size: 10px !important;
  display: inline;
}
.chattab-clip-bar #chattab-badge-count {
  right:57px;
}

#thread-contents #thread {
  border-top: 1px solid #ddd;
}

#thread-list-contents-disconnected,
#thread-list-contents-connecting {
  font-size: 13px;
  padding: 10px 5px;
  border-bottom: 1px solid #ddd;
  color: #ffffff;
  transition: all 0.1s ease 0s;
  height: 100px;
  background-color: rgba(51,51,51,0.8);

}
.thread-list-contents {
  padding: 7px 10px;
  border-bottom: 1px solid #ddd;
  color:#1C73BE;
  transition: all 0.1s ease 0s;
}
.thread-list-contents a {
  display:block;
}
.thread-list-contents:hover {
  background: none repeat scroll 0 0 #deeffb;
  text-decoration:none !important;
}
.thread-list-contents:last-child {
  border-bottom: 0px;
}

.thread-list-contents .thread-name {
  width: 180px;
  max-width:180px;
  color: #446a6c;
  padding-top:3px !important;
}

.thread-list-contents .thread-group-name {
    font-size: 12px;
    color: #333;
    font-weight: bold;
}

.thread-list-contents .no_member{
  font-size:12px;
  font-weight:bold;
}

.thread-list-contents .thread-msg {
  width: 180px;
  max-width:180px;
  color: #444;
  padding-top:3px !important;
}
.thread-list-contents .thread-upddate,
.thread-list-contents .thread-isexit {
  white-space: nowrap;
  color: #446a6c;
}

.thread-list-contents .thread-upddate .icon-ico_logout{
  vertical-align:0.5px;
}

#thread-list .more{
  font-size:14px;
  text-align:center;
  font-weight:bold;
  background-image: url("/img/loader_body_pc.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
}
#thread-list .more:hover{
  background:none;
  text-decoration:underline !important;
}


.thread-list-next-page {
  display:block;
  padding:6px 15px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  font-size:13px;
  color:#333;
  background-color: #fafafa;
  text-align: center;

  background-image: url("/img/loader_body_pc.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px 20px;
}

#thread-list span.thread-unread {
  display: none;
  margin: 0px 0px 0px 5px;
  padding: 2px 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
  background: #f06553;
}
#thread-list span.thread-unread.enable {
  display: inline-block;
}

.new-chat-contents,
.chat-setting-contents {
  font-size: 14px;
}
.new-chat-contents span,
.chat-setting-contents span {
  font-size: 16px;
  vertical-align: middle !important;
  padding-left: 4px;
}

#tab-chat .new-chat-contents span.icon-ico_001_chat_balloon {
  vertical-align: top !important;
}



/* チャットの設定 */
.chat-setting-form {
  text-align: left;
}
#chat_settings_panel{
  margin: 0px 5px;
  text-align: center;
}

#chat_settings_panel table{
  text-align:left;
}

#chat_settings_panel table .h4-title2{
  margin-bottom:5px !important;
}

#chat_settings_panel table .panel_setting-contents{
  margin-bottom:5px !important;
  border-bottom:1px solid #ddd;
  padding-bottom:15px;
}
#chatSettingImgView{
  margin:0 10px 0 0;
  vertical-align:middle;
}
.panel_setting-btn {
  text-decoration: none !important;
  text-align: center;
  padding: 7px 5px !important;
  max-width:120px;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  border-radius: 3px;
  color: #fff !important;
  font-size:12px;
  background:#087577;
  border: 1px solid #087577;
  margin:5px 0 0 0;
  outline:none;
  width: 130px;
  height: 30px;
}
.panel_setting-btn:hover {
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
  background-color: #1d6667;
}
.panel_setting-btn:active {
  background-color: #387f80;
}

.btn_cancel{
  background:#999;
  border: 1px solid #898989;
}
.btn_cancel:hover{
  background-color: #787878;
}
.btn_cancel:active{
  background-color: #888;
}

.desktop-notification-setting-note{
  margin-bottom: 5px;
  color: #666666;
}




/* チャットのユーザ選択ダイアログ */
#md_dialog2.chat-user-dialog #chatCandidateList,
#md_dialog2.chat-user-dialog #chatMemberList {
  background-color: #e4eef0;
}
#md_dialog2.chat-user-dialog #chatMemberList>li {
  background-color: #ffffff;
}
#md_dialog2.chat-user-dialog #chatMemberList a:hover {
  text-decoration: none;
}
#md_dialog2.chat-user-dialog #chatCandidateListMsg>div {
  padding: 5px;
  font-size: 14px;
}

#md_dialog2.chat-user-dialog {
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
  border-radius: 5px;
  background:#fff !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#md_dialog2.chat-user-dialog .md-dialog2-close {
  margin-right: 5px;
}
#md_dialog2.chat-user-dialog .md-dialog2-body {
  background: none !important;
  padding: 0px !important;
}

#md_dialog2.chat-user-dialog .md-dialog2-main-table {
  margin-bottom: 0 !important;
  background:#fff;
}

.selected_user_bg{
  width:266px;
}

#md_dialog2.chat-user-dialog .md-dialog2-title{
  border-radius:4px 4px 0 0;
  font-size: 13px;
  min-height: 20px;
  width: 100%;
  color: #FFFFFF;
  text-align: left;
  padding:10px 0;
  background-color: #3c8149;
  margin:0 0 0 0;
  z-index:100;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.08);
}
#md_dialog2.chat-user-dialog .md-dialog2-subject{
  margin:0 10px;
}
#md_dialog2.chat-user-dialog .md-dialog2-close{
  padding-right:5px;
}


#md_dialog2.chat-user-dialog .selected_user_list_next_page {
  display:block;
  padding:6px 15px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  font-size:13px;
  color:#333;
  background-color: #fafafa;
  text-align: center;

  background-image: url("/img/loader_body_pc.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
}

#md_dialog2.chat-user-dialog .selected_user_list {
  position: relative;
  display:inline-block;
  padding:10px ;
  text-align:left;
  background-color:#fff;
  border:6px solid #fff;
  margin: 10px 10px 5px 10px;
  border-radius: 7px ;
  box-shadow:0px 0px 1px 0px  rgba(0,0,0,0.15);
}

#md_dialog2.chat-user-dialog .selected_user_list:after, .selected_user_list:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
}
#md_dialog2.chat-user-dialog .selected_user_list:after {
  top: 98%;
  left:50%;
  border: 0px solid rgba(0,0,0,0.15);
  border-top: 18px solid #ccc; /*10px*/
}
#md_dialog2.chat-user-dialog .selected_user_list:before {
  top: 100%;
  left: 48%;
  border: 18px solid transparent;
  border-top: 15px solid #fff; /*13px*/
}
#md_dialog2.chat-user-dialog .selected_user_name span{
  padding:0 10px 10px 10px;
  display:inline-block;
  vertical-align:middle !important;
}
#md_dialog2.chat-user-dialog .ico_user_delete{
  padding:2px 0 0 0;
  text-align:center;
  display:inline-block;
  font-size:20px;
}
#md_dialog2.chat-user-dialog .ico_user_delete span{
  padding:0;
  margin:0;
  color:#7c8c92;
}
#md_dialog2.chat-user-dialog .ico_user_delete span:hover{
  color:#3d6f82;
}
#md_dialog2.chat-user-dialog .ico_user_delete span:active{
  color:#2a3e46;
  background:#fff;
  border-radius:5px;
}
#md_dialog2.chat-user-dialog .btn_chatstart{
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #ccc;
  box-shadow:0 4px 2px -2px  rgba(100,100,100,0.15) ;
}
#md_dialog2.chat-user-dialog #chatStart {
  text-decoration: none !important;
  text-align: center;
  padding: 7px 30px!important;
  cursor: pointer;
  display: block;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  border-radius: 3px;
  color: #fff !important;
  font-size:15px;
  background:#087577;
  border: 1px solid #087577;
  margin:0 0 0 0;
}
#md_dialog2.chat-user-dialog #chatStart:hover {
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
  background-color: #1d6667;
}
#md_dialog2.chat-user-dialog #chatStart:active {
  background-color: #065556;
}
#md_dialog2.chat-user-dialog #chatStart:focus {
  outline: none !important;
}
#md_dialog2.chat-user-dialog #chatStart.disable  {
  cursor: auto;
  background: #CBD5DC;
  border: 1px solid #CBD5DC;
  box-shadow: none;
}
#md_dialog2.chat-user-dialog #chatStart:focus, #chatStart.disable:focus {
  outline: none !important;
}
#md_dialog2.chat-user-dialog #chatMemberSearch_box{
  margin:10px 10px 0 10px;
  border:1px solid #95b9ba;
  padding:7px;
  background:#fff !important;
  clear:both;
  height: 20px;
}
#md_dialog2.chat-user-dialog #chatMemberSearch_box input{
  border:#fff !important;
  background:none !important;
  width:210px;
}
#md_dialog2.chat-user-dialog #chatMemberSearch_box input:focus {
  outline: none;
}
#md_dialog2.chat-user-dialog .user_profile_box{
  overflow:auto !important;
  height:357px;
  box-shadow:0 4px 2px -2px  rgba(100,100,100,0.15) inset ;
  text-align: left;
}
#md_dialog2.chat-user-dialog .result_message{
  text-align:center;
  padding:10px 10px 0 10px;
  color:#366;
  font-size:13px;
}
#md_dialog2.chat-user-dialog .user_profile {
  display:block;
  padding:6px 15px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;

  font-size:13px;
  color:#333;
  cursor:pointer;
  background-color: #fafafa;
}
#md_dialog2.chat-user-dialog .user_profile:first-child {
  border-top:1px solid #ccc;
}
#md_dialog2.chat-user-dialog .user_profile:hover{
  background:#dcf5ff;
  text-decoration: none;
}
#md_dialog2.chat-user-dialog .user_profile .icon-ico_008_user_plus{
  color: #83C6E1;
}


#md_dialog2.chat-user-dialog table {
  border-collapse:0 !important;
}

#md_dialog2.chat-user-dialog {
  margin:0 auto;
}

#md_dialog2.chat-user-dialog .md-dialog2-body {
  border-collapse:0 !important;
  background: none !important;
  padding: 0 !important;
  border-top:2px solid rgba(0,0,0,0.05);
}

#md_dialog2.chat-user-dialog .md-dialog2-main-table {
  margin-bottom: 0 !important;
  background: none;
}

#md_dialog2.chat-user-dialog #section_userlist{
  float:left;
  display:block;
  width:266px;
  background:#f0f0f0;
  border-left:1px solid #ccc !important;
  border-bottom:1px solid #ccc !important;
  border-radius:0 0  0 5px  !important;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.08);
}

#md_dialog2.chat-user-dialog #section_userchecked{
  float:right;
  display:block;
  width:266px;
  background:#fff !important;
  border-left:1px solid #ccc !important;
  border-bottom:1px solid #ccc !important;
  border-right:1px solid #ccc !important;
  border-radius:0  0 5px  0  !important;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.08);
  height: 413px;
}

#md_dialog2.chat-user-dialog .btn_chatstart2{
  padding:10px 0 11px 0;
}

#md_dialog2.chat-user-dialog .selected_user_name{
  display:block;
  background:#fff;
}
#md_dialog2.chat-user-dialog .selected_user_name_box{
  padding:10px 15px 0 15px;
  border-top:1px solid #ddd;
}
#md_dialog2.chat-user-dialog .selected_user_name_box ul{
  overflow:auto;
  background:#fff;
  padding:0;
  border-rasius:3px;
  height:342px;
  max-height:342px;
  border:1px solid #95b9ba;
}
#md_dialog2.chat-user-dialog .selected_user_name_box ul li{
  padding:6px 10px;
  border-bottom:1px solid #ddd;
  font-size:13px;
  color:#333;
}
#md_dialog2.chat-user-dialog .selected_user_name_box ul li .fleft{
  max-width:170px;
}
#md_dialog2.chat-user-dialog .selected_user_name_box ul li .fright{
  width:20px;
}

#md_dialog2.chat-user-dialog #searchView {
  width:250px;
  height:150px;
  overflow:auto;
  background-color: #eafffd;
  padding:5px;
}

#md_dialog2.chat-user-dialog .link_icon_prev{

}

/* デスクトップ通知 */
#desktopNotification {
  width: 360px;
  height: 100px;
  background-color: #cccccc;
}
#desktopNotification .notification-img {
  vertical-align: middle;
  text-align: center;
  width: 100px;
  height: 100px;
}
#desktopNotification .notification-title {
  vertical-align: top;
  padding: 2px;
  height: 16px;
  font-size: 16px;
}
#desktopNotification .notification-msg {
  vertical-align: top;
  padding: 2px;
  height: 76px;
  font-size: 12px;
  word-break: break-all;
  white-space: pre-wrap;
}

/* チャットウィンドウ */
#chat-container {
  max-height: 25px;
  position: fixed;
  right: 20px;
  top: auto;
  bottom: 0px;
  white-space: nowrap;
  height: 25px;
}
.chat-window {
  width: 275px;
  float: left;
  margin-left:5px;
  z-index: 100;
  position: relative;
  border: 1px solid #ccc;
  border-radius:5px 5px 0 0;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.cat-window-resize {
  z-index: 101;
}
.chat-title {
  border-radius:5px 5px 0 0;
  font-size: 13px;
  height: 25px;
  width: 270px;
  color: #FFFFFF;
  text-align: left;
  background-color: #3c8149;
  padding:0 5px 0 0;
}
.chat-window-min .chat-title {
  background-color: #666;
}

.chat-title.notification {
  background-color: #3E874C;
}
.chat-title-window {
  border: none;
  font-size: 13px;
  height: 25px;
  width: 100%;
  color: #FFFFFF;
  text-align: left;
  background-color: #3c8149;
  padding:0 5px 0 0;
  font-family:Meiryo, sans-serif;
}
.chat-title-window.notification {
  background-color: #3E874C;
}

.chat-title .chat-title-text,
.chat-title-window .chat-title-text {
  position: relative;
  top: -1px;
  margin: 5px 5px;
  width: 195px;
  max-width: 195px;
  min-height: 20px;
}

/* ポップアップ通知 / Popup notification */
.popup-notification .chat-title,
.popup-notification .chat-title-window {
  background-color: #295998;
}

.popup-notification-line .chat-title,
.popup-notification-line .chat-title-window {
  background-color: #D87D21;
}

.popup-notification.chat-window-min .chat-title {
  background-color: #5b7394;
}

.popup-notification-line.chat-window-min .chat-title {
  background-color: #D87D21;
}

.popup-notification .chat-title.notification,
.popup-notification .chat-title-window.notification {
  background-color: #2967bb;
}

.popup-notification-line .chat-title.notification,
.popup-notification-line .chat-title-window.notification {
  background-color: #D87D21;
}


.chat-window-min .chat-title-text {
  cursor: pointer;
}

.chat-btn-minimize ,
.chat-btn-window,
.chat-btn-close {
  height: 17px;
  width: 17px;
  margin-right:4px;
  cursor: pointer;
  float: right;
  text-align: center;
  line-height:17px;
}


.chat-btn-minimize * ,
.chat-btn-window *,
.chat-btn-close * {
  padding:4px;
  border-radius:2px;
}

.chat-btn-minimize *:hover ,
.chat-btn-window *:hover,
.chat-btn-close *:hover {
  background:#5f8587;
}


/* ポップアップ通知 / Popup notification */
.popup-notification .chat-btn-minimize *:hover ,
.popup-notification .chat-btn-window *:hover,
.popup-notification .chat-btn-close *:hover {
  background:#5d81b3;
}

#no-notification{
    border-radius:3px;
    padding:7px;
    color:#222;
    background:#C7C7C7;
    margin:0 0 15px 0;
    word-break: break-all;
    white-space: pre-wrap;
}

.chat-body {
  height: 360px;
  width: 100%;
  min-width: 275px;
  background-color: #ffffff;
  font-family:Meiryo, sans-serif;
}


.chat-body>* {
  width: 100%;
}

.chat-frame {
  height: 100%;
  width: 100%;
}

img.chatMenu {
  width: 300px;
  position: fixed;
  right: -250px;
  top: 30px;
  z-index: 102;

}

.chatMenu, #chatSearchMenu {
  padding: 4px 6px 3px 6px;
  background:#ededed;
  border-bottom:1px solid #ccc;
  font-size:12px;
}

#chatMenu #member-count{
  margin-left: 4px;
}
#chatMenuSearchBtn span, #chatMenuLeaveBtn span, #chatMenuUsersBtn span {
  font-size: 14px;
}
#chatMenuUsersBtn span {
  font-size: 16px;
}
#chatMenuUsersBtn #member-count {
  font-size: 13px;
}

#chatInput {
  width:93%;
  height: 80px;
  resize: none;
  padding:5px;
  line-height:1.3;
  font-family: Meiryo, sans-serif;
}
#chatInputTd {
  width:275px;
  height:93px;
  padding: 5px 5px 5px 5px;
  border-top:1px solid #ccc;
  background:#ededed;
}
#chatInputBtnTd {
  margin:0 !important;
  padding:0;
  text-align:center;
  vertical-align:top;
}

#chatView {
  width:100%;
  height:150px;
  overflow:auto;
  background-color: #fcfcfc;
}
#chatView>div {
  margin-left: 5px;
  margin-right: 5px;
}
#chatView>div:first-child {
  margin-top: 5px;
}

.noticeNewArrivalMessage {
  cursor: pointer;
  position: relative;
  opacity: 0.8;
  text-align: center;
  z-index: 9999;
  top: -40px;
  left: 0px;
  margin-bottom: -40px;
  display:block;
  padding:10px 0;
  background-color:#39ad42;
  border-radius: 3px ;
  box-shadow:1px 1px 5px 0px  rgba(0,0,0,0.4);
  color:#fff;
  font-size:13px;
}

#chatUploadAlertMessage {
  background-color: #000000;
  position: absolute;
  opacity: 0.8;
  text-align: center;
  display: block;
  top: 100px;
  left: 0px;
  width: 100%;
}

#chatUploadAlertMessage>div {
  margin: 10px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

.btn-chat-send {
  text-decoration: none !important;
  text-align: center;
  padding: 5px 12px !important;
  cursor: pointer;
  display: inline-block;
  min-width: 30px !important;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 3px;
  color: #333 !important;
  border: 1px solid #888888;
  background-color: #f1f1f1;
  background-image: linear-gradient(#f9f9f9, #f1f1f1, #f1f1f1);
}

.btn-chat-send:hover, .btn_clip a:hover {
  background-image: linear-gradient(#f5f5f5, #e8e8e8, #e8e8e8);
  text-decoration: none;
}
.btn-chat-send:active, .btn_clip a:active {
  box-shadow: rgba(0, 0, 0, .08) 0 0 10px inset;
}

.btn-chat-send-disable {
    text-decoration: none !important;
    text-align: center;
    padding: 5px 12px !important;
    cursor: pointer;
    display: inline-block;
    min-width: 30px !important;
    line-height: 20px;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: none;
    border-radius: 3px;
    color: #999 !important;
    border: 1px solid;
    border-color: #bbb;
    background-color: #ccc;
}

.btn_clip a{
  display: inline-block;
  width:30px;
  height:30px;
  background:#f1f1f1;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border:1px solid #888;
  text-align:center;
  margin:10px 0 0 0;
  font-size: 17px;
  color: #333;
}

.btn_clip a:hover{
  text-decoration: none;
}
.btn_clip a:active{
  border:1px solid #88bcbc ;
  box-shadow: none;
}

.btn_clip a span {
  position: relative;
  top: 6px;
}


#chatInputDiv,
#chatUploadDiv {
}

.member_out{
  border-radius:3px;
  padding:7px;
  color:#222;
  background:#ababab;
  margin:0 0 15px 0;
  word-break: break-all;
  white-space: pre-wrap;
}

.delete_msg{
  border-radius:3px;
  padding:7px;
  color:#222;
  background:#ccc;
  margin:0 0 15px 0;
  word-break: break-all;
  white-space: pre-wrap;
}

.member_in, .modify_title{
  border-radius:3px;
  padding:7px;
  color:#fff;
  background:#27abad;
  margin:0 0 15px 0;
  word-break: break-all;
  white-space: pre-wrap;
}

.chat_member01,.chat_member02{
  clear:both;
  margin-bottom:15px;
}

.chat_member01 .left,.chat_member02 .left{
  color:#446a6c;
  line-height:1.2;
  font-size:11px;
  margin-bottom:3px;
  padding:0 3px;
}
.chat_member01 .balloon_fleft{
  float:left;
  width:35px;
  text-align:left;
}
.chat_member01 .balloon_fright{
  min-width:178px;
  min-height:16px;
  padding: 5px 3px 5px 6px;
  border-radius:7px;
  background:#ddd;
  line-height:1.3;
  margin-left: 40px;
  word-break: break-all;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.chat_member02 .balloon_left{
  color:#446a6c;
  line-height:1.2;
  font-size:11px;
}
.chat_member02 .balloon_fleft{
  min-width:178px;
  min-height:16px;
  padding: 5px 6px 5px 3px;
  border-radius:3px;
  border-color: #cde6d1;
  background: #cde6d1;
  line-height:1.3;
  margin-right: 40px;
  word-break: break-all;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.chat_member02 .balloon-1-right:before {
  border-color: transparent transparent transparent #cde6d1;
}
.chat_member02 .balloon_fright{
  position: absolute;
  right: 0px;
  width:35px;
  text-align:right;
}
.chat-div-msg {
  word-break: break-all;
  white-space: pre-wrap;
}
.link-chattab-hover:hover {
  text-decoration: none;
  background: #deeffb;
}

.circle img{
  width:30px;
  height:30px;
  background:#aaa;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border:1px solid #fff;
}

.circle40px img{
  width: 40px;
  height: 40px;
  background: #aaa;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border: 1px solid #fff;
}


/* balloon-1 left */
.balloon-1-left {
  position: relative;
  color: #222;
  z-index: 0;
  border:3px solid #ddd;
}
.balloon-1-left:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -10px;
  margin-top: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 11px 16px 11px 0;
  border-color: transparent #ddd transparent transparent;
  z-index: 0;
}

/* balloon-1 right */
.balloon-1-right {
  position: relative;
  color: #222;
  z-index: 0;
  border:3px solid #b2e2f6;
}
.balloon-1-right:before {
  content: "";
  position: absolute;
  top: 9px;
  right: -10px;
  margin-top: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 11px 0 11px 16px;
  border-color: transparent transparent transparent #b2e2f6;
  z-index: 0;
}

.chat_trash_box {
  font-size: 12px;
  color: #b8bbc1;
  padding: 0px 5px;
  cursor: pointer;
  display:none;
}

.chat_member02:hover>div>.chat_trash_box:hover {
  color:#888;
  cursor: pointer;
}

.chat_member02:hover>div>.chat_trash_box {
  display:inline;
}

.spambox_highlight {
  background-color:#FFFF66;
  border:1px solid #F57D12 !important;
}

.circle25px {
  vertical-align:middle;
  width:25px;
  height:25px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}

.circle30px {
  vertical-align:middle;
  width:30px;
  height:30px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

#chatSearchResult {
  overflow:auto;
  background-color: #e9f4f7;
}

#chatSearchInput {
  margin:2px 0 5px 0 ;
  border:1px solid #95b9ba;
  /*padding:7px;*/
  padding: 4px 7px;
  background:#fff !important;
  clear:both;
  height: 20px;
  position: relative;
  border-radius: 2px;
}
#chatSearchInput .icon-ico_007_magnifier_right {
  position: absolute;
  left: 10px;
  top: 7px;
}

#chatSearchInput input {
  border:#fff !important;
  background:none !important;
}
#chatSearchInput input:focus {
  outline: none;
}

#chatSearchKeywordTxt {
  margin: 0px 0px;
  width: 100%;
  padding-left: 20px;
  box-sizing: border-box;
}
#chatSearchKeywordTxt.placeholder {
  color: #ccc;
}

#chatSearchResultList {
  overflow:auto;
  border-right:1px solid #ddd;
}

.search_listbox {
  display:block;
  color:#333 !important;
  border-bottom:1px solid #ddd;
  padding:10px 5px;
}
.search_listbox.disable{
  display:block;
  color:#333 !important;
  border-bottom:1px solid #ddd;
  padding:10px 5px;
}
.search_listbox.disable:hover{
  background:#fff;
}
.search_listbox:nth-child(odd) { /* 奇数番目の指定*/
  background:#fff;
}
.search_listbox:nth-child(even) { /* 偶数番目の指定*/
  background:#f9f9f9;
}
.search_listbox:hover {
  background:#dcf5ff;
  color:#666;
}
.search_listbox .fleft {
  padding-right:5px;
}

.search_listbox .fright {
  text-align:left;
  position: absolute;
  left: 40px;
  right: 10px;
}
.search_listbox .fright .name {
  color:#446a6c;
  line-height:1.2;
  font-size:11px;
  margin-bottom:3px;
  padding:0 3px 0 0;
  float:left;
}

.search_listbox .fright .date {
  color:#446a6c;
  line-height:1.2;
  font-size:11px;
  padding:0px;
  float:right;
}

.chat_search_keyword_highlight {
  font-weight:bold;
  color:#087577;
  vertical-align:baseline !important;
}


#chatSearchResultDetail {
  overflow:auto;
  /*background-color: #e9f4f7;*/
  background-color: #fcfcfc;
  padding:5px 0 5px 5px;
}

#chatSearchResultDetailList {
  border-right:1px solid #ddd;
  padding:0 5px 0 0;
}

.search_result_message {
  text-align: left;
  color: #366;
  font-size: 13px;
}

.md-chat-next30  {
  background-color:#eaeaea;
  color: #222;
}

.md-chat-loading-message {
  background-image: url("/img/loader_body_pc.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px 20px;
}

.chat_window_focusin {
  /*
  border: 2px solid #993333;
  */
  outline: none;
}
.waiting_mail_focusin {
  border: 1px solid #3366FF!important;
}


/*****************************************
チャット機能用UI グループ名の編集
******************************************/

#chatModifyTitleForm {
    padding:5px 0px;
    background:#ededed;
    border-bottom:1px solid #ccc;
    font-size:12px;
    height: 100%;
}

.chat-body #title_modify_box{
    margin:10px 20px 0px;
    border:1px solid #95b9ba;
    padding:0px;
    background:#fff !important;
    clear:both;
}
.chat-body #title_modify_box div{
    margin: 4px;
}
.chat-body #title_modify_box input{
    border: none;
    outline: none;
}

.chat-body #chatModifyTitleErrorMsg{
    text-align: left;
    margin:0px 5px 5px 5px;
    font-size: 13px;
    display: none;
    font-weight: bold;
}

.chat-body #chatModifyTitleBtn {
    text-decoration: none !important;
    text-align: center;
    padding: 1px 20px!important;
    cursor: pointer;
    display: block;
    line-height: 20px;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
    color: #fff !important;
    font-size:13px;
    background:#087577;
    border: 1px solid #087577;
    margin:30px 0px 0px 0px;
    width: 133px;
}

.chat-body #backToChatInvite.disable {
  color: #808080 !important;
  cursor: default;
  pointer-events: none;
}
.chat-body #backToChatInvite.disable:hover{
    background-color: #EDEDED;
}

/*****************************************
チャット機能用UI 参加中のユーザの一覧リスト表示/追加　画面
******************************************/
.chat-body #member_search_box{
  margin:2px 0 2px 0 ;
  border:1px solid #95b9ba;
  padding:0px;
  width:100%;
  text-align:left;
  background:#fff !important;
  clear:both;
}
.chat-body #member_search_box div{
  margin: 4px;
}
.chat-body #member_search_box input{
  border: none;
  outline: none;
}

.chat-body .member_preview_box{
  padding:5px;
  border-bottom:1px solid #ccc;
}
.chat-body #chatMemberList * {
  word-wrap:break-word;
  word-break: break-all;
}
.chat-body #chatMemberListDisplay>div>div>span:not(:first-child):before{
  content: ",";
  position: relative;
  left: -1px;
  height: 0;
  width: 0;
}
.chat-body #chatMemberList .join_in_sec{
  padding:2px 5px 2px 5px;
}
.chat-body #chatMemberList .join_in_sec .join_in{
  color:#5c9093;
  padding:1px;
  border-radius:2px;
}
.chat-body #chatMemberList .join_out_sec{
  padding:0 5px 0 5px;
}

.chat-body #chatMemberList .join_out_sec .join_out{
  padding:1px;
  color:#df752c;
}
.chat-body #chatMemberList .join_out_sec a .icon-ico_close{
  color:#888;
  font-size:15px;
  border-radius:2px;
  vertical-align:-1px;
  margin-top: 4px;
}
.chat-body #chatMemberList .join_out_sec a .icon-ico_close:hover{
  color:#333;
}
.chat-body #chatModifyTitleLink.disable {
  color: #808080 !important;
  cursor: default;
  pointer-events: none;
}
.chat-body #chatModifyTitleLink.disable:hover {
background-color: #FFFFFF;
}
.chat-body .user_profile{
  overflow:auto !important;
  max-height:280px;
}
.chat-body .user_profile {
  display:block;
  padding:6px 15px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  font-size:12px;
  color:#333;
  cursor:pointer;
}
.chat-body .user_profile.disable {
  display:block;
  padding:6px 15px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  font-size:12px;
  color:#333;
  cursor:pointer;
}
.chat-body .user_profile.disable:hover {
  background:#ffffff;
  text-decoration: none;
}
.chat-body .user_profile:first-child {
  border-top:1px solid #ccc;

}
.chat-body .user_profile:hover{
  background:#dcf5ff;
  text-decoration: none;
}
.chat-body .user_profile .icon-ico_008_user_plus{
   color: #83C6E1;
}

.chat-body .user_profile .icon-ico_008_user_plus.disable{
  color: #808080;
}

.chat-body .user_profile .img-ico_user_plus{
  vertical-align:-4px;
}
.chat-body .user_profile .circle25px{
  vertical-align:middle;
  width:25px;
  height:25px;
  background:#aaa;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border:1px solid #fff;
}

.chat-body #chatStart {
  text-decoration: none !important;
  text-align: center;
  padding: 1px 20px!important;
  cursor: pointer;
  display: block;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  border-radius: 3px;
  color: #fff !important;
  font-size:13px;
  background:#087577;
  border: 1px solid #087577;
  margin:5px 0 0 0;
}
.chat-body #chatStart:hover, .chat-body #chatModifyTitleBtn:hover {
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
  background-color: #1d6667;
}
.chat-body #chatStart:active, .chat-body #chatModifyTitleBtn:active {
  background-color: #387f80;
}
.chat-body #chatStart:focus, .chat-body #chatModifyTitleBtn:focus {
  outline: none !important;
}

.chat-body #chatStart.disable {
  text-decoration: none !important;
  text-align: center;
  padding: 1px 20px!important;
  cursor: auto;
  display: block;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 3px;
  color: #fff !important;
  font-size:13px;
  background:#7b8185;
  border: 1px solid #70797f;
  margin:5px 0 0 0;
  box-shadow: none;
  pointer-events: none;
}

.chat-body #chatModifyTitleBtn.disable {
  text-decoration: none !important;
  text-align: center;
  padding: 1px 20px!important;
  cursor: auto;
  display: block;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 3px;
  color: #fff !important;
  font-size:13px;
  background:#7b8185;
  border: 1px solid #70797f;
  margin: 30px 0 0 0;
  box-shadow: none;
}
.chat-body #chatModifyTitleBtn.disable:hover {
  background-color: rgb(123, 129, 133);
}
.chat-body .disable-reconnect {
  pointer-events: none;
  cursor: default;
  color: #808080 !important;

}
.chat-body .disable-reconnect:hover {
  background-color: #EDEDED;
  text-decoration: none;

}
.chat-body .disable-reconnect-clip {
  pointer-events: none;
  cursor: default;
  background-color: #808080;
}
.chat-body #chatStart:focus, #chatStart.disable:focus {
  outline: none !important;
}
.chat-body .icon-ico_008_user_plus {
  color: #83C6E1;
}
.chat-body .user_profile_box {
  overflow: auto;
}
.chat-body .selected_user_list_next_page {
  display:block;
  padding:6px 15px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  font-size:13px;
  color:#333;
  background-color: #fafafa;
  text-align: center;

  background-image: url("/img/loader_body_pc.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
}

/* Chat tab */
#chat-nav {
  width: 100%;
  clear: both;
  border-top: 1px solid #bbbbbb;
}

#chat-nav li {
  font-size: 13px;
}


#chat-nav .chat-nav-tab {
  text-align: center;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  margin-right: -1px;
  background-color: #f9f9f9;
  float: left;
}

#chat-nav li:first-child{
  border-left: none;

}

#chat-nav .chat-nav-tab.tab-active {
  background-color: #ffffff;
  border-bottom: none;
}

#chat-nav .chat-nav-tab.tab-active a {
  color: inherit;
  text-decoration:none;
  cursor:default;
}

.chat-nav-tab a {
  display: block;
  padding: 10px 0px;
  outline: none;
}

.chat-nav-font-icon {
  vertical-align: baseline;
}


/* End chat tab */

#chatDisconnectedDiv
, #chatReconnectingDiv {
  vertical-align: middle;
  background-position: center;
  text-align:center;
  position: absolute;
  text-align: center;
  margin-top: -120px;
  z-index: 9999;
  left: 0px;
  width: 100%;
  height: 100px;
  background-color: rgba(51,51,51,0.8);
  display:block;
  padding:10px 0;
  color:#fff;
  font-size:13px;

}

#chatDisconnectedDiv a {
  display:inline-block;
  color:#1c4a4c !important;
}
#chatDisconnectedDiv a:hover {
  background:none;
  text-decoration:underline !important;
}

#popupDisconnectedDiv
, #popupReconnectingDiv {
  vertical-align: middle;
  background-position: center;
  text-align:center;
  position: absolute;
  text-align: center;
  margin-top: -65px;
  z-index: 9999;
  left: 0px;
  width: 100%;
  height: 100px;
  background-color: rgba(51,51,51,0.8);
  display:block;
  padding:10px 0;
  color:#fff;
  font-size:13px;

}

#popupDisconnectedDiv a {
  display:inline-block;
  color:#1c4a4c !important;
}
#popupDisconnectedDiv a:hover {
  background:none;
  text-decoration:underline !important;
}

.btn_connect{
  background:#ddd;
  color:#1c4a4c !important;
  border: 1px solid #ccc;
}
.btn_connect:hover{
  background-color: #c8c8c8;
}
.btn_connect:active{
  background-color: #e6e6e6;
}

.all-approval-error-Mail-list-table {
  margin:10px 0;
  line-height:1.4;
  border-top:1px solid #ccc;
}
.all-approval-error-Mail-list-table > tbody > tr > th {
  background:#f0f0f0;
  border:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 6px;
  white-space:nowrap;
}
.all-approval-error-Mail-list-table > tbody > tr > td {
  border: 1px solid #ccc;
  padding: 3px 6px;
}

.dialog-table-list {
  border-collapse:collapse
}
.dialog-table-list > tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}
.dialog-table-list > tbody > tr:nth-child(even) {
  background-color: #f6f6f6;
}
.dialog-table-list > thead > tr > th {
  text-align:center;
  background-color: #cccccc;
  border:solid 1px #999999;
}
.dialog-table-list > tbody > tr > td {
  border:solid 1px #999999;
}

.approvalFlowBlock{
  text-align: right;
  margin-right: 20px;
}
.removeApprovalFlow{
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
}
.removeApprovalFlow>img{
  width: 10px;
}
.load-w {
  color:#eee;
  animation: spin 1.2s linear infinite;
}
@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/*****************************************
営業時間の設定 > 休日設定 画面
******************************************/

/*========================================================================
  横並び
======================================================================== */
.fw-float {
  overflow: hidden;
  *zoom: 1;
}
.fw-float > .fw-left {
  float: left;
}
.fw-float > .fw-right {
  float: right;
}

ul.fw-float,
ul.fw-float0,
ul.fw-float15,
ul.fw-float30 {
  overflow: hidden;
  *zoom: 1;
  margin: 0;
  padding: 0;
}
ul.fw-float li,
ul.fw-float0 li,
ul.fw-float15 li,
ul.fw-float30 li {
  float: left;
  margin-right: 7px;
}
ul.fw-float li.fw-right,
ul.fw-float0 li.fw-right,
ul.fw-float15 li.fw-right,
ul.fw-float30 li.fw-right {
  float: right;
  margin-left: 7px;
}
ul.fw-float li.fw-right:first-child,
ul.fw-float0 li.fw-right:first-child,
ul.fw-float15 li.fw-right:first-child,
ul.fw-float30 li.fw-right:first-child {
  margin-right: 0;
}
ul.fw-float li:last-child,
ul.fw-float0 li:last-child,
ul.fw-float15 li:last-child,
ul.fw-float30 li:last-child {
  margin-right: 0;
}

ul.fw-float0 > li {
  margin-right: 0;
}
ul.fw-float0 > li.fw-right {
  margin-left: 0;
}

ul.fw-float15 > li {
  margin-right: 15px;
}
ul.fw-float15 > li.fw-right {
  margin-left: 15px;
}

ul.fw-float30 > li {
  margin-right: 30px;
}
ul.fw-float30 > li.fw-right {
  margin-left: 30px;
}

/*========================================================================
  単色
======================================================================== */
.fw-cl-red {
  color: #cc3300;
}

.fw-cl-blue {
  color: #006CC4;
}

.fw-cl-green {
  color: #689C51;
}

/*========================================================================
  背景色
======================================================================== */
.fw-bg-white {
  background: #fff;
}

.fw-bg-red {
  background: #fedfdf;
}

.fw-bg-blue {
  background: #EEF9FF;
}

.fw-bg-green {
  background: #E2F2E3;
}

/*========================================================================
  wall
======================================================================== */
.fw-wall > .lo-body {
  border: 1px solid #bbb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.fw-wall > .lo-body > .lo-inner {
  background: #fafafa;
  padding: 15px;
}

/*========================================================================
  calender
======================================================================== */
.calender-wrap {
  padding: 0 15px;
}
.calender-wrap .fw-wall {
  margin-bottom: 15px;
}

.calender-summary {
  margin-bottom: 10px;
}

.calender-year-select {
  line-height: 35px;
}
.calender-year-select a {
  outline: none;
}
.calender-year-select strong {
  font-size: 15px;
}

.calender-day-select {
  padding: 7px;
  background: #fff;
  border: 1px solid #bbb;
}
.calender-day-select label {
  position: relative;
  display: block;
}
.calender-day-select label input[type="checkbox"] {
  position: absolute;
  top: 2px;
  left: 0;
}
.calender-day-select label .fw-keyword {
  margin-left: 18px;
}
.calender-day-select .fw-keyword-blank {
  display:inline;
  list-style-type:none;
  padding-left:15px;
  border-left: 1px solid #bbbbbb;
}

.calender-list {
  max-width: 880px;
}

.table-wrap {
  margin-bottom: 20px;
}
.table-wrap table.calender-table {
  border: 1px solid #bbb;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  background: #fff;
  font-size: 11px;
}
.table-wrap table.calender-table tr th,
.table-wrap table.calender-table colgroup th {
  padding: 3px;
  background: #eee;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  white-space: nowrap;
  font-weight: bold;
}
.table-wrap table.calender-table tr td,
.table-wrap table.calender-table colgroup td {
  padding: 2px 6px;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.table-wrap table.calender-table tr td.sun-title,
.table-wrap table.calender-table colgroup td.sun-title,
.table-wrap table.calender-table tr td.sun,
.table-wrap table.calender-table colgroup td.sun {
  color: #cc3300;
}
.table-wrap table.calender-table tr td.sat-title,
.table-wrap table.calender-table colgroup td.sat-title,
.table-wrap table.calender-table tr td.sat,
.table-wrap table.calender-table colgroup td.sat {
  color: #006CC4;
}
.table-wrap table.calender-table tr th:last-child,
.table-wrap table.calender-table tr td:last-child,
.table-wrap table.calender-table colgroup th:last-child,
.table-wrap table.calender-table colgroup td:last-child {
  border-right-width: none;
}
.table-wrap table.calender-table tr tbody:last-child td,
.table-wrap table.calender-table colgroup tbody:last-child td {
  border-bottom-width: none;
}
.table-wrap table.calender-table thead th,
.table-wrap table.calender-table thead td {
  text-align: center;
}
.table-wrap table.calender-table tbody td.sun-title,
.table-wrap table.calender-table tbody td.mon-title,
.table-wrap table.calender-table tbody td.tue-title,
.table-wrap table.calender-table tbody td.wed-title,
.table-wrap table.calender-table tbody td.thu-title,
.table-wrap table.calender-table tbody td.fri-title,
.table-wrap table.calender-table tbody td.sat-title {
  text-align: center;
}
.table-wrap table.calender-table tbody td.sun,
.table-wrap table.calender-table tbody td.mon,
.table-wrap table.calender-table tbody td.tue,
.table-wrap table.calender-table tbody td.wed,
.table-wrap table.calender-table tbody td.thu,
.table-wrap table.calender-table tbody td.fri,
.table-wrap table.calender-table tbody td.sat {
  text-align: right;
  cursor: pointer;
}
.table-wrap table.calender-table tbody td.sun:hover,
.table-wrap table.calender-table tbody td.mon:hover,
.table-wrap table.calender-table tbody td.tue:hover,
.table-wrap table.calender-table tbody td.wed:hover,
.table-wrap table.calender-table tbody td.thu:hover,
.table-wrap table.calender-table tbody td.fri:hover,
.table-wrap table.calender-table tbody td.sat:hover {
  background: #EEF9FF;
}
.table-wrap table.calender-table tbody td.fw-bg-red:hover {
  background: #ffbebe;
}

.table-yellow .column {
  background-color: #FFFFCC;
  border: solid 1px #999999;
  border-collapse: collapse;
}

.table-yellow .column-without-border {
  padding-left: 5px;
  border: none;
  background-color: transparent;
}

.table-callouternal {
  vertical-align: middle;
  border-collapse: collapse;
  display: inline-block;
  text-indent: 0px;
}

/* Mask Address */
.mask-address-container {
  position: relative;
  display: inline-block;
}

.mask-address-container-multi .mask-address-list li.mask-address {
  position: relative;
  margin: 1px 0px 1px 0px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #AAA;
  border-radius: 3px;
  background-color: #DDD;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  color: #333;
  line-height: 13px;
  cursor: default;
  white-space: nowrap;
  display: inline-block;
}

.mask-address-container-multi .mask-address-list li.mask-address-label {
  position: relative;
  margin: 1px 0px 1px 0px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #AAA;
  border-radius: 3px;
  background-color: #DDD;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  color: #333;
  line-height: 13px;
  cursor: default;
  white-space: nowrap;
  display: inline-block;
}

.mask-address-container-multi .mask-address-list li.mask-address .mask-address-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: transparent url("/img/close_white.gif") no-repeat;
  font-size: 1px;
}

.mask-address-container a {
  cursor: pointer;
}
.mask-address-container * {
  box-sizing: border-box;
}

#linkPrevNext {
    position: absolute;
    right: 15px;
}

.user-list-row {
  border-bottom: 1px solid #dddddd;
  padding: 4px 4px;
}

.user-list-first-row {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 4px 4px;
}

.attach-thumbnail {
  margin-bottom: 15px;
  display: table;
}

.attach-thumbnail > div {
  background-color:white;
  display:block;
  width:130px;
  height:130px;
  border:1px solid #aaa;
  position: relative;
}

.attach-thumbnail > div:hover {
  background-color:#DEEFFB;
  cursor:pointer;
  box-shadow: 0px 0 3px rgba(0,0,0,0.25);
}

.attach-thumbnail > div > img {
  display:block;
  max-width:110px;
  max-height:110px;
  text-align:center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.qaIconNew {
  background-color: #F29179;
  color: #FFFFFF;
}

.enqFormTable td {
  padding: 5px !important;
}

.enqFormTable .title{
  width: 150px;
  background-color: #e9e9e9;
  border: 1px solid #bbb;
  vertical-align: middle;
}

.enqFormTable .tdright{
  border-top: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #bbbbbb;
  background-color: #FFFFFF;
}

/* 無効アイコン */
span.ico-enq-disabled{
  padding:0 4px 0 4px;
  border-radius:2px;
  color:#fff;
  font-size:12px;
  background-color: #424242;
}

td.enq-disabled {
  background: #dddddd;
}

/*========================================================================
  Enquete Report
======================================================================== */

.enq-report-answer-percent {
  margin-right: 4px;
  font-weight: bold;
  color: #38525e;
}

.enq-report-answer-header{
  display: table;
  width: 100%;
  vertical-align: middle;
  border-bottom : 1px solid #DDDDDD;
  padding : 20px 0px 5px 0px;
}

span.enq-report-answer-detail {
  margin-left: 5px;
  font-size: 15px;
  font-weight: bold;
}

td.enq-question-title {
  vertical-align: top;
  font-weight: bold;
  font-size: 14px;
}

div.enq-report-question {
  padding: 25px 10px 25px 10px;
}
div.enq-report-question.hide {
  background-color: #E6E6E6;
}

div.answer-split{
  padding:0;
  border-bottom:1px solid #bbbbbb;
}

div.enq-report-month {
  display: table;
  vertical-align: top;
}

div.enq-report-month-title {
  width: 145px;
  text-align: right;
  margin-top: 10px;
  float: left;
  font-size: 14px;
}

div.enq-report-text-count {
  padding-top: 5px;
  font-size: 14px;
}

.noSelect {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

/*========================================================================
  Enquete Graph
======================================================================== */
span.enq-graph-point-label {
  font-size: 14px;
}

td#plan-label {
    padding: 0px 8px 0 5px;
}

.plan-box {
  display: block;
  padding: 2px 4px 2px;
  border: 1px solid #aaa;
  border-radius: 3px;
  font-size: 10px;
  color: #000;
  line-height: 1em;
  text-align: center;
}

.plan-1-1 {
  background-color: #f7ed9d;
  border-color: #C1B024;
}
.plan-1-2 {
  background-color: #cfe569;
  border-color: #95AF1C;
}
.plan-1-3 {
  background-color: #9adce1;
  border-color: #299098;
}

span.asta{
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
}

/*========================================================================
  Easy Start up
======================================================================== */
.startup {
  padding: 15px 20px 20px;
  border-radius: 3px;
  border: 1px solid rgb(192, 192, 192);
  background: rgb(250, 250, 250) none repeat scroll 0% 0%;
}
.startup-title {
  width: 326px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #14a154;
}
.pic-inline {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: -10px;
}
.fade {
  transition: all 0s ease 0s;
}
.fade:hover {
  opacity: 0.7;
  filter: alpha(opacity=60);
}

/* Easy Start up dialog */
#md_dialog2.easy-startup-dialog .md-dialog2-title {
  padding:10px 0;
}

#md_dialog2.easy-startup-dialog .md-dialog2-close {
  padding-right: 5px;
}

.password {
  font-family: "ＭＳ ゴシック", "MS Gothic", monospace;
}

/* Help balloon */
.help-tip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.help-tip:hover .help-balloon {
  display: block;
}

.help-balloon {
  display: none;
  position: absolute;
  top: -26px;
  left: 12px;
  padding: 13px;
  z-index: 11000;
}

.help-balloon-left-side .help-balloon {
  right: 12px;
  left: auto;
}

.help-balloon .balloon-body {
  width: 35em;
  background-color: #fff5d5;
  color: #000;
  padding: 20px;
  font-style: 12px !important;
  text-align: left;
  border: solid 1px #aaa;
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  white-space: normal;
  word-break: break-all;
  font-size: 13px;
  line-height: 1.3;
}
.help-balloon .balloon-body:after {
  display: block;
  content: "";
  position: absolute;
  top: 25px;
  left: 6px;
  background-color: #fff5d5;
  width: 14px;
  height: 14px;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.help-balloon-left-side .help-balloon .balloon-body:after {
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  right: 6px;
  left: auto;
}

.help-balloon h1 {
  font-size: 16px;
  margin: .5em 0;
}
.help-balloon p {
  margin: 10px 0;
}
.help-balloon a {
  color: #0375ae;
}
.help-balloon ul,
.help-balloon ol {
  margin: 10px 0;
  padding-left: 2em;
}
.help-balloon ul li {
  list-style-type: disc;
}
.help-balloon ol li {
  list-style-type: decimal;
}
.help-balloon .balloon-body *:first-child {
  margin-top: 0;
}
.help-balloon .balloon-body *:last-child {
  margin-bottom: 0;
}
.va-help-icon {
  display: inline-block;
  vertical-align: 2px;
}
.under-line-green {
  line-height: 12px;
  display: inline-block;
}

.help-balloon .balloon-body .balloon-body-col .fw-is-bold.c_black {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  color: #178272;
  font-size: 14px;
}
.help-balloon .balloon-body div+div {
  margin-top: 20px;
}

.red-corner:before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 3px;
  height: 3px;
  border-width: 3px;
  border-color: #e5597a;
  border-style: solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.draggable {
    cursor: url("/img/icon_grab.cur"), move;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.graph-cond-table-item {
    width: 200px;
    word-wrap:break-word;
    background:#e9e9e9;
    border:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px;
    text-align:left !important;
}

.graph-cond-table-center {
    width: 200px;
    word-wrap:break-word;
    border:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px;
    text-align:center !important;
}

.graph-cond-table-left {
    width: 200px;
    word-wrap:break-word;
    border:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px;
    text-align:left !important;
}

.sel_user_online:before{
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background-color: #39af1d;
  border-radius: 50%;
  margin-right: 4px;
}

.sel_user_offline:before{
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin-right: 4px;
}

.txt_user_online:after{
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background-color: #39af1d;
  border-radius: 50%;
  margin-right: 1px;
  margin-left: 1px;
}

.mailstatus_approval {
  background: #7381CC;
}

.mailstatus_returned {
  background: #7FBD51;
}

.mailstatus_reservation {
  background: #0192C3;
}

.img_user_online:after{
  content: "";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  background-color: #35ac19;
  border-radius: 50%;
  bottom: 0px;
  right: -7px;
  margin-right: 0px;
}

.img_user_online{
  display: inline-block;
  position: relative;
}

::placeholder {
  color: #CCCCCC;
}

/* IE */
:-ms-input-placeholder {
  color: #CCCCCC;
}

/* Edge */
::-ms-input-placeholder {
  color: #CCCCCC;
}

.nowrap {
  white-space: nowrap;
  display: inline-block;
}

.icon-ico_020_favorite_on {
  color: #F9A527;
}

.icon-ico_021_favorite_off {
  color: #4B4B4B;
}

.one-click-status{
  background-color: #e0e0e0;
  border-bottom: 1px solid #bbb;
  padding: 5px 10px 5px 10px;
  text-align: right;
}
.div_show_explanation {
  width: 420px;
  border-top: 1px solid #bbb;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-x: auto;
}

.dl-url-highlight {
  border: 1px solid #bbb;
  background-color: #ffff00;
}

.col-mail-status-width{
  width: 116px;
  max-width: 116px;
}

.display-content-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

label input[type="checkbox"],
label input[type="radio"] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

@media only screen and (max-width: 970px) {
  .narrow-padding {
    padding: 0 20px;
  }
}

#widgetAssistResult {
  position: absolute;
  left: -1px;
  top: 28px;
  z-index: 1000;
  display: none;
}

#assistResult {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #bbb;
}

#assistResult .resultRow {
  margin: 18px 0 0;
}

#assistResult .resultRow:first-child {
  margin-top: 0;
}

#assistResult .rowTitle {
  font-weight: bold;
}

.resultRowInner {
  padding: 16px;
  color: #333;
  border: 3px solid #eee;
  border-radius: 3px;
}

.resultRowScroller {
  width: 582px;
  max-height: 506px;
  overflow-y: auto;
  scrollbar-color: #747476 #F3F3F3;
  scrollbar-width: thin;
}

.resultRowScroller.has-scrollbar {
  padding-right: 16px;
  width: 566px;
}

.resultRowScroller::-webkit-scrollbar {
  width: 3px;
  background-color: #F3F3F3;
  border-radius: 2px;
}

.resultRowScroller::-webkit-scrollbar-track {
  background: transparent;
}

.resultRowScroller::-webkit-scrollbar-thumb {
  background-color: #747476;
  border-radius: 2px;
}

.resultRowItem {
  padding-bottom: 5px;
  margin-top: 8px !important;
  border-bottom: 1px dashed #eee;
}

.resultRowItem:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.resultRowAnswer {
  background: #f5f4f4;
  padding: 5px 10px;
  margin: 5px 0;
  border-radius: 5px;
  color: #787878;
}

.resultRowManyResult {
  color: #3497cc;
  padding-left: 37px;
  position: relative;
  display: block;
}

.resultRowManyResultIcon {
  color:#3497cc;
  position: absolute;
  left: 3px;
  font-size: 27px !important;
}

.wapi_maillist_html a .fa {
  margin:0 3px 0 2px;
  padding-top: 1px;
  font-size: 14px;
}

/* アンケートステータス表示 */
.enq-status-release {
  background-color: #E46C0A;
  color: #FFFFFF;
  padding: 0px 5px;
  font-weight: bold;
}
.enq-status-private {
  background-color: #63676F;
  color: #FFFFFF;
  padding: 0px 5px;
  font-weight: bold;
}

/* Agent mail icon */
.agent-mail-icon {
  vertical-align: -2px;
}
.agent-mail-icon-list {
  vertical-align: -2px;
}

.agent-rm-icon {
  vertical-align: -3px;
}

div.dp-popup {
  position: relative;
  background: #ccc;
  font-family: Meiryo, sans-serif;
  padding: 3px 4px 3px 3px;
  line-height: 1.2em;
}

.fa-comment {
  color: #000000;
}

.mailboxSplitter {
  color: #ccc;
}

/* 個人設定の一括変更 */
.userSettingPageButton {
  width: 80px;
}

.userSettingViewLabel {
  border: 1px solid #A0A0A0;
  border-left: 2px solid #A0A0A0;
  background-color: #cccccc;
}

.multiPersonalSettingId {
  background-color: #F6F6F6;
  padding: 4px;
}

.firstColumnOfCategory {
  border-left: 2px solid #A0A0A0;
}

.grayOut {
  background-color: #CCCCCC !important;
}

.bgColorWhite {
  background-color: #EEEEEE;
}

.multiPersonalSettingPermChangeRow>td {
  background: #B8E2F0;
}

.multiPersonalSettingDialog {
  max-height: 80px;
  overflow-y: auto;
}

.width30 {
  width: 30px;
}

.width100 {
  width: 100px;
}

.width150 {
  width: 150px;
}

.multiPersonalSettingViewItemName {
  vertical-align: top;
  text-align: center;
  padding: 4px;
  border-bottom: none;
}

.multiPersonalSettingAllLineCheckbox {
  vertical-align: top;
  text-align: center;
  padding: 4px;
  border-top: none;
}

.multiPersonalSettingCheckbox {
  position: relative;
  left: 5px;
}

#sbsLeftBlock th.thSendMailView,
#sbsLeftBlock td.tdSendMailView,
#sbsRightBlock th.thSendMailView,
#sbsRightBlock td.tdSendMailView {
  border-top: none;
}

#sbsRightBlock th.thSendMailView,
#sbsRightBlock td.tdSendMailView {
  border-left: none;
}

.user-information-form-text {
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 5px !important;
  width : 520px;
}

.user-information-form-zipcode-text {
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding: 5px !important;
  width : 50px;
}

.user-information-h5 {
  margin-left: 0px !important;
}

.user-information-need-document {
  font-weight: bold !important;
  margin-bottom: 5px;
}

.user-information-form-footer {
  width: 580px;
  padding: 30px 0px;
  margin: 0 auto 10px;
}

.user-information-form-data-no-border {
  text-align: left;
  padding: 5px 10px 5px 5px !important;
  width: 520px;
  word-break: break-all;
}

.user-information-form-data {
  text-align: left;
  padding: 5px 10px 15px 5px !important;
  border-style: solid;
  border-color: #ddd;
  box-shadow:0 1px 0 0 #fff;
  border-width: 0 0 1px 0;
  width: 520px;
  word-break: break-all;
}

.user-information-form-td {
   padding: 10px 0px !important;
}

.btn-user-information-form {
  font-size: 13px !important;
  padding: 10px 20px !important;
}

.user-information-form-border {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.user-information-form-privcacy {
  position: relative;
  top: -10px;
}

.user-management {
  padding-top:4px !important;
}

.user-management-button {
  padding-top: 2px !important;
  padding-bottom: 10px !important;
}

.gray-box th.thViewMail-approval {
  vertical-align: top;
  padding:5px 5px 5px 5px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #dddddd;
  background-color: #555555;
}

.gray-box-view-mail th.thViewMail-approval {
  vertical-align: top;
  padding:5px 5px 5px 5px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #dddddd;
  background-color: #555555;
}

.sorting-setting-display {
  background: #e9e9e9 !important;
  border-radius: 10px !important;
  padding: 2px 10px !important;
}

.sorting-condition-id {
  font-weight: normal;
  font-size: 11px;
  color: #888;
}

.mail-browsing-screen {
  width: calc(100% - 20px);
  padding: 10px;
}

.Lighten-font-color {
  color: #999999;
}

.text-related-link-position {
  padding-top: 20px!important;
}

.text-related-link-table {
  position: relative;
}

.text-related-link {
  position:absolute;
  right: 0;
  top:-18px;
}

.btn-normal {
  color: #333 !important;
  border: 1px solid #888888;
  background-color: #f1f1f1;
  background-image: linear-gradient(#f9f9f9, #f1f1f1, #f1f1f1);
}

.btn-form {
  font-size: 13px;
  text-decoration: none;
  text-align: center;
  padding: 1px 10px 0px 10px;
  cursor: pointer;
  display: inline-block;
  min-width: 70px;
  border-radius: 3px;
  text-decoration: none !important;
}

.btn-form-large {
  font-size: 15px;
  padding: 5px 10px;
  min-width: 160px;
}

.disable-row-height {
  line-height: initial;
}

.crm-form {
  padding: 15px 15px 0 15px;
}

.client-address {
  max-width: 300px;
  table-layout:fixed;
}

.basic-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  table-layout:fixed;
}

.basic-size {
  min-width: 380px;
}

.font-normal {
  font-weight: normal;
}

.sendReserve-container {
  width: 400px;
  padding-left: 6px;
}

/* Dialog show error auto save mail */
#autoSaveStatus span.label, #autoSaveError span.label {
  width: 80px;
  display: inline-block;
}

#autoSaveError {
  visibility: hidden;
  position: relative;
}

#autoSaveError span {
  color: #075190;
}

#autoSaveError span:hover {
  cursor: default;
  text-decoration: none;
}

#autoSaveError div.popup-error {
  width: auto;
  padding: 25px;
  display: inline-block;
  position: absolute;
  float: left;
  left: 210px;
  top: 0;
  cursor: default;
}

#cti_url {
  width: 900px;
  word-break : break-all;
}

.border-color-blue {
  border: 1px solid #8EBEFF !important;
}

.border-color-yellow {
  border: 1px solid #F1C40F !important;;
}

.border-color-red {
  border: 1px solid #E74C3C !important;;
}

.border-color-blue:after {
  border-bottom-color: #8EBEFF;
}

.border-color-yellow:after {
  border-bottom-color: #F1C40F;
}

.border-color-red:after {
  border-bottom-color: #E74C3C;
}

.suggestion-mention{
  overflow-y: auto;
  max-height: 350px;
  position: absolute;
  border: 1px solid #000;
  background-color: #fff;
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
}

.suggestion-mention-user{
  min-width: 100px;
  white-space: nowrap;
}

.suggestion-mention-user-selected{
  background-color: #3875d7;
  color: #fff;
}

.mention-myself {
  line-height: 12px;
  color: #FFFFFF;
  background: #FA8E03;
  padding: 2px 6px;
  border-radius: 10px;
  letter-spacing: 1px;
  display: inline-block;
}

.mention-other {
  line-height: 12px;
  color: #666666;
  background: #EEEEEE;
  padding: 2px 6px;
  border-radius: 10px;
  letter-spacing: 1px;
  display: inline-block;
}

.comment-box .mention-other {
  background: #FFFFFF;
}

.comment-edit-buttons a {
  display: inline-block;
  padding: 2px;
}

.not-use-openhtml {
  color: #ccc;
}

.not-use-openhtml:checked {
  color: #000;
}

.not-use-matter-list {
  color: #ccc;
}

.not-use-matter-list:checked {
  color: #000;
}

.setting-label-option-off {
  color: #bbbbbb;
}

.option-icon {
  position: relative;
  top: 2px;
}

.letterMore {
  width:100%;
  background:#fff;
}
.collapseMark{
  margin-top: 2em;
  margin-bottom: 1em;
  padding:0;
}
ul.letterMore-ui {
  margin:0;
  margin-top: 1.5em;
  padding:0;
  list-style: none;
  display:flex;
  flex-wrap:nowrap;
}
ul.letterMore-ui>li>a>img{
  display:block;
}

/*========================================================================
  Comment Reactions
======================================================================== */
.emoji-type-image.emoji-set-apple {
  background-image: url('/img/olive/reaction/apple-sheets-32.png') !important;
}

.emoji-type-image.emoji-set-facebook {
  background-image: url('/img/olive/reaction/facebook-sheets-32.png') !important;
}

.emoji-type-image.emoji-set-google {
  background-image: url('/img/olive/reaction/google-sheets-32.png') !important;
}

.emoji-type-image.emoji-set-twitter {
  background-image: url('/img/olive/reaction/twitter-sheets-32.png') !important;
}

.emoji-mart-preview .emoji-mart-preview-shortnames,
.emoji-mart-preview .emoji-mart-preview-emoticons {
  display: none;
}

/*========================================================================
  notice-balloon.js
======================================================================== */
 #notice-balloon-balloon_access_log {
   margin-left: -10px;
 }

/*========================================================================
 supportForm FAQ suggestion
======================================================================== */
#supportForm .faq-suggest {
  overflow: hidden;
  box-sizing: border-box;
  height: 0px;
  padding: 0 16px;
  background-color: #FFF;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0px 4px 4px 0px #00000026;
  transition: height 0.4s ease-in-out, margin 0.4s ease-in-out;
}
#supportForm .faq-suggest:has(.faq-suggest__circular, .faq-suggest__item) {
  margin: 10px 0;
}
#supportForm .faq-suggest:has(.faq-suggest__circular):not(:has(.faq-suggest__item)) {
  height: 36px;
}
#supportForm .faq-suggest:has(.faq-suggest__item) {
  height: 196px;
  padding-bottom: 12px;
}

#supportForm .faq-suggest.is-overflow {
  min-height: max-content;
}

#supportForm .faq-suggest__inquiry {
  width: 100%;
  height: 65px;
  box-sizing: border-box;
}

#supportForm .faq-suggest__header  {
  display: flex;
  gap: 10px;
  min-height: 36px;
  color: #0B6CDA;
  font-weight: bold;
  line-height: 1;
  align-items: center;
}

#supportForm .faq-suggest__list {
  display: none;
  box-sizing: border-box;
  min-height: 148px;
  padding: 10px 12px;
  background-color: #E8F5FF;
  border-radius: 3px;
  list-style: none;
  line-height: 1.8;
}
#supportForm .faq-suggest__list:has(.faq-suggest__item) {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#supportForm .faq-suggest__item {
  display: none;
  margin: 0;
  padding: 0;
}
#supportForm .faq-suggest__item.is-show {
  display: block;
  animation: suggest-fade-in 0.4s ease-in-out forwards;
}
#supportForm .faq-suggest__item.is-hide {
  display: block;
  animation: suggest-fade-out 0.4s ease-in-out forwards;
}
#supportForm .faq-suggest__item > a {
  display: grid;
  grid-template-columns: 12px auto;
  gap: 4px;
  padding: 0 3px;
  min-height: 24px;
  align-items: center;
}
#supportForm .faq-suggest__item > a > svg {
  margin-top: -2px;
}

#supportForm .faq-suggest__circular {
  display: none;
  width: 18px;
  height: 18px;
}
#supportForm .faq-suggest__circular.is-show {
  display: block;
  animation: suggest-fade-in 0.4s ease-in-out forwards;
}
#supportForm .faq-suggest__circular.is-hide {
  display: block;
  animation: suggest-fade-out 0.4s ease-in-out forwards;
}

#supportForm .faq-suggest__circular-svg {
  animation: circular-rotate 2s linear infinite;
  height: 18px;
  width: 18px;
  position: relative;
}

#supportForm .faq-suggest__circular-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke: #0b6cda;
  stroke-width: 6;
  animation: circular-dash 1.5s ease-in-out infinite;
}

@keyframes suggest-fade-in  {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes suggest-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes circular-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes circular-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

#supportForm .faq-suggest.is-error .faq-suggest__list {
  background-color: #FFEAE9;
}

#supportForm .faq-suggest.is-error .faq-suggest__item {
  color: #C7243A;
}