﻿/*　メニュー上部　*/

.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: 138px;
	background: transparent url(../images/common/gm.jpg) 0px -0px no-repeat;
}

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

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

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

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

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

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



li.gnavi_01 a:hover{background-position: 0px -32px;}
li.gnavi_02 a:hover{background-position: -138px -32px;}
li.gnavi_03 a:hover{background-position: -277px -32px;}
li.gnavi_04 a:hover{background-position: -412px -32px;}
li.gnavi_05 a:hover{background-position: -509px -32px;}
li.gnavi_06 a:hover{background-position: -607px -32px;}
li.gnavi_07 a:hover{background-position: -703px -32px;}


