@charset "utf-8";

/*
    共通スタイルシート
*/


/********** html **********/
html {
    /* border-left: 1px solid #E2E2E2; */
    /* border-right: 1px solid #E2E2E2; */
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    /* width: 1100px; */
}


/********** body **********/
body {
    background-color: #FFFFFF;
    border-bottom-color: #E2E2E2;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-top-color: #E2E2E2;
    color: #000;
    height: auto !important;
    height: 955px;
    /* line-height: 150%; */
    /* margin: 5px 10px 0 10px; */
    /* margin: 5px auto 0 auto; */
    /* margin: 0 auto 100 auto; */
    /* min-height: 955px; */
    /* min-height: auto; */
    min-height: 100%;
    /* width: 1100px; */
    /* width: 100%; */
}


/********** title_image **********/
img.title_image {
    height: 50px;
    width: 270px;
}


/********** Header **********/
div#Header {
    background-color: #ECECEC;
    border-bottom: 2px solid #FFA500;
    height: 50px;
    position: fixed !important;
    /* top: 5px; */
    top: 0px;
    /* width: 1100px; */
    width: 100%;
    z-index: 10;
    box-shadow: 0 8px 10px -5px rgba(0,0,0,10%);
}

    /* ヘッダーの右側フロート */
    div#Header div.right_box {
        float: right;
        /* width: auto; */
        /* width: 300px; */
        width: 700px;
    }

    div#Header div.option_item_button {
        float: left;
        margin-top: 10px;
    }

        div#Header div.option_item_button input {
            margin-right: 8px;
        }

    div#Header span.user_info {
        background-color: #FFFFFF;
        border-bottom: 1px solid #ACACAC;
        border-left: 1px solid #EFEFEF;
        border-right: 1px solid #ACACAC;
        border-top: 1px solid #EFEFEF;
        float: left;
        font-size: 81.3%;
        margin-top: 13px;
        padding: 0 20px 0 13px;
        width: 400px;
    }

    div#Header span.user_info > .user_info_label {
        background-color: #ECECEC;
        border-bottom: 1px solid #ACACAC;
        border-left: 1px solid #ACACAC;
        border-right: 1px solid #ACACAC;
        border-top: 1px solid #ACACAC;
        /* float: left; */
        font-size: 90%;
        font-weight: bold;
        margin-top: 0px;
        padding: 5px 5px 5px 5px;
       /* width: 40px; */
    }

    div#Header div.warning_state img {
        float: right;
        height: 40px;
        margin-top: 6px;
        width: 40px;
    }

    /* ヘッダーの右側フロート */
    div#Header div.logout {
        float: right;
        margin: 16px 10px 0 0;
    }

    /* ヘッダーのロゴ */
    div#Header div.logo {
        width: 100%;
        height: 100%;
        max-width: 1360px;
        margin: 0.3em auto;
    }

    div#Header div.logo a {
        margin-left: 1em;
        font-size: 2em;
        font-weight: bold;
        text-decoration: none;
        color: #444;
    }

    div#Header div.logo a:hover {
        opacity: 80%;
    }

/********** PageTop **********/
p#PageTop {
    /* bottom: 6px; */
    bottom: 10em;
    font-size: 81.3%;
    position: fixed;
    /* right: 20px; */
    right: 10px;
}

    p#PageTop a {
        /* background: #FFA500; */
        background: rgba(255,165,0,0.2);
        /* opacity: 60%; */
        border-radius: 5px;
        /* color: #FFFFFF; */
        color: #000000;
        display: block;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
        width: 85px;
    }

        p#PageTop a:hover {
            /* -moz-box-shadow: 0 0 10px #FFA500; */
            /* -webkit-box-shadow: 0 0 10px #FFA500; */
            /* box-shadow: 0 0 10px #FFA500; */
            background: #FFA500;
            opacity: 80%;
        }


/********** LeftBox **********/
div#LeftBox {
    float: left;
    padding: 20px 0 40px 0;
    width: 180px;
}


/********** Content **********/
div#Content {
    /* margin: 0 10px 15px 10px; */
    margin: 0 auto;
    /* padding: 0 10px; */
    /* padding: 50px 10px 35px 10px; */
    padding: 50px 0 35px 0;
    /* width: 1024px; */
    width: 100%;
    max-width: 1280px;
}


/********** RightBox **********/
div#RightBox {
    float: left;
    padding: 20px 0 40px 0;
    width: 180px;
}


/********** Footer **********/
div#Footer {
    background-color: #ECECEC;
    border-top: 2px solid #FFA500;
    /* bottom: 2px; */
    bottom: 0px;
    clear: left;
    height: 25px;
    padding-bottom: 2px;
    position: fixed !important;
    /* width: 1100px; */
    width: 100%;
}

    div#Footer p.copyright {
        font-size: 81.3%;
        padding-top: 2px;
        text-align: right;
        margin-right: 5em;
    }