﻿.section-main {
    width: 75%;
}

.section-menu {
    margin-top: 2px;
}

.section-menu > div:first-child {
    padding-right: 2px;
}

.section-sub {
    padding-left: 0.3em;
}

.user-menu > div {
    width: 100%;
}

.user-menu-topleft {
    background-image: url(../images/member_01.gif);
    background-color: #d9d9d9;
    background-position: left top;
    background-repeat: no-repeat;
    width: 8px;
}

.user-menu-topcenter {
    background-color: #d9d9d9;
    font-size: 12pt;
    text-align: center;
    padding: 4px 0px 4px 0px;
    vertical-align: bottom;
    min-height: 35px;
}

.user-menu-topright {
    background-image: url(../images/member_02.gif);
    background-color: #d9d9d9;
    background-position: right top;
    background-repeat: no-repeat;
    width: 8px;
}

.user-menu-left {
    background-image: url(../images/member_03.gif);
    background-position: left top;
    background-repeat: repeat-y;
    width: 8px;
}

.user-menu-info {
    color: #c00;
    font-size: 10px;
    line-height: 14px;
    text-align: left;
}

.user-menu-button {
    display: block;
    margin: 8px auto;
    text-align: center;
}

.user-menu-right {
    background-image: url(../images/member_04.gif);
    background-position: left top;
    background-repeat: repeat-y;
    width: 10px;
}

.user-menu-bottomleft {
    background-image: url(../images/member_05.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 8px;
    height: 10px;
}

.user-menu-bottomcenter {
    background-image: url(../images/member_07.gif);
    background-position: left top;
    background-repeat: repeat-x;
    height: 10px;
}

.user-menu-bottomright {
    background-image: url(../images/member_06.gif);
    background-position: right top;
    background-repeat: no-repeat;
    width: 8px;
    height: 10px;
}

/* トップページ用のスタイル start */
/* 予約カゴ説明メッセージ */
.topmenu_explain {
    font-size: small;
    line-height: normal;
    color: #000;
}
/* 画面右下のリンク一覧 */
.topmenu_link {
    background-image: url(../images/link_bg.gif);
    width: 100%;
}

.topmenu_link > div {
    color: #c00;
    font-size: medium;
    font-weight: bold;
    line-height: normal;
    padding: 5px 3px;
}

/* お知らせ表示 市町村タイトル */
.topmenu-info-title {
    font-size: large;
    font-weight: bold;
    line-height: normal;
    color: #000;
    width: 100%;
    word-break: break-all;
    word-wrap : break-word;
    overflow-wrap : break-word;
}
/* お知らせ表示 重要度 */
.topmenu-info-level {
    color: #f00;
    font-weight: bold;
    font-size: small;
    line-height: normal;
    text-align: center;
    vertical-align: top;
    width: 10%;
    white-space: nowrap;
}
/* お知らせ表示 日付 */
.topmenu-info-date {
    color: #00f;
    font-weight: bold;
    font-size: small;
    line-height: normal;
    text-align: left;
    vertical-align: top;
    width: 12%;
    white-space: nowrap;
}
/* お知らせ表示 件名 */
.topmenu-info-subtitle {
    color: #00f;
    font-weight: bold;
    font-size: small;
    line-height: normal;
    text-align: left;
    vertical-align: top;
}
/* お知らせ表示 内容 */
.topmenu-info-message {
    color: #000;
    font-size: small;
    line-height: normal;
    text-align: left;
    vertical-align: top;
}
/* トップメニュー用のスタイル end */
