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

	#localnav {
		margin-bottom:80px;
		background-image:url("../../img//bg_green.png");
	}

	#localnav .nav-pills {
		margin-left:auto;
		margin-right:auto;
		padding-top:10px;
		padding-bottom:10px;
		border-collapse:separate;
		border-spacing:2px 0px;
	}

	#localnav .nav-pills > li {
		padding-left:15px;
		padding-right:15px;
	}

	#localnav .nav-pills > li > a {
		color:#FFFFFF;
		line-height:40px;
		border-width:0px 0px 2px 0px;
		border-style:solid;
		border-color:transparent;
	}

	#localnav .nav-pills > li > a:hover {
		font-weight:bold;
		border-color:inherit;
	}

	#localnav .nav-pills > li.active > a {
		font-weight:bold;
		border-color:inherit;
	}

}
@media screen and (max-width: 767px) {

	#localnav {
		background-image:url("../../img//bg_green.png");
	}

	#localnav .nav-pills {
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
		padding-bottom:0px;
	}

	#localnav #localnav-header {
		padding-left:15px;
		padding-right:15px;
		background-image:url("../../img//bg_green_right.png");
	}

	#localnav .nav-pills > li {
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		border-width:0px 0px 1px 0px;
		border-style:solid;
		border-color:#121c13;
	}

	#localnav span#localnav-title {
		color:#FFFFFF;
		font-family:YuMincho, 'Yu Mincho', serif;;
		line-height:40px;
	}

	#localnav span#localnav-title-icon {
		float:right;
		padding-left:12px;
		padding-right:12px;
		color:#FFFFFF;
		line-height:40px;
	}

	#localnav .nav-pills > li > a {
		padding-top:0px;
		padding-bottom:0px;
		padding-left:15px;
		padding-right:15px;
		color:#FFFFFF;
		line-height:40px;
	}

	#localnav .nav-pills > li > a:hover {
		color:#FFFFFF;
		font-weight:bold;
	}

	#localnav .nav-pills > li.active > a {
		color:#FFFFFF;
		font-weight:bold;
	}

}