@charset "utf-8";
/* CSS Document */

/* ************************ GROVAL NAVI ************************* */

#g-navi-box{
	background:url(../img/g_navi_bg.jpg) top repeat-x;
	width:100%;
	height:49px;
}

#g-navi {
	width: 860px;
	margin:0px auto;
	overflow: hidden;
	height: 49px;
	padding:0px 0px 0px 0px;
}

#g-navi ul#g-navi-list li {
    float: left;
    margin: 0px;
	list-style : none;
}

#g-navi ul#g-navi-list li a {  
    display: block;  
    text-decoration: none;  
    text-indent: -9999px;  
    /*width: 76px;*/  
    height: 49px;
	text-align:left;
}  

#g-navi ul#g-navi-list li.top a {
    background: url(../img/btn_top.jpg) no-repeat 0 0;
	width:121px;
}

#g-navi ul#g-navi-list li.top a:hover {
    background: url(../img/btn_top.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.service a {
    background: url(../img/btn_service.jpg) no-repeat 0 0;
	width:121px;
}

#g-navi ul#g-navi-list li.service a:hover {
    background: url(../img/btn_service.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.news a {
    background: url(../img/btn_news.jpg) no-repeat 0 0;
	width:98px;
}

#g-navi ul#g-navi-list li.news a:hover {
    background: url(../img/btn_news.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.greeting a {
    background: url(../img/btn_greeting.jpg) no-repeat 0 0;
	width:112px;
}

#g-navi ul#g-navi-list li.greeting a:hover {
    background: url(../img/btn_greeting.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.intro a {
    background: url(../img/btn_intro.jpg) no-repeat 0 0;
	width:112px;
}

#g-navi ul#g-navi-list li.intro a:hover {
    background: url(../img/btn_intro.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.recruit a {
    background: url(../img/btn_recruit.jpg) no-repeat 0 0;
	width:91px;
}

#g-navi ul#g-navi-list li.recruit a:hover {
    background: url(../img/btn_recruit.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.contact a {
    background: url(../img/btn_contact.jpg) no-repeat 0 0;
	width:105px;
}

#g-navi ul#g-navi-list li.contact a:hover {
    background: url(../img/btn_contact.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

/* ------------ TOP ------------- */

#home{
	padding:0;
	margin:0;
}

#home #g-navi ul#g-navi-list li.top a {
    background: url(../img/btn_top.jpg) no-repeat 0px -49px;
	width:121px;
}

#home #g-navi ul#g-navi-list li.top a:hover {
    background: url(../img/btn_top.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

/* ------------ SERVICELINE ------------- */

#serviceline{
	padding:0;
	margin:0;
}

#serviceline #g-navi ul#g-navi-list li.service a {
    background: url(../img/btn_service.jpg) no-repeat 0px -49px;
	width:121px;
}

#serviceline #g-navi ul#g-navi-list li.service a:hover {
    background: url(../img/btn_service.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

/* ------------ NEWS ------------- */

#news{
	padding:0;
	margin:0;
}

#news #g-navi ul#g-navi-list li.news a {
    background: url(../img/btn_news.jpg) no-repeat 0px -49px;
	width:98px;
}

#news #g-navi ul#g-navi-list li.news a:hover {
    background: url(../img/btn_news.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

/* ------------ GREETING ------------- */

#greeting{
	padding:0;
	margin:0;
}

#greeting #g-navi ul#g-navi-list li.greeting a {
    background: url(../img/btn_greeting.jpg) no-repeat 0px -49px;
	width:112px;
}

#greeting #g-navi ul#g-navi-list li.greeting a:hover {
    background: url(../img/btn_greeting.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

/* ------------ INTRODUCTION ------------- */

#intro{
	padding:0;
	margin:0;
}

#intro #g-navi ul#g-navi-list li.intro a {
    background: url(../img/btn_intro.jpg) no-repeat 0px -49px;
	width:112px;
}

#intro #g-navi ul#g-navi-list li.intro a:hover {
    background: url(../img/btn_intro.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

/* ------------ RECRUIT ------------- */

#recruit{
	padding:0;
	margin:0;
}

#recruit #g-navi ul#g-navi-list li.recruit a {
    background: url(../img/btn_recruit.jpg) no-repeat 0px -49px;
	width:91px;
}

#recruit #g-navi ul#g-navi-list li.recruit a:hover {
    background: url(../img/btn_recruit.jpg) no-repeat 0px -49px;
	cursor: pointer;
}

