/* BASIC css start */ #footer{ position:relative; margin-top:30px; z-index:0; color:#717171; text-align:center; } #footer{ /*background:#f7f7f7;*/ } #footer { display:block; float:left; width:100%; margin:0px auto 0; } #footer .sns{ display:block; width:100%; text-align:center; background:#FFFFFF; } #footer .sns li { display:inline-block; padding:5px; text-align:center; } #footer .sns li img{ display:block; height:25px; text-align:center; } #footer .quickmenu{ display:block; position:relative; float:left; width:calc(100% - 1px); margin-left:1px; z-index:0;background:#FFFFFF; border-top:1px solid #dddddd; } #footer .quickmenu ul{ display:block; position:relative; width:100%; margin:0 auto; padding:0; } #footer .quickmenu ul:after{content:''; display:block; clear:both; } #footer .quickmenu ul li{display:inline-block; position:relative; float:left; width:33%; margin:-1px 0 0 -1px; border:1px solid #e7e7e7; text-align:center; overflow:hidden; } #footer .quickmenu a { display:block; height:3em; padding:10px 0; } #footer .quickmenu a span{ display:block; padding:5px 0; text-align:center; white-space:nowrap; font-size:0.7em; color:#222222; } #footer .quickmenu a img{ display:block; margin:0 auto; height:2em;} #footer { position:relative; margin-top:20px; border-top:1px solid #e7e7e7; clear:both; z-index:0} #footer .footerInfo {display: block; } #footer .footerInfo .footerInfoTop { display: block; border-bottom:1px solid #e7e7e7; padding:20px 0;} #footer .footerInfo .footerInfoTop dl{ display:block; text-align:center; } #footer .footerInfo .footerInfoTop dt{ display:block; } #footer .footerInfo .footerInfoTop dl:after, #footer .footerInfo .footerInfoTop dl dt:after, #footer .footerInfo .footerInfoTop dl dd:after{ content:''; display:block; clear:both;} #footer .footerInfo .footerInfoTop dl dt, #footer .footerInfo .footerInfoTop dl dd{display:inline-block; float:left; width:50%; line-height:20px; color:#222222; } #footer .footerInfo .footerInfoTop dl dt img{display:inline-block; float:left; width:4em; margin:0 0.5em; } #footer .footerInfo .footerInfoTop dl dt span{display:inline-block; float:left; color:#222222; font-size:1.1em; line-height:4em; } #footer .footerInfo .footerInfoTop dl dd .tel{display:block; margin:0 2px; color:#222222; font-size:20px; line-height:1.3em; font-weight:bold;} #footer .footerInfo .footerInfoTop dl dd .time{display:block; margin:0 2px; color:#999999; font-size:13px; font-weight:normal; } #footer .cscenter { display:block; float:left; width:100%; margin:0 auto; padding:0 0 20px; text-align:left; vertical-align:top; background:#FFFFFF; } #footer .cscenter:after { content:''; display:block; clear:both;} #footer .cscenter h3 {clear:both; display:block; width:100%; text-align:left; color:#222222; padding:5px 0; font-size:1.4em; font-weight:bold; } #footer .cscenter dl, #footer .cscenter dd, #footer .cscenter dt { display:block; float:left; width:100%; text-align:left; color:#666666; font-size:0.8em; line-height:1.8em; } #footer .cscenter dt {font-weight:bold; } #footer .cscenter dl { margin-bottom:10px;} #footer .cscenter .inbox{ display:inline-block; width:47%; margin:0 1%; padding:10px 0 5px; } #footer .cscenter .inbox:after{content:''; display:block; clear:both;} #footer .cscenter ul.link{display:block; text-align:center;} #footer .cscenter ul.link li{display:inline-block; padding:1px; } #footer .cscenter ul.link li a{ display: block; padding: 0 20px; line-height: 30px; letter-spacing: 1px; font-size: 0.9em; text-align: center; color: #364659; border-radius:3px; border:1px solid #000; } #footer .csinfo { display:block; width:90%; margin:0 auto; vertical-align:top; } #footer .csinfo dd.phone a{ display: block; width:100%; margin-bottom:5px; font-size:2em; font-weight:bold; color:#BE2E2B; text-align:left; } #footer .csinfo .bank{ display:inline-block; float:left; width:35%; color:#797979; } #footer .csinfo .account{ display:inline-block; float:left; color:#222222;font-size:1em; } #footer .csinfo .bankinfo dd:nth-child(5){display:none; } #footer .csinfo .bankinfo dd:nth-child(6){display:none; } #footer .fnb { display:block; clear:both; margin:0 auto 20px; text-align:center; background:#f7f7f7; border-top:1px solid #999999; border-bottom:1px solid #999999; } #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:1em; text-align:center; color:#2c2c2c; } #footer #logo { display: block; position: relative; float: left; width: 100%; margin: 0 auto; padding: 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; width:30%; margin: 0 auto; vertical-align: top; } #footer .company { display:block; text-align:center; } #footer .company:after{content:''; display:block; clear:both;} #footer .footer-info { display:block; float:left; width:100%; color:#666666; font-style:normal; text-align: center; white-space: pre-line; font-size:0.8em; } #footer .footer-info p { display:inline-block;} #footer .footer-info em{ padding:0 2px; } #footer .copyright { display:block; float:left; width:100%; padding:5px 0; text-align:center; font-size:0.9em; } #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;} #footer .scrolltop{ display:none; position:fixed; right:10px; bottom:80px; z-index:2; } #footer .scrolltop span { padding: 10px; text-align: center; border: 1px solid #222222; background: rgba(0,0,0,0.2); color: #FFFFFF; } #footer .scrolltop.fixed{ display:block; } /* BASIC css end */