/*  css/dir_index.css
 *  @charcode shift_jis
=======================================================*/

/*  forParents
=======================================================*/
#forParents{
	height:66px;
	border:none;
}

/*  introduction
=======================================================*/
#introduction {
    margin: 20px 0;
    font-size: 116%;
    text-align: center;
}

/*  menuWrapper
=======================================================*/
#menuWrapper {
    width: 663px;
    height: 212px;
    padding-left: 27px;
    padding-top: 72px;
    background: transparent url("../images/dir_index/bg.gif") no-repeat left top;
}

/*  menuWrapper > p
=======================================================*/
#menuWrapper p {
    display: none;
}

/*  menuWrapper > ol
=======================================================*/
#menuWrapper ol,
#menuWrapper ol li {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: bottom;
}

#menuWrapper ol {
    width: 410px;
}

#menuWrapper ol li {
    width: 410px;
    height: 75px;
    margin-bottom: 14px;
}

#menuWrapper ol li a {
    display: block;
    width: 410px;
    height: 75px;
}

#menuWrapper ol li a span {
    display: none;
}

#menuWrapper ol li.menu1 a {
    background: transparent url("../images/dir_index/btn_net_off.gif") no-repeat left top;
}

#menuWrapper ol li.menu1 a:hover {
    background-image: url("../images/dir_index/btn_net_ov.gif");
}

#menuWrapper ol li.menu2 a {
    background: transparent url("../images/dir_index/btn_mob_off.gif") no-repeat left top;
}

#menuWrapper ol li.menu2 a:hover {
    background-image: url("../images/dir_index/btn_mob_ov.gif");
}


/*  toOtherSite
=======================================================*/
#toOtherSite {
    height: 96px;
}

/*  toOtherSite > course
=======================================================*/
#course {
    float: left;
    width: 335px;
    height: 97px;
    background: transparent url("../images/index/course_bg.gif") no-repeat left top;
}

#course a {
    display: block;
    position: relative;
    left: 85px;
    top: 46px;
    width: 165px;
    height: 26px;
    background: transparent url("../images/course_off.gif") no-repeat left top;
}

#course a:hover {
    background-image: url("../images/course_over.gif");
}

#course a span {
    display: none;
}

/*  toOtherSite > window
=======================================================*/
#window {
    float: right;
    width: 335px;
    height: 96px;
    background: transparent url("../images/index/window_bg.gif") no-repeat left top;
}

#window a {
    display: block;
    position: relative;
    left: 85px;
    top: 46px;
    width: 165px;
    height: 26px;
    background: transparent url("../images/window_off.gif") no-repeat left top;
}

#window a:hover {
    background-image: url("../images/window_over.gif");
}

#window a span {
    display: none;
}