@charset "UTF-8";

/* Navi */

#Navi .smart_navi_top {
	display: none;
}
.navi_wrapper {
	background-image: url(../common/bg_navi.jpg);
	background-repeat: repeat-x;
	height: 37px;
}


#Navi {
	width:980px;
	height:37px;
	position:relative;
	padding: 0px;
	background-image: url(../img/common/navi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#Navi li {
	list-style: none;
	position:absolute;
	top:0px;
	padding: 0px;
	margin: 0px;
}
	
#Navi li, #Navi li a {
	height:37px;
	display:block;
}
	
#Navi li a {
	text-indent: -9999px;
	text-decoration:none;
}

#Navi li.m1 {
	left:0px;
	width:163px;
}
#Navi li.m2 {
	left:163px;
	width:163px;
}
#Navi li.m3 {
	left:326px;
	width:164px;
}
#Navi li.m4 {
	left:490px;
	width:164px;
}
#Navi li.m5 {
	left:654px;
	width:164px;
}
#Navi li.m6 {
	left:818px;
	width:162px;
}

#Navi li.m1 a:hover {background: transparent url(../img/common/navi.jpg) 0px -37px no-repeat;}
#Navi li.m2 a:hover {background: transparent url(../img/common/navi.jpg) -163px -37px no-repeat;}
#Navi li.m3 a:hover {background: transparent url(../img/common/navi.jpg) -326px -37px no-repeat;}
#Navi li.m4 a:hover {background: transparent url(../img/common/navi.jpg) -490px -37px no-repeat;}
#Navi li.m5 a:hover {background: transparent url(../img/common/navi.jpg) -654px -37px no-repeat;}
#Navi li.m6 a:hover {background: transparent url(../img/common/navi.jpg) -818px -37px no-repeat;}

/* Menu */

#Menu {
	width:262px;
	height:148px;
	position:relative;
	padding: 0px;
	background: transparent url(../common/menu.jpg) top left no-repeat;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#Menu li {
	list-style: none;
	position:absolute;
	top:0px;
	padding: 0px;
	margin: 0px;
	height:45px;
	display:block;
}
	
#Menu li a {
	text-indent:-9999px;
	text-decoration:none;
	height:45px;
	display:block;
}

#Menu li.m1 {
	top:0px;
	width:262px;
}
#Menu li.m2 {
	top:52px;
	width:262px;
}
#Menu li.m3 {
	top:104px;
	width:262px;
}

#Menu li.m6 {top:220px;width:210px;}
#Menu li.m7 {top:264px;width:210px;}
#Menu li.m8 {top:308px;width:210px;}
#Menu li.m9 {top:352px;width:210px;}


#Menu li.m1 a:hover {background: transparent url(../common/menu.jpg) -262px 0px no-repeat;}
#Menu li.m2 a:hover {background: transparent url(../common/menu.jpg) -262px -52px no-repeat;}
#Menu li.m3 a:hover {background: transparent url(../common/menu.jpg) -262px -104px no-repeat;}
#Menu li.m6 a:hover {background: transparent url(../common/menu.jpg) -210px -220px no-repeat;}
#Menu li.m7 a:hover {background: transparent url(../common/menu.jpg) -210px -264px no-repeat;}
#Menu li.m8 a:hover {background: transparent url(../common/menu.jpg) -210px -308px no-repeat;}
#Menu li.m9 a:hover {background: transparent url(../common/menu.jpg) -210px -352px no-repeat;}


/* Header_menu */

#Header_menu {
	width:400px;
	height:15px;
	position:relative;
	padding: 0px;
	margin: 0px;
	background-image: url(../common/header_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#Header_menu li {
	list-style: none;
	position:absolute;
	top:0px;
	padding: 0px;
	margin: 0px;
}
	
#Header_menu li, #Header_menu li a {
	height:15px;
	display:block;
}
	
#Header_menu li a {
	text-indent:-9999px;
	text-decoration:none;
}

#Header_menu li.m1 {left:0px;width:152px;}
#Header_menu li.m2 {left:152px;width:149px;}
#Header_menu li.m3 {left:301px;width:149px;}


#Header_menu li.m1 a:hover {background: transparent url(../common/header_menu.jpg) 0px -49px no-repeat;}
#Header_menu li.m2 a:hover {background: transparent url(../common/header_menu.jpg) -152px -49px no-repeat;}
#Header_menu li.m3 a:hover {background: transparent url(../common/header_menu.jpg) -301px -49px no-repeat;}


/* Banner */

#Banner {
	margin: 0px;
	padding: 0px;
}

#Banner li {
	text-indent: -9999px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#Banner li.b1 a {
	background-image: url(../img/banner_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}

#Banner li.b1 a:hover {
	background-image: url(../img/banner_01_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}



.snavi{width:262px;}
.snavi li ul{padding:10px;}
.snavi li ul li a{
	display:block;
	line-height:2em;
	font-size:100%;
	width:212px;
	padding:0px 15px;
}
.snavi li ul li a:hover{
	background-color:#f1f1f1;
}