html, body {
    height: 100%;
    width : calc(100% - 5px);
    border: 0px solid;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    padding-left: 3px;

    font-size:10pt;

    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

div.top {
    width: 100%;
    height: 50px;

/*    background-color: rgba(255,0,0);  */
    border:0px solid rgba(255,0,0);
}

div.container{
    display: flex;

    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

div.left {
    width: 30%;

    background-color: rgba(0, 0, 0, 0.2);
    border:0px solid rgba(0,255,0);
}

div.right {
    width: 30%;

    background-color: rgba(0, 0, 0, 0.2);
    border:0px solid rgba(0,255,255);
}

div.center {
    width: 100%;

    padding: 50px;

/*    background-color: rgba(0,123,255);*/
    border:0px solid rgba(0,123,255);
}

div.bottom {
    width: 100%;
    height: 50px;

    border:0px solid rgba(0,0,64);
}


.FooterBox {
  width: 100%;
  margin-bottom:50px;
  padding: 0px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* 縦方向の下寄せ */

  text-align: center;

  font-size:9pt;
  border: 0px solid #000;
}