@charset "UTF-8";
body {
}

/* ================================ */
/* ボディ                           */
/* ================================ */
.cls_inquiryarea {
    width:              960px;
    margin:             40px auto;
    border:             solid 3px #ddd;
    border-radius:      20px;
    background-color:   #fbfcd7;
    font-weight:        bold;
}

    /* タイトル枠 */
    .cls_inquirytitle {
        margin-top:         40px;
        text-align:         center;
        color:              #996633;
        font-size: 32px;
    }

        /* アイコン */
        .cls_btn_icon {
            width:          58px;
            height:         46px;
            vertical-align: top;
            margin-left:    5px;
        }

    /* ボタンエリア */
    .cls_btnarea {
        width:              770px;
        height:             240px;
        margin:             0 auto;
        margin-top:         40px;
    }

        /*一般の方向け・連携関係者様向け*/
          .cls_user_btn
        , .cls_medical_btn{
            width:          350px;
            height:         130px;
            border:         solid 2px #bbb;
            border-radius:  10px;
            color:          #A06D00;
            font-size:      36px;
            text-align:     center;
            padding-top:    50px;
        }
        /* オンマウス時に半透明 */
         .cls_user_btn:hover 
        ,.cls_medical_btn:hover {
            -moz-opacity:       0.7;
            opacity:            0.7;
            filter:             alpha(opacity=70);
            cursor:             pointer;
        }
        /*一般の方向け*/
        .cls_user_btn {
            background-color:   #f0d1d1;
            float:              left;
        }
        /*医療機関向け*/
        .cls_medical_btn {
            background-color:   #d5f090;
            float:              left;
            margin-left:        50px;
        }
        /* ボタンの説明文字 */
        .btn_text_bottom {
            font-size:          18px;
        }