@charset "utf-8";

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

.home-slide {
  position:relative;
  padding:15px 14px 14px 15px;
  width:990px;
  height:470px;
  overflow:visible;
}

.bnr-list {
  position:relative;
}

.bnr-list > li {
  position:absolute;
  left:0;
  top:0;
  padding:15px 16px 16px 15px;
  width:960px;
  height:440px;
  background:url(../img/bg_slide_bnr.png) no-repeat left top;
  background:url(../img/bg_slide_bnr_ie.png) no-repeat left top\9;
  opacity:0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  visibility:hidden;
}

.btn-home-slide{
  display:none;
  position:absolute;
  top:200px;
  padding:100px 0 0 0;
  width:65px;
  height:0;
  cursor:pointer;
}

.btn-prev {
  left:0;
  background:url(../img/btn_slide_l.png) no-repeat left top;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.btn-next {
  right:0;
  background:url(../img/btn_slide_r.png) no-repeat left top;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.features {
  position:relative;
  padding:50px 72px 0 72px;
  /*height:775px;*/
  height:1135px;
  background: url("../img/bg_tree.png") no-repeat 276px 83px;
  overflow:visible;
}


/* youtube 20240924 */
.yt_movie {
	width: 560px;
	position: absolute;
	bottom: 50px;
	left: 228px;
}

.features > p {
  margin:0 0 40px 0;
}
.btn-features {
  float:left;
  margin:386px 0 0 172px;
  padding:56px 0 0 0;
  width:530px;
  height:0;
  background:url("../img/btn_features.png") no-repeat left top;
  overflow:hidden;
}


.btn-features:hover {
  background-position:left -56px;
}

.features-pics {
  position:absolute;
  left:72px;
  top:50px;
}

.features-pics > span {
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
}

.features-pics > .pic-01 {
  z-index:6;
  left:-284px;
  top:139px;
}

.features-pics > .pic-02 {
  z-index:5;
  left:-101px;
  top:299px;
}

.features-pics > .pic-03 {
  z-index:2;
  left:94px;
  top:287px;
}

.features-pics > .pic-04 {
  z-index:3;
  left:526px;
  top:318px;
}

.features-pics > .pic-05 {
  z-index:1;
  left:617px;
  top:3px;
}

.features-pics > .pic-06 {
  z-index:4;
  left:678px;
  top:372px;
}

.features-pics > .pic-07 {
  z-index:7;
  left:989px;
  top:145px;
}

.features-pics > .pic-08 {
  z-index:8;
  left:-443px;
  top:318px;
}

.features-pics > .pic-09 {
  z-index:9;
  left:1107px;
  top:250px;
}

.information {
  padding:30px 72px 30px 72px;
  *padding:28px 72px 30px 72px;
}

.information > h1 {
  margin:0 0 25px 0;
  margin:0 0 27px 0\9;
}

.information > dl {
  clear:both;
  margin:12px 0 0 0;
  padding:0 42px 11px 14px;
  padding:0 42px 13px 14px\9;
  border-bottom:solid 1px #eadfc4;
  overflow:hidden;
}

.information > dl > dt {
  float:left;
  width:90px;
  margin:0 36px 0 0;
}

.information > dl > dd {
  float:left;
}

.information > dl > dd > a {
  display:inline-block;
  margin:0 40px 0 -21px;
  padding:1px 0 0 21px;
  color:#0091b3;
  background:url("../img/ico_arrow_infomation.png") no-repeat left 6px;
  background:url("../img/ico_arrow_infomation.png") no-repeat left 4px\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 {
  padding:30px 72px 50px 72px;
  *padding:30px 72px 20px 72px;
}

.schools > h1 {
  height:29px;
  margin:0 0 30px 0;
  padding:7px 0 0 25px;
  background:url("../common/img/ico_head.png") no-repeat left top;
}

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

.schools > dl {
  position:relative;
  float:left;
  width:188px;
  min-height:220px;
  height:auto !important;
  height:220px;
  padding:0 0 0 235px;
}

.schools > dl > dt {
  font-size:18px;
  font-weight:bold;
  margin:25px 0 4px 0;
  margin:26px 0 9px 0\9;
}

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

.schools > dl > dt > a:hover {
  text-decoration:underline;
}
.tel {
  margin:6px 0 10px 0;
  margin:10px 0 12px 0\9;
}

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

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

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

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

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