﻿a:link, a:visited {
    color: #194593;
}

a:hover {
    color: #C70026;
}

/* 検索画面 */
.searchRbox table {
    margin: 5px 0 5px 15px;
}

.form {
    text-align: center;
    margin-top: 30px;
}

.faqBunrui {
    text-align: left;
    width: 16%;
    padding: 3px;
}


/* 詳細画面 */
p.mName {
    padding-left: 20px;
}
/* 投稿フォーム画面 */
.tokoInfo {
    text-align: left;
    font-size: 0.9em;
    width: 90%;
    padding: 5px 10px;
    margin: 0px auto 0px auto;
    border-top: #999999 dotted 1px;
}


/* 投稿結果画面 */
.kekka {
    border: 1px solid #999999;
    border-collapse: collapse;
    padding: 5px;
    margin: 30px auto;
    text-align: center;
    width: 90%;
}


/* ***** 分類階層・複数選択対応 ***** */

/* 開示側 検索画面 */
.faq_search_block {
    width: 92%;
    margin: 10px auto;
}

    .faq_search_block ul {
        letter-spacing: -.4em;
    }

        .faq_search_block ul li {
            letter-spacing: normal;
            display: inline-block;
            width: 50%;
            vertical-align: top;
        }

.faq_search_joken {
    width: 99%;
    /*    border: 1px solid #cccccc;
*/ padding: 15px 5px;
    margin: 30px auto 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 800px;
}


    .faq_search_joken input {
        font-size: 1.2em;
        margin: 0px auto 10px auto;
        padding: 5px 15px;
    }

    .faq_search_joken select {
        font-size: 1.2em;
        margin: 0px auto 0px auto;
        padding: 5px 15px;
    }

    .faq_search_joken label {
        font-weight: bold;
        padding: 5px 2px;
        margin: 2px auto;
        font-size: 1.2em;
    }

.faq_search_btn {
    text-align: center;
}

    .faq_search_btn input {
        font-size: 1.1em;
        margin: 15px auto 0px auto;
    }

@media screen and (max-width:767px) {
    .faq_search_joken input {
        font-size: 1.0em;
    }

    .faq_search_joken select {
        font-size: 1.0em;
    }

    .faq_search_joken label {
        font-size: 1.0em;
    }
}

.msttree {
    width: 180px;
    float: left;
    /*border: solid 1px #00f;*/
}

    .msttree li {
        padding-bottom: 2px;
        line-height: 1.9em;
    }

    .msttree label {
        padding-left: 4px;
    }



/* アコーディオンメニュー */
.menuWaku {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.daibunrui {
    border: 1px solid #bcbcbc;
    width: 90%;
    padding: 15px 0px 15px 10px;
    margin: 10px auto;
    background-color: var(--color-bg-faq-midashi);
}

    .daibunrui a {
        display: block;
        width: 92%;
        text-decoration: none;
        padding: 0 0px 0 10px;
        border-left: 5px solid #abb1b5;
    }

    .daibunrui img {
        width: 16px;
        height: 16px;
        float: right;
    }
    /* 閉じてる状態 */
    .daibunrui .img_plus {
        display: block;
    }

    .daibunrui .img_minus {
        display: none;
    }
/* 展開した状態 */
.minus .img_plus {
    display: none !important;
}

.minus .img_minus {
    display: block !important;
}

.chubunrui {
    /*border: 1px solid #bcbcbc;*/
    width: 90%;
    padding: 5px;
    margin: 0px auto;
    /* 初期表示は閉じている状態 */
    display: none;
}

    .chubunrui li {
        padding: 4px 0px 4px 30px;
        background: url("../images/ya_b.gif") no-repeat 10px center;
    }

.dspMode {
    display: block;
}



/* 開示側 一覧画面 */
.SearchTitle {
    padding: 10px 0px 10px 15px;
    margin: 2px auto 10px auto;
    border-radius: 5px;
    background-color: var(--color-bg-faq-searchTitle);
}

    .SearchTitle h2 {
        font-size: 1.1em;
        font-weight: bold;
    }

    .SearchTitle h3 {
        font-size: 1.1em;
        font-weight: bold;
        color: #353535;
    }

table.scTbl {
    padding: 5px;
    margin-top: 2px;
}

    table.scTbl td.searchKeyWord {
        white-space: nowrap;
        padding: 4px;
    }

    table.scTbl td.searchTitle {
        white-space: nowrap;
        padding: 4px;
    }

    table.scTbl td.searchNaiyou {
        padding: 5px;
    }

.soegaki {
    font-size: 0.9em;
    padding: 5px 5px 0px 5px;
}

.mstName {
    font-size: 0.9em;
    padding: 5px 5px 0px 5px;
    margin-left: 20px;
    margin-top:10px;
}

    .mstName span {
        padding-left: 15px;
    }

/* 開示側 詳細画面 */
.faq_detail_block {
    width: 100%;
    margin: 10px auto 10px auto;
    padding: 0px;
    border: none 0px;
    float: left;
}

    .faq_detail_block dt,
    .faq_detail_block dd {
        width: 100%;
        margin: 0px auto 0px auto;
        padding: 30px 0px 0px;
        float: left;
    }

    .faq_detail_block div {
        vertical-align: top;
        padding: 10px 5px;
    }

    .faq_detail_block .colorA {
        padding: 0px 5px;
        float: left;
        width: 92%; /* IE8以下とAndroid4.3以下用フォールバック */
        width: -webkit-calc(100% - (45px + 10px + 10px));
        width: calc(100% - (45px + 10px + 10px));
        /* ※背景色は色別CSSで定義 */
        /* 背景色　白 */
    }

    .faq_detail_block .colorQ {
        padding: 0px 5px;
        float: left;
        width: 92%; /* IE8以下とAndroid4.3以下用フォールバック */
        width: -webkit-calc(100% - (45px + 10px + 10px));
        width: calc(100% - (45px + 10px + 10px));
        /* ※背景色は色別CSSで定義 */
        /* 背景色　水色 */
    }

    .faq_detail_block .Icon {
        padding-top: 7px;
        text-align: center;
        width: 45px !important;
        vertical-align: middle;
    }

    .faq_detail_block .toiTtl {
        border-top: dotted 1px #CCCCCC;
        padding-top: 15px;
    }

    .faq_detail_block .toiawase {
        padding-left: 20px;
    }

.faq_detail_title {
    font-weight: bold;
    font-size: 1.4em;
    border-bottom: 2px dotted #ccc;
}

.faq_detail_link {
    margin: 15px 0px 5px 0px;
    position: relative;
}

    .faq_detail_link ul {
        padding-left: 15px;
    }

    .faq_detail_link li {
        padding: 10px 0px 0px 18px;
    }



        .faq_detail_link li:before {
            font-family: "FontAwesome";
            content: "\f0c1";
            position: absolute;
            left: 1em; /*左端からのアイコンまで*/
            color: #003f8e; /*アイコン色*/
        }


.faq_detail_file {
    margin: 15px auto;
    line-height: 2.5em;
    padding: 0px 0px 0px 15px !important;
}

.faq_detail_bikou {
    margin: 15px auto;
    padding: 0px 0px 0px 15px !important;
}

span.ninsyoLabel {
    margin-left: 7px;
}

.faq_detail_file li a {
    text-decoration: none;
}

a .textLink {
    text-decoration: underline;
}


ul.list li {
    list-style-type: none;
    list-style-position: outside;
    margin: 4px auto 30px auto;
    padding: 2px 0px 15px 0px;
    background: unset;
    line-height: 1.4;
    border-bottom: 1px dotted #123364;
}


.q_title {
    position: relative;
}

    .q_title a {
        margin-left: 30px;
        display: block;
    }

    .q_title::before {
        content: "";
        position: absolute;
        top: 18px;
        left: -14px;
        width: 34px;
        height: 34px;
        transform: translateY(-50%);
        pointer-events: none;
        background-image: url("../images/q.gif");
        background-repeat: no-repeat;
    }


ul.list li a {
    font-size: 1.2em;
    font-weight: bold;
}



.soegaki {
    font-size: 1em;
    padding: 10px 5px 10px 10px;
    margin-left: 30px !important;
    margin-top: 20px;
    line-height: 1.8em;
    background-color: var(--color-bg-faq-soegaki);
    position: relative;
    border-radius:5px;
}

    .soegaki::before {
        content: "";
        position: absolute;
        top: 18px;
        left: -43px;
        width: 34px;
        height: 34px;
        transform: translateY(-50%);
        pointer-events: none;
        background-image: url("../images/a.gif");
        background-repeat: no-repeat;
    }