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

#menu {
	width: 336px;
	height: 156px;
	position: absolute;
	z-index: 1;
	top: 31px;
	left: 817px;
}
#top_but {
	width: 336px;
	height: 156px;
	float: left;
	background-image: url(menu_bg.png);
}/*外層框*/
#top_but ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}/*UL設定不要有列表項目符號，並且不要有間距*/
#top_but li {
	float: left;
}/*可橫向排列，直立式按鈕及不需要float標籤*/
#top_but li a {
	height:156px;
	width:  48px;
	display: block;
}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#top_but li.top_but01 a {
	background-image: url(menu_01.png);
}/*按鈕1第一章圖*/
#top_but li.top_but01 a:hover {
	background-image:none;
}/*按鈕1第二張圖*/
#top_but li.top_but02 a {
	background-image: url(menu_02.png);
}/*按鈕2第一章圖*/
#top_but li.top_but02 a:hover {
	background-image:none;
}/*按鈕2第二張圖*/
#top_but li.top_but03 a {
	background-image: url(menu_03.png);
}/*按鈕3第一章圖*/
#top_but li.top_but03 a:hover {
	background-image:none;
}/*按鈕3第二張圖*/
#top_but li.top_but04 a {
	background-image: url(menu_04.png);
}/*按鈕4第一章圖*/
#top_but li.top_but04 a:hover {
	background-image:none;
}/*按鈕4第二張圖*/
#top_but li.top_but05 a {
	background-image: url(menu_05.png);
}/*按鈕4第一章圖*/
#top_but li.top_but05 a:hover {
	background-image:none;
}/*按鈕4第二張圖*/
#top_but li.top_but06 a {
	background-image: url(menu_06.png);
}/*按鈕4第一章圖*/
#top_but li.top_but06 a:hover {
	background-image:none;
}/*按鈕4第二張圖*/
#top_but li.top_but07 a {
	background-image: url(menu_07.png);
}/*按鈕4第一章圖*/
#top_but li.top_but07 a:hover {
	background-image:none;
}/*按鈕4第二張圖*/