body, nav, ul, li, a  {margin: 0; padding: 0;}
/* body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } */
a {text-decoration: none;}


.container {
	overflow: hidden;
    position: relative;
	height:70px;
	margin-top:0px;
	min-width:940px;
	text-align: center;
	margin:0 auto;
	}



.toggleMenu {
    display:  none;
	margin:0px;
    background: #82aa43;
    padding: 0px 15px;
	text-align:left;
    color:#ffffff;
	font-size:0.9em;
	width:100%;
	background-color:#dedede;
}

a:link.toggleMenu {
text-decoration:none;
    color:#ffffff;
}
a:visited.toggleMenu {
text-decoration:none;
color:white;
}
a:hover.toggleMenu {
text-decoration:underline;
    color:#ffffff;
}


.nav {
    list-style: none;
     *zoom: 1;
     /* background:#175e4c; */
	    position: relative;
		float: left;
    left: 50%;	
	margin:0px auto;
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
	width:940px;
}
.nav a {
color:#0b408d;
}
.nav li p{
	background: url(../img/line02.png) no-repeat right center;  
	padding-right:15px;
	padding-left:15px;
	height:70px;
     position: relative;
	text-align: center;
	box-sizing: border-box;

	}
.nav p {
		display: table-cell;
	vertical-align: middle;
}


.nav li:first-child {
		background: url(../img/line02.png) no-repeat left center;
	padding-left:0px;
}

.nav > li {
    float: left;
    /* border-top: 1px solid #104336; */
	    position: relative; 
  left: -50%;
		text-align: center;

}
.nav > li > .parent {
	width:auto;
	text-align: center;

}
.nav > li > a {
    display: block;
	width:auto;
	text-align: center;
	box-sizing:border-box;
}
.nav li .parent a:hover {
		text-decoration:none;	
}

.nav li a:hover {
	display: table-cell;
	
}
.nav > li:hover > a, .nav > a:hover {
    text-decoration:none;
}
	
	
.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: #106ab5;
	    background-image: url(../img/arrow01.png);
    background-repeat: no-repeat;
    background-position: 13px center; 
    position: relative;
    z-index:100;
    /* border-top: 1px solid #175e4c; */
		padding:5px 25px;
}

.nav li li a:hover {
	background-image: url(../img/arrow01.png);
    background-repeat: no-repeat;
    background-position: 13px center; 
	position: relative;
    z-index:100;
    padding:5px 25px;
}

.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
			padding:10px;

}



.footer_nav a {

    color:#fff;
	
}

/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (min-width:641px) and (max-width:840px){


	
}



/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px) {
.container	 {
	display:block;
	height:auto;
	width:100%;
	background-image:none;
	float:none;
	background-color:#fff;
	 margin-bottom:0px;
	
}

.container br {
    display: none;
  }

    .active {
        display: block;
    }
	.nav {
		display:none;
     list-style: none;
     *zoom: 1;
	 background:#ccc;
	 border:1px solid #aaa;
	 position:static;
	 float:none;
	 left:0%;
	 margin-top:0px;	
	 /* margin-bottom:0px;
	 width:100%; */
} 
.nav li:first-child {
background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e1e1e1));
    background:-webkit-linear-gradient(top, #fefefe, #e1e1e1);
    background:-moz-linear-gradient(top, #fefefe, #e1e1e1);
    background:linear-gradient(to bottom, #fefefe, #e1e1e1);
	color:#222;
}
	
.nav a {
		font-size:1em;
		text-align:left;
	color:#222;
} 
    .nav > li {
        float: none;
		position:static;
		left:0%;
		background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e1e1e1));
    background:-webkit-linear-gradient(top, #fefefe, #e1e1e1);
    background:-moz-linear-gradient(top, #fefefe, #e1e1e1);
    background:linear-gradient(to bottom, #fefefe, #e1e1e1);
	color:#222;
	width:100%;
	padding:15px 0;
	box-sizing:border-box;
	line-height:1;
	height:0;
	height:auto;
    }
	.nav > li > a {
			height:0;
	height:auto;
		padding:15px 0;
		width:100%;
    display: block;
	color:#222;
    
}
    .nav > li > .parent {
			height:0;
	height:auto;
		padding:15px 0;
	width:100%;
	color:#222;
    }
	.nav li .parent a:hover {
			height:0;
	height:auto;
		padding:15px 0;
		width:100%;
	text-decoration:none;
	color:#106ab5;
}
.nav li a:hover {
		height:0;
	height:auto;
	padding:15px 0;
		width:100%;
    text-decoration:none;
	color:#222;
}
.nav > li:hover > a, .nav > a:hover {
		height:0;
	height:auto;
	padding:15px 0;
		width:100%;
    text-decoration:none;
	color:#222;
}
    .nav li li .parent {
 
    }
.nav li li a {
 
}
.nav li li a:hover {
	   
	color:#dedede;
}
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	

}