@charset "utf-8";

/* hnavi
---------------------------------------------------------- */

#hnavi ul li{
	padding-left: 15px;
	background : transparent url(img/img01/icon02.gif) no-repeat scroll 0px 5px;
	font-size: 13px;
}

/* gnavi
---------------------------------------------------------- */

#gnavi{
	width : 900px;
	height : 45px;
	margin: 0 auto;
}

#gnavi ul{
	margin-top: 40px;
	background: url(img/img01/gnavi.gif) no-repeat;
	overflow: hidden;
}

#gnavi ul li{
	float: left; 
}

#gnavi ul li a{
	display: block;
	width: 180px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
}

#gnavi01 a{
	background: url(img/img01/gnavi.gif) no-repeat 0 0;
}
#gnavi02 a{
	background: url(img/img01/gnavi.gif) no-repeat -180px 0;
}
#gnavi03 a{
	background: url(img/img01/gnavi.gif) no-repeat -360px 0;
}
#gnavi04 a{
	background: url(img/img01/gnavi.gif) no-repeat -540px 0;
}
#gnavi05 a{
	background: url(img/img01/gnavi.gif) no-repeat -720px 0;
}

#gnavi01 a:hover{
	background: url(img/img01/gnavi.gif) no-repeat 0 -45px;
}
#gnavi02 a:hover{
	background: url(img/img01/gnavi.gif) no-repeat -180px -45px;
}
#gnavi03 a:hover{
	background: url(img/img01/gnavi.gif) no-repeat -360px -45px;
}
#gnavi04 a:hover{
	background: url(img/img01/gnavi.gif) no-repeat -540px -45px;
}
#gnavi05 a:hover{
	background: url(img/img01/gnavi.gif) no-repeat -720px -45px;
}


/* tgnavi
---------------------------------------------------------- */

#tgnavi{
	width : 900px;
	height : 45px;
	margin: 0 auto;
}

#tgnavi ul{
	margin-top: 40px;
	background: url(img/img01/gnavi_top.gif.gif) no-repeat;
	overflow: hidden;
}

#tgnavi ul li{
	float: left; 
}

#tgnavi ul li a{
	display: block;
	width: 225px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
}

#tgnavi01 a{
	background: url(img/img01/gnavi_top.gif) no-repeat 0 0;
}
#tgnavi02 a{
	background: url(img/img01/gnavi_top.gif) no-repeat -225px 0;
}
#tgnavi03 a{
	background: url(img/img01/gnavi_top.gif) no-repeat -450px 0;
}
#tgnavi04 a{
	background: url(img/img01/gnavi_top.gif) no-repeat -675px 0;
}

#tgnavi01 a:hover{
	background: url(img/img01/gnavi_top.gif) no-repeat 0 -45px;
}
#tgnavi02 a:hover{
	background: url(img/img01/gnavi_top.gif) no-repeat -225px -45px;
}
#tgnavi03 a:hover{
	background: url(img/img01/gnavi_top.gif) no-repeat -450px -45px;
}
#tgnavi04 a:hover{
	background: url(img/img01/gnavi_top.gif) no-repeat -675px -45px;
}



/* snavi
---------------------------------------------------------- */
#snavi{
	margin-top: 28px;
}

#snavi ul li{
	padding-left: 15px;
	line-height: 30px;
	background: url(img/img01/icon01.gif) no-repeat 0 9px;
}
#snavi2{
	margin-top: 28px;
}

#snavi2 ul li{
	padding-left: 15px;
	line-height: 30px;
	background-image: url(img/img01/icon04.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
}