@charset "utf-8";

/* Header Navi */

ul#H-MENU	{
	height:21px;
	width:293px;
	background:transparent url(common/h-menu.gif) top left no-repeat;
	margin:4px 0 0 0;
	padding:0;
	position:relative;
	float:right;
	}

ul#H-MENU li {
	margin:0;
	padding:0;
	list-style: none;
	position:absolute;
	top:0;
	}
	
ul#H-MENU li, ul#H-MENU a {
	height:21px;
	display:block;
	}
	
ul#H-MENU li a {
	text-indent:-9999px;
	text-decoration:none;
	}
	
#hm1 {left: 0px; width:86px;}
#hm2 {left:86px; width:106px;}
#hm3 {left:192px; width:101px;}

#hm1 a:hover {background: transparent url(common/h-menu.gif) -0px -21px no-repeat;}
#hm2 a:hover {background: transparent url(common/h-menu.gif) -86px -21px no-repeat;}
#hm3 a:hover {background: transparent url(common/h-menu.gif) -192px -21px no-repeat;}


/* MAIN MENU */

ul#MENU	{
	height:50px;
	width:876px;
	background:transparent url(common/menu.jpg) top left no-repeat;
	margin:0 4px 15px 4px;
	padding:0;
	position:relative;
	}

ul#MENU li {
	margin:0;
	padding:0;
	list-style: none;
	position:absolute;
	top:0;
	}
	
ul#MENU li, ul#MENU a {
	height:50px;
	display:block;
	}
	
ul#MENU li a {
	text-indent:-9999px;
	text-decoration:none;
	}
	
#m1	{left: 0px; width:125px;}
#m2	{left:125px; width:125px;}
#m3	{left:250px; width:125px;}
#m4	{left:375px; width:125px;}
#m5	{left:500px; width:125px;}
#m6	{left:625px; width:125px;}
#m7	{left:750px; width:126px;}

#m1 a:hover	{background: transparent url(common/menu.jpg) -0px -50px no-repeat;}
#m2 a:hover {background: transparent url(common/menu.jpg) -125px -50px no-repeat;}
#m3 a:hover {background: transparent url(common/menu.jpg) -250px -50px no-repeat;}
#m4 a:hover {background: transparent url(common/menu.jpg) -375px -50px no-repeat;}
#m5 a:hover {background: transparent url(common/menu.jpg) -500px -50px no-repeat;}
#m6 a:hover {background: transparent url(common/menu.jpg) -625px -50px no-repeat;}
#m7 a:hover {background: transparent url(common/menu.jpg) -750px -50px no-repeat;}

/* MAIN MENU SUB */

ul#MENU2	{
	height:50px;
	width:876px;
	background:transparent url(common/menu2.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position:relative;
	}

ul#MENU2 li {
	margin:0;
	padding:0;
	list-style: none;
	position:absolute;
	top:0;
	}
	
ul#MENU2 li, ul#MENU2 a {
	height:50px;
	display:block;
	}
	
ul#MENU2 li a {
	text-indent:-9999px;
	text-decoration:none;
	}
	
#ms1	{left: 0px; width:125px;}
#ms2	{left:125px; width:125px;}
#ms3	{left:250px; width:125px;}
#ms4	{left:375px; width:125px;}
#ms5	{left:500px; width:125px;}
#ms6	{left:625px; width:125px;}
#ms7	{left:750px; width:126px;}

#ms1 a:hover	{background: transparent url(common/menu2.jpg) -0px -50px no-repeat;}
#ms2 a:hover {background: transparent url(common/menu2.jpg) -125px -50px no-repeat;}
#ms3 a:hover {background: transparent url(common/menu2.jpg) -250px -50px no-repeat;}
#ms4 a:hover {background: transparent url(common/menu2.jpg) -375px -50px no-repeat;}
#ms5 a:hover {background: transparent url(common/menu2.jpg) -500px -50px no-repeat;}
#ms6 a:hover {background: transparent url(common/menu2.jpg) -625px -50px no-repeat;}
#ms7 a:hover {background: transparent url(common/menu2.jpg) -750px -50px no-repeat;}

/* Footer Navi */

ul.FNavi{
	margin:0 auto;
	padding:0;
	font-size:8px;
	color:#c5bfaf;
	float:left;
	width:680px;
}

ul.FNavi li{
	display:inline;
	margin:0 0.5em 0 0;
	padding:0 0 0 0.5em;
	border-left:1px solid #c5bfaf;
}

ul.FNavi li.fin{
	margin:0;
	padding:0 0.5em;
	border-right:1px solid #c5bfaf;
}

ul.FNavi li a:link{
	color:#c5bfaf;
	text-decoration:none;
}

ul.FNavi li a:visited{
	color:#c5bfaf;
	text-decoration:none;
}

ul.FNavi li a:hover{
	color:#c5bfaf;
	text-decoration:underline;
}

/* SITE NAVI */

ul#SNavi1	{
	height:148px;
	width:370px;
	background: transparent url(img/snavi1.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position:relative;
	}

ul#SNavi1 li {
	margin:0;
	padding:0;
	list-style: none;
	position:absolute;
	top:0;
	}
	
ul#SNavi1 li, ul#SNavi1 a {
	height:148px;
	display:block;
	}
	
ul#SNavi1 li a {
	text-indent:-9999px;
	text-decoration:none;
	}
	
#sn1	{left: 0px; width:185px;}
#sn2	{left:185px; width:185px;}


#sn1 a:hover	{background: transparent url(img/snavi1.jpg) -0px -148px no-repeat;}
#sn2 a:hover {background: transparent url(img/snavi1.jpg) -185px -148px no-repeat;}


ul#SNavi2	{
	height:148px;
	width:370px;
	background: transparent url(img/snavi2.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position:relative;
	}

ul#SNavi2 li {
	margin:0;
	padding:0;
	list-style: none;
	position:absolute;
	top:0;
	}
	
ul#SNavi2 li, ul#SNavi2 a {
	height:148px;
	display:block;
	}
	
ul#SNavi2 li a {
	text-indent:-9999px;
	text-decoration:none;
	}
	
#sn3	{left: 0px; width:185px;}
#sn4	{left:185px; width:185px;}


#sn3 a:hover	{background: transparent url(img/snavi2.jpg) -0px -148px no-repeat;}
#sn4 a:hover {background: transparent url(img/snavi2.jpg) -185px -148px no-repeat;}

/* gel menu */

ul#gel-menu {
	height:160px;
	width:215px;
	background: transparent url(./gelnail/img/gel-menu.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position: relative;
	float:right;
}

ul#gel-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#gel-menu li, ul#gel-menu a {
	height: 40px;
	width:215px;
	display: block;
	}
	
ul#gel-menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#gm1	{ top: 40px;}
#gm2	{ top: 80px;}
#gm3	{ top: 120px;}

#gm1 a:hover	{background: transparent url(./gelnail/img/gel-menu.jpg) -215px -40px no-repeat;}
#gm2 a:hover {background: transparent url(./gelnail/img/gel-menu.jpg) -215px -80px no-repeat;}
#gm3 a:hover {background: transparent url(./gelnail/img/gel-menu.jpg) -215px -120px no-repeat;}

/* school menu */

ul#school-menu {
	height:200px;
	width:215px;
	background: transparent url(./school/img/menu.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position: relative;
	float:right;
}

ul#school-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#school-menu li, ul#school-menu a {
	height: 40px;
	width:215px;
	display: block;
	}
	
ul#school-menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#sc1	{ top: 40px;}
#sc2	{ top: 80px;}
#sc3	{ top: 120px;}
#sc4	{ top: 160px;}

#sc1 a:hover	{background: transparent url(./school/img/menu.jpg) -215px -40px no-repeat;}
#sc2 a:hover {background: transparent url(./school/img/menu.jpg) -215px -80px no-repeat;}
#sc3 a:hover {background: transparent url(./school/img/menu.jpg) -215px -120px no-repeat;}
#sc4 a:hover {background: transparent url(./school/img/menu.jpg) -215px -160px no-repeat;}

/* system menu */

ul#sysmenu {
	height:160px;
	width:215px;
	background: transparent url(./dispatch/img/menu.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position: relative;
	float:right;
}

ul#sysmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#sysmenu li, ul#sysmenu a {
	height: 40px;
	width:215px;
	display: block;
	}
	
ul#sysmenu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#sy1	{ top: 40px;}
#sy2	{ top: 80px;}
#sy3	{ top: 120px;}

#sy1 a:hover	{background: transparent url(./dispatch/img/menu.jpg) -215px -40px no-repeat;}
#sy2 a:hover {background: transparent url(./dispatch/img/menu.jpg) -215px -80px no-repeat;}
#sy3 a:hover {background: transparent url(./dispatch/img/menu.jpg) -215px -120px no-repeat;}

/* gallery menu */

ul#gallerymenu2009 {
	height:560px;
	width:215px;
	background: transparent url(./gallery/img/menu2009.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position: relative;
	float:right;
}

ul#gallerymenu2009 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#gallerymenu2009 li, ul#gallerymenu2009 a {
	height: 40px;
	width:215px;
	display: block;
	}
	
ul#gallerymenu2009 li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
ul#gallerymenu2009 #ga1	{ top: 40px;}
ul#gallerymenu2009 #ga2	{ top: 80px;}
ul#gallerymenu2009 #ga3	{ top: 120px;}
ul#gallerymenu2009 #ga4	{ top: 160px;}
ul#gallerymenu2009 #ga5	{ top: 200px;}
ul#gallerymenu2009 #ga6	{ top: 240px;}
ul#gallerymenu2009 #ga7	{ top: 280px;}
ul#gallerymenu2009 #ga8	{ top: 320px;}
ul#gallerymenu2009 #ga9	{ top: 360px;}
ul#gallerymenu2009 #ga10	{ top: 400px;}
ul#gallerymenu2009 #ga11	{ top: 440px;}
ul#gallerymenu2009 #ga12	{ top: 480px;}
ul#gallerymenu2009 #ga13	{ top: 520px;}

ul#gallerymenu2009 #ga1 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -40px no-repeat;}
ul#gallerymenu2009 #ga2 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -80px no-repeat;}
ul#gallerymenu2009 #ga3 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -120px no-repeat;}
ul#gallerymenu2009 #ga4 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -160px no-repeat;}
ul#gallerymenu2009 #ga5 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -200px no-repeat;}
ul#gallerymenu2009 #ga6 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -240px no-repeat;}
ul#gallerymenu2009 #ga7 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -280px no-repeat;}
ul#gallerymenu2009 #ga8 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -320px no-repeat;}
ul#gallerymenu2009 #ga9 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -360px no-repeat;}
ul#gallerymenu2009 #ga10 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -400px no-repeat;}
ul#gallerymenu2009 #ga11 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -440px no-repeat;}
ul#gallerymenu2009 #ga12 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -480px no-repeat;}
ul#gallerymenu2009 #ga13 a:hover	{background: transparent url(./gallery/img/menu2009.jpg) -215px -520px no-repeat;}


ul#gallerymenu2010 {
	height:400px;
	width:215px;
	background: transparent url(./gallery/img/menu2010.jpg) top left no-repeat;
	margin:0;
	padding:0;
	position: relative;
	float:right;
}

ul#gallerymenu2010 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#gallerymenu2010 li, ul#gallerymenu2010 a {
	height: 40px;
	width:215px;
	display: block;
	}
	
ul#gallerymenu2010 li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
ul#gallerymenu2010 #ga1	{ top: 40px;}
ul#gallerymenu2010 #ga2	{ top: 80px;}
ul#gallerymenu2010 #ga3	{ top: 120px;}
ul#gallerymenu2010 #ga4	{ top: 160px;}
ul#gallerymenu2010 #ga5	{ top: 200px;}
ul#gallerymenu2010 #ga6	{ top: 240px;}
ul#gallerymenu2010 #ga7	{ top: 280px;}
ul#gallerymenu2010 #ga8	{ top: 320px;}
ul#gallerymenu2010 #ga9	{ top: 360px;}

ul#gallerymenu2010 #ga1 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -40px no-repeat;}
ul#gallerymenu2010 #ga2 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -80px no-repeat;}
ul#gallerymenu2010 #ga3 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -120px no-repeat;}
ul#gallerymenu2010 #ga4 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -160px no-repeat;}
ul#gallerymenu2010 #ga5 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -200px no-repeat;}
ul#gallerymenu2010 #ga6 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -240px no-repeat;}
ul#gallerymenu2010 #ga7 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -280px no-repeat;}
ul#gallerymenu2010 #ga8 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -320px no-repeat;}
ul#gallerymenu2010 #ga9 a:hover	{background: transparent url(./gallery/img/menu2010.jpg) -215px -360px no-repeat;}