@charset "UTF-8";


/* =================================================
	 06 Footer
	 ================================================ */
#cmn-footer {
	background: #ffffff;
	padding-top: 20px;
}

.sub-nav {
	margin: 24px 0;
}

	.sub-nav img {
		width: 100%;
	}

	.sub-nav .to-index {
		box-sizing: border-box;
		width: 150px;
		height: 40px;
		float: left;
		border: 1px solid #b70404;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background: #ff0000; /* Old browsers */
		background: -moz-linear-gradient(top,  #ff0000 0%, #d00606 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#d00606)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ff0000 0%,#d00606 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ff0000 0%,#d00606 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom,  #ff0000 0%,#d00606 100%); /* W3C */
	}
	.sub-nav .to-pc {
		box-sizing: border-box;
		width: 113px;
		height: 40px;
		float: right;
		border: 1px solid #c6c9cc;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background: #f1f1f1; /* Old browsers */
		background: -moz-linear-gradient(top,  #f1f1f1 0%, #dadada 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f1f1f1 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f1f1f1 0%,#dadada 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom,  #f1f1f1 0%,#dadada 100%); /* W3C */
	}

#cmn-footer #copyright {
	background: #ff0000;
	color: #fff;
	text-align: center;
	padding: 0;
	font-size: 1.0em;
}
#cmn-footer #copyright p {
	height: 27px;
	line-height: 27px;
}

#cmn-footer #copyright small {
	font-size: 80%;
}

iframe[name="google_conversion_frame"] {position:absolute;bottom:0}

/* =================================================
	 07 Navigation
	 ================================================ */


#footer-nav {
	/*margin: 0 5px 12px 5px;*/
	margin: 0 5px 12px 5px;
	text-shadow: none;
}
	#f-nav-header {
		background: #f0f4f7;
		border: 1px solid #c6c9cc;
		border-bottom: 1px solid #bbd0e3;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		position: relative;
		text-align:left;
	}
	#f-nav-header.opened {
		-webkit-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}
		#f-nav-header h1 {
			margin: 0;
			height: 44px;
		}
		#f-nav-header img {
			width: 308px;
			height: 44px;
		}


	#f-nav-btn {
		position: absolute;
		top: 0;
		right: 0;
		width: 46px;
		height: 44px;
		border-left: 1px solid #fff;
		background: #e1ebf2; /* Old browsers */
		background: -moz-linear-gradient(top,  #e1ebf2 0%, #c2d4e1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ebf2), color-stop(100%,#c2d4e1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e1ebf2 0%,#c2d4e1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e1ebf2 0%,#c2d4e1 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom,  #e1ebf2 0%,#c2d4e1 100%); /* W3C */
	}
		#f-nav-btn i {
			display: block;
			width: 46px;
			height: 44px;
			background: url(../images/f-nav-btn.png) left top no-repeat;
			background-size: 46px;
		}
		#f-nav-header.opened i {
			background-position: left bottom;
		}

	#f-nav {
		display: none;
		margin: 0 0 12px 0;
		border: 1px solid #c6c9cc;
		border-top: 0;
		-webkit-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
	}
	#f-nav li {
		box-sizing: border-box;
		width: 50%;
		float: left;
	}

	#f-nav li a {
		color: #666666;
		display: block;

		padding: 0 6px 0 12px;
		border-right: 1px solid #c6c9cc;
		border-bottom: 1px solid #c6c9cc;
		height: 38px;
		line-height: 38px;
		background: url(../images/arrow-gray.png) right center no-repeat;
		background-size: 12px 12px;
		font-size: 12px;
		text-decoration: none;
		text-align:left;

	}

	#f-nav li:last-child a,
	#f-nav li:nth-last-of-type(2) a {
		border-bottom: 0;
	}
	#f-nav li:nth-child(even) a {
		border-right: 0;
	}

	.to-top {
		margin: 0 5px 25px 0;
	}
	.to-top a {
		display: block;
		float: right;
		box-sizing: border-box;
		width: 120px;
		height: 32px;
		border: 1px solid #c6c9cc;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background: #f1f1f1; /* Old browsers */
		background: -moz-linear-gradient(top,  #f1f1f1 0%, #dadada 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f1f1f1 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f1f1f1 0%,#dadada 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom,  #f1f1f1 0%,#dadada 100%); /* W3C */
	}
	.to-top img {
		width: 100%;
	}

	.to-top:before,
	.to-top:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}
	.to-top:after {
		clear: both;
	}

	#footer-nav .clearfix:before,
	#footer-nav .clearfix:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}

	#footer-nav .clearfix:after {
	    clear: both;
	}