@charset "UTF-8";

/*main.css*/

body {
    background-repeat: no-repeat;
    background-position: center top;
}

#wrapper {
    width: 938px;
    margin: 0 auto;
    background: url(../img/bg_ptrn.png) repeat-y;
}


/* ------------------------------------------------------------------------
    header
------------------------------------------------------------------------ */

#header {
    width: 930px;
    height: 52px;
    margin: 0 auto;
    background: url(../img/bg_link_space.gif) repeat-x;
}
#header .logoSqex {
    float: left;
    width: 116px;
    padding: 21px 0 0 20px;
}
#header .logoYahoo {
    float: right;
    width: 178px;
    padding: 9px 12px 0 0;
}


/* ------------------------------------------------------------------------
    body
------------------------------------------------------------------------ */

body {
    background-color: #000;
    background: url('../img/bg_head.jpg') no-repeat center top #000;
}

#contents {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#contents div {
    position: relative;
}

#contents .info-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#contents .info-wrap {
    margin: 10px 30px 0 0;
}
.info-wrap .info {
    width: 282px;
    height: 417px;
    background: url('../img/status_bg.jpg?time=20241202') no-repeat center top;
}
#statusBox #selectArea {
    text-align: center;
    height: 28px;
    padding-top: 35px;
    font-size: 12px;
}
#statusBox #selectArea select {
    margin: 5px 0 0;
}
#statusBox #boxStatusSetWrap, #statusBox .boxSetBase {
    height: 353px;
    overflow: hidden;
}

/*日程のスタイル*/
#statusBox ul{list-style:none;}
#statusBox .boxSetBase div{width:238px;margin:15px 0 0 25px;padding:10px 0 0;height:314px; overflow:auto;}
#statusBox .boxSetBase p{margin:0 0 5px;}
#statusBox .boxSetBase dd{margin:0 0 0.5em 0;}
#statusBox .boxSetBase dl{margin:0 0 1.6em 16px;}
#statusBox .boxSetBase p{color:#FFC800;font-size:16px;line-height:1.0;}
#statusBox .boxSetBase li dt,
#statusBox .boxSetBase li dd{color:#FFF;font-size:14px;line-height:1.4;}
/* ------------------------------------------------------------------------
sec01
------------------------------------------------------------------------ */
.sec01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 4px;
}

/* ------------------------------------------------------------------------
    modalBtn
------------------------------------------------------------------------ */

#contents .modal-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
#contents .modal-btn-group li {
    width: 175px;
    height: 48px;
    background-image: url('../img/btn_modal.png?time=20231228');
    background-repeat: no-repeat;
}
#contents .modal-btn-group li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
#contents .modal-btn-group li.modal01 { background-position: 0 0; }
#contents .modal-btn-group li.modal02 { background-position: -175px 0; }
#contents .modal-btn-group li.modal03 { background-position: -350px 0; }
#contents .modal-btn-group li.modal04 { background-position: -525px 0; }
#contents .modal-btn-group li.modal05 { background-position: -700px 0; }
#contents .modal-btn-group li.modal01:hover { background-position: 0 -48px; }
#contents .modal-btn-group li.modal02:hover { background-position: -175px -48px; }
#contents .modal-btn-group li.modal03:hover { background-position: -350px -48px; }
#contents .modal-btn-group li.modal04:hover { background-position: -525px -48px; }
#contents .modal-btn-group li.modal05:hover { background-position: -700px -48px; }

/* ------------------------------------------------------------------------
    modalBtn2
------------------------------------------------------------------------ */

#contents .modal-btn-group2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
#contents .modal-btn-group2 li {
    width: 175px;
    height: 48px;
    background-image: url('../img/btn_modal2.png?time=20241202');
    background-repeat: no-repeat;
}
#contents .modal-btn-group2 li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
#contents .modal-btn-group2 li.modal06 { background-position: 0 0; }
#contents .modal-btn-group2 li.modal07 { background-position: -175px 0; }
#contents .modal-btn-group2 li.modal08 { background-position: -350px 0; }
#contents .modal-btn-group2 li.modal09 { background-position: -525px 0; }
#contents .modal-btn-group2 li.modal10 { background-position: -700px 0; }
#contents .modal-btn-group2 li.modal06:hover { background-position: 0 -48px; }
#contents .modal-btn-group2 li.modal07:hover { background-position: -175px -48px; }
#contents .modal-btn-group2 li.modal08:hover { background-position: -350px -48px; }
#contents .modal-btn-group2 li.modal09:hover { background-position: -525px -48px; }
#contents .modal-btn-group2 li.modal10:hover { background-position: -700px -48px; }

/* ------------------------------------------------------------------------
    btnRequest
------------------------------------------------------------------------ */

#contents .request-group {
    position: relative;
}
#contents #btnRequest {
    position: absolute;
    bottom: 89px;
    left: 136px;
    width: 658px;
    height: 80px;
}
#contents #btnRequest a {
    background-image: url('../img/btn_request.png');
    background-position: 0 -80px;
}
#contents #btnRequest a:hover {
    background-position: 0 0;
}

/* ------------------------------------------------------------------------
    btnTop
------------------------------------------------------------------------ */

#contents #btnTop {
    position: absolute;
    bottom: 20px;
    left: 213px;
    width: 508px;
    height: 52px;
}
#contents #btnTop a {
    background-image: url(../img/btn_link.png);
}




/* ------------------------------------------------------------------------
    footer
------------------------------------------------------------------------ */

#footer {
    width: 930px;
    margin: 0 auto;
    padding: 20px 0 20px;
    border-top: 2px solid #999;
    background: url(../img/bg_footer.gif);
    text-align: center;
}
#footer #copyright p {
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
}
#footer #copyright p a {
    color: #ff6400;
    text-decoration: underline;
}
#footer #copyright p a:hover {
    color: #f30;
}