@charset "utf-8";

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  font-family: sans-serif;
}

iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* 各エリアの高さ */
#title {
  height: 35px;
}

#header {
  height: 60px;
}

#footer {
  height: 25px;
}

/* メニューとメインの横並び */
#mainArea {
  display: flex;
  height: calc(100% - 35px - 60px - 25px);
}

#menu {
  width: 250px;
  flex-shrink: 0;
}

#main {
  flex-grow: 1;
}