/* =================================================================
common_footer
=================================================================*/

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin: 0; padding: 0;}
li{list-style-type: none;}

/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer {clear: both; width: 100%; margin-top: 100px; padding-top: 24px; border-top: 1px solid #d5d5d5; }

/* footer_related_site*/
#footer .footer_related_site {width: 980px; margin: 0 auto 40px auto; }
#footer .footer_related_site a:hover img {opacity: 0.7; cursor: pointer; transition: all .3s; }
#footer .footer_related_site h2 {font-size: 16px; border-left: 3px solid #1747a2; padding-left: 5px; margin-bottom: 24px;font-weight: bold;line-height: 1.5;}
#footer .footer_related_site h3 {margin:auto auto 10px; position: relative;font-weight: bold;font-size: 1.17em;line-height: 1.5;}
#footer .footer_related_site h3 span{position: relative; z-index: 2; display: inline-block; margin: 0 20px; padding: 0 1em; background-color: #fff; text-align: left;}
#footer .footer_related_site h3 .inner{margin: 0px; padding: 0px 20px;}
#footer .footer_related_site h3:after{content: ""; height: 1px; width: 100%; background: #d5d5d5; display: block; position: absolute; z-index: 1; top: 12px;}
#footer .footer_related_site h3 img{display: block;}
#footer .footer_related_site ul {padding-left: 0; margin:auto auto auto 20px; }
#footer .footer_related_site li {display: inline-block; margin-right: 20px; background-color: #fff; height: 50px; margin-bottom: 30px;position: relative;}
#footer .footer_related_site li a {width: 130px; height: 50px; border: 1px #CCC solid; display: inline-block; position: relative; }
#footer .footer_related_site li a img {max-width: 120px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#footer .footer_related_site li span{position: absolute;margin: auto;top: -38px;left: -22px;font-weight: bold;font-size: 1em;width: 170px;text-align: center;z-index: 2;padding: 0px;background: #fff;}

/* footer_link*/
#footer .footer_link {width: 100%; background-color: #f4f4f4; text-align: center; padding: 10px 0; }
#footer .footer_link a {color: #262626; }
#footer .footer_link ul,
#footer .footer_link nav{margin: 0 auto; padding: 0;}
#footer .footer_link ul li,
#footer .footer_link nav li{list-style-type: none; display: inline-block; font-size: 12px; border-right: 1px solid #262626; padding-right: 10px; margin-right: 10px; margin-top: 4px;}
#footer .footer_link ul li:last-child,
#footer .footer_link nav li:last-child{border-right: 0px;}

/* copyright */
#footer .copyright {font-size: 10px; color: #fff; text-align: center; background-color: #1747a2; height: 23px; line-height: 23px; vertical-align: middle; }
#footer .copyright p{
	margin: auto;
}
/* backtotop */
#topBtn {position: fixed; bottom: 20px; right: 20px; display: block; }
#topBtn a {width: 54px; height: 54px; display: block;}