body{
    margin: 0px;
    font-family:Meiryo, Arial, Times New Roman;
}

div#div_header {
    width: 100%;
    height: 60px;
    text-align: left;
    background-image: url("../img/master/header_bg.png");
    vertical-align: bottom;
    text-align: left;
    padding-left: 10px;
    /*ヘッダー画像差替対応 20250729 S.Iguchi*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

div#div_main_left
{
    float:left;
}

div#div_main_right
{
   padding-left:20px;
   float:left;
}

div#div_login
{
    padding-top: 10px;
    padding-left: 10px;
    margin-right:0px;   
    height:190px;
    background-color: #F8F8F8;
    border: solid 1px #999999;
}

input[type=text], input[type=password]{
    font-family:Meiryo;   
    height:25px;
}

input[type=submit]{
    font-family:Meiryo;
    height:25px;
}

#div_infomation {
/*    padding-left:0px;
    padding-right:0px;
    padding-top:0px;*/
    border:solid 1px #CCCCCC;
    height:100%; 
    width:500px;
}

.demo-contents-area {
    padding: 30px 30px 20px 30px;
}
.demo-title-area {
    padding: 0px 0px 20px 0px;
}
.demo-detail-area {
    padding-bottom: 15px;
    padding-left: 20px;
    font-size:11pt;
    font-weight:700;
    font-family:'BIZ UDPGothic', sans-serif;
    color:#1e3a8a;
    white-space:nowrap;
}
.contact-detail-area span {
    font-size:10pt;
    white-space: nowrap; /* 改行を防ぐ */
}


@media (max-width: 768px) {
    div#div_main_right {
        padding: 20px;
        width:98%;
        }

        .login-button-mobile {
            display: block;
            margin: 0 auto !important;
            text-align: center;
        }

    .demo-contents-area {
        padding: 10px;
    }
    .demo-title-area {
        padding: 0px 0px 10px 0px;
    }
    #div_infomation {
        padding:20px;
        height: 100%;
        width: 90%;
    }
    .demo-detail-area {
        padding-bottom: 10px;
        padding-left: 5px
    }
    .contact-detail-area {
        display: inline-block; 
        text-align: left;
    }

        .contact-detail-area span {
            display: block;
            white-space: nowrap; /* 改行を防ぐ */
        }
}
@media (max-width: 480px) {
    #div_infomation {
        padding: 10px;
        height: 100%;
        width: 90%;
    }
    .demo-detail-area {
        font-size: 10pt;
    }
    .demo-contens-area{
        padding:0;
    }
}