/* site navi */
#sn{
	height:27px;
	width:760px;
	background:transparent url("./common_img/menu3.gif") top left no-repeat;
	margin:0;
	padding:0;
	position:relative;
}

ul#sn li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
	
ul#sn li, ul#sn a {
	height:27px;
	display:block;
}

ul#sn li a {
	text-indent:-9999px;
	text-decoration:none;
}

ul#sn #s1 {left: 27px; width: 74px;}
ul#sn #s2 {left: 101px; width: 137px;}
ul#sn #s3 {left: 238px; width: 113px;}
ul#sn #s4 {left: 351px; width: 82px;}
ul#sn #s5 {left: 433px; width: 108px;}
ul#sn #s6 {left: 541px; width: 127px;}
ul#sn #s7 {left: 668px; width: 72px;}

ul#sn #s1 a:hover {background: transparent url("./common_img/menu3.gif") -27px -27px no-repeat;}
ul#sn #s2 a:hover {background: transparent url("./common_img/menu3.gif") -101px -27px no-repeat;}
ul#sn #s3 a:hover {background: transparent url("./common_img/menu3.gif") -238px -27px no-repeat;}
ul#sn #s4 a:hover {background: transparent url("./common_img/menu3.gif") -351px -27px no-repeat;}
ul#sn #s5 a:hover {background: transparent url("./common_img/menu3.gif") -433px -27px no-repeat;}
ul#sn #s6 a:hover {background: transparent url("./common_img/menu3.gif") -541px -27px no-repeat;}
ul#sn #s7 a:hover {background: transparent url("./common_img/menu3.gif") -668px -27px no-repeat;}

/* work navi */
#wn{
	width: 180px;
	height: 143px;
	background:url("./work/img/menu_work.gif") no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
}

ul#wn li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
	
ul#wn li, ul#wn a {
	height: 30px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#s8	{top: 10px; height: 30px;}
#s9	{top: 10px; height: 30px;}
#s10{top: 10px; height: 30px;}
#s11{top: 10px; height: 30px;}

#s8 a:hover	{background: transparent url("./work/img/menu_work.gif") -180px -10px no-repeat;}
#s9 a:hover {background: transparent url("./work/img/menu_work.gif") -180px -40px no-repeat;}
#s10 a:hover {background: transparent url("./work/img/menu_work.gif") -180px -70px no-repeat;}
#s11 a:hover {background: transparent url("./work/img/menu_work.gif") -180px -100px no-repeat;}

/* info navi */
#in{
	width: 180px;
	height: 107px;
	background:url("./info/img/menu_info.gif") no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
}

ul#in li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
	
ul#in li, ul#in a {
	height: 30px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#in1{top: 10px; height: 30px;}
#in2{top: 10px; height: 30px;}
#in3{top: 10px; height: 30px;}

#in1 a:hover {background: transparent url("./info/img/menu_info.gif") -180px -10px no-repeat;}
#in2 a:hover {background: transparent url("./info/img/menu_info.gif") -180px -40px no-repeat;}
#in3 a:hover {background: transparent url("./info/img/menu_info.gif") -180px -70px no-repeat;}

/* member navi */
#mn{
    height: 38px;
    width: 760px;
    background: transparent url("./member/img/menuMember.gif") top left no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
}

ul#mn li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

ul#mn li, ul#mn a {
    height: 38px;
    display: block;
    text-indent: -9999px;
    text-decoration: none;
}

ul#mn li#m1 {left: 39px; width: 127px;}
ul#mn li#m2 {left: 166px; width: 164px;}
ul#mn li#m3 {left: 330px; width: 135px;}
ul#mn li#m4 {left: 465px; width: 122px;}
ul#mn li#m5 {left: 587px; width: 117px;}

ul#mn li#m1 a:hover {background: transparent url("./member/img/menuMember.gif") -39px -38px no-repeat;}
ul#mn li#m2 a:hover {background: transparent url("./member/img/menuMember.gif") -166px -38px no-repeat;}
ul#mn li#m3 a:hover {background: transparent url("./member/img/menuMember.gif") -330px -38px no-repeat;}
ul#mn li#m4 a:hover {background: transparent url("./member/img/menuMember.gif") -465px -38px no-repeat;}
ul#mn li#m5 a:hover {background: transparent url("./member/img/menuMember.gif") -587px -38px no-repeat;}

/* admin navi */
#an{
    height: 38px;
    width: 760px;
    background: transparent url("./member/img/menuAdmin.gif") top left no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
}

ul#an li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

ul#an li, ul#an a {
    height: 38px;
    display: block;
    text-indent: -9999px;
    text-decoration: none;
}

ul#an li#a1 {left: 39px; width: 135px;}
ul#an li#a2 {left: 174px; width: 112px;}
ul#an li#a3 {left: 286px; width: 136px;}
ul#an li#a4 {left: 422px; width: 112px;}

ul#an li#a1 a:hover {background: transparent url("./member/img/menuAdmin.gif") -39px -38px no-repeat;}
ul#an li#a2 a:hover {background: transparent url("./member/img/menuAdmin.gif") -174px -38px no-repeat;}
ul#an li#a3 a:hover {background: transparent url("./member/img/menuAdmin.gif") -286px -38px no-repeat;}
ul#an li#a4 a:hover {background: transparent url("./member/img/menuAdmin.gif") -422px -38px no-repeat;}

/* AIU NAVI */

ul#A-NAVI{
	margin:2px 0 15px 0;
	padding:4px 0 0 0;
}

ul#A-NAVI li{
	display:inline;
	margin:0 0.5em 0 0;
	padding:0 0 0 0.5em;
	border-left:1px solid #666;
}

ul#A-NAVI li#fin{
	padding:0 0.5em;
	border-right:1px solid #666;
}

ul#A-NAVI li a:link{
	text-decoration:none;
}

ul#A-NAVI li a:visited{
	text-decoration:none;
}

ul#A-NAVI li a:hover{
	text-decoration:underline;
}

/* AREA NAVI */

ul#A-NV {
	margin:0 0 10px 0;
	width:700px;
	padding:0;
}
ul#A-NV li {
	list-style: none;
	margin:0 20px 5px 0;
	float:left;
}
ul#A-NV li.fin {
	margin:0 0 5px 0;
}

ul#A-NV li#bt1 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b1.gif) top left no-repeat;
}

ul#A-NV li#bt2 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b2.gif) top left no-repeat;
}

ul#A-NV li#bt3 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b3.gif) top left no-repeat;
}

ul#A-NV li#bt4 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b4.gif) top left no-repeat;
}

ul#A-NV li#bt5 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b5.gif) top left no-repeat;
}

ul#A-NV li#bt6 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b6.gif) top left no-repeat;
}

ul#A-NV li#bt7 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b7.gif) top left no-repeat;
}

ul#A-NV li#bt8 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b8.gif) top left no-repeat;
}

ul#A-NV li#bt9 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b9.gif) top left no-repeat;
}

ul#A-NV li#bt10 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b10.gif) top left no-repeat;
}

ul#A-NV li#bt11 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b11.gif) top left no-repeat;
}

ul#A-NV li#bt12 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b12.gif) top left no-repeat;
}

ul#A-NV li#bt13 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b13.gif) top left no-repeat;
}

ul#A-NV li#bt14 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b14.gif) top left no-repeat;
}

ul#A-NV li#bt15 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b15.gif) top left no-repeat;
}

ul#A-NV li#bt16 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b16.gif) top left no-repeat;
}

ul#A-NV li#bt17 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b17.gif) top left no-repeat;
}

ul#A-NV li#bt18 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b18.gif) top left no-repeat;
}

ul#A-NV li#bt19 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b19.gif) top left no-repeat;
}

ul#A-NV li#bt20 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b20.gif) top left no-repeat;
}

ul#A-NV li#bt21 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b21.gif) top left no-repeat;
}

ul#A-NV li#bt22 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b22.gif) top left no-repeat;
}
ul#A-NV li#bt23 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b23.gif) top left no-repeat;
}
ul#A-NV li#bt24 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b24.gif) top left no-repeat;
}
ul#A-NV li#bt25 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b25.gif) top left no-repeat;
}
ul#A-NV li#bt26 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b26.gif) top left no-repeat;
}
ul#A-NV li#bt27 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b27.gif) top left no-repeat;
}
ul#A-NV li#bt28 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b28.gif) top left no-repeat;
}
ul#A-NV li#bt29 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b29.gif) top left no-repeat;
}
ul#A-NV li#bt30 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b30.gif) top left no-repeat;
}
ul#A-NV li#bt31 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b31.gif) top left no-repeat;
}
ul#A-NV li#bt32 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b32.gif) top left no-repeat;
}
ul#A-NV li#bt33 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b33.gif) top left no-repeat;
}
ul#A-NV li#bt34 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b34.gif) top left no-repeat;
}
ul#A-NV li#bt35 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b35.gif) top left no-repeat;
}
ul#A-NV li#bt36 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b36.gif) top left no-repeat;
}
ul#A-NV li#bt37 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b37.gif) top left no-repeat;
}
ul#A-NV li#bt38 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b38.gif) top left no-repeat;
}
ul#A-NV li#bt39 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b39.gif) top left no-repeat;
}
ul#A-NV li#bt40 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b40.gif) top left no-repeat;
}
ul#A-NV li#bt41 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b41.gif) top left no-repeat;
}
ul#A-NV li#bt42 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b42.gif) top left no-repeat;
}
ul#A-NV li#bt43 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b43.gif) top left no-repeat;
}
ul#A-NV li#bt44 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b44.gif) top left no-repeat;
}
ul#A-NV li#bt45 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b45.gif) top left no-repeat;
}
ul#A-NV li#bt46 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b46.gif) top left no-repeat;
}
ul#A-NV li#bt47 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b47.gif) top left no-repeat;
}
ul#A-NV li#bt48 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b48.gif) top left no-repeat;
}
ul#A-NV li#bt49 a{
	display:block;
	width:160px;
	height:49px;
	background:url(guide/img-bt/b49.gif) top left no-repeat;
}


ul#A-NV li#bt1 a:hover,
ul#A-NV li#bt2 a:hover,
ul#A-NV li#bt3 a:hover,
ul#A-NV li#bt4 a:hover,
ul#A-NV li#bt5 a:hover,
ul#A-NV li#bt6 a:hover,
ul#A-NV li#bt7 a:hover,
ul#A-NV li#bt8 a:hover,
ul#A-NV li#bt9 a:hover,
ul#A-NV li#bt10 a:hover,
ul#A-NV li#bt11 a:hover,
ul#A-NV li#bt12 a:hover,
ul#A-NV li#bt13 a:hover,
ul#A-NV li#bt14 a:hover,
ul#A-NV li#bt15 a:hover,
ul#A-NV li#bt16 a:hover,
ul#A-NV li#bt17 a:hover,
ul#A-NV li#bt18 a:hover,
ul#A-NV li#bt19 a:hover,
ul#A-NV li#bt20 a:hover,
ul#A-NV li#bt21 a:hover,
ul#A-NV li#bt22 a:hover,
ul#A-NV li#bt23 a:hover,
ul#A-NV li#bt24 a:hover,
ul#A-NV li#bt25 a:hover,
ul#A-NV li#bt26 a:hover,
ul#A-NV li#bt27 a:hover,
ul#A-NV li#bt28 a:hover,
ul#A-NV li#bt29 a:hover,
ul#A-NV li#bt30 a:hover,
ul#A-NV li#bt31 a:hover,
ul#A-NV li#bt32 a:hover,
ul#A-NV li#bt33 a:hover,
ul#A-NV li#bt34 a:hover,
ul#A-NV li#bt35 a:hover,
ul#A-NV li#bt36 a:hover,
ul#A-NV li#bt37 a:hover,
ul#A-NV li#bt38 a:hover,
ul#A-NV li#bt39 a:hover,
ul#A-NV li#bt40 a:hover,
ul#A-NV li#bt41 a:hover,
ul#A-NV li#bt42 a:hover,
ul#A-NV li#bt43 a:hover,
ul#A-NV li#bt44 a:hover,
ul#A-NV li#bt45 a:hover,
ul#A-NV li#bt46 a:hover,
ul#A-NV li#bt47 a:hover,
ul#A-NV li#bt48 a:hover,
ul#A-NV li#bt49 a:hover{
	background-color:#FFF;
}

ul#A-NV li a:hover img{
	visibility:hidden;
}