/* sitemap
------------------------------------------*/

.sitemape,
.sitemap {
	width: 175px;
	float: left;
}
@media screen and (max-width: 768px) {
	.sitemape,
	.sitemap {
		width: 90%;
		margin: 0 auto;
		float: initial;
	}
}

.sitemap {
	padding-right: 25px;
}
@media screen and (max-width: 768px) {
	.sitemap {
		padding-right: initial;
	}
}

.sitemape h5,
.sitemap h5 {
	margin: 5px 0px 10px;
	padding: 3px 0 3px 7px;
	text-align: left;
	font-size: 0.9em;
	font-weight:bold;
	border-left: 4px solid #68b638;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
@media screen and (max-width: 768px) {
	.sitemape h5,
	.sitemap h5 {
		font-size: 1.1rem;
	}
}

.sitemape ul,
.sitemap ul {
	margin-bottom: 20px;
}

.sitemape li,
.sitemap li {
	font-size: 0.8em;
	line-height: 1.4em;
	background-image: url(../images/footer_navi_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 10px 4px;
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
	.sitemape li,
	.sitemap li  {
		font-size: 1rem;
		line-height: 1.5em;

	}
}
.sitemape li.2nd,
.sitemap li.2nd {
	margin-left: 15px;
}


.sitemape a:link,
.sitemap a:link {
	color: #333333;
	text-decoration: none;
}

.sitemape a:visited,
.sitemap a:visited {
	color: #333333;
	text-decoration: none;
}

.sitemape a:hover,
.sitemap a:hover {
	text-decoration: underline;
	color: #cc0000;
}

.sitemape a:active,
.sitemap a:active {
	color: #333333;
	text-decoration: none;
}