/* Style Base CSS (base.css) */

*{
margin:0;
padding:0;
}

body{
  color:#333;
  font-size:16px;  
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  text-align:center;
  background:url(http://www.misuzu-gakuen.jp/imgs/body-back.jpg) repeat-x top;  
  }
  
a{color:#00486A;text-decoration:none;}
a:hover{color:#0F218B;text-decoration:underline;}
img{border:0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;width:none;height:none;overflow:hidden;}

h1{
  width:895px;
  height:14px;
  color:#0033FF;
  font-size:10px;
  font-weight:normal;
  text-align:left;
  line-height:14px;
  margin:0 auto;
  padding:2px 8px 3px 5px;
  background:url(http://www.misuzu-gakuen.jp/imgs/h1-back.jpg) no-repeat left top;  
  }

#wrapper{
  width:900px;
  margin:0 auto;
  padding:0 7px 0 1px;
  background:url(http://www.misuzu-gakuen.jp/imgs/wrapper-back.jpg) repeat-y left top;
  clear:both;
  }


#container{
  width:900px;
  padding:8px 0 10px;
  clear:both;
  }

#container .schoolList{
  width:688px;
  height:32px;
  margin:0 auto;
  padding:10px 10px 0 198px;
  overflow:hidden;
  clear:both;
  }

#container .schoolList ul{
  float:right;
  width:651px;
  height:16px;
  padding:7px 8px 7px 7px;
  background:url(http://www.misuzu-gakuen.jp/imgs/main-school_list.jpg) no-repeat 0 0;
  overflow:hidden;
  }

#container .schoolList li{
  list-style:none;
  float:left;
  font-size:12px;
  text-align:left;
  height:16px;
  line-height:16px;
  padding-left:10px;
  overflow:hidden;
  }

#container .schoolList li a{display:block;color:#333;height:16px;}
#container .schoolList li a:hover{color:#0F218B;text-decoration:underline;}
#container .schoolList .nishihagi a{width:55px;margin-right:11px;}
#container .schoolList .tachikawa a{width:85px;margin-right:15px;}
#container .schoolList .ueno a{width:70px;margin-right:26px;}
#container .schoolList .minamiurawa a{width:60px;margin-right:10px;}
#container .schoolList .chibaeki a{width:54px;margin-right:16px;}
#container .schoolList .yokohama a{width:44px;margin-right:20px;}
#container .schoolList .oomiya a{width:43px;margin-right:18px;}
#container .schoolList .tokorozawa a{width:44px;}




/*** HEADER ***/

#header{
  width:900px;
  height:145px;
  margin:0 auto;
  padding:0 7px 0 1px;
  overflow:hidden;
  background:url(http://www.misuzu-gakuen.jp/imgs/header-back2.jpg) no-repeat top;
  }

#header .header{
  width:886px;
  height:105px;
  margin:0 auto;
  }

#header .logo{
  float:left;
  width:160px;
  height:100px;
  margin:2px 0 0 0;
  overflow:hidden;
  }

#header .logo a{
  display:block;
  width:160px;
  height:100px;
  }

#header ul, #header li{
  list-style:none;
  }


#header .main{
  float:left;
  width:426px;
  padding:20px 0 0 7px;
  }

#header .searchBody{
  width:220px;
  height:22px;
  padding:9px 10px 11px 198px;
  background:url(http://www.misuzu-gakuen.jp/imgs/header-search-back.jpg) no-repeat;
  overflow:hidden;
  }
  
#header .searchBody .searchButton{
  float:left;
  }

#header .searchBody .searchForm{
  float:left;
  width:128px;
  height:15px;
  margin-left:2px;
  }


#header .main ul{
  width:426px;
  height:15px;
  padding-top:14px;
  clear:both;
  }

#header .main li{
  float:left;
  height:15px;
  overflow:hidden;
  }

#header .home{width:57px;padding-right:15px;}
#header .mobile{width:130px;padding-right:18px;}
#header .contact{width:90px;padding-right:22px;} 
#header .sitemap{width:93px;}


#header .banner{
  float:right;
  width:221px;
  text-indent:-10000px;
  overflow:hidden;
  }

#header .banner li a{
  display:block;
  width:221px;
  height:34px;
  }

#header .siryou a{margin-bottom:0px;background:url(http://www.misuzu-gakuen.jp/imgs/header_banner-siryou2.jpg) no-repeat;} 
#header .order a{margin-bottom:0px;background:url(http://www.misuzu-gakuen.jp/imgs/header_banner-order2.jpg) no-repeat;} 
#header .taiken a{background:url(http://www.misuzu-gakuen.jp/imgs/header_banner-taiken2.jpg) no-repeat;} 


#header .menu, #header .menu ul{
  width:900px;
  padding-top:1px;
  clear:both;
  }
  
#header .menu li{
  float:left;
  height:39px;
  text-indent:-10000px;
  overflow:hidden; 
  }

#header .menu li a{
  display:block;
  height:39px;
  }

#header .tokuchou{width:155px;background:url(http://www.misuzu-gakuen.jp/imgs/menu-tokusyoku.jpg) no-repeat;}
#header .tokuchou a:hover{background:url(http://www.misuzu-gakuen.jp/imgs/menu-tokusyoku_h.jpg) no-repeat;}
#header .course{width:145px;background:url(http://www.misuzu-gakuen.jp/imgs/menu-course.jpg) no-repeat;}
#header .course a:hover{background:url(http://www.misuzu-gakuen.jp/imgs/menu-course_h.jpg) no-repeat;}
#header .event{width:150px;background:url(http://www.misuzu-gakuen.jp/imgs/menu-event.jpg) no-repeat;}
#header .event a:hover{background:url(http://www.misuzu-gakuen.jp/imgs/menu-event_h.jpg) no-repeat;}
#header .teacher{width:150px;background:url(http://www.misuzu-gakuen.jp/imgs/menu-teacher.jpg) no-repeat;}
#header .teacher a:hover{background:url(http://www.misuzu-gakuen.jp/imgs/menu-teacher_h.jpg) no-repeat;}
#header .qanda{width:150px;background:url(http://www.misuzu-gakuen.jp/imgs/menu-qanda.jpg) no-repeat;}
#header .qanda a:hover{background:url(http://www.misuzu-gakuen.jp/imgs/menu-qanda_h.jpg) no-repeat;}
#header .school{width:150px;background:url(http://www.misuzu-gakuen.jp/imgs/menu-school.jpg) no-repeat;}
#header .school a:hover{background:url(http://www.misuzu-gakuen.jp/imgs/menu-school_h.jpg) no-repeat;}


/** MAIN **/

#main{
  float:right;
  width:672px;
  padding-right:5px;
  overflow:hidden;
  }

#main .navi{
  width:652px;
  height:21px;
  color:#333;
  font-size:12px;
  text-align:left;
  margin:0 auto 15px;
  padding:0 10px;
  line-height:21px;
  background:#DEE1EF;
  clear:both;
  }

#main .navi a{color:#0F218B;text-decoration:underline;}


#main .naviTop{
  float:right;
  width:105px;
  height:20px;
  padding:10px;
  overflow:hidden;
  clear:both;
  }

//#main .naviTop a{
  display:block;
  width:105px;
  height:20px;
  background:url(http://www.misuzu-gakuen.jp/imgs/pagetop-btn.jpg) no-repeat top;
  }

#main .underBanner{
  width:800px;
  margin:0 auto;
  padding:20px 0 35px 0;
  clear:both;
  }
  
#main .underBanner .banner1{
float:left;
margin:0 0 0 20px;
}

#main .underBanner .banner2{
float:left;
margin:0 0 0 10px;
}

#main .underBanner .banner3{
float:left;
margin:0 0 0 10px;
}

#search h2{
  width:634px;
  height:20px;
  color:#0F218B;
  font-size:17px;
  font-weight:bold;
  text-align:left;
  line-height:20px;
  padding:18px 10px 18px 28px;
  background:url(http://www.misuzu-gakuen.jp/imgs/main_title-back.jpg) no-repeat 0 5px;
  }


/** MENU **/

#menu{
  float:left;
  width:216px;
  margin-left:1px;
  }
  
#index #menu{
  margin-top:-18px;
  }

*html #index #menu{
  position: relative;
  }

#menu .box{
  width:216px;
  color:#10218B;
  text-align:left;
  margin-bottom:5px;
  background:url(http://www.misuzu-gakuen.jp/imgs/menu_box-back.jpg) repeat-y;
  }

#menu .box a{color:#10218B;}
#menu .box a:hover{color:#F6A329;text-decoration:none;}

#menu .box h4{
  padding-bottom:10px;
  }

#menu .box p, #menu .box dl, #menu .box ul{
  font-size:14px;
  list-style:none;
  width:200px;
  padding:0 8px 15px;
  }
  
#menu .box p{line-height:150%;padding:0 10px 5px;}
#menu .box dt{font-weight:normal;}
#menu .box dd{line-height:150%;padding:0 5px 5px;}

#menu .box li{
  width:182px;
  line-height:18px;
  margin-bottom:5px;
  padding-left:18px;
  background:url(http://www.misuzu-gakuen.jp/imgs/menu_box-point_img.jpg) no-repeat left 2px;

  clear:both;
  }


#menu .box dt{
  line-height:18px;
  margin-bottom:5px;
  padding-left:18px;
  background:url(http://www.misuzu-gakuen.jp/imgs/menu_box-point_img.jpg) no-repeat left 2px;
  }

#menu .boxHead{
  padding-top:6px;
  background:url(http://www.misuzu-gakuen.jp/imgs/menu_box-head.jpg) no-repeat top;
  }

#menu .boxBottom{
  padding-bottom:35px;
  background:url(http://www.misuzu-gakuen.jp/imgs/menu_box-bottom.jpg) no-repeat bottom;
  }

#menu .banner ul{
  margin:7px 0;
  }

#menu .banner li{
  list-style:none;
  text-align:center;
  margin-bottom:2px;
  padding:0;
  }

#menu .qrBanner{
  text-align:center;
  padding-top:10px;
  }

.freedial{
padding:3px 0 8px 0;
}

#menu .nazo, #menu .nazo ul{
  width:214px;
  padding-top:1px;
  clear:both;
  }
  
#menu .nazo li{
  float:left;
  height:107px;
  text-indent:-10000px;
  overflow:hidden; 
  }

#menu .nazo li a{
  display:block;
  height:107px;
  }

#menu .cm{width:214px;background:url(http://www.misuzu-gakuen.jp/images/bancm1.jpg) no-repeat;}
#menu .cm a:hover{background:url(http://www.misuzu-gakuen.jp/images/bancm1_h.jpg) no-repeat;}

#menu .sonota{width:214px;background:url(http://www.misuzu-gakuen.jp/images/bancm2.jpg) no-repeat;}
#menu .sonota a:hover{background:url(http://www.misuzu-gakuen.jp/images/bancm2_h.jpg) no-repeat;}


#menu .g-nazo, #menu .g-nazo ul{
  width:214px;
  padding-top:1px;
  clear:both;
  }
  
#menu .g-nazo li{
  float:left;
  height:67px;
  text-indent:-10000px;
  overflow:hidden; 
  }

#menu .g-nazo li a{
  display:block;
  height:67px;
  }

#menu .himitsu01{width:214px;background:url(http://www.misuzu-gakuen.jp/images/himitsu01.png) no-repeat;}
#menu .himitsu01 a:hover{background:url(http://www.misuzu-gakuen.jp/images/himitsu01_h.png) no-repeat;}

#menu .himitsu02{width:214px;background:url(http://www.misuzu-gakuen.jp/images/himitsu02.png) no-repeat;}
#menu .himitsu02 a:hover{background:url(http://www.misuzu-gakuen.jp/images/himitsu02_h.png) no-repeat;}

#menu .left-koe, #menu .left-koe ul{
  width:200px;
  padding-top:1px;
  clear:both;
  }
  
#menu .left-koe li{
  float:left;
  height:85px;
  text-indent:-10000px;
  overflow:hidden; 
  }

#menu .left-koe li a{
  display:block;
  height:85px;
  }

#menu .goukaku{width:214px;background:url(http://www.misuzu-gakuen.jp/images/goukaku_on.jpg) no-repeat;}
#menu .goukaku a:hover{background:url(http://www.misuzu-gakuen.jp/images/goukaku_off.jpg) no-repeat;}


/*** FOOTER ***/

#footer{
  width:899px;
  height:75px;
  background:url(http://www.misuzu-gakuen.jp/imgs/footer-back.jpg) repeat-x;
  }


#footer .copyright{
  color:#0033FF;
  font-size:12px;
  line-height:16px;
  padding:10px 0;
  }