.grand {
  color: #ff3300;
}
.gold {
  color: #ffd700;
}
.silver {
  color: #ddddff;
}
.bronze {
  color: #fa8072;
}
.alumni {
  color: #ffffcc;
}
.rekka {
  color: #ff9966;
}
.top-wrapper .top-image {
  display: block;
  margin: 30px auto;
  padding: 0;
  width: 800px;
}
.top-wrapper .top-image img {
  width: 800px;
}
.top-wrapper .dl {
  margin: auto auto 26px;
  width: 800px;
}
.thumbnails .span4 {
  width: 260px;
  height: 240px;
  margin-left: 64px;
  margin-bottom: 50px;
}
.thumbnails .span6 {
  width: 600px;
  height: 280px;
  margin: auto 170px 0 230px;
}
.thumbnails .span6 img {
  float: left;
  width: 360px;
}
.thumbnails .span6 .img-detail {
  float: left;
  width: 240px;
  height: 160px;
  padding: 70px 0;
  font-size: 1.4em;
  line-height: 1.5em;
}
.thumbnails .span8 {
  width: 700px;
  height: 300px;
  margin: 20px 120px 50px 180px;
}
.thumbnails .span8 img {
  float: left;
  width: 400px;
}
.thumbnails .span8 .img-detail {
  float: left;
  width: 300px;
  height: 300px;
  padding: 80px 0;
  font-size: 1.5em;
  line-height: 1.7em;
}
.thumbnails .span12 {
  width: 880px;
  height: 400px;
  margin: 20px 40px 20px 80px;
}
.thumbnails .span12 img {
  float: left;
  width: 520px;
}
.thumbnails .span12 .img-detail {
  float: left;
  width: 360px;
  height: 400px;
  padding: 100px 0;
  font-size: 1.9em;
  line-height: 2em;
}
.thumbnails .img-detail {
  margin-top: 8px;
  text-align: center;
  color: #dfdfdf;
}
