#navi_box{
float: left;
width: 968px;
height: 50px;
margin-top: 10px;
}



#n1 a{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi01-off.png);
display: block;
text-decoration: none;
}


#n1 a:hover{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi01-on.png);
display: block;
text-decoration: none;
}



#n2 a{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi02-off.gif);
display: block;
text-decoration: none;
}


#n2 a:hover{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi02-on.gif);
display: block;
text-decoration: none;
}


#n3 a{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi03-off.gif);
display: block;
text-decoration: none;
}


#n3 a:hover{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi03-on.gif);
display: block;
text-decoration: none;
}


#n4 a{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi04-off.gif);
display: block;
text-decoration: none;
}


#n4 a:hover{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi04-on.gif);
display: block;
text-decoration: none;
}


#n5 a{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi05-off.png);
display: block;
text-decoration: none;
}


#n5 a:hover{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi05-on.png);
display: block;
text-decoration: none;
}


#n6 a{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi06-off.gif);
display: block;
text-decoration: none;
}


#n6 a:hover{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi06-on.gif);
display: block;
text-decoration: none;
}


#n7 a{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi07-off.gif);
display: block;
text-decoration: none;
}


#n7 a:hover{
float: left;
width: 138px;
height: 50px;
background-image: url(/wp-content/themes/saitopia/image/g-navi07-on.gif);
display: block;
text-decoration: none;
}







/* Topmenu部分 */
.mod_dropnavi ul.topmenu{
	width:960px;
	height:50px;
	z-index: 99;
	position: absolute;
	float: left;
	list-style-type: none;
}
.mod_dropnavi ul.topmenu li{
	float:left;
	position:relative;
	list-style-type: none;
}
.mod_dropnavi ul.topmenu li.topmenu01{width:138px;}
.mod_dropnavi ul.topmenu li.topmenu02{width:138px;}
.mod_dropnavi ul.topmenu li.topmenu03{width:138px;}
.mod_dropnavi ul.topmenu li.topmenu04{width:138px;}
.mod_dropnavi ul.topmenu li.topmenu05{width:138px;}
.mod_dropnavi ul.topmenu li.topmenu06{width:138px;}
.mod_dropnavi ul.topmenu li.topmenu07{width:138px;}

.mod_dropnavi ul.topmenu li a{
	display:block;
	width:100%;
	height:100%;
	z-index: 99;
}

/* サブメニュー階層は通常は非表示 */
.mod_dropnavi ul.topmenu li.topmenu01.off ul{display:none;}
.mod_dropnavi ul.topmenu li.topmenu02.off ul{display:none;}
.mod_dropnavi ul.topmenu li.topmenu03.off ul{display:none;}
.mod_dropnavi ul.topmenu li.topmenu04.off ul{display:none;}
.mod_dropnavi ul.topmenu li.topmenu06.off ul{display:none;}
.mod_dropnavi ul.topmenu li.topmenu07.off ul{display:none;}

/* サブ階層部分 */
.mod_dropnavi ul.topmenu li ul.submenu{
	width:138px;
	top:50px;
}
.mod_dropnavi ul.topmenu li ul.submenu li{
	height:50px;
	clear:both;
}