/* ---------- ナビゲーション ---------- */

#menu {
	background: #fff;
	padding: 0px;
	margin: 0px;
}


#menu p {
	padding: 5px;
	margin: 0px;
}

#menu ul {
	list-style-type:none;
}

#menu ul li.nav00 {
	width: 200px;
	height: 30px;
}
#menu ul li.nav00 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu0.gif) 0px 0px no-repeat;
	width: 200px;
	height: 30px;
	display: block;
}
#menu ul li.nav00 a:hover {
	background-position: -200px -0px;
}

#menu ul li.nav01, #menu ul li.nav02, #menu ul li.nav03, #menu ul li.nav04, #menu ul li.nav05, #menu ul li.nav06, #menu ul li.nav07, #menu ul li.nav08, #menu ul li.nav09 {
	width: 200px;
	height: 200px;
}
#menu ul li.nav01 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu1.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}
#menu ul li.nav01 a:hover,#menu ul li.nav02 a:hover,#menu ul li.nav03 a:hover,#menu ul li.nav04 a:hover,#menu ul li.nav05 a:hover,#menu ul li.nav06 a:hover,#menu ul li.nav07 a:hover,#menu ul li.nav08 a:hover,#menu ul li.nav09 a:hover {
	background-position: -200px -0px;
}

#menu ul li.nav02 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu2.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}

#menu ul li.nav03 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu3.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}

#menu ul li.nav04 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu4.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}

#menu ul li.nav05 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu5.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}

#menu ul li.nav06 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu6.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}

#menu ul li.nav07 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu7.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}

#menu ul li.nav08 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu8.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}

#menu ul li.nav09 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu9.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}

#menu ul li.nav10 {
	width: 200px;
	height: 200px;
}
#menu ul li.nav10 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu10.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}
#menu ul li.nav10 a:hover {
	background-position: -200px -0px;
}

#menu ul li.nav11 {
	width: 200px;
	height: 200px;
}
#menu ul li.nav11 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu11.jpg) 0px 0px no-repeat;
	width: 200px;
	height: 200px;
	display: block;
}
#menu ul li.nav11 a:hover {
	background-position: -200px -0px;
}


#menu ul li.nav99 {
	width: 200px;
	height: 30px;
}
#menu ul li.nav99 a {
	text-indent: -99999px;
	font-size: 0px;
	background: url(http://www.magarisugi.net/gif/menu99.gif) 0px 0px no-repeat;
	width: 200px;
	height: 30px;
	display: block;
}
#menu ul li.nav99 a:hover {
	background-position: -200px -0px;
}