body {
  background: #FFFFFF;
  color: #000000;
  min-width: 800px;
}
header {
  display: flex;
}
main {

}
div#logo {
  text-align: center;
}
div.introduction {
}
div.introduction_msg {
  text-indent: 1em;
}
div.history {

}
div#h_name {
  font-size: 1.3em;
  font-weight: bold;
}

dl.history {
  margin: 0px 0px;
  display: flex;
}
dt.history {
  margin: 0px 0px 0px 8px;
  width: 130px;
}
dd.history {
  margin: 0px 5px 0px 5px;
  flex: 1;
  text-indent: 1em;
}

div#header_L {
  flex: 1;
}
div#header_R {
  width: 25%;
  min-width: 200px;
  max-width: 280px;
}
div#history_old {
	display: none;
}
div#hl_name {
  font-size: 1.3em;
  font-weight: bold;
}
div.game {
  border: 1px solid #000000;
  margin: 10px 0px;
}
div.gamename {
  font-size: 1.3em;
  font-weight: bold;
}
dl.item {
  padding-left: 0px;
  margin: 0px 0px;
  padding: 0;
  display: flex;
}
dt.item {
  margin: 0px 0px 0px 14px;
  padding: 5px ;
  font-size: 1.1em;
  font-weight: bold;
  width: 250px;
}
dd.item_vd {
  margin: 0px 0px;
  padding: 1px ;
  font-size: 0.6em;
  width: 78px;
  display: flex;
  flex-direction: column;
}
div.item_v {
}
div.item_d {
}
dd.item {
  margin: 0px 0px;
  padding: 5px ;
  flex: 1;
}


div#webmaster {
  text-align: right;
}