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


.container {
	width:100%; 
	max-width:1366px;
	background-color:#2e6592;
	line-height:120%;
	/* overflow: hidden; */
    position: relative;
	font-size:0.9em;
	}


.toggleMenu {
	width:100%;
    display:  none;
	margin:0px;
    background: #2e6592;
    padding: 10px;
	text-align:left;
    color:#ffffff;
	font-size:0.9em;
}

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-top:3px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    /* width: 9em;  */
	width:auto;
	padding-top:1px;
}
.nav a {
    padding: 10px 0px 10px 10px;
    color:#fff;
	margin-right:25px;
}
.nav li {
    position: relative;
	}
.nav > li {
    float: left;
    /* border-top: 1px solid #104336; */
	    position: relative;
    left: -50%;
}
.nav > li > .parent {
    background-image: url(../img/arrow01.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.nav > li > a {
    display: block;
    background-image: url(../img/arrow01.png);
    background-repeat: no-repeat;
    background-position: left center; 
}
.nav li .parent a:hover {
	    background-image: url(../img/arrow02.png);
    background-repeat: no-repeat;
    background-position: left center; 
color:#ffffff;
		text-decoration:none;
}

.nav li a:hover {
	    background-image: url(../img/arrow02.png);
    background-repeat: no-repeat;
    background-position: left center; 
color:#ffffff;
		text-decoration:none;
}
.nav > li:hover > a, .nav > a:hover {
		    background-image: url(../img/arrow02.png);
    background-repeat: no-repeat;
    background-position: left center; 
color:#ffffff;
		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/arrow03.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/arrow03.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){

.nav a {
    padding: 10px 10px 10px 10px;
    color:#fff;
	font-size:12px;
	font-size:1.2rem;
	margin-right:5px;
}

	
}



/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px) {
.container	 {
	display:block;
	height:auto;
	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;
} 
.nav a {
		font-size:0.9em;
		text-align:left;
} 
    .nav > li {
        float: none;
		position:static;
		left:0%;
		background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ccc));
    background:-webkit-linear-gradient(top, #fefefe, #ccc);
    background:-moz-linear-gradient(top, #fefefe, #ccc);
    background:linear-gradient(to bottom, #fefefe, #ccc);
	color:#222;
    }
	.nav > li > a {
    display: block;
	color:#222;
    background-image: url(../img/arrow04.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
    .nav > li > .parent {
    background-image: url(../img/arrow04.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }
	.nav li .parent a:hover {
	background-image: url(../img/arrow05.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
	text-decoration:none;
	color:#106ab5;
}
.nav li a:hover {
	background-image: url(../img/arrow05.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    text-decoration:none;
	color:#106ab5;
}
.nav > li:hover > a, .nav > a:hover {
	background-image: url(../img/arrow05.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
	text-decoration:none;
	color:#106ab5;	
}
    .nav li li .parent {
        background-image: url(images/downArrow.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
.nav li li a {
    display: block;
    background: #999;
	background-image: url(../img/arrow03.png);
    background-repeat: no-repeat;
    background-position: 13px center; 
    position: relative;
    z-index:100;
    /* border-top: 1px solid #175e4c; */
		padding:5px 25px;
		margin-right:0px;
}
.nav li li a:hover {
	    background-image: url(../img/arrow03.png);
    background-repeat: no-repeat;
    background-position: 13px center; 
	color:#dedede;
}
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	

}