@charset "utf-8";
@import 'contents.css';

#layout,#size,#layout-list li div h3,#babyroom-area h2,#babyroom-area h3,#case{
font-size:8px;
text-indent:-9999px;
}

#layout-list li{float:left;}

#h2-facilities{background-image:url(../img/school-introduction/h2-facilities.gif);}

#layout{height:650px; background-image:url(../img/school-introduction/layout.gif); margin-bottom:50px;}

#size {height:136px; background-image:url(../img/school-introduction/size.gif); margin-bottom:10px;}


#layout-1 a,#layout-2 a,#layout-8 a {margin-bottom:5px; display:block;height:260px;text-indent:-9999px; overflow:hidden;}

#layout-list li{width:260px; margin:0 0 20px 7px; _margin:0 0 20px 6px; padding-top:265px;}
#layout-1,#layout-2,#layout-8 {padding:0 !important;}


#layout-1 a{background-image:url(../img/school-introduction/layout-1.jpg);}
#layout-2 a{background-image:url(../img/school-introduction/layout-2.jpg);}
{background-image:url(../img/school-introduction/layout-2.jpg);}
#layout-3{background-image:url(../img/school-introduction/layout-3.jpg);}
#layout-4{background-image:url(../img/school-introduction/layout-4.jpg);}
#layout-5{background-image:url(../img/school-introduction/layout-5.jpg);}
#layout-6{background-image:url(../img/school-introduction/layout-6.jpg);}
#layout-7{background-image:url(../img/school-introduction/layout-7.jpg);}
#layout-8 a{background-image:url(../img/school-introduction/layout-8.jpg);}
#layout-9{background-image:url(../img/school-introduction/layout-9.gif);}
#layout-1 a:hover,#layout-2 a:hover,#layout-8 a:hover{background-position:0 -260px;}

#layout-list li div{background-color:#5DA4C6; padding:10px; color:#FFF;}
#layout-list li div h3{height:18px; border-bottom:1px solid #FFF; margin-bottom:5px;}
#layout-1 h3{background-image:url(../img/school-introduction/title-layout-1.gif);}
#layout-2 h3{background-image:url(../img/school-introduction/title-layout-2.gif);}
#layout-3 h3{background-image:url(../img/school-introduction/title-layout-3.gif);}
#layout-4 h3{background-image:url(../img/school-introduction/title-layout-4.gif);}
#layout-5 h3{background-image:url(../img/school-introduction/title-layout-5.gif);}
#layout-6 h3{background-image:url(../img/school-introduction/title-layout-6.gif);}
#layout-7 h3{background-image:url(../img/school-introduction/title-layout-7.gif);}
#layout-8 h3{background-image:url(../img/school-introduction/title-layout-8.gif);}
#layout-9 h3{background-image:url(../img/school-introduction/title-layout-9.gif);}

#babyroom-area{
background-image:url(../img/school-introduction/image-babyroom.jpg);
padding-left:205px;
margin:20px 0 0 0;
}

#babyroom-area h2{
height:36px;
background-image:url(../img/school-introduction/h2-babyroom.gif);
}

#babyroom-area p{
padding:10px 0 10px 50px;
background-image:url(../img/common/dot.gif);
background-position:bottom;
background-repeat:repeat-x;
margin-bottom:10px;
}

#babyroom-area p b{color:#996600;}

#babyroom-area h3{
height:18px;
background-image:url(../img/school-introduction/title-gaina.gif);
margin-bottom:10px;
}

#babyroom-area ul li{padding:0 0 0 40px; margin:0 0 15px 0;}
#babyroom-area ul li#babyroom-1{background-image:url(../img/school-introduction/icon-1.gif);}
#babyroom-area ul li#babyroom-2{background-image:url(../img/school-introduction/icon-2.gif);}

#h3-bedroom{background-image:url(../img/school-introduction/h3-bedroom.gif); margin:0 0 0 0;}

#bedroom-table{margin:0 0 30px 0;}

#bedroom-table th,#bedroom-table td{border:1px solid #CCC; padding:5px 10px;}

#bedroom-table th{width:40px; background-color:#FFDFDF;}

#h2-security{background-image:url(../img/school-introduction/h2-security.gif);}

#case{height:458px; background-image:url(../img/school-introduction/case.gif); margin:10px 0 20px 0;}