@charset   "Shift_JIS";

/*--mini Navigation--*/

#m_navi{
	width : 300px;
	height : 20px;
	float : right;
}

#m_navi ul,
#m_navi ul li {
	float: left;
	list-style-type: none;
}

#m_navi ul {
	width: 300px;
	height: 20px;
	background: url(../material/main/m_navi.gif) no-repeat;
}

#m_navi ul li a {
	display: block;
	width: 100px;
	height: 20px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#m_navi ul li.top a.active,
#m_navi ul li.top a:focus,
#m_navi ul li.top a:hover {
	background: url(../material/main/m_navi.gif) no-repeat 0px -20px;
}

#m_navi ul li.sitemap a.active,
#m_navi ul li.sitemap a:focus,
#m_navi ul li.sitemap a:hover {
	background: url(../material/main/m_navi.gif) no-repeat -100px -20px;
}

#m_navi ul li.inquiry a.active,
#m_navi ul li.inquiry a:focus,
#m_navi ul li.inquiry a:hover {
	background: url(../material/main/m_navi.gif) no-repeat -200px -20px;
}

/*--Global Navigation--*/

#g_navi ul,
#g_navi ul li {
	float: left;
	list-style-type: none;
}

#g_navi ul {
	width: 720px;
	height: 50px;
	background: url(../material/main/g_navi.gif) no-repeat;
}

#g_navi ul li a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#g_navi ul li.product a {
	width: 103px;
}

#g_navi ul li.support a {
	width: 103px;
}

#g_navi ul li.event a {
	width: 103px;
}

#g_navi ul li.shop a {
	width: 103px;
}

#g_navi ul li.guide a {
	width: 103px;
}

#g_navi ul li.staff a {
	width: 103px;
}

#g_navi ul li.link a {
	width: 102px;
}

#g_navi ul li.product a.active,
#g_navi ul li.product a:focus,
#g_navi ul li.product a:hover {
	background: url(../material/main/g_navi.gif) no-repeat 0px -50px;
}

#g_navi ul li.support a.active,
#g_navi ul li.support a:focus,
#g_navi ul li.support a:hover {
	background: url(../material/main/g_navi.gif) no-repeat -103px -50px;
}

#g_navi ul li.event a.active,
#g_navi ul li.event a:focus,
#g_navi ul li.event a:hover {
	background: url(../material/main/g_navi.gif) no-repeat -206px -50px;
}

#g_navi ul li.shop a.active,
#g_navi ul li.shop a:focus,
#g_navi ul li.shop a:hover {
	background: url(../material/main/g_navi.gif) no-repeat -309px -50px;
}

#g_navi ul li.guide a.active,
#g_navi ul li.guide a:focus,
#g_navi ul li.guide a:hover {
	background: url(../material/main/g_navi.gif) no-repeat -412px -50px;
}

#g_navi ul li.staff a.active,
#g_navi ul li.staff a:focus,
#g_navi ul li.staff a:hover {
	background: url(../material/main/g_navi.gif) no-repeat -515px -50px;
}

#g_navi ul li.link a.active,
#g_navi ul li.link a:focus,
#g_navi ul li.link a:hover {
	background: url(../material/main/g_navi.gif) no-repeat -618px -50px;
}