/* Common Style */
/* 全ページ共通スタイル */

/* 全体 */
body {
    background-color: white;
    color: black;
}

.center {
    text-align: center;
}
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
img.left {
    display: block;
    margin-right: auto;
    border: none;
}
img.right {
    display: block;
    margin-left: auto;
    border: none;
}
table.center {
    margin-left: auto;
    margin-right: auto;
    border: none;
}

#last-modify {
    font-size: small;
}


/* フレーム */
#frm-top {
    border: none;
    width: 100%;
}
#frm-left {
    border: none;
    width: 100%;
    height: 600px;
}
#frm-right {
    border: none;
    width: 100%;
    height: 100vw;
}

#top-contents {
}

div.flex-container {
    display: flex;
    width: 100%;
}

div.dual-container {
    width: 100%;
}

p.announce {
    padding-left:1.7em;
}

p.clear_r {
    clear: right;
}

span.bank {
  display: inline-block;
}

#left-contents {
    width: 180px;
    height: 600px;
}
#right-contents {
    float: right;
    width: calc(100% - 180px);
}
@media screen and (max-width:540px) {
    #right-contents {
        width: 100%;
    }
}

/* 右コンテナの大まかな指定 */
div.main-container {
  margin: 0 auto;
}
@media screen and (min-width:1024px) {
    div.main-container {
        width: 820px;
    }
}