body {
    background-color: #fff;
    font-size: 14px;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}


/* header */

.header-table-top .logo {
    background-color: #fff;
}

.header-table-top h1 {
    margin-left: 0px;
    font-size: 2.6vw;
}

.header-bottom {
    background-color: #cccccc;
}

.humburger.arrow_box::after {
    border-bottom-color: #cccccc;
}

.header-bottom .pulldown {
    background-color: #cccccc;
}

.header-bottom td {
    border: 1px solid #cccccc;
}

.header-bottom a {
    color: #fff;
    border: 1px solid #0a6bcc;
    background-color: #0a6bcc;
    font-weight: bold;
    font-size: 16px;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    background-image: url(../images/arrow_r3.png);
    background-repeat: no-repeat;
    background-position: left 8px center;
}

.header-bottom a:hover {
    border: 1px solid #0a6bcc;
    background-image: url(../images/arrow_ja.png);
    background-color: #fff;
    color: #000;
}


/* invert */

.header-bottom .invert a {
    background-color: #fff;
    color: #000;
    background-image: url(../images/arrow_ja.png);
}


/* pulldown */

.pulldown select {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size: 14px;
}


/* footer */

.footer {
    background-color: #0a6bcc;
}

.custom-footer-block a {
    color: #fff;
    font-size: 12px;
    font-family: "メイリオ";
}

.custom-footer-block p {
    color: #fff;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    border-top: 1px solid #fff;
}


/* provision, /service/provision */

.provTitle:before {
    background: url(../images/accordion_close_ja.png) no-repeat 0 0;
}

.provTitle.open:before {
    background: url(../images/accordion_open_ja.png) no-repeat 0 0;
}


/* font */

body h1 {
    font-size: 32px;
    font-weight: bold;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

body h2 {
    font-size: 24px;
    font-weight: bold;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    border-bottom: 2px solid #0a6bcc;
}

body h3 {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    background-color: #0a6bcc;
    padding: 2px 10px;
}

.button {
    background-image: url(../images/arrow_r6.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

.link-area .link-button {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}


/* border */

.hr-dashed {
    border: 2px dashed;
}

.information-table td {
    border-bottom: 1px solid #aaa;
}


/* サービスの境界線 */

fieldset {
    border-style: solid none none none !important;
    border-color: #191970 !important;
}


/* ご利用にあたってタイトル */


/* 適合宣言書ページタイトル */


/* 個人情報取り扱いページタイトル */


/* プライバシーポリシーページタイトル */

.terms .pageTitle,
.compliance .pageTitle,
.privacy .pageTitle,
.privacypolicy .pageTitle {
    border-top: 4px solid #333;
    border-bottom: solid 4px #F9F9F8;
    box-shadow: 0px -1px 0px 0px #e7e7e7 inset;
}


/* link */

.link-mark::before {
    background: url(../images/arrow_ja.png) no-repeat 0 0;
    -ms-background-size: 100%;
    background-size: 100%;
}


/* button */

#activationcode .button,
#paidcode .button,
#salecode .button {
    line-height: inherit;
}

.button {
    border: none;
    color: #fff;
    background-color: #006699;
    background-image: url(../images/arrow_r3.png);
}

.button:hover {
    background-color: #666;
    border: none;
    color: #fff;
}

.button:disabled {
    background-color: #bbb;
    background-image: none;
    color: #888;
}

.button.disabled {
    background-color: #bbb;
    background-image: none;
    color: #888;
    pointer-events: none;
}

/* info confirmation */

.info_table {
    border: 1px solid #0a6bcc !important;
}

.info_table_head_padding {
    border-left: 1px solid #fff;
    border-right: 1px solid #f2f2f2;
}

.info_table_head_padding.child {
    border-top: 1px solid #fff;
}

.row_head_back_color {
    background-color: #0a6bcc !important;
    color: #fff !important;
}

#infoconfpdftableform .ui-tabs-tab.ui-state-active {
    background-color: #0a6bcc !important;
}

#infoconfpdftableform .ui-tabs-tab.ui-state-active:hover {
    background-color: #0a6bcc !important;
}

#infoconfpdftableform .ui-tabs-tab a::before {
    background: url(../images/arrow_ja.png) no-repeat 0 0 !important;
    -ms-background-size: 100% !important;
    background-size: 100% !important;
}


/* 各種情報エリア */

td.info-area {
    background: url(../../../../themes/custom/szgl/images/supportTop_1.png) no-repeat;
    background-size: cover;
}


/* 各種サービスエリア */

td.service-area {
    background: url(../../../../themes/custom/szgl/images/supportTop_2.png) no-repeat;
    position: relative;
    background-size: cover;
}


/* PDFリンク共通 */

.cell_link {
    color: #fff;
    background-color: #006699;
}

.cell_link:hover {
    background-color: #666 !important;
}


/* 各種サービス事前準備 1段目リスト */

.list-premise>li:before {
    top: 21px;
}


/* 各種サービス事前準備 2段目リスト */

.list-premise-inside>li:before {
    top: 21px;
}


/* 各種サービス：ご注意 */

ul.note {
    color: red;
}


/* 約款系括弧なしOL */

ol.ol-non-bracket {
    padding-left: 1.3em;
    margin: 0;
}


/* 約款系括弧付きOL */

ol.ol-bracket {
    padding-left: 1.5em;
}

ol.ol-bracket>li {
    padding-left: 0;
    text-indent: -1.5em;
}


/* 個人情報取り扱い画面テキスト */

div[class^="privacyText"] {
    padding-left: 0em;
}


/* サポートトップ：リンクエリア */

.link-area {
    color: #fff;
}

.link-area h2 {
    border-bottom: 1px solid #fff;
}

.link-area .link-button {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
}

.link-area .link-button:hover {
    color: #fff;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.3);
}

.link-mark-w::before {
    background: url(../images/arrow_r3.png) no-repeat 0 0 !important;
    -ms-background-size: 100%;
    background-size: 100% !important;
}


/* 接続機器確認 */

.row_data_odd {
    background-color: #edf7f9 !important;
}

.row_data_even {
    background-color: #fff !important;
}

.pdf_data_month {
    background-color: inherit !important;
}

.info_table_data_padding:hover {
    background-color: #cfd9db !important;
}

.pdf-icon {
    width: 15px;
    height: auto;
    margin-right: 5px;
}


/* その他DL：注意書き */

div.other-note-block p.text-note {
    text-indent: -1em;
}


/* 車載機の更新手順：手順2 ソフトウェア更新事前説明*/

form.process .top-text2 {
    padding-left: 2em;
    text-indent: -1em;
}


/* ダウンロード系画面：ダウンロード手順説明インデント */

form.dl-process-form p.text-indent-1 {
    text-indent: -1em;
}

/* サポートトップ画面：タイトルスペース */
.support-top.title-h1 {
  margin-top: 0.0em;
  margin-bottom: 2.0em;
}

/* ご利用にあたって画面：サブタイトル */
.pageTitleSub {
    color: #1E90FF;
}

/* その他の方法でダウンロード画面：公開年 */
.dl-table td.year {
    color: #000;
    background-color: #edf7f9;
}

/* ダウンロード系画面： ダウンロードボタン */
.exe-dl-button {
    background-color: #b9143f;
    border: solid 1px #8a0808;
    color: #ffffff;
    background-image: url(../../../../themes/custom/szgl/images/arrow_r3.png);
}

.exe-dl-button:hover {
    border: solid 1px #666;
    color: #ffffff;
}

.exe-dl-button.nowInProcess{
    border: solid 1px #666 !important;
    color: #ffffff !important;
    background-color: #666 !important;
}

/* サービス選択画面：サービス一覧 */
/* --------------------利用可チェックボックス-------------------- */
/* チェックボックス全体*/
.servicechoice-servicelist div.form-type-checkbox {
  background-color: #b0c4de;
}

/* チェックボックスラベル(チェックボックス名 & 利用可否) */
/* サービス利用可否 */
.servicechoice-servicelist label > div > em {
  background-color: #191970;
}

/* --------------------利用不可チェックボックス-------------------- */
/* チェックボックス & サービス名 & 利用可否 */
.servicechoice-servicelist fieldset.availability-false>div.fieldset-wrapper>div.form-type-checkbox {
  background-color: #a9a9a9;
}

.servicechoice-servicelist fieldset.availability-false>div.fieldset-wrapper>div.form-type-checkbox>label {
  color: #ffffff;
}

/* サービス利用可否 */
.servicechoice-servicelist fieldset.availability-false>div.fieldset-wrapper>div.form-type-checkbox>label>div>em {
  color: #a9a9a9;
  background-color: #ffffff;
}