@charset "utf-8";

/*---------------------------------------------
ELMO
Navigation Style master
Version 1.0.0

Last Update: 2008.11.27
---------------------------------------------*/

/*---------------------------------------------
	naviArea
---------------------------------------------*/
#naviArea { clear : both; width: 798px; height: 37px; }
#naviArea ul                { width: 798px; margin: 0px auto; }
#naviArea ul li             { float: left; height: 37px; }
#naviArea ul li.top         { width: 171px; background: url(../img/navi_top_on.gif); }
#naviArea ul li.mes         { width: 152px; background: url(../img/navi_message_on.gif); }
#naviArea ul li.gra         { width: 151px; background: url(../img/navi_graduates_on.gif); }
#naviArea ul li.car         { width: 152px; background: url(../img/navi_career_on.gif); }
#naviArea ul li.int         { width: 172px; background: url(../img/navi_interview_on.gif); }
#naviArea ul li a           { display:block; height: 37px; text-decoration:none; }
#naviArea ul li a:hover     { background-color:transparent; }
#naviArea ul li a:hover img { visibility:hidden; }

/*---------------------------------------------
	headerMenu
---------------------------------------------*/
#headerMenu {
	float: right;
	width: 115px;
	height: 11px;
	margin-top: 5px;
}
#headerMenu li             {
	width: 115px;
	height: 11px;
	padding-bottom: 5px;
}
#headerMenu li a           {
	display:block;
	width: 115px;
	height: 11px;
}
#headerMenu li a img          {
	margin-bottom: 6px;
}
#headerMenu li a:hover     { background-color:transparent; }
#headerMenu li a:hover img { visibility:hidden; }
#headerMenu li.cor {
	background: url(../img/header_corp_on.gif) no-repeat;
}

/*---------------------------------------------
	footerNavi
---------------------------------------------*/
#footerNavi { clear : both; width: 798px; height: 10px; margin-bottom: 15px; }
#footerNavi ul                { width: 316px; margin: 0px auto; }
#footerNavi ul li             { float: left; height: 10px; }
#footerNavi ul li img         {	margin-bottom: 7px; }
#footerNavi ul li.top         {width: 30px; background: url(../img/footer_navi1_on.gif); }
#footerNavi ul li.mes         { width: 84px; background: url(../img/footer_navi3_on.gif); }
#footerNavi ul li.car         { width: 57px; background: url(../img/footer_navi4_on.gif); }
#footerNavi ul li.gra         { width: 57px; background: url(../img/footer_navi5_on.gif); }
#footerNavi ul li.int         { width: 88px; background: url(../img/footer_navi6_on.gif); }
#footerNavi ul li a           { display:block; height: 10px; text-decoration:none; }
#footerNavi ul li a:hover     { background-color:transparent; }
#footerNavi ul li a:hover img { visibility:hidden; }

/*---------------------------------------------
	sideNavi
---------------------------------------------*/
#sideNavi                { width: 165px; }
#sideNavi li             { width: 165px; }
#sideNavi li a           { display:block; width: 165px; }
#sideNavi li a:hover     { background-color:transparent; }
#sideNavi li a:hover img { visibility:hidden; }

/*	#corporate
---------------------------------------------*/
#sideNavi li.cor1{ background: url(../corporate/img/snavi_corporate1_on.gif); }
#sideNavi li.cor2{ background: url(../corporate/img/snavi_corporate2_on.gif); }
#sideNavi li.cor3{ background: url(../corporate/img/snavi_corporate3_on.gif); }
#sideNavi li.cor4{ background: url(../corporate/img/snavi_corporate4_on.gif); }

/*	#career
---------------------------------------------*/
#sideNavi li.car1{ background: url(../career/img/snavi_career1_on.gif); }
#sideNavi li.car2{ background: url(../career/img/snavi_career2_on.gif); }
#sideNavi li.car3{ background: url(../career/img/snavi_career3_on.gif); }
#sideNavi li.car4{ background: url(../career/img/snavi_career4_on.gif); }