/*◆ナビゲーションのcss◆*/

#navi_main, #navi_user, #navi_guide{
	font-size : 13px ;
}


/*メインメニューのナビゲーション（学校案内、学科紹介など）*/
#navi_main{
	clear : both ;
	text-align : center ;
	width : 100% ;
	height : 30px ;
	border-bottom : 1px solid #999999 ;
}
#navi_main ul{
	list-style : none ;
	margin : 0 ;
	padding : 0 ;
}
#navi_main li{
	float : left ;
}
#navi_main a{
	text-decoration : none ;
	display : block ;
	width : 86px ;	/*メニューの数によって幅を調節する*/
	height : 22px ;
	padding-top : 5px ;
	padding-bottom : 3px ;
	color : #666666 ;
	background : url(../images/bcg_navi_main_off.png) right no-repeat ;
}
#navi_main a.control{
	width : 89px ;	/*最初と最後の幅を調節する*/
}
#navi_main a:hover{
	background : url(../images/bcg_navi_main_on.png) right no-repeat ;
}


/*訪問者別メニューのナビゲーション（中学生、在校生の方へなど）*/
#navi_user{
	clear : both ;
	width : 100% ;
}
#navi_user ul{
	list-style : none ;
	margin : 0 ;
	padding : 0 ;
}
#navi_user li{
	float : left ;
	width : 195px ;
	margin : 0 ;
}
#navi_user a{
	display : block ;
	overflow : hidden ;
	height : 0 ;
	padding-top : 30px ;
	color : #ffffff ;
	background : #336699 url(../images/bcg_navi_user.png) ;
}
#navi01 a{	background-position : 0 0 ;}
#navi02 a{	background-position : -195px 0 ;}
#navi03 a{	background-position : -390px 0 ;}
#navi04 a{	background-position : -585px 0 ;}

#navi01 a:hover{	background-position : 0 -30px ;}
#navi02 a:hover{	background-position : -195px -30px ;}
#navi03 a:hover{	background-position : -390px -30px ;}
#navi04 a:hover{	background-position : -585px -30px ;}


/*ガイド部分のナビゲーション（サイトマップ、Englishなど）*/
#navi_guide{
	float : right ;
	margin : 35px 0 5px 0 ;
}
#navi_guide ul{
	list-style : none ;
	margin : 0 ;
	padding : 0 ;
}
#navi_guide li{
	display : inline ;
}
#navi_guide a{
	padding : 0 8px ;
	background : url(../images/bcg_list_off.png) left no-repeat ;
}
#navi_guide a:hover{
	background : url(../images/bcg_list_on.png) left no-repeat ;
}