* {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  line-height: 1.8em;
}

body {
  background: url("/image/bk01.gif");
  padding: 0;
  margin: 0;
  font-size: 11pt;
}

div#global-menu {
  text-align: center;
  width: 100%;
  padding: 0.5em;
  position: fixed;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.5);
}

div#content {
  padding: 60px 1em;
  max-width: 1024px;
  margin: auto;
  font-size: 11pt;
}

.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}

div.top-info {
  text-align: left;
  font-weight: bold;
}

div#history-content {
  margin-left: 120px;
  width: calc(100% - 120px);
}

div#history-menu {
  position: fixed;
  width: 120px;
}
#history-menu h2 {
  font-size: 1.2em;
}

.nm-key {
  cursor: pointer;
  background-color: rgba(240, 240, 240, 0.8);
  margin: 3px;
  font-weight: bold;
}
.nm-key:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.nm-key.open {
  background-color: rgba(255, 255, 255, 0.8);
}

.nm-list {
  display: none;
}
.nm-list div {
  padding-left: 0.5em;
}
.nm-list div::before {
  content: "- ";
}

table.concert-menu {
  margin: auto;
}

table.concert-info {
  width: 100%;
  border-collapse: collapse;
}
table.concert-info th,
table.concert-info td {
  padding: 0.5em;
  border: #666666 2px solid;
}
table.concert-info th {
  font-size: 10pt;
  font-weight: bold;
  background-color: rgba(200, 200, 200, 0.6);
}
table.concert-info td {
  font-size: 10pt;
  background-color: rgba(255, 255, 255, 0.6);
}
table.concert-info th.detail {
  width: 90%;
}