/*Footer*/

.bn_top { display: none; position:fixed; right:10px; bottom:70px; width:50px; height:50px; padding: 0; border: none; z-index:1; }
.bn_top .sp{ display: inline-block; width: 100%;  height: 100%; background-image: url('../images/common/btn_scrolltop.png'); background-repeat:no-repeat; background-position: 0 0; background-size:50px;}


#footer{ color:#717171; text-align:center; }
#footer{ background:#ffffff;  }
#footer { display:block; float:left; width:100%; margin:10px auto 0; }

#footer .sns{ display:block; width:100%; margin-bottom:5px; text-align:center; }
#footer .sns li { display:inline-block; padding:2px;  text-align:center; }
#footer .sns li img{ display:block; width:30px; text-align:center; }

#footer .cscenter { display:block; width:98%; margin:5px auto; padding:0; text-align:center; vertical-align:top; border:1px solid #e0e0e0; }
#footer .cscenter:after { content:''; display:block; clear:both;}
#footer .cscenter h3 {clear:both; display:block; width:100%; text-align:center; color:#000; padding:5px 0; font-size:1.0em; font-weight:normal; }
#footer .cscenter dl,
#footer .cscenter dd,
#footer .cscenter dt { display:block; float:left; width:100%; text-align:center; color:#646464; font-size:0.9em; line-height:1.5em; }
#footer .cscenter dt {font-weight:bold; }
#footer .cscenter dl { margin-bottom:10px;}

#footer .callcenter { display:block; vertical-align:top;background:#13316d; }
#footer .callcenter dd.phone a{ display: block; width:100%; margin-bottom:5px;  font-size:1.50em; font-weight:bold;  color:#333;}
#footer .cscenter .inbox{ display:block; padding:10px; }
#footer .cscenter .inbox:after{content:''; display:block; clear:both;}
#footer .cscenter .inbox img{ display:block; width:100%;}
/*#footer .callcenter  a{display: inline-block;  width:48%; margin:10px auto 0; height:40px; line-height:40px; text-align:center; color:#FFF;  }*/
#footer .callcenter ul.link{display:block; text-align:center;}
#footer .callcenter ul.link li{display:inline-block; padding:1px; }
#footer .callcenter ul.link li a{ display: block; padding: 0 30px; line-height: 30px; letter-spacing: -1px; font-size: 0.7em; text-align: center; color: #fff; background:#000000; border-radius:3px; }


#footer .fnb { display:block; clear:both; text-align:center; background:#f9f9f9; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; display:none;}
#footer .fnb:after,#footer .fnb li:after { content:''; display:block; clear:both;}
#footer .fnb li { display:inline-block; text-align:center; }
#footer .fnb a { display:block; padding:0 5px; line-height:3em; letter-spacing:-1px; font-size:0.7em; text-align:center; color:#2c2c2c; }



#footer #logo { display: block; float: left; width: 100%; margin: 0 auto; padding: 10px 0 0 0; }
#footer #logo h2.logo { display:block; margin:0 auto; text-align:center; }
#footer #logo a { display:block; /*text-align:center;*/}
#footer #logo h2.logo img { display: block; height:25px; margin: 10px auto 0; vertical-align: top; }
#footer #logo h3{text-align:left;}
#footer #logo h3 img{width:35%; vertical-align: top;}

#footer .company { display:block; padding:0; text-align:center; padding:0 5% 17% 5%;}
#footer .company:after{content:''; display:block; clear:both;}
#footer .footer-info { display:block; float:left; width:100%; color:#666666; text-align: left; white-space: pre-line; font-size:0.8em; }
#footer .footer-info div.info { display:inline-block;}
#footer .footer-info address { font-style:normal; }
#footer .button{ display:block;}
#footer .button img{ display:block; width:25px; margin:0 auto;}

#footer .ft_baro{display:block; float:left; width:100%; padding:12px 0;background:#232323;color:#777;font-size:13px}

#footer .copyright { display:block; float:left; width:100%;  padding:5px 0; text-align:center; font-size:0.9em; display:none;}
#footer .copyright .framework { display:block; float:left; width:100%; }
#footer .copyright .made, #footer .copyright .system {  font-size:0.9em;}
#footer .copyright span a{ color:#000000;}
#footer .copyright .system span{ color:#666; }
#footer .copyright .system b{color:#e60012;}