@import url(../../../css/general.css);

#main {
  padding: 12px;
}

#main h1 {
  font-size: 180%;
  margin: .8em auto;
  padding: .2em;
  text-align: center;
  width: 15em;
  border: solid #5E5B96;
  border-width: 1px 0;
}

#main h1 small {
  font-size: 80%;
}

#main h2 {
  clear: both;
  min-height: 20px;
  background: transparent url(../image/icon.png) no-repeat left center;
  font-size: 120%;
  padding-left: 24px;
  border-bottom: solid 1px #666;
  margin-top: 1em; margin-bottom: .5em;
}

#main h3 {
  clear: both;
  font-size: 100%; font-weight: bold;
  margin: 1.5em 0 .5em;
}

#main em {
  color: #f90; background: transparent;
  font-style: normal;
}


/* id */

#lead {
  padding: .5em;
  border: 2px solid #5E5B96;;
}

#main .caption {
  text-align: right;
  margin: 2em auto 0;
  font-size: 90%;
}


#sampleimage {
  float: right; width: 210px;
  text-align: center;
}

#sampleimage img {
  border: solid 1px #fff;
  margin: 0; margin-left: .5em;
}

#eqt-chart {
  text-align: center;
}

#hrz-chart img, #photo img {
  float: left;
  border: solid 1px #fff;
  margin-right: 1em; margin-bottom: 1em;
}



#timetable table {
  border-collapse: collapse;
  font-size: 90%;
  margin: 0 1em 1em 0;
  border: 1px solid #999;
}

#timetable table thead th {
  background: #066;
  color: #fff;
  padding: .2em .5em;
  white-space: nowrap;
}

#timetable table tbody th {
  padding: 2px 1em;
  white-space: nowrap;
  border: 1px solid #999;
}

#timetable table tbody td {
  text-align: right;
  padding: .1em .5em;
  border: 1px solid #999;
}

#timetable table tbody td.set {
  color: #999;
}

#timetable table tbody td.time {
  font-weight: bold;
}

.notice {
  color: #f9e;
}

#main p {
  margin: .5em 0;
}

.section {
  clear: both;
  margin-top: 1em;
}