@charset "utf-8";
/*GLOBAL HEADER, FOOTER  */

#l-gheader{
/*border-bottom:1px solid #ccc;*/
width:100%;
line-height:1;
background:#fff;
font-size:14px;
}
#l-gheader .m-box-fixed{
width:960px;
margin:0 auto;
padding:5px 0;
}
.gheader-nav{
float:right;
}
.m-box-fixed:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.m-box-fixed {display: inline-block;} /* Hides from IE-mac \*/ * html .m-box-fixed{height: 1%;}
.m-box-fixed{display: block;}

.gheader-nav li{
border-right:1px solid #ccc;
border-left:1px solid #ccc;
padding:3px 40px;
line-height:0;
}

#l-footer {
width:960px;
margin:0 auto;
font-size:14px;
}
@media screen and (max-width: 768px){
#l-gheader{
display:none;
}
#l-gheader .m-box-fixed,
#l-footer {
width:100%;
padding-bottom: 70px;
}
#l-gheader .m-box-fixed{
box-sizing:border-box;
padding:5px 10px;
}
.gheader-nav li{
border-right:0;
border-left:0;
padding:3px 0;
}
.fixed #l-gheader{
display:none;
}
}

/* 流用 */
#l-footer {
position: relative;
}
#l-footer .footer-cnav {
background: #828C97;
}
#l-footer .footer-cnav .m-box-fixed ul {
position: relative;
overflow: hidden;
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul {
padding: 0 15px;
}
}
#l-footer .footer-cnav .m-box-fixed ul li {
position: relative;
float: left;
width: 50%;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul li {
width: 100%;
display: block;
text-align: left;
margin: 0 auto;
float: inherit;
clear: both;
}
}
#l-footer .footer-cnav .m-box-fixed ul li:after {
content: '';
position: absolute;
left: 1px;
top: 0;
height: 54px;
bottom: 0;
margin: 5px 0;
width: 1px;
background: #6E7780;
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul li:after {
display: none;
}
}
#l-footer .footer-cnav .m-box-fixed ul li:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 54px;
bottom: 0;
margin: 5px 0;
width: 1px;
background: #a8afb6;
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul li:before {
top: auto;
left: 0px;
height: 1px;
width: 100%;
margin: 0;
}
}
#l-footer .footer-cnav .m-box-fixed ul li a {
display: block;
padding: 5px 0;
line-height: 54px;
color: #fff;
font-size:16px;
font-weight: bold;
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul li a {
padding: 15px 10px;
}
}
#l-footer .footer-cnav .m-box-fixed ul li a span.cnav-office {
display: inline-block;
padding-left: 60px;
background: url("/images/i_office.png") no-repeat left center;
line-height: 40px;
}
#l-footer .footer-cnav .m-box-fixed ul li a span.cnav-contact {
display: inline-block;
padding-left: 60px;
background: url("/images/i_contact2.png") no-repeat left center;
line-height: 40px;
}
#l-footer .footer-cnav .m-box-fixed ul li a:hover {
text-decoration: none;
background: #68727e;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul li.lastChild:after {
display: none;
}
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul li.lastChild:before {
display: none;
}
}
#l-footer .footer-cnav .m-box-fixed ul:after {
content: '';
position: absolute;
right: 1px;
top: 0;
width: 1px;
height: 54px;
margin: 5px 0;
background: #6E7780;
z-index: 10;
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul:after {
display: none;
}
}
#l-footer .footer-cnav .m-box-fixed ul:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 54px;
margin: 5px 0;
background: #a8afb6;
z-index: 10;
}
@media screen and (max-width:768px) {
#l-footer .footer-cnav .m-box-fixed ul:before {
display: none;
}
}
@media screen and (max-width:768px) {
#l-footer .footer-sitemap {
display: none;
}
}
#l-footer .footer-sitemap .m-box-fixed {
*zoom: 1;
padding: 30px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#l-footer .footer-sitemap .m-box-fixed:after {
content: " ";
display: table;
clear: both;
}
#l-footer .footer-sitemap .m-box-fixed .sitemap-home {
margin-left: 20px;
margin-bottom: 10px;
font-size: 15px;
font-weight: bold;
}
#l-footer .footer-sitemap .sitemap-grid {
*zoom: 1;
border-right: 1px solid #ccc;
}
#l-footer .footer-sitemap .sitemap-grid:after {
content: " ";
display: table;
clear: both;
}
#l-footer .footer-sitemap .sitemap-grid .grid-col {
height: 305px;
float: left;
padding: 15px 20px;
border-left: 1px solid #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#l-footer .footer-sitemap .sitemap-grid .grid-col.col-1 {
width: 210px;
}
#l-footer .footer-sitemap .sitemap-grid .grid-col.col-2 {
width: 375px;
}
#l-footer .footer-sitemap .sitemap-grid .grid-col.col-3 {
width: 200px;
border-left: 0;
}
#l-footer .footer-sitemap .sitemap-grid .grid-col.col-3 ul {
margin-top: 30px;
}
#l-footer .footer-sitemap .sitemap-grid .grid-col.col-4 {
width: 185px;
}
#l-footer .footer-sitemap .sitemap-grid .sitemap-link1 {
display: inline-block;
margin-bottom: 15px;
color: inherit;
font-size:15px;
font-weight: bold;
}
#l-footer .footer-sitemap .sitemap-grid .sitemap-link2 {
display: inline-block;
margin-bottom: 15px;
color: inherit;
}
#l-footer .footer-sitemap .sitemap-grid .sitemap-link3 {
margin-top: -5px;
}
#l-footer .footer-sitemap .sitemap-grid .sitemap-link3 li {
line-height: 1.7;
}
#l-footer .footer-sitemap .sitemap-grid .sitemap-link3 li a {
padding-left: 15px;
background: url("/images/i_ar_gray2.png") no-repeat left center;
color: #666;
font-size: 11px;
}
#l-footer .footer-sitemap .sitemap-grid .sitemap-link4 {
display: inline-block;
margin-bottom: 10px;
color: inherit;
}
#l-footer .footer-other {
padding: 20px 0;
}
#l-footer .footer-other .m-box-fixed {
position: relative;
}
@media screen and (max-width:768px) {
#l-footer .footer-other {
padding-bottom:0;
}
#l-footer .footer-other .other-copy {
margin-top: 20px;
text-align: center;
}
}
#l-footer .footer-other .other-copy dt {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
@media screen and (max-width:768px) {
#l-footer .footer-other .other-copy dt {
display: block;
margin-right: 0px;
margin-bottom:10px;
}
}
#l-footer .footer-other .other-copy dd {
display: inline-block;
color: #999;
font-size: 11px;
vertical-align: middle;
}
#l-footer .footer-other .other-nav {
position: absolute;
right: 0;
top: -8px;
}
@media screen and (max-width:768px) {
#l-footer .footer-other .other-nav {
position: relative;
right: auto;
top: auto;
}
}
#l-footer .footer-other .other-nav li {
display: inline-block;
padding: 0 15px;
border-right: 1px solid #ccc;
font-size: 11px;
vertical-align: middle;
}
@media screen and (max-width:768px) {
#l-footer .footer-other .other-nav li {
display: block;
margin-bottom: 10px;
text-align: center;
border: none;
font-size: 100%;
}
}
#l-footer .footer-other .other-nav li.firstChild {
border-left: 1px solid #ccc;
}
@media screen and (max-width:768px) {
#l-footer .footer-other .other-nav li.firstChild {
border-left: none;
}
}
#l-footer .footer-other .other-nav li.lastChild {
border-right: 0;
}
@media screen and (max-width:768px) {
#l-footer .footer-other .other-nav li.lastChild {
margin-bottom: 0px;
}
}
#l-footer .footer-other .other-nav li a {
color: #666;
}
#l-footer .footer-other .other-nav li a img {
vertical-align: bottom;
}
@media screen and (max-width:768px) {
#l-footer .footer-other .other-nav li.nav-miekotsu {
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
}
#l-footer .footer-other .other-nav li.nav-miekotsu img {
width: 71px;
height: auto;
}
@media screen and (max-width:768px) {
#l-footer .footer-other .other-nav li.nav-miekotsu img {
width: 122px;
height: auto;
}
}
#l-footer .pageTop {
position: absolute;
bottom: 0;
right: 15px;
background: #828c97;
border-radius: 5px 5px 0 0;
z-index: 100;
}
#l-footer .pageTop a {
display: block;
padding: 15px 20px;
}
#l-footer .footer-spMenu {
display: none;
padding: 15px;
}
#l-footer .footer-spMenu p {
position: relative;
height: 50px;
padding-left: 20px;
margin-top: 0;
line-height: 50px;
color: #fff;
background: #828c97;
border-radius: 5px;
cursor: pointer;
vertical-align: middle;
}
#l-footer .footer-spMenu p:hover {
text-decoration: none;
background: #68727e;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media screen and (max-width:768px) {
#l-footer .footer-spMenu {
display: block;
}
}