*
{
  padding: 0;
  margin: 5px;

  background-color: #CCFF99;
}

#page
{
  display: flex;
  width:  100%;
  height: 100%;

  flex-direction: column;
}

/* Safari 6.1 or higher */
div#navi         {order: 2; -webkit-order: 2;}
div#top          {order: 1; -webkit-order: 1;}
div#main         {order: 3; -webkit-order: 3;}
div#content-navi {order: 4; -webkit-order: 4;}
div#footer       {order: 5; -webkit-order: 5;}

#navi
{
  display: flex;
  
  flex-direction: row;

  margin: 10px;
  justify-content: space-between;
}

#footer
{
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#footer div
{
  margin-left: 10px;
  float: left;
}

#footer a
{
  text-decoration: none;
  color: blue;
}

#navi img
{
  display: none;
}

#navi div
{
  margin-top: 20px;
}

#navi b
{
  font-size: 0.75em;
}

#navi a
{
  text-decoration: none;
  color: blue;
}

#navi a:visited
{
  text-decoration: none;
  color: blue;
}

#main
{
  width: 100%;
}

#content-head
{
  text-align: center;
  margin-top: 10px;
  font-size:x-large;
  font-weight:bold;
  color: blue;
}