:root {
    --nav-color: #45505b;  /* The default color of the main navmenu links */
    --nav-hover-color: #0563bb; /* Applied to main navmenu links when they are hovered over or active */
    --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
    --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
    --nav-dropdown-color: #212529; /* Used for navigation links of the dropdown items in the navigation menu. */
    --nav-dropdown-hover-color: #0563bb; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
  }

html {
    font-size: 14px;
  }

header::before, footer::after {
      content: "";
      display: block;
      width: 100%;
      height: 20px;
      background-image: url("../img/hex.png");
      background-size: 20px;
      background-repeat: repeat-x;
      background-position: center;
  }

body {
      background-image: url("../img/background.png");
      background-color: rgba(255, 255, 255, 0.9);
      background-blend-mode: lighten;
      background-size: auto;
      background-repeat: repeat-y;
      background-position: center;  
  }

table {
      width: 760;
      margin: 20px;
      border: 1px;
      bordercolor: #00FF00;
      cellspacing: 0;
      cellpadding: 1;
  }

div.mytable {
      width: 760;
      margin: 20px;
      border: 5px;
      display: none;
  }

div.mytable.on {
      display: block;
  }

td {
      padding: 5px;
  }

caption { 
      display: table-caption;
      text-align: left;
  }

.menu_box {
      height:26px;
  }

.contents_box {
      clear: both;
      padding: 10px;
//      border-top: solid 10px #BBEE88;
//      border-bottom: solid 5px #BBEE88;
//      border-left: solid 5px #BBEE88;
//      border-right: solid 5px #BBEE88;
  }

ul  {
      margin: 0px;
  }

li  {
    display: block;
  }

.menu_box li {
//      width: 15%;
      height: 26px;
      float: left;
      padding: 0 1em;
      border-radius: 30px;
      text-align: center;
  }

.menu_box li.on  {
      background-color: #0563bb;
      color: #ffffff;
    }

.menu_box li.on:hover {
      color: #000000;
    }

.menu_box li.off:hover {
      background-color: #0563bb;
      color: #ffffff;
    }

a {
    text-decoration: none;
  }

a.cur_lang {
    text-decoration: underline;
    text-decoration-color: blue;
  }