@charset "utf-8";

.btn-schools {
  background:url("/common/img/global_menu.png") no-repeat -793px -51px;
}

.main-contents > h1 {
  margin: 0 0 50px -166px;
}

.main-contents > div {
  overflow: hidden;
}

.schools {
  padding: 0 42px 50px 42px;
}

.schools-left {
  margin: 0 30px 0 0;
}

.bunkyo {
  padding: 30px 0;
}

.schools > div > dl {
  position:relative;
  float: left;
  width: 188px;
  min-height: 220px;
  height: auto !important;
  height: 220px;
  padding: 30px 0 30px 235px;
  border-top: solid 1px #eadfc4;
  border-bottom: solid 1px #eadfc4;
  overflow: hidden;
}

.schools > div > dl > dt {
  font-size: 18px;
  font-weight: bold;
  color: #0091b3;
  padding: 25px 0 4px 0;
  padding: 26px 0 9px 0\9;
}

.schools > div > dl > dt > a {
  color:#0091b3;
  text-decoration:none;
}

.schools > div > dl > dt > a:hover {
  text-decoration:underline;
}

.tel {
  margin: 6px 0 10px 0;
  margin: 10px 0 12px 0\9;
}

.btn_detail {
  float: left;
  padding: 28px 0 0 0;
  width: 122px;
  height: 0;
  background: url("/img/btn_detail.png") no-repeat left top;
  overflow: hidden;
}

.btn_detail:hover {
  background-position: left -28px;
}

.schools > div > dl > .img {
  position:absolute;
  left:0;
  top:30px;
  width:220px;
  height:220px;
}

.schools > div > dl > .img > a {
  display:block;
  padding:220px 0 0;
  width:220px;
  height:0;
  overflow:hidden;
}

.bunkyo > .img > a {
  background:url("/school/img/pic_bunkyo.jpg") no-repeat left top;
}

.mitaka > .img > a {
  background:url("/school/img/pic_mitaka.jpg") no-repeat left top;
}

.schools > div > dl > .img > a:hover {
  background-position:left -220px;
}