/* ***** ヘッダ ***** */
#pcTopBody #barTd {
  border-bottom: solid 1px #D7DCE0;
}

#header .img-helper {
  display:none;
}
#header .btn-8:hover:not(:disabled) {/**/
  background-image: none;
  background:#ffd596;
}
#header .btn-notification {/**/
  background-image:none;
  background:#ffddaa;
  border:solid 1px #f9a527;
}
#header .btn-notification:before {
  font-family: "Font Awesome 6 Free";
  content: "\f164";
  font-weight:500;
  font-size:12px;
  margin-right:2px;
}
#barTxt {
  color:#666;
  top:-12px!important;
  line-height: 14px;
  /*color:#ffffff!important;  ※赤バックの時だけ白文字にできないか開発に相談　*/
}
#gnavi {
  padding-left:218px;
  border-bottom: 1px solid #EAEDEF;
  background: #fafafa;
}
.gnabi-color01,.gnabi-color02,.gnabi-color03,.gnabi-color04,.gnabi-color05,.gnabi-color06,.gnabi-color07,.gnabi-color08,.gnabi-color09 {
  color:#595f64;
}
#gnavi a span {
  display:block;
  font-size:18px;
  padding-bottom:3px;
}
#gnavi a span.icon-ico_mail_phone:before  {
  font-family: "Font Awesome 6 Free";
  content: "\f0e0";
  font-weight:500;
  font-size:18px;
}
#gnavi a span.icon-ico_customer:before  {
  font-family: "Font Awesome 6 Free";
  content: "\f118";
  font-weight:500;
  font-size:18px;
}
#gnavi a span.icon-ico_mail_direct:before  {
  font-family: "Font Awesome 6 Free";
  content: "\f1d8";
  font-weight:900;
  font-size:18px;
}
#gnavi a span.icon-ico_qa:before {
  content:"QA";
  font-size:17px;
  letter-spacing:-1px;
  font-weight:900;
}
#gnavi a span.icon-ico_report:before  {
  font-family: "Font Awesome 6 Free";
  content: "\f036";
  font-weight:900;
  font-size:18px;
}
#gnavi a span.icon-ico_report {
  transform: rotate(-90deg);
}
#gnavi a span.icon-ico_note:before  {
  font-family: "Font Awesome 6 Free";
  content: "\f24d";
  font-weight:500;
  font-size:18px;
}
#gnavi a span.icon-ico_matter_management:before  {
  font-size:18px;
}
#gnavi a ,#gnavi a:hover {
  display: block;
  font-size: 10.5px;
  margin: 0 0 0 0;
  text-decoration: none;
  color: #747A7E;
  width: 100px;
  height: 100%;
  padding: 4px 3px 3px 3px;
  transition: all 0.1s ease;
  cursor: pointer;
  position: relative;
  text-align: center;
  background:none;
  border: none;
}
#gnavi td>div {
  margin: 8px 9px 6px 0!important;
  position: relative;
}
#gnavi td>div:after{
  position: absolute;
  content: '';
  width: 1px;
  height: 34%;
  right: -5px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #dddddd;
}
#gnavi td:last-child>div:after {
  display:none;
}
#gnavi td>div a:hover ,#gnavi td>div a:hover span {
  color: #434446!important;
}

/* グロナビ */
#headermenu .fa-search:before {
  color:#626568;
}
#headermenu {
  background: #fafafa;
  height: 40px;
}
#headermenu select {
  color:#626568;
}
#headermenu .simple-search-btn {
  padding: 6px 0 4px 0 !important;
  min-width: 40px;
}
#headermenu a:link {
  color:#3971B5;
}
#headermenu .btn.p-bar {
  padding: 2px 4px 2px 4px !important;
}
#headermenu .simple-search-select::before {
  content: '▼';
  position: absolute;
  right: 6px;
  margin-top: 5px;
  color: #666666;
  pointer-events: none;
  font-size: 10px;
}
#headermenu .simple-search-period {
  color:#747A7E;
  background-image: none;
  background:#F7F8F9;
  padding: 2px 0 1px 5px;
  border-radius: 4px 0 0 4px;
}
#headermenu .fa-search:before {
  color:#747A7E;
}
#headermenu #switchAutoLoginWrapper  {
  color:#747A7E;
  font-size:11px;
}
#headermenu .simple-search-keyword {
  border-radius:0 4px 4px 0;
}

/* ***** サイド ***** */
#sideTd {
  background:#eaedef;
}
#pcTopBody #sideDiv {
  border-right: solid 1px #eaedef;
}
#sideTd .ui-resizable-e:after {
  display:none;
}
#left-menu .icon-ico_post_open, #left-menu .icon-ico_post_close {
  font-size:12px!important;
}
#left-menu .icon-ico_folder,#left-menu .icon-ico_010_spammail,#left-menu .icon-ico_trash_box,#left-menu .icon-ico_mail,#left-menu .icon-ico_folder_open {
  display:none;
}
.wrap-side,#left-menu,.left-menu-mailaddr {
  color:#747A7E;
  background-color: #EAEDEF !important;
}
.left-menu-mailaddr {
  padding: 5px 0px 5px 6px;
}
#left-menu b {
  font-weight:bold;
}
#left-menu .left-menu-focus table {
  position:relative;
}
#left-menu .left-menu-focus b {
  font-weight:bold;
}
#left-menu .left-menu-focus dd.folder-dd:last-child {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #2b2b2b;
  border-radius: 3.5px;
}
#left-menu .bg-addr-active,#left-menu .bg-white {
  background-color: #ffffff !important;
}
#left-menu dl {
  border-bottom: 1px solid #D7DCE0;
}
#sec {
  border:none;
  padding-top:0;
}
#left-menu .left-menu-badge-focus {
  border-radius:10px;
  color:#ffffff;
}
#left-menu .left-menu-focus .left-menu-badge-unfocus {
  background: #aaaaaa;
  color:#ffffff;
  font-weight:bold;
}
#left-menu .left-menu-badge-unfocus {
  border-radius:10px;
  background:#ffffff;
  color:#747A7E;
}
#left-menu .left-menu-normal {
  background:#EAEDEF;
}
#left-menu .footer {
  color:#999DA0;
  background:#EAEDEF;
  font-size:11px;
}
#left-menu dl:last-child {
  border:none;
}
#left-menu a:link {
  color:#626568;
}
#left-menu a.empty-trash {
  font-size:11px;
}
#left-menu div.left-menu-line {
  border-bottom: 1px solid #eaedef;
}
#left-menu .left-menu-mailaddr span {
  color:#747A7E;
}

/* 全体共通 */
#barTd a:hover {
  text-decoration:none;
}

/* ボタン */
#barTd .btn-1 {
  border:solid 1px #a4a8aa;
  background-image:none;
  text-shadow:none;
}
#barTd .btn-1:not(:disabled):active ,#barTd .btn-1:not(:disabled):active {
  box-shadow:none;
}
#barTd .btn-1:not(:disabled):hover {
  background-image:none;
  background:#F7F8F9;
}
/* ***** 一括操作メニュー ***** */
.gray-box-panel td.control-panel-title-bg {
  background-color: #EAEDEF;
}
.gray-box-panel #fwdMailTemplateSetID_down {
  margin-bottom:4px;
}
.gray-box-panel {
  border: 1px solid #BDC2C6;
}
.gray-box-panel td.control-panel-top-line {
  border-top: 1px solid #BDC2C6;
}
.gray-box-panel td.control-panel-title {
  border-right: 1px solid #BDC2C6;
}

.gray-box-panel .chosen-container-single .chosen-single {
  border: 1px solid #BDC2C6;
  border-radius:3px ;
}
.gray-box-panel .chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #BDC2C6;
  border-radius: 3px;
}
.gray-box-panel .chosen-container-multi .chosen-choices {
  border: 1px solid #BDC2C6;
  border-radius:3px ;
}
.gray-box-panel  select:disabled {
  border: solid 1px #EAEDEF!important;
  color: #BDC2C6;
}
.gray-box-panel select ,.gray-box-panel input ,.gray-box-panel textarea.comment{
  border: 1px solid #bbb;
  border-radius:3px ;
}
/* ***** メール一覧部分 ***** */
#wrap.mail-list-wrap {
  background-color:#ffffff;
  color:#333333;
}

/*プルダウン*/
.mail-list-wrap .chosen-container-single .chosen-single {
  border: 1px solid #BDC2C6;
  border-radius:3px ;
  padding:0px 3px;
  color:#333333;
}
.mail-list-wrap .chosen-container-active.chosen-with-drop {
  color:#333333;
}
.mail-list-wrap .chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #BDC2C6;
  border-radius:3px ;
  padding:0px 3px;
}
.mail-list-wrap .chosen-container-single .chosen-single div b {
  padding-top: 6px;
  color:#333333;
}
.mail-list-wrap .chosen-container-single .chosen-single div b i {
  font-size:10px;
}
.mail-list-wrap .chosen-container-single .chosen-single div {
  right:3px;
}

/*ボタン*/
.mail-list-wrap .btn-1 {
  border: 1px solid #a4a8aa;
}
.mail-list-wrap .btn, .mail-list-wrap .btn-mini {
  padding: 2px 10px 0px!important;
  line-height: 18px;
  border-radius:3px ;
}

/*タブ*/
.mail-list-wrap .mokoTabActive-mail {
  border-bottom: 1px solid #ffffff;
}
.mail-list-wrap .mokoTabActive-mail a {
  border-left: 1px solid #BDC2C6;
  border-top: 1px solid #BDC2C6;
  border-right: 1px solid #BDC2C6;
  border-radius:3px 3px 0 0 ;
}
.mail-list-wrap .mokoTabActive-mail a {
  padding: 10px 8px 8px 8px!important;
}
.mail-list-wrap .mokoTabActive-mail a span {
  font-weight:normal;
}
.mail-list-wrap .mokoTabActive-mail a:link,.mail-list-wrap .mokoTabActive-mail a:hover,.mail-list-wrap .mokoTabActive-mail a:visited {
  color:#333333;
}
.mail-list-wrap .mokoTab2 a, .mail-list-wrap .mokoTab2 .disable-color{
  background:#e0e5e8;
  border: 1px solid #e0e5e8;
  border-bottom:none;
  border-radius:3px 3px 0 0 ;
  padding: 9px 8px 7px 8px;
  margin-top:2px;
  color:#333333;
}
.mail-list-wrap .mokoTab2 a:hover,.mail-list-wrap .mokoTab3 a:hover{
  background:#eef3f6;
  border: 1px solid #e0e5e8;
  border-bottom:none;
}
.mail-list-wrap .mailList {
  border-radius:0 0 5px 5px;
  border-left: 1px solid #BDC2C6;
  border-bottom: 1px solid #BDC2C6;
  border-right: 1px solid #BDC2C6;
}
.mail-list-wrap .chosen-container-single .chosen-single,.mail-list-wrap .chosen-container-active.chosen-with-drop .chosen-single {
  width: calc(100% + 3px);
}
.mail-list-wrap .border-bottom {
  border-bottom: 1px solid #BDC2C6;
}
.mail-list-wrap .mokoTab2 {
  border-bottom: 1px solid #BDC2C6;
}
.mail-list-wrap .summary-link select {
  border: 1px solid #BDC2C6;
  border-radius:3px;
  padding:0 3px;
  color:#333333;
}

/*テーブル*/
.mail-list-wrap .mail-list-table {
  color:#333333;
}
.mail-list-wrap .mail-list-table th {
  position: relative;
  border:none;
  color:#454545;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  background:#f0f0f0;
}
.mail-list-wrap .mail-list-table th:first-child {
  border-left: 1px solid #e5e5e5;
}
.mail-list-wrap .mail-list-table th:last-child {
  border-right: 1px solid #e5e5e5;
}
.mail-list-wrap .mail-list-table th input {
  margin-left:-1px!important;
}
.mail-list-wrap .mail-list-table th a {
  color:#454545;
}
.mail-list-wrap .ui-resizable-e:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 50%;
  left:0;
  right:0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #cccccc;
}
.mail-list-wrap .mail-list-table th:last-child .ui-resizable-handle:before,.mail-list-wrap .mail-list-table th:last-child .ui-resizable-handle:after {
  display:none;
}
.mail-list-wrap .mail-list-table th.th-resize>p, .mail-list-wrap .mail-list-table-related th.th-resize>p {
  padding: 5px 6px 4px 8px;
  font-size:11px;
  background:#f0f0f0;
}
.mail-list-wrap .mail-list-table td {
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #d5d5d5;
}
.mail-list-wrap .mail-list-table td:first-child {
  border-left: 1px solid #e5e5e5;
}
.mail-list-wrap .mail-list-table td:last-child {
  border-right: 1px solid #e5e5e5;
}
.mail-list-wrap .mail-list-table td {
  padding: 4px 2px;
}

.mail-list-wrap .mail-list-table td input[type="checkbox"]{
  margin-left:4px;
}

.mail-list-wrap .mail-list-table td.mail-nodata {
  border:none;
}

/*** アイコンのTIP ***/
.qtip-contentWrapper {
  border-radius:0 5px 5px 5px;
}
pre, .qti-comment-top, .qti-comment-top-first,
pre.popup-commnent {
  color: #333;
}

/* メール本文 */
.qti-mail-link-top {
  border-bottom: 1px solid #dddddd;
}
.qti-mail-link-bottom {
  border-top: 1px solid #dddddd;
}

/* コメント表示 */
.qti-comment-top {
  border-top: 1px solid #dddddd;
}

/*** 全体共通 ***/
.mail-list-wrap a:hover {
  text-decoration:none;
}
.mail-list-wrap .mailstatus_receive {
  background: #d27313;
}
.mail-list-wrap .mailstatus_cosp {
  background: #50a24b;
}

/* ページタイトル */
.mail-list-wrap .h1-title {
  color:#333333;
}
.mail-list-wrap .h1-title .header-icon {
  display:none;
}

/* ラジオボタン */
.mail-list-wrap .radio-inline input[type=radio], .mail-list-wrap .radio input[type=radio] {
  position: absolute;
  margin-left: -25px;
  margin-top: 0px;
}
.mail-list-wrap input[type="radio"]:checked {
  background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#ffffff) );
}
.mail-list-wrap input[type="radio"] {
  -webkit-appearance: button;
  -moz-appearance: none;
  position: relative;
  margin: 0;
  border: 1px solid #775b30;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#ffffff) );
}
.mail-list-wrap input[type="radio"]:checked:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  background-color: #F39800;
}

/*** 新規メール ***/
.mail-create-wrap .gray-box ,.mail-create-wrap .mail-box {
  border: 1px solid #BDC2C6;
  background: #FAFAFA;
  color:#222222;
}
.mail-create-wrap .mail-box-underline {
  border-top: 1px solid #dddddd;
}
.mail-create-wrap .mail-box-topline {
  border-top: 1px solid #E5E5E5;
}
.mail-create-wrap .mail-box-button-box input {
  margin-right: 0px;
}
.mail-create-wrap div.md-uploader-form div.md-uploader-input-div>span {
  color: #0b6cda;
}

/* テンプレの備考 */
.mail-create-wrap .div_show_explanation, .mail-create-wrap .span_template_explanation {
  color:#666666;
  margin-top:8px;
  border-radius:3px;
  padding:5px 10px;
  border:1px dotted #ddd;
}


/*.mail-create-wrap .gray-box td {
  background: none;
}*/

/*** 全体共通 ***/
.mail-create-wrap a:hover {
  text-decoration:none;
}

/* プルダウン */
.mail-create-wrap select ,.mail-create-wrap .chosen-container-single .chosen-single ,.mail-create-wrap .chosen-container-multi .chosen-choices {
  border: 1px solid #BDC2C6;
  border-radius:3px ;
  padding:0 3px;
}
.mail-create-wrap .chosen-container-active.chosen-with-drop .chosen-single ,.mail-create-wrap .chosen-container-multi .chosen-choices {
  border: 1px solid #BDC2C6;
  border-radius:3px ;
}
.mail-create-wrap .chosen-container-multi .chosen-choices li.plus-field {
  padding: 1px 0 0 20px;
}

/*ボタン*/
.mail-create-wrap .btn-1 {
  border: 1px solid #a4a8aa;
  background-image:none;
  text-shadow:none;
}
.mail-create-wrap  .btn-mini {
  /*padding: 2px 5px 0px!important;
  line-height: 18px;*/
  border-radius:3px ;
}
.mail-create-wrap .btn-1:not(:disabled):active ,.mail-create-wrap .btn-1:not(:disabled):active {
  box-shadow:none;
}
.mail-create-wrap .btn-1:not(:disabled):hover {
  background-image:none;
  background:#F7F8F9;
}
.mail-create-wrap .btn-large {
  border-radius: 3px;
}

/* 戻るボタン */
.mail-create-wrap .btn-prev {
  border: 1px solid #a9c2e1;
  background-color: #c0d5ee;
  background-image: none;
  text-shadow: none;
  color:#333333!important;
}
.mail-create-wrap .btn-prev:not(:disabled):hover {
  background-image: none;
  background-color: #cee1f0;
}
.mail-create-wrap .btn-prev:not(:disabled):active {
  box-shadow: none;
}
.mail-create-wrap .btn-prev .label-btn-mini {
  padding: 0 2px 0 0;
}

/* ページタイトル */
.mail-create-wrap .h1-title {
  color:#222222;
}
.mail-create-wrap .h1-title .header-icon {
  display:none;
}

/*** 顧客情報の登録 ***/


/* 顧客一覧 */
.customer_info_wrap .gray-box {
  border: 1px solid #BDC2C6;
  background: #FAFAFA;
  color:#222222;
}
.customer_info_wrap .gray-box th {
  color:#454545;
}
.customer_info_wrap .bgdark td {
  background: #e1e1e1 !important;
}

/* 顧客情報（関連メールのある画面） */
.customer_info_wrap .mdtable2 th {
  background: #e9e9e9;
}
.customer_info_wrap .crm-box, .customer_info_wrap .crm-box2 {
  border: 1px solid #BDC2C6;
  color:#333;
}
.customer_info_wrap .crm-box .crm-head-table th {
  border:none;
}

/*** アイコンのTIP ***/
.qtip-contentWrapper {
  border-radius:0 5px 5px 5px;
}

/* メール本文 */
.qti-mail-link-top {
  border-bottom: 1px solid #dddddd;
}
.qti-mail-link-bottom {
  border-top: 1px solid #dddddd;
}

/* コメント表示 */
.qti-comment-top {
  border-top: 1px solid #dddddd;
}


/* プルダウン */
.customer_info_wrap select ,.customer_info_wrap .chosen-container-single .chosen-single ,.customer_info_wrap .chosen-container-multi .chosen-choices {
  border: 1px solid #BDC2C6;
  border-radius:3px ;
  padding:0 3px;
}
.customer_info_wrap .chosen-container-active.chosen-with-drop .chosen-single ,.customer_info_wrap .chosen-container-multi .chosen-choices {
  border: 1px solid #BDC2C6;
  border-radius:3px ;
}
.customer_info_wrap .chosen-container-multi .chosen-choices li.plus-field {
  padding: 1px 0 0 20px;
}

/*ボタン*/
.customer_info_wrap .btn-1 {
  border: 1px solid #a4a8aa;
  background-image:none;
  text-shadow:none;
}
.customer_info_wrap  .btn-mini {
  /*padding: 2px 5px 0px!important;
  line-height: 18px;*/
  border-radius:3px ;
}
.customer_info_wrap .btn-1:not(:disabled):active ,.customer_info_wrap .btn-1:not(:disabled):active {
  box-shadow:none;
}
.customer_info_wrap .btn-1:not(:disabled):hover {
  background-image:none;
  background:#F7F8F9;
}
.customer_info_wrap .btn-large {
  border-radius: 3px;
}
/*緑ボタン*/
.customer_info_wrap .crm-box input.btn-6, .customer_info_wrap .crm-box2 input.btn-6 {
  border: 1px solid #3E874C;
  /*background-image:none;*/
}
.customer_info_wrap .btn-6 {
  background-color: #389549;
  background-image: none;
  text-shadow: none;
}
.customer_info_wrap .btn-6:not(:disabled):hover {
  background-color: #4c9f5b;
  background-image: none;
  text-shadow: none;
}


/* ゴミ箱／削除ボタン */
.customer_info_wrap .btn-7 {
  color: #fff !important;
  border: 1px solid #63676F;
  background-color: #63676F;
  background-image: none;
  text-shadow: none;
}
.customer_info_wrap .btn-7:not(:disabled):hover {
  background-image: none;
  background-color: #757982;
}
.customer_info_wrap .btn-7:not(:disabled):active {
  box-shadow: none;
}

/* 戻るボタン */
.customer_info_wrap .btn-prev {
  border: 1px solid #a9c2e1;
  background-color: #c0d5ee;
  background-image: none;
  text-shadow: none;
  color:#333333!important;
}
.customer_info_wrap .btn-prev:not(:disabled):hover {
  background-image: none;
  background-color: #cee1f0;
}
.customer_info_wrap .btn-prev:not(:disabled):active {
  box-shadow: none;
}
.customer_info_wrap .btn-prev .label-btn-mini {
  padding: 0 2px 0 0;
}

/* ページタイトル */
.customer_info_wrap .h1-title {
  color:#222222;
}
.customer_info_wrap .h1-title .header-icon {
  display:none;
}

/*罫線*/
.customer_info_wrap .gray-box td.tdSolidUnderLine {
  border-color: #dddddd;
}

/*テキストボックス*/
.customer_info_wrap .gray-box input {
  border: 1px solid #bbb;
  border-radius:3px ;
  padding:1px 3px;
}
.customer_info_wrap #sp_fCond_text input {
  border: 1px solid #bbb;
  border-radius:3px ;
  padding:1px 3px;
}
/*crm-box2 顧客紐づけのテキストボックス*/
.customer_info_wrap .crm-box input[type="text"],.customer_info_wrap .crm-box2 input[type="text"] {
  border: 1px solid #bbb;
  border-radius:3px ;
  padding:1px 3px;
}

#header .btn-option {
  color: rgb(0,0,0) ! important;
  background-image: none;
  background: #ffddaa;
  border: solid 1px #f9a527;
}