.index{ width:800px; margin: 0px auto; text-align: justify; padding: 10px 0px; border-top: 1px solid #C1D5F6;background-image: url(img/wide_bg.gif);  background-repeat: repeat-y}
.ab_Box { width: 620px; float: left}
.a_Box {width: 210px; float: left}
.b_Box { width: 410px; float: right}
.c_Box { width: 180px; float: right}
.margin{ margin: 0px 0px 5px 10px }
.waku01{ font-size: 12px; line-height: 22px; margin-left:10px; padding-left: 11px ; width:190px; height: 170px; background-image: url(images/waku01.gif); background-repeat: no-repeat; display: block}
.waku02{ font-size: 10px; line-height: 15px; margin-left:10px; padding-left: 10px ; width:160px; height: 100px; background-image: url(images/waku02.gif); background-repeat: no-repeat; display: block}
.waku03{ font-size: 10px; line-height: 15px; margin-left:10px; padding-left: 10px ; width:160px; height: 50px; background-image: url(images/waku03.gif); background-repeat: no-repeat; display: block}

.banner { margin-top: 5px}
.news { margin: 10px 0px 12px 0px}
.news li{ background-image: url(images/index_ya.gif); background-repeat: no-repeat; line-height: 15px; padding-left: 13px; margin-top: 4px}
.gyouji { line-height: 15px; margin: 6px 0px 10px 0px; padding-bottom: 6px ; border-bottom: 1px solid #3366CC }
.gyouji dt{ width: 95px; background-image: url(images/index_ya.gif); background-repeat: no-repeat; padding-left: 13px; margin-top: 4px}
.gyouji dd{ margin: -15px 0px 0px 95px;}

.guide a{  width:168px; height: 36px; background-image: url(images/guide.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.guide a:hover { background-position: 0px -36px}

.classroom a{ margin: 0px 0px 5px 10px; width:190px; height: 40px; background-image: url(images/classroom.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.classroom a:hover { background-position: 0px -40px}

.goukaku a{ margin: 0px 0px 5px 10px; width:190px; height: 92px; background-image: url(images/goukaku.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.goukaku a:hover { background-position: 0px -92px}

.bitcampus a{ margin: 0px 0px 5px 10px; width:190px; height: 52px; background-image: url(images/bit_ban.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.bitcampus a:hover { background-position: 0px -52px}

.exopen a{ margin: 0px 0px 5px 10px; width:190px; height: 52px; background-image: url(images/exopen_ban.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.exopen a:hover { background-position: 0px -52px}

.yotuya a{ margin: 0px 0px 5px 10px; width:190px; height: 100px; background-image: url(images/yotuya_ban.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.yotuya a:hover { background-position: 0px -100px}

.member a{ margin:0px 0px 5px 10px ; width:190px; height: 55px; background-image: url(images/member.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.member a:hover { background-position: 0px -55px}

.entry a{ margin:0px 0px 5px 10px ; width:160px; height: 51px; background-image: url(images/entry.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.entry a:hover { background-position: 0px -51px}

.hiroba01 a{ width:140px; height: 23px; background-image: url(images/hiroba01.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.hiroba01 a:hover { background-position: 0px -23px}
.hiroba02 a{ width:140px; height: 23px; background-image: url(images/hiroba02.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.hiroba02 a:hover { background-position: 0px -23px}
.hiroba03 a{ width:140px; height: 23px; background-image: url(images/hiroba03.gif); background-repeat: no-repeat; text-indent: -700em; display: block}
.hiroba03 a:hover { background-position: 0px -23px}