@charset "utf-8";

h1 { background:url(/images/about/h1.gif) no-repeat 0 0; }

/* #main */

/* 教育目標 */

#p1 h2 { background:url(/images/about/p1_h2.gif) no-repeat 0 0; }

#p1 ol {
    background:url(/images/about/p1_img1.jpg) no-repeat right 0;
    width:590px;
    height:159px;
    padding-left:36px;
    display:table-cell;
    vertical-align:middle;
    margin-bottom:2em;
}

#p1 ol li {
    color:#f80;
    font-size:140%;
}

#p1 h3 { background:url(/images/about/p1_h3.gif) no-repeat 0 0; }

#p1 dl {
    background:url(/images/about/p1_rinen_num.gif) no-repeat 10px 0;
    padding-top:0.1em;
}

#p1 dl dt {
    color:#f80;
    font-size:140%;
    font-weight:bold;
    margin:0 0 0.2em 66px;
}

#p1 dl dd {
    font-size:110%;
    height:40px;
    border-bottom:1px dotted #000;
    padding-left:66px;
    margin-bottom:16px;
}

/* 施設紹介 */

#p2 h2 { background:url(/images/about/p2_h2.gif) no-repeat 0 0; }

/* 入園をお考えの方へ インフォメーション */

#p3 h2 { background:url(/images/about/p3_h2.gif) no-repeat 0 0; }

#info {
    min-height:263px;
    height:auto !important;
    height:263px;
    margin-bottom:1.9em;
}

#info dl {
    padding:0 0.5em 1.5em;
    border-bottom:1px dotted #444;
    margin-bottom:1.5em;
}

.info_img {
    text-align:center;
    width:100px;
    height:70px;
    float:left;
    margin-right:0.5em;
}

.info_img img {
    padding:2px;
    border:1px solid #ccc;
}

.info_img a img {
    padding:2px;
    border:1px solid #aaa;
}

.info_date,
.info_title,
.info_comment {
    width:510px;
    float:right;
}

.info_date {
    color:#573716;
    font-size:85%;
    font-weight:bold;
}

.info_title {
    font-weight:bold;
    line-height:1.6em;
}

.info_title a {
    text-decoration:underline;
}

.info_comment {
    font-size:90%;
}

#info p {
    color:#666666;
    font-size:0.8em;
    text-align:right;
}

/* 課外教室 */

#p4 h2 { background:url(/images/about/p4_h2.gif) no-repeat 0 0; }

#p4 .summary {
    background:url(/images/about/p4_img1.jpg) no-repeat 420px 0;
    height:159px;
    margin-bottom:2em;
}

#p4 #h3_1 { background:url(/images/about/p4_h3_1.gif) no-repeat 0 0; }
#p4 #h3_2 { background:url(/images/about/p4_h3_2.gif) no-repeat 0 0; }

#p4 li { line-height:1.6; }

#p4 ol {
    padding-left:22px;
}

#p4 ol li {
    color:#f80;
    list-style-type:upper-roman;
}

/* 年間行事 */

#p5 h2 { background:url(/images/about/p5_h2.gif) no-repeat 0 0; }

#p5 .m_outside {
    background:#efd2ff;
    width:177px;
    padding:10px;
}

#p5 .m_outside span.month {
    font-size:200%;
    display:block;
    margin:0 0 6px 4px;
}

#p5 .m_inside {
    width:153px;
    min-height:60px;
    height:auto !important;
    height:60px;
    padding:12px 12px 132px 12px;
}
#p5 .m4 { background:#fff url(/images/about/p5_img4.jpg) no-repeat 0 bottom; }
#p5 .m5 { background:#fff url(/images/about/p5_img5.jpg) no-repeat 0 bottom; }
#p5 .m6 { background:#fff url(/images/about/p5_img6.jpg) no-repeat 0 bottom; }
#p5 .m7 { background:#fff url(/images/about/p5_img7.jpg) no-repeat 0 bottom; }
#p5 .m8 { background:#fff url(/images/about/p5_img8.jpg) no-repeat 0 bottom; }
#p5 .m9 { background:#fff url(/images/about/p5_img9.jpg) no-repeat 0 bottom; }
#p5 .m10 { background:#fff url(/images/about/p5_img10.jpg) no-repeat 0 bottom; }
#p5 .m11 { background:#fff url(/images/about/p5_img11.jpg) no-repeat 0 bottom; }
#p5 .m12 { background:#fff url(/images/about/p5_img12.jpg) no-repeat 0 bottom; }
#p5 .m1 { background:#fff url(/images/about/p5_img1.jpg) no-repeat 0 bottom; }
#p5 .m2 { background:#fff url(/images/about/p5_img2.jpg) no-repeat 0 bottom; }
#p5 .m3 { background:#fff url(/images/about/p5_img3.jpg) no-repeat 0 bottom; }

/* 園の特色 */

#p6 h2 { background:url(/images/about/p6_h2.gif) no-repeat 0 0; }

#p6 .box {
    border-bottom:1px dotted #000;
    padding-bottom:2em;
    margin-bottom:2em;
}

#p6_1 h3.basic,
#p6_2 h3.basic,
#p6_3 h3.basic,
#p6_4 h3.basic,
#p6_5 h3.basic,
#p6_6 h3.basic {
    padding-top:37px;
    margin-bottom:1em;
}
#p6_1 h3.basic { background:url(/images/about/p6_h3_1.gif) no-repeat 0 0; }
#p6_2 h3.basic { background:url(/images/about/p6_h3_2.gif) no-repeat 0 0; }
#p6_3 h3.basic { background:url(/images/about/p6_h3_3.gif) no-repeat 0 0; }
#p6_4 h3.basic { background:url(/images/about/p6_h3_4.gif) no-repeat 0 0; }
#p6_5 h3.basic { background:url(/images/about/p6_h3_5.gif) no-repeat 0 0; }
#p6_6 h3.basic { background:url(/images/about/p6_h3_6.gif) no-repeat 0 0; }

#p6 .box p {
    line-height:1.5;
    padding:0 200px 0 6px;
}

#p6_1, #p6_2, #p6_3, #p6_4, #p6_5, #p6_6 {
    min-height:147px;
    height:auto !important;
    height:147px;
}
#p6_1 { background:url(/images/about/p6_img1.jpg) no-repeat 470px 0; }
#p6_2 { background:url(/images/about/p6_img2.jpg) no-repeat 470px 0; }
#p6_3 { background:url(/images/about/p6_img3.jpg) no-repeat 470px 0; }
#p6_4 { background:url(/images/about/p6_img4.jpg) no-repeat 470px 0; }
#p6_5 { background:url(/images/about/p6_img5.jpg) no-repeat 470px 0; }
#p6_6 { background:url(/images/about/p6_img6.jpg) no-repeat 470px 0; }

/* 募集要項 */

#p7 h2 {
    background:url(/images/about/p7_h2.gif) no-repeat 0 0;
    margin-bottom:1em;
}

#p7_1 { background:url(/images/about/p7_h3_1.gif) no-repeat 0 0; }
#p7_2 { background:url(/images/about/p7_h3_2.gif) no-repeat 0 0; }
#p7_3 { background:url(/images/about/p7_h3_3.gif) no-repeat 0 0; }
#p7_4 { background:url(/images/about/p7_h3_4.gif) no-repeat 0 0; }
#p7_5 { background:url(/images/about/p7_h3_5.gif) no-repeat 0 0; }

#p7 .ex_table tr th {
    font-weight:normal;
}

/* #sidebar */

#smenu {
    background:url(/images/about/smenu.gif) no-repeat 0 0;
    margin-bottom:2em;
}

#smenu ul li a {
    background:url(/images/about/smenu.gif) no-repeat 0 0;
    height:0;
    padding-top:44px;
    overflow:hidden;
    display:block;
    margin:auto;
}

#smenu ul li#sm1 a { background-position:-4px 0; }
#smenu ul li#sm2 a { background-position:-4px -44px; }
#smenu ul li#sm3 a { background-position:-4px -88px; padding-top:46px; }
#smenu ul li#sm4 a { background-position:-4px -134px; }
#smenu ul li#sm5 a { background-position:-4px -178px; padding-top:47px; }
#smenu ul li#sm6 a { background-position:-4px -225px; padding-top:45px; }
#smenu ul li#sm7 a { background-position:-4px -270px; }

#smenu ul li#sm1 a:hover { background-position:-253px 0; }
#smenu ul li#sm2 a:hover { background-position:-253px -44px; }
#smenu ul li#sm3 a:hover { background-position:-253px -88px; }
#smenu ul li#sm4 a:hover { background-position:-253px -134px; }
#smenu ul li#sm5 a:hover { background-position:-253px -178px; }
#smenu ul li#sm6 a:hover { background-position:-253px -225px; }
#smenu ul li#sm7 a:hover { background-position:-253px -270px; }

#smenu ul li#sm1 a#scur { background-position:-502px 0; }
#smenu ul li#sm2 a#scur { background-position:-502px -44px; }
#smenu ul li#sm3 a#scur { background-position:-502px -88px; }
#smenu ul li#sm4 a#scur { background-position:-502px -134px; }
#smenu ul li#sm5 a#scur { background-position:-502px -178px; }
#smenu ul li#sm6 a#scur { background-position:-502px -225px; }
#smenu ul li#sm7 a#scur { background-position:-502px -270px; }

/* others */