@charset "UTF-8";

/* ============================================
 * ログイン、パスワードリセット
 * ==========================================*/

body {
    background-color:#FFA037;
    color:#FFFFFF;
}

/** modalの背景色 **/
.modal-backdrop {
	background-color:#FFA037;
	/* background-image: url('../img/bg_dot.svg'); */
	background-size: 15px 15px;
}


div#maincontent {
    width:558px;
    margin: 70px auto;
}
    /*** modal ***/
    
    /** btn-close を上書き 大きな×ボタン**/
    div#maincontent div.modal div.modal-content button.btn-close-pix {
        width:50px;
        height:50px;
        background: transparent url("../img/close.svg") 100% no-repeat !important;
        z-index:1080;
    }
    /** btn-close を上書き 大きな×ボタンを右上に表示**/
    div#maincontent div.modal div.modal-content button.btn-close-pix.btn-close-top {
        position:absolute;
        top:20px;
        right:20px;
    }
    /** btn-close を上書き 大きな×ボタンを右下に表示**/
    div#maincontent div.modal div.modal-content button.btn-close-pix.btn-close-bottom {
        position:absolute;
        bottom:20px;
        right:20px;
    }



    /** ユーザーID、パスワード入力部分 **/
    div#maincontent form label {
        margin:6px;
    }
    div#maincontent form button#showPassword,
    div#maincontent form button#hidePassword,
    div#maincontent a#pwreset {
        padding:0;
        color:#FFFFFF;
    }
    div#maincontent form button#showPassword,
    div#maincontent form button#hidePassword {
        margin:6px 0 9px 0;
    }
    
    /** リセット用のメールを送信 ボタン **/
    div#maincontent form button#submit_btn {
        margin-top:15px;
    }

    div#maincontent a#pwreset {
        margin:15px;
    }

    /** 注意書きの部分 **/
    div#maincontent div.helptext {
        font-size:14px;
    }

    /** お問い合わせ先部分 **/
    div#maincontent div#contactaddress {
        border:1px solid #FFFFFF;
        padding: 30px 42px;
        margin: 15px 0;
    }

        div#maincontent div#contactaddress div {    /** お電話でのお問い合わせはこちら **/
        }
        div#maincontent div#contactaddress div.phone {    /**  03-3232-1951 **/
            font-size:32px;
        }
        div#maincontent div#contactaddress div.opentime {    /** 営業時間：平日１０：００－１９：００ **/
            font-size:21px;
        }
        div#maincontent div#contactaddress div.holiday {    /** 土日祝日・お盆／年末年始はお休みとなります **/
            font-size:20px;
        }

    /** お知らせ コラム部分 **/
    div#maincontent div#infocolumn {
        background-color:#FFFFFF;
        color:#000000;
        padding: 30px 42px;
        margin: 15px 0;
    }
        div#maincontent div#infocolumn h1 {
            font-size:21px;
            padding: 0 0 0 28px;
		    font-weight:900;
            background-image: url('../img/login_headng_icom.png');
            background-position:left center;
            background-repeat:no-repeat;
        }
        div#maincontent div#infocolumn table {
            margin-left:20px;
        }
        div#maincontent div#infocolumn table td div.news-type {
            color:#FFFFFF;
            width:68px;
            font-size:12px;
            margin:3px auto;
        }


        div#maincontent div#infocolumn table td div.news-type.news-type-0 { /** 重要 **/
            background-color:#EA545D;
            letter-spacing: 12px;
        }
        div#maincontent div#infocolumn table td div.news-type.news-type-1 { /** お知らせ **/
            background-color:#00AEBB;
            letter-spacing: 6px;
        }
        div#maincontent div#infocolumn table td div.news-type.news-type-2 { /** メンテナン **/
            background-color:#008CCF;
        }
        div#maincontent div#infocolumn table td div.news-type.news-type-3 { /** セミナー情報 **/
            background-color:#FAC03D;
        }
        div#maincontent div#infocolumn table td div.news-type.news-type-4 { /** 更新情報 **/
            background-color:#B84C97;
        }
        div#maincontent div#infocolumn table td div.news-type.news-type-new { /** コラム NEW **/
            background-color:#0d6a4f;
            color:#FFF000;
        }
        div#maincontent div#infocolumn table td div.news-type.news-type-pickup { /** コラム PICK UP **/
            background-color:#e0f1e5;
            color:#0d6a4f;
        }


    /** フッター **/
footer {
    color:#000000;
}