/* -----------------------------------
   全体のベース
----------------------------------- */
body {
    margin: 0;
    padding: 0;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
    background-color: #fff;
}

/* ロゴ右寄せ */
.wpframe img#minzbox {
    display: block;
    margin-left: auto;
    margin-right: 0;
}

/* h1右寄せ */
h1.body {
    color: #7b7b7b;
    text-align: right;
    font-size: 1.6em;
    margin: 0;
    padding: 10px 20px 10px 0;
    font-weight: normal;
}

/* -----------------------------------
   メニューバー
----------------------------------- */
#cssmenu {
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
  background-color: #80715E;
  box-sizing: border-box;
}
#cssmenu ul { list-style: none; margin:0; padding:0; display:inline-block; }
#cssmenu li { display:inline-block; position: relative; }
#cssmenu a {
  display:inline-block; padding:12px 20px; color:#fff; text-decoration:none; 
  text-transform:uppercase; font-weight:bold; font-size:14px;
}
#cssmenu a:hover,
#cssmenu li.active a { color:#333; background-color:rgba(255,255,255,0.2); }
#cssmenu li:not(:last-child)::after {
  content: "";
  display:inline-block; width:6px; height:6px; background: rgba(255,255,255,0.5);
  border-radius:50%; margin-left:10px; margin-right:10px; vertical-align:middle;
}

.infomation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ▼ 2カラムレイアウト設定 ▼ */
#content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px; /* 左右の間隔 */
  margin-top: 20px; /* インフォメーションとの間隔 */
}
.area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px; /* 左右の間隔 */
  margin-top: 20px; /* インフォメーションとの間隔 */
}

#leftarea { flex: 1; background: #f9f9f9; padding: 10px; box-sizing: border-box; }
#rightarea { flex: 1; background: #fff; padding: 10px; box-sizing: border-box; }