.layoutNavi
{
	float: left;
	padding: 0px;
	margin-left: 10px;
}

li {
  float: left;
	background: #014f0a;
}
/* #009732 */

li a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 12px 14px;
	font-size: 100%;
	border: 1px solid black;
}

li a:hover:not(.active) {
  background-color: #11bc25;
}

.active {
  background-color: #0d8d1b;
}

ul li ul {
  position: absolute;
  left: 0;
  display: none;
}

ul li:hover > ul,
ul li ul:hover {
	background-color: #11bc25;
  display: block;
	z-index: 10;
	top: 43px;
	left: 265px;
	width: 119px;
	text-align: left;
}

ul li ul li {
  clear: both;
  width: 100%;
}

@media screen and (min-width: 1300px)
{

	.banner {
		position: relative;
		text-align: left;
		padding: 10px;
	}

	.navibar {
		position: relative;
		text-align: center;
		float: none;
		display: inline-block;
	}

	ul
	{
	  list-style-type: none;
		position:relative;
		text-align: center;
		display: inline-block;
	  width:100%;
	  height:4%;
	  margin: 0;
	  padding: 10;
		padding-left: 0px;
	  font-size:110%;
	  font-family:helvetica;
		text-decoration: none;
	  color: #E8E4E1;
	}
}

@media screen and (min-width: 1299px)
{
	.mobileLayoutNavi
	{
		display: none;
	}

	.mobileLayoutNavi .icon
	{
		display: none;
	}

	.phone_bannerimg
	{
		display: none;
	}
}

@media screen and (max-width: 1299px) and (min-width: 650px)
{
	.banner {
		position: relative;
		text-align: left;
		padding: 10px;
	}

	.bannerimg {
		width: 95%;
	}

	.navibar {
		position: relative;
		text-align: center;
		float: none;
		display: inline-block;
	}

	ul
	{
	  list-style-type: none;
		position:relative;
		text-align: center;
		display: inline-block;
	  width:100%;
	  height:4%;
	  margin: 0;
	  padding: 10;
		padding-left: 0px;
	  font-size:110%;
	  font-family:helvetica;
		text-decoration: none;
	  color: #E8E4E1;
	}
}

@media screen and (max-width: 1299px) and (min-width: 650px)
{
	.mobileLayoutNavi
	{
		display: none;
	}

	.mobileLayoutNavi .icon
	{
		display: none;
	}

	.phone_bannerimg
	{
		display: none;
	}
}

@media screen and (max-width: 649px)
{
	.bannerimg {
		display: none;
	}

	.phone_bannerimg
	{
		position: relative;
		width: 180px;
		left: 100px;
		top: 8px;
	}

	ul
	{
		display: none;
	}

	.mobileLayoutNavi
	{
		overflow: hidden;
  	background-color: #095a2b;
		text-align: center;
		font-family:helvetica;
	}

	.mobileLayoutNavi a
	{
		color: white;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 17px;
	  display: none;
	}

	.mobileLayoutNavi .icon
	{
	  background: #095a2b;
	  display: block;
	  position: absolute;
	  left: 10px;
	  top: 8px;
		z-index: 3;
	}

	.mobileLayoutNavi a:hover
	{
	  background-color: black;
	  color: black;
	}
}

@media screen and (max-width: 649px)
{
  .mobileLayoutNavi.responsive {
		position: absolute;
		width:100%;
		z-index: 10;

	}
  .mobileLayoutNavi.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
		width: 20px;
		z-index: 10;
  }
  .mobileLayoutNavi.responsive a {
    float: none;
    display: block;
    text-align: center;
		height:30px;
		z-index: 10;
		font-size: 16px;
  }
}

@media print {

	.banner {
		position: relative;
		text-align: left;
		padding: 10px;
	}

	.phone_bannerimg
	{
		display: none;
	}

	.mobileLayoutNavi a
	{
	  display: none;
	}

	.navibar {
		position: relative;
		text-align: center;
		float: none;
		display: inline-block;
	}

	ul
	{
	  list-style-type: none;
		position:relative;
		text-align: center;
		display: inline-block;
	  width:100%;
	  height:4%;
	  margin: 0;
	  padding: 10;
		padding-left: 0px;
	  font-size:110%;
	  font-family:helvetica;
		text-decoration: none;
	  color: #E8E4E1;
	}
}