@charset "EUC-JP";

/* = .mod-header
-----------------------------------------------
 * ヘッダー
 * 共通パーツ
----------------------------------------------- */
.mod-header {
    width: 100%;
    border-top: 7px solid #ed6103;
    display: block;
}

.mod-header.inquire      { border-top: 7px solid #cc0000; }
.mod-header.visitReserve { border-top: 7px solid #fdbf06; }
.mod-header.account      { border-top: 7px solid #336600; }

.mod-header .wrap {
    margin: 0 auto;
    width: 1000px;
    padding: 15px 0;
    display: block;
}
.mod-header .wrap:after {
    content: "";
    clear: both;
    display: block;
}
.mod-header .wrap .logo {
    float: left;
}

.mod-header .wrap .function {
    float: right;
    display: table;
    margin-top: 25px;
}
.mod-header .wrap .memberId,
.mod-header .wrap .logoutButton {
    display: table-cell;
    vertical-align: middle;
}
.mod-header .wrap .memberId {
    padding-right: 10px;
}
.mod-header .wrap .logout {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    box-shadow: 0 2px 0 0 rgba(201, 201, 201, 1);
    color: #515151;
    padding: 10px;
    text-decoration: none;
}
.mod-header .wrap .logout:hover {
    cursor: pointer;
    background-color: #ebebeb;
}