@charset "UTF-8";
/*
 * footer.css
 */


/* for Footer Styles */

/*====================================================================
 Block Outline
====================================================================*/
div#footer {
	height:70px;
	margin: 0 auto 0;
	line-height:11px;
	background-color:#fff;
	border-top:2px solid #f00;
}
div#footer div#footer-inner {
	margin:0 auto;
	text-align:left;
	position:relative;
	width:950px;
}

div#footer p.copyright {
	width: 180px;
    /* height: 25px; */
    position: absolute;
    left: 5px;
    top: 18px;
    padding: 0;
    margin: 0;
}

/* footer-link
--------------------------------------------------------------------*/
div#footer div#footer-link {
	padding: 5px 10px 0;
	float: right;
}
div#footer ul {
	float: left;
}

div#footer a:link,
div#footer a:visited {
	color: #4e4e4e;
	text-decoration: none;
}

div#footer a:hover,
div#footer a:active {
	color: #e26666;
	text-decoration: none;
}
div#footer ul.company-link,
div#footer ul.utility-link{
	float:right;
	padding:18px 10px 0;
}
div#footer ul.company-link{padding-left:0;}
div#footer ul.utility-link{padding-right:0;}

div#footer ul.company-link li,
div#footer ul.utility-link li{
	padding-left:12px;
	float: left;
}
div#footer ul.company-link li a {
	background: transparent url(/takuhaimeiji/common/images/rwd/ft_company_listitem.gif) no-repeat left;
	padding-left:14px;
	display:block;
	font-size:10px;
}

div#footer ul.utility-link li a {
	padding-left:8px;
	display:block;
	font-size:10px;
	background: transparent url(/takuhaimeiji/common/images/rwd/ft_utility_listitem.gif) no-repeat left;
}

.footer {
	display: none;
}


/* !footer
---------------------------------------------------------- */	
#footerLinks {
	width: 960px;
	margin: 0 auto;
	padding:20px 0;
}
	#footerLinks ul {
		float:right;
	}
		#footerLinks li {
			float:left;
			margin-left:20px;
		}
		#footerLinks li.flNav02,
		#footerLinks li.flNav03 {
			display:none;
		}
			#footerLinks li a{
				display:block;
				font-size:11px;
				color:#231815;
			}
			#footerLinks li.flNav01 a{
				padding-left:20px;
				background: url(/takuhaimeiji/common/images/rwd/ico_sitemap01.gif) no-repeat left center;
			}
		.pageTop a{
			padding-left:15px;
			background: url(/takuhaimeiji/common/images/rwd/ico_arrow03.gif) no-repeat left center;
		}

/*基本以外の設定*/
#footerTxt {
	font-size: 100%;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px dotted #000;
	padding-top: 30px;
	    background-color: #fff;
}

#footerTxt p {
	padding-bottom: 0;
}

a.topicLink {
	color: #36c;
	padding-left: 12px;
	background: url(/takuhaimeiji/common/images/rwd/topicLink.gif) left 5px no-repeat;
}
a:link.topicLink {
	text-decoration: none;
}
a:visited.topicLink {
	color: #0150BC;
	font-weight: normal;
	text-decoration: none;
}
a:active.topicLink {
	color: #f00;
	font-weight: normal;
	text-decoration: none;
}
a:hover.topicLink {
	color: #f00;
	font-weight: normal;
	text-decoration: none;
}

#cmn-footer{
	display:none;
}

@media screen and (max-width: 959px) {
	div#footer div#footer-inner {
    margin: 0 auto;
    text-align: left;
    position: relative;
    width: 100%;
}
	div#footer {
	}
	
	.footer {
		display: block;
		padding: 30px 30px 20px;
		box-sizing: border-box;
		width: 100%;
	}
	
	.footer .footer01 {
		float: left;
		width: 20%;
	    margin-top: -5px;
	    text-align: left;
	}
	.footer .footer01 .small {
		color:#231815;
		font-size:12px;
	}
	
	.footer .footer02 {
		float: right;
		width: 50%;
		text-align: right;
	}
	.footer .footer02 img {
		width:100%;
		height:auto;
	}
	
	
	
	#footerLinks {
		width: 100%;
		padding:0;
	}
		#footerLinks ul {
			float:none;
		}
			#footerLinks li {
				float:none;
				margin:0;
				padding:0 30px;
				border-bottom:1px solid #ccc;
			}
			#footerLinks li.flNav01 {
				display: none;
			}
			#footerLinks li.flNav02,
			#footerLinks li.flNav03 {
				display:block;
			}
				#footerLinks li a{
					padding:24px 0;
					font-size:24px;
				}
				#footerLinks li.flNav01 a,
				#footerLinks li.flNav02 a,
				#footerLinks li.flNav03 a{
					padding-left:30px;
					background: url(/takuhaimeiji/common/images/rwd/tb/ico_arrow04.gif) no-repeat left center;
				}
			#footerLinks .pageTop{
				padding:30px 0 24px;
				background:#c5e7f5;
				text-align:center;
			}
				#footerLinks .pageTop a{
					display:inline-block;
					padding:44px 0 0 0;
					background: url(/takuhaimeiji/common/images/rwd/tb/ico_arrow05.gif) no-repeat center top;
					background-size:12px auto;
				}
	
	#footerTxt,
	#GlobalFooter{
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	
	#cmn-footer{
		display:block;
		background: #fff;
  		padding-top: 20px;
	}
		#footer-nav{
			text-shadow: none;
			background:#fff;
		}
			#f-nav-header{
				background: #f0f4f7;
				border: 1px solid #c6c9cc;
				border-bottom: 1px solid #bbd0e3;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				position: relative;
			}
			#f-nav-header.opened i {
			  -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(/takuhaimeiji/common/images/rwd/tb/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(/takuhaimeiji/common/images/rwd/tb/arrow-gray.png) right center no-repeat;
						background-size: 12px 12px;
						font-size: 12px;
						text-decoration: none;
					}
					#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;
					}
			
			.sub-nav{
				margin: 24px 0;
			}
				.sub-nav .to-index{
					box-sizing: border-box;
					width: 150px;
					height: 40px;
					margin: 0 auto;
					border: 1px solid #b70404;
					-webkit-border-radius: 6px;
					border-radius: 6px;
					background: #ff0000;
					background: -moz-linear-gradient(top, red 0%, #d00606 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, red), color-stop(100%, #d00606));
					background: -webkit-linear-gradient(top, red 0%, #d00606 100%);
					background: -o-linear-gradient(top, red 0%, #d00606 100%);
					background: linear-gradient(to bottom, red 0%, #d00606 100%);
				}
				.sub-nav img{
					width:100%;
				}
				
		#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%;
			}
	
}
@media screen and (max-width: 767px) {
	#footerLinks {}
		#footerLinks ul {}
			#footerLinks li {
				padding:0 15px;
			}
				#footerLinks li a{
					padding:12px 0;
					font-size:14px;
				}
				#footerLinks li.flNav01 a,
				#footerLinks li.flNav02 a,
				#footerLinks li.flNav03 a{
					padding-left:15px;
					background-size:5px auto;
				}
			#footerLinks .pageTop{
				padding:15px 0 12px;
			}
				#footerLinks .pageTop a{
					padding:22px 0 0 0;
					background-size:12px auto;
				}
	
	
	.footer {
		padding: 30px 15px 20px;
	}
	.footer .footer01 {
		width: 45%;
	}
	.footer .footer01 .small {
		font-size: 10px;
		margin-top: 1px;
	}
	
	.footer .footer02 {
		width: 55%;
	    margin-top: 0px;
	}

}