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


.navi{
	width: 100%;
	height: 100%;
	background-color: #000;
	display: block;
}

#gnavi{
	width:1000px;
	padding: 10px 0;
	clear:both;
	margin: auto;
	background-color: #000;
	overflow: hidden;
}

#gnavi li{
	float:left;
}

#gnavi li a{
	width:150px;
	display:block;
	color: #fff;
	text-align: center;
}

#gnavi li#navi01 a{
	width:100px;
	display:block;
}


/*#gnavi #navi01 a{ background-position:   0px 0px;}
#gnavi #navi02 a{ background-position:-100px 0px;}
#gnavi #navi03 a{ background-position:-270px 0px;}
#gnavi #navi04 a{ background-position:-440px 0px;}
#gnavi #navi05 a{ background-position:-610px 0px;}
#gnavi #navi06 a{ background-position:-780px 0px;}*/

#gnavi li a:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/*ul.topnavi{
	height:20px;
	float:right;
	margin:30px 0 30px 0;
	display:inline;
}

.topnavi li{
	float:left;
	text-indent:-9999px;
}

.topnavi li.tn1 a{
	background:url(../img/topnavi1.gif) no-repeat;
	width:60px;
	height:20px;
	display:block;
	margin-right:15px;
}

.topnavi li.tn2 a{
	background:url(../img/topnavi2.gif) no-repeat;
	width:75px;
	height:20px;
	display:block;
	margin-right:15px;
}

.topnavi li.tn3 a{
	background:url(../img/topnavi3.gif) no-repeat;
	width:120px;
	height:20px;
	display:block;
	margin-right:15px;
}

.topnavi li.tn4 a{
	background:url(../img/topnavi4.gif) no-repeat;
	width:120px;
	height:20px;
	display:block;
}

.topnavi li a:hover{
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

