/* bodyがブラウザ画面の高さに対して100%を使うと指定.
   この設定はグラフ領域高さが画面サイズに連動するために必要.
*/
html,body{
    padding:0;
    margin:0;
    height:133%;
    background-color: white;
  }
  /* ナビゲーションバーの高さを固定ピクセル値で指定 */
  .nav_row{
    height: 30px;
  }
  /* メッセージ領域とフォーム領域を合わせた上部領域の高さを固定ピクセル値で指定 */
  .upper_row{
    height: 200px;
    padding: 1%;
  }
  /* グラフ領域の高さを（画面高さ－固定高さ領域の合計値）と指定.
     ブラウザの画面サイズを変更したとき、グラフ領域の高さのみが連動する指定となる.
     固定高さ領域の合計値 := ナビゲーションバーの高さ(30px)
                          + 上部領域の高さ(200px) + フッター領域の高さ(50px)
                          + Top画像領域の高さ(100px) 
   */
  .chart_row{
    height: calc(100% - 700px);
    padding: 2%;
  }
  /* フッター領域の高さを固定ピクセル値で指定 */
  .bottom_row{
    height: 50px;
    padding: 0%;
  }