/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav_sp {
	z-index: 98;
	display:inline-block;
	font-size:14px;
	font-weight:900;
}
.nav-list {
	text-align:left;
    background-color: #024ea3;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
	display:block;
	color:#fff;
	padding:15px 20px;
	background:#024ea3;
	border-bottom:1px solid #000;
}
.nav-item > a:hover {
	background:#CDCDD3;
}
.nav-item:hover .nav-submenu {
	display:block;
}

/* no_link */
.nav-item p {
	display:block;
	color:#363636;
	padding:15px 20px;
	background:#BCBCC2;
	border-bottom:1px solid #888;
}
.nav-item > p:hover {
	background:#BCBCC2;
}

/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background: url(../img/common/nav_li_sp.png) no-repeat top 22px left 8px #C9C8D7;
	border-bottom:1px solid #024ea3;
	display:block;
	padding:15px;
	color: #024ea3;
}
.nav-3rdmenu-item a {
    color: #024ea3;
    background: #C9C8D7;
    padding-left: 2em;
}
.nav-submenu-item a:hover {
	background:#E8E8EA;
}

.nav-item span {
    float: left;
    width: 50%;
}
.nav-item span.nav-click{width:initial;}

.nav-item span a {
	background: url(../img/common/nav_li_sp.png) no-repeat top 22px left 8px #000;
    padding-left: 1.5em;
}

.nav-item span:nth-child(2n) {
    border-left: 1px solid #262626;
    width: 49.6%;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top: 0;
	right: 0;
	background: url(../img/common/button_sp_navi.png) no-repeat center center;
	height: 56px;
	width: 60px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	height:45px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../img/common/navi_icon_plus.png) no-repeat center center;
}
.nav-click:hover {
}
.nav-rotate {
	background-image:url(../img/common/navi_icon_minus.png) !important;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 479px) {
	.nav-mobile {
		display:block;
	}
	.nav_sp {
		width:100%;
	}
	.nav-list {
		display:none;
		position: absolute;
	    top: 56px;
	    left: 0;
	    width: 100%;
	}
	
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
		background: url(../img/common/nav_li_sp.png) no-repeat top 22px left 8px #024ea3;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position: static;
		width:100%;
	}
	.kouza{
		font-size: 1.1em;
	}
	.kouza a{
		font-weight: 700;
		display: block;
		border-radius: 10px;
		padding: 15px 15px 15px 50px;
		color: #fff;
		width: 96%;
		margin: 5px auto;
		background: url("../img/common/icon_kouza.png") no-repeat top 8px left 8px #f7b52c;

	}
	.contact{
		font-size: 1.1em;
	}
	.contact a{
		display:block;
		font-weight: 700;
		color: #fff;
		border-radius: 10px;
		padding: 15px 15px 15px 50px;
		width: 96%;
		margin: 0px auto 5px;
		background: url("../img/common/icon_contact.png") no-repeat top 8px left 8px #009fe8;
	}

}