@charset "UTF-8";
/*

READ ME ============================================

+ footer

*/



/*

footer ============================================

*/

.footer_area {
	position: relative;
	width: 100%;
	background: #ddd;
}
	.footer_area .pagetop {
		position: absolute;
		top: 0;
		right: 9.5px;
	}
	.footer_area .breadcrumb {
		width: 100%;
		padding: 10px 65px 10px 2.5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.footer_area .breadcrumb ol {
		display: table-cell;
		height: 20px;
		vertical-align: middle;
	}
	.footer_area .breadcrumb li {
		display: inline;
		font-size: 95%;
        line-height:1.3;
	}

	.footer_area .breadcrumb li a{
        color:#444;
        text-decoration:underline;
    }

	.footer_area .breadcrumb li:last-child {
		color: #333;
	}
	.footer_area .breadcrumb li::after {
		content: " > ";
	}
	.footer_area .breadcrumb li:last-child::after {
		content: "";
	}
	.footer_area .relation_link{
		background: #444;
	}
	.footer_area .relation_link p {
		padding: 10px 2.5%;
		font-size: 1.1em;
		line-height: 1.2;
		color: #BDDD0E;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.footer_area .relation_link ul {
		padding: 0 0 2px 2.5%;
		overflow: hidden;
	}
	.footer_area .relation_link ul li {
		display: inline-block;
		padding-bottom: 10px;
		min-width:85px;
	}
	.footer_area .relation_link ul li:nth-of-type(5) {
		width: auto;
	}
	.footer_area .relation_link ul li a {
		font-size: 95%;
		line-height: 1.2;
		font-weight: bold;
		color: #fff;
	}

.global-footer {
	margin-top: 10px;
	width: 100%;
}
	.footer_area + .global-footer {
		margin-top: 0;
	}
	.global-footer .utility {
	}
	.global-footer .utility li {
		width: 100%;
		background: #606060 url(/nomucom/smp/common/images/footer-bg.gif);
		border-top: solid 1px #7b7b7b;
		border-bottom: solid 1px #444444;
		color: #b7b7b7;
		text-align: left;
		min-height: 46px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.global-footer .utility li:nth-of-type(1) {
		float: left;
		width: 50%;
		border-right: solid 1px #7b7b7b;
	}
	.global-footer .utility li:nth-of-type(2) {
		float: right;
		width: 50%;
		border-left: solid 1px #444444;
	}
	.global-footer .utility li:nth-of-type(3) {
		width: 100%;
		float: left;
		border-top: solid 1px #7b7b7b;
		border-bottom: solid 1px #444444;
	}
	.global-footer .utility li a {
		display: block;
		font-size: 1.4rem;
		padding: 15px 10px 15px 10px;
		text-decoration: none;
		color: #b7b7b7;
	}
	.global-footer .utility .icn_pc {
		padding-left: 25px;
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(/nomucom/smp/common/images/footer-icn-pc.gif);
		background-size: 18px 15px;
	}


	.global-footer .change_view {
		margin: auto;
		width: 100%;
		background: #606060 url(/nomucom/smp/common/images/footer-bg.gif);
		border-top: solid 1px #7b7b7b;
		border-bottom: solid 1px #444444;
		text-align: center;
	}
	.global-footer .change_view li {
		padding-top: 15px;
		padding-bottom: 15px;
		width: 150px;
		display: inline-block;
	}
	.global-footer .change_view a,
	.global-footer .change_view span {
		display: block;
		font-weight: bold;
		padding: 8px 0;
		min-height: 36px;
		line-height: 16px;
		color: #fff;
		font-size: 1.5rem;
		text-align: center;
		text-decoration: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.global-footer .change_view a {
		border-top: 2px solid #121212;
		border-bottom: 2px solid #121212;
		border-left: 2px solid #121212;
		background-color: #545353;
		background: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f),color-stop(48%,#6d6d6d), color-stop(52%,#605f5f), to(#4a4a4a));
		background: -moz-linear-gradient(top, #7f7f7f, #6d6d6d 48%, #605f5f 52%, #4a4a4a);
		background: linear-gradient(to bottom, #7f7f7f 0%, #6d6d6d 48%, #605f5f 52%,#4a4a4a 100%);
		border-radius: 3px 0 0 3px;
	}
	.global-footer .change_view span {
		border-top: 2px solid #121212;
		border-bottom: 2px solid #121212;
		border-right: 2px solid #121212;
		background-color: #2b2b2b;
		background: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#2b2b2b));
		background: -moz-linear-gradient(top, #1a1a1a, #2b2b2b);
		background: linear-gradient(to bottom, #1a1a1a, #2b2b2b);
		border-radius: 0 3px 3px 0;
	}
	.global-footer .copyright {
		font-size: 1.2rem;
		width: 100%;
		text-align: center;
		background-color: #494949;
		color: #ffffff;
		padding: 14px 3.13%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#breadcrumbs {
		width: 100%;
		padding: 10px 65px 10px 2.5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#breadcrumbs ol {
		display: table-cell;
		height: 20px;
		vertical-align: middle;
	}
	#breadcrumbs li {
		display: inline;
		font-size: 95%;
		line-height:1.3;
	}

	#breadcrumbs li a{
		color:#444;
		text-decoration:underline;
	}

	#breadcrumbs li:last-child {
		color: #333;
	}
	#breadcrumbs li::after {
		content: " > ";
	}
	#breadcrumbs li:last-child::after {
		content: "";
	}