@charset "UTF-8";

div#contents-box {
  padding-left: 90px;
}

h2#intro {
  width: 620px;
  height: 35px;
  background-image: url("../../img/staff/title-intro.gif");
  margin-top: 60px;
}

h2#application {
  width: 620px;
  height: 35px;
  background-image: url("../../img/staff/title-application.gif");
}

div.text-box {
  width: 600px;
  margin: 10px;
}

div.text-box p {
  width: 450px;
  margin: 5px 0px 16px 20px;
  float: left;
}

div#explain {
  width: 560px;
  margin: 20px 0px 10px 40px;
}

h3 span {
  display: none;
}

h3 {
  width: 555px;
  height: 53px;
  margin: 10px 0px 10px 0px;
}

h3#school {
  background-image: url("../../img/staff/title-school.gif");
}

h3#collect {
  background-image: url("../../img/staff/title-collect.gif");
}

h3#support {
  background-image: url("../../img/staff/title-support.gif");
}

h3#circle {
  background-image: url("../../img/staff/title-circle.gif");
}

h3#site {
  background-image: url("../../img/staff/title-site.gif");
}

h3#event {
  background-image: url("../../img/staff/title-event.gif");
}

div#explain p {
  width: 420px;
  height: 75px;
  margin-left: 10px;
  margin-bottom: 20px;
  float: left;
}

div#explain p a.bt-more {
  display: block;
  text-align: right;
  margin-left: 300px;
}

div#explain img, div.text-box img {
  float: left;
}

table {
  border-collapse: collapse;
  margin-bottom: 20px;
  margin-left: 20px;
}

caption {
  padding-bottom: 5px;
}

thead tr td {
  text-align: center;
  background-color: #FF3366;
  color: #FFFFFF;
  font-weight: bold;
}

td {
  border: 1px solid #333333;
  padding: 5px 15px;
  background-color: #FFCCCC;
}

tr.st td {
  background-color: #FFDDDD;
}