/*===メニュー全体の大きさ===============*/
#site-menu {
	height: 131px;
	width: 326px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: right;
}

/*===ボタンの定義===============*/
#site-menu ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#site-menu li {
	width: 160px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	font-size: 12px;
	text-indent: -9999px;
}

/*=各ボタンをブロック化し、背景の画像を配置する=================*/

#site-menu a  {
	height: 60px;
	background-image: url(https://ko.dougukan.jp/toryo/css/img/site-menu-img3.png);
	text-decoration: none;
	width: 100%;
	background-repeat: no-repeat;
	display: block;
}


/*--各メニューのパディング-----------------------------*/
#site-menu-1, #site-menu-3 {
	margin-right: 6px;
}
#site-menu-2, #site-menu-4 {
	margin-right: 0px;
}
#site-menu-3, #site-menu-4 {
	margin-bottom: 0px;
}
#site-menu-1, #site-menu-2 {
	margin-bottom: 11px;
}


/*===背景画像の位置を指定===============*/
/*
会期前: 0
会期中: -60
終了: -120
オーバー: -180
終了オーバー: -240
*/

/*---静止（リンク）-----------------------------*/
#site-menu-1 a {
	background-position: 0px -120px;
}
#site-menu-2 a {
	background-position: -160px -120px;
}
#site-menu-3 a {
	background-position: -320px -120px;
}
#site-menu-4 a {
	background-position: -480px -120px;
}


/*---ホバー-----------------------------*/
#site-menu-1 a:hover {
	background-position: -0px -240px;
}
#site-menu-2 a:hover {
	background-position: -160px -240px;
}
#site-menu-3 a:hover {
	background-position: -320px -240px;
}
#site-menu-4 a:hover {
	background-position: -480px -240px;
}