.toggleMenu {
    display: none;
background-image: url('/img/naname.gif');
    padding: 10px 15px;
    color: #336699;
}
a.toggleMenu{
	color: #336699;
	width:90%;
}
#navi {
	width: 100%;
	text-align:center;
	background-image: url('/img/naname.gif');
	font-weight: bold;
}
.nav {
	width: 900px;
	margin:0 auto;
	list-style: none;
	*zoom: 1;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav a {
	color: #336699;
	text-align:center;
	padding: 1em 0;
}

.nav a:visited {
	color: #336699;
}

.nav a:hover {
	color: #336699;
}

.nav ul {
    list-style: none;
	text-align: center;
}
.nav li {
	position: relative;
	width:25%;
}
.nav li li {
	width: 225px;
}

.nav li li li{
	text-align: left;
}
.nav > li {
    float: left;
}
.nav > li:first-child {
}
.nav > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
	display: block;
	background:#efefef;
	position: relative;
	z-index:100;
	border-top: 1px solid #fff;
	font-size: 0.9em;
	text-align: left;
	padding-left: 1em;
}
.nav li li a:hover {
	background:#92b9f2;
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 950px) {
	.active {
		display: block;
	}
	.nav {
		width: auto;
	}
	.nav > li {
		float: none;
		width: auto;
		text-align:left;
		border-top: 1px dashed #fff;
		border-right: none;
	}
	.nav > li:first-child {
	    border-left: none;
	}
	.nav li li {
		width: 100%;
	}
	.nav > li > .parent {
		background-position: 95% 50%;
	}
	.nav li li .parent {
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	.nav ul {
		display: block;
	}
	.nav > li.hover > ul , .nav li li.hover ul {
		position: static;
	}
	.nav li.kyuumoji li {
			width: 100%;
	}
	.nav li li li{
		width: 100%;
		text-align: left;
	}
	.nav li li li a {
	    padding: 10px 15px 10px 30px;
	}

}