<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#globalnavi{
	height: 60px;
	width:760px;
	margin-right: auto;
	margin-left: auto;
	margin-top : -50px;
	}

#globalnavi ul{
	list-style: none; /* リスト形式を削除 */
    padding-left: 0;
}

 /* リストを横並びに */
#globalnavi ul li{
	width: 120px;
	height: 60px;
	float: left;
}
#globalnavi ul li a{
	text-indent: -9999px; /* テキストないない */  
	text-decoration: none;  
	display: block;  
	width: 120px;  
	height: 60px;
/*	background-image: url(../menu/menu01.png);  */
	background-image: url(../menu/menu02.png);
	background-repeat: no-repeat;  
}



 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#globalnavi ul li#menu1 a { background-position: 0 0; }   
#globalnavi ul li#menu2 a { background-position: -120px 0px; }  
#globalnavi ul li#menu3 a { background-position: -240px 0px; }  
#globalnavi ul li#menu4 a { background-position: -360px 0px; }  
#globalnavi ul li#menu5 a { background-position: -480px 0px; } 
#globalnavi ul li#menu6 a { background-position: -600px 0px; } 
#globalnavi ul li a:hover {
	text-decoration: none;  
/*	background-image: url(../menu/menu01.png);  */
	background-image: url(../menu/menu02.png);  
	background-repeat: no-repeat;   
}

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#globalnavi ul li#menu1 a:hover { background-position: 0 -60px; }   
#globalnavi ul li#menu2 a:hover { background-position: -120px -60px; }  
#globalnavi ul li#menu3 a:hover { background-position: -240px -60px; }  
#globalnavi ul li#menu4 a:hover { background-position: -360px -60px; }  
#globalnavi ul li#menu5 a:hover { background-position: -480px -60px; } 
#globalnavi ul li#menu6 a:hover { background-position: -600px -60px; } </pre></body></html>