@charset "UTF-8";

h2 {
height: 396px;
padding: 3px 3px 15px 3px;
background: url(images/main.jpg) no-repeat left top;
}

#top .locla-nav {
height: 80px;
}
#top .locla-nav h3 {
float: left;
}
#top .locla-nav h3.dtc a {
display: block;
width: 212px;
height: 63px;
background: url(../images/s_navi.gif) no-repeat left top;
}
#top .locla-nav h3.dtc a:hover {
background: url(../images/s_navi.gif) no-repeat left bottom;
}
#top .locla-nav h3.dhc a {
display: block;
width: 223px;
height: 63px;
background: url(../images/s_navi.gif) no-repeat -212px top;
}
#top .locla-nav h3.dhc a:hover {
background: url(../images/s_navi.gif) no-repeat -212px bottom;
}
#top .locla-nav h3.taiken a {
display: block;
width: 215px;
height: 63px;
background: url(../images/s_navi.gif) no-repeat -435px top;
}
#top .locla-nav h3.taiken a:hover {
background: url(../images/s_navi.gif) no-repeat -435px bottom;
}
#top .locla-nav h3.request a {
display: block;
width: 220px;
height: 63px;
background: url(../images/s_navi.gif) no-repeat right top;
}
#top .locla-nav h3.request a:hover {
background: url(../images/s_navi.gif) no-repeat right bottom;
}

/*
#index-nav {
height: 80px;
}
#index-nav h3 {
float: left;
}
#index-nav h3.dtc a {
display: block;
width: 212px;
height: 63px;
background: url(../images/s_navi.gif) no-repeat left top;
}
#index-nav h3.dtc a:hover {
background: url(../images/s_navi.gif) no-repeat left bottom;
}
#index-nav h3.dhc a {
display: block;
width: 223px;
height: 63px;
background: url(../images/s_navi.gif) no-repeat -212px top;
}
#index-nav h3.dhc a:hover {
background: url(../images/s_navi.gif) no-repeat -212px bottom;
}
#index-nav h3.taiken a {
display: block;
width: 215px;
height: 63px;
background: url(../images/s_navi.gif) no-repeat -435px top;
}
#index-nav h3.taiken a:hover {
background: url(../images/s_navi.gif) no-repeat -435px bottom;
}
#index-nav h3.request a {
display: block;
width: 220px;
height: 63px;
background: url(../images/s_navi.gif) no-repeat right top;
}
#index-nav h3.request a:hover {
background: url(../images/s_navi.gif) no-repeat right bottom;
}
*/

.banner-nav {
padding: 9px 0 7px 0;
border-top: 2px solid #acacac;
}

.banner-nav h3 {
width: 309px;
margin-bottom: 10px;
}

.banner-nav h3.course a {
display: block;
width: 309px;
height: 97px;
background: url(../images/img01.gif) no-repeat left top;
}
.banner-nav h3.course a:hover {
background: url(../images/img01.gif) no-repeat left bottom;
}
.banner-nav h3.campus a {
display: block;
width: 309px;
height: 97px;
background: url(../images/img02.gif) no-repeat left top;
}
.banner-nav h3.campus a:hover {
background: url(../images/img02.gif) no-repeat left bottom;
}
.banner-nav h3.voice a {
display: block;
width: 309px;
height: 97px;
background: url(../images/img03.gif) no-repeat left top;
}
.banner-nav h3.voice a:hover {
background: url(../images/img03.gif) no-repeat left bottom;
}
.banner-nav h3.syogakukin a {
display: block;
width: 309px;
height: 97px;
background: url(../images/img04.gif) no-repeat left top;
}
.banner-nav h3.syogakukin a:hover {
background: url(../images/img04.gif) no-repeat left bottom;
}

.news {
margin-bottom: 10px;
padding: 9px 0 7px 0;
background: url(../common/images/line.gif) no-repeat left bottom;
}

.news h4 {
height: 21px;
background: url(../images/img05.jpg) no-repeat 6px top;
}

.news dl {
padding: 15px 11px 0 11px;
background: url(../common/images/line.gif) no-repeat left top;
}
.news dt {
width: 7.5em;
float: left;
clear: left;
margin-bottom: 7px;
color: #00a9e8;
font-weight: bold;
}
.news dd {
padding-left: 7.5em;
margin-bottom: 7px;
}

/* TOP_BANNER追加 2010/05/17
------------------------------------*/
.top_banner{
}

.top_banner a{
	overflow: hidden;
	display: block;
width: 870px;
height: 67px;
background: url(../images/index_img00.gif) no-repeat left top;
}

.top_banner a:hover,
.top_banner a.active{
	overflow: hidden;
background: url(../images/index_img00.gif) no-repeat left bottom;
}