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

/*  menu (#menu分別設定)
----------------------------------------------------------------------------------------------------*/


/*#menu li{ list-style: none; float: left;}*/
/*old*/
#menu01 a{
	display:block;
	font-size:0px;
	width: 210px;
	height:43px;
	text-indent:-5000px;
	background: url(../images/menu/menu0101.gif);
}
#menu01 a:hover { background:url(../images/menu/menu0102.gif); width: 210px; height: 43px;}
#menu02 a{
	display:block;
	font-size:0px;
	width: 168px;
	height:43px;
	text-indent:-5000px;
	background: url(../images/menu/menu0201.gif);
}
#menu02 a:hover { background:url(../images/menu/menu0202.gif); width: 168px; height: 43px;}
#menu03 a{
	display:block;
	font-size:0px;
	width: 162px;
	height:43px;
	text-indent:-5000px;
	background: url(../images/menu/menu0301.gif);
}
#menu03 a:hover { background:url(../images/menu/menu0302.gif); width: 162px; height: 43px;}
#menu04 a{
	display:block;
	font-size:0px;
	width: 166px;
	height:43px;
	text-indent:-5000px;
	background: url(../images/menu/menu0401.gif);
}
#menu04 a:hover { background:url(../images/menu/menu0402.gif); width: 166px; height: 43px;}
#menu05 a{
	display:block;
	font-size:0px;
	width: 194px;
	height:43px;
	text-indent:-5000px;
	background: url(../images/menu/menu0501.gif);
}
#menu05 a:hover { background:url(../images/menu/menu0502.gif); width: 194px; height: 43px;}





/*2017new*/
ul#menu li{
    list-style: none; float: left;
}
ul#menu li a{
	display:block;
	font-size:0px;
	height:43px;
	text-indent:-5000px;
	background: url(../images/menu/menu_V1.gif);
}
ul#menu li:nth-child(1) a{ width: 181px; background-position: 0 0;}
ul#menu li:nth-child(2) a{ width: 180px; background-position: -181px 0;}
ul#menu li:nth-child(3) a{ width: 180px; background-position: -361px 0;}
ul#menu li:nth-child(4) a{ width: 180px; background-position: -541px 0;}
ul#menu li:nth-child(5) a{ width: 179px; background-position: -721px 0;}
/*ul#menu li:nth-child(6) a{ width: 231px; background-position: -670px 0;}*/

ul#menu li:nth-child(1) a:hover { width: 181px; background-position: 0 -43px;}
ul#menu li:nth-child(2) a:hover { width: 180px; background-position: -181px -43px;}
ul#menu li:nth-child(3) a:hover { width: 180px; background-position: -361px -43px;}
ul#menu li:nth-child(4) a:hover { width: 180px; background-position: -541px -43px;}
ul#menu li:nth-child(5) a:hover { width: 179px; background-position: -721px -43px;}
/*ul#menu li:nth-child(6) a:hover { width: 231px; background-position: -670px -43px;}*/