﻿/*　メニュー上部　*/

.menu{
	width: 800px;
	padding: 0;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	height: 32px;
}

ul.gnavi{
	position: relative;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 32px;
	float: left;
	background-image: url(../images/common/gm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

ul.gnavi li{
	height: 32px;
	text-indent:-800px;
}
	
ul.gnavi li a{
	position: absolute;
	overflow: hidden;
	top: -0px;
	height:32px;
	text-indent: -900px;
	text-decoration: none;
}

li.gnavi_01 a{
	left: 0px;
	width: 127px;
	background: transparent url(../images/common/gm.jpg) 0px -0px no-repeat;
}

li.gnavi_02 a{
	left: 127px;
	width: 130px;
	background: transparent url(../images/common/gm.jpg) -127px -0px no-repeat;
}

li.gnavi_03 a{
	left: 257px;
	width: 129px;
	background: transparent url(../images/common/gm.jpg) -257px -0px no-repeat;
}

li.gnavi_04 a{
	left: 386px;
	width: 106px;
	background: transparent url(../images/common/gm.jpg) -386px -0px no-repeat;
}

li.gnavi_05 a{
	left: 492px;
	width: 103px;
	background: transparent url(../images/common/gm.jpg) -492px -0px no-repeat;
}

li.gnavi_06 a{
	left: 595px;
	width: 105px;
	background: transparent url(../images/common/gm.jpg) -595px -0px no-repeat;
}

li.gnavi_07 a{
	left: 700px;
	width: 100px;
	background: transparent url(../images/common/gm.jpg) -700px -0px no-repeat;
}



li.gnavi_01 a:hover{background-position: 0px -32px;}
li.gnavi_02 a:hover{background-position: -127px -32px;}
li.gnavi_03 a:hover{background-position: -257px -32px;}
li.gnavi_04 a:hover{background-position: -386px -32px;}
li.gnavi_05 a:hover{background-position: -492px -32px;}
li.gnavi_06 a:hover{background-position: -595px -32px;}
li.gnavi_07 a:hover{background-position: -700px -32px;}


