@charset  "utf-8";
/*
  BASE
========================================================================================================*/
body{
position: relative;
min-width: 980px;
background: url(/common2/images/bg_body.png) repeat left top;
color: #2c2c2c;
-webkit-text-size-adjust: 100%;
word-wrap : break-word;
font-size: 12px;
font-family: "æ–°ã‚´ R","Shin Go Regular","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;

overflow-wrap : break-word;
}
section{
position: relative;
min-width: 980px;
}
section.bg-white{
margin-top: 20px;
}
.container{
position: relative;
margin: 0 auto;
padding: 20px 0 0;
width: 980px;
}
.headline + section > .container{
margin-top: 40px;
}
section > .container{
overflow: hidden;
}
a:link{
color: #039;
text-decoration: none;
}
a:hover,
a:active{
color: #09f;
text-decoration: underline;
}
a:visited{
text-decoration: none
}
a:visited:hover{
color: #09f;
text-decoration: underline;
}
:disabled{
background-color: #ccc
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{
color: #aaa
}
input[type=text]{
font-family: Helvetica, sans-serif;
}
input{
outline: none;
}
label{
cursor: pointer
}

/*
  header
========================================================================================================*/
header{
position: relative;
border-bottom: 1px solid #c1c1c1;
background: #fff;
}
body.is-glnav-active header{
z-index: 400;
}
header .head{
position: relative;
margin: 0 auto;
padding: 20px 0 0;
width: 980px;
}
header .logo{
margin: 0;
margin-bottom: 24px;
padding: 0;
text-align: center;
font-size: 1em;
}
header .head-copy{
position: absolute;
top: 40px;
left: 0;
font-weight: 400;
font-size: 11px;
line-height: 100%;
}
header .head-link{
position: absolute;
top: 20px;
right: 0;
display: table;
}
header .head-link li{
display: table-cell;
padding-left: 15px;
}
header .head-search{
position: absolute;
top: 50px;
right: 0;
}
header .head-search form input[type=text]{
box-sizing: border-box;
padding: 7px 12px;
width: 150px;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border-radius: 30px;
font-size: 11px;
line-height: 120%;
-webkit-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}
header .head-search form input[type=text]:focus{
width: 220px;
}
header .head-search form input[type=submit]{
position: absolute;
top: 6px;
right: 11px;
overflow: hidden;
width: 16px;
height: 16px;
border: none;
background: url(/common2/images/search_btn.png) no-repeat left top;
text-indent: -9999px;
white-space: nowrap;
}

/* Global navi */
header #glnav{
text-align: center;
}
header #glnav > ul{
margin: 0;
margin-bottom: -1px;
padding: 0;
width: 980px;
background: url(/common2/images/bg_nav_dot.png) no-repeat right top;
}
header #glnav > ul > li{
float: left;
margin: 0;
padding: 0;
width: 16.6%;
background: url(/common2/images/bg_nav_dot.png) no-repeat left top;
vertical-align: top;
font-size: 14px;
}
header #glnav > ul > li > a{
position: relative;
display: block;
box-sizing: border-box;
padding-top: 25px;
height: 57px;
color: #2c2c2c !important;
text-decoration: none !important;
}
header #glnav > ul > li > a.current{
background: url(/common2/images/bg_gnav_hover.png) no-repeat center bottom;
}
header #glnav > ul > li > a .text{
position: relative;
display: block;
box-sizing: border-box;
margin: 0 10px;
padding: 0 15px;
text-align: center;
}
header #glnav > ul > li > a:hover .text,
header #glnav > ul > li > a.is-active .text{
border-radius: 30px;
background: #e8e8e8;
}
header #glnav > ul > li > a.is-toggleable .text::after{
position: absolute;
top: -2px;
right: 10px;
bottom: 0;
margin: auto;
width: 5px;
height: 5px;
border-top: 2px solid #999;
border-right: 2px solid #999;
content: "";
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
header #glnav > ul > li > a.is-toggleable.is-active .text::after{
top: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header #glnav > ul > li > a img{
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
}
header .glnav-menu{
position: absolute;
left: 0;
z-index: 101;
display: none;
padding-bottom: 9px;
width: 100%;
background: url(/common2/images/bg_glnav-menu.png) repeat-x left bottom;
}
header #glnav > ul > li > a.is-active + .glnav-menu{
z-index: 102;
}
header .glnav-menu-inner{
background: url(/common2/images/bg_glnav-menu-inner.png) repeat left bottom;
}
header .glnav-menu-inner .ind{
margin: 0 auto;
padding: 20px 0;
width: 980px;
text-align: left;
}
header .glnav-menu-inner .glnav-box{
float: left;
overflow: hidden;
box-sizing: border-box;
margin-left: 10px;
height: 210px;
border-radius: 5px;
background-color: #fff;
}
header .glnav-menu-inner .glnav-box:first-child{
margin-left: 0;
}
header .glnav-menu-inner .glnav-box .link-box{
font-size: 12px;
}
header .glnav-menu-inner .glnav-box .link-img{
width: 22px;
height: 22px;
}
header .glnav-menu-inner .glnav-box.type-title{
width: 215px;
font-weight: bold;
font-family: "æ–°ã‚´ M","Shin Go Medium";
}
header .glnav-menu-inner .glnav-box.type-title .link-box{
display: table-cell;
padding: 0 40px;
width: 215px;
height: 210px;
vertical-align: middle;
text-align: center;
}
header .glnav-menu-inner .glnav-box.type-title .icon{
display: block;
margin: auto;
margin-bottom: 10px;
}
header .glnav-menu-inner .glnav-box.type-title b{
display: block;
margin-bottom: 5px;
padding-bottom: 0;
border-bottom: 1px solid #c1c1c1;
}
header .glnav-menu-inner .glnav-box.type-wimax,
header .glnav-menu-inner .glnav-box.type-mobile{
width: 280px;
}
header .type-products .glnav-menu-inner .glnav-box.type-mobile{
width: 330px;
}
header .type-flow .glnav-menu-inner .glnav-box.type-wimax,
header .type-flow .glnav-menu-inner .glnav-box.type-mobile,
header .type-support .glnav-menu-inner .glnav-box.type-wimax,
header .type-support .glnav-menu-inner .glnav-box.type-mobile{
width: 372px;
}
header .glnav-menu-inner .glnav-box > .title > a{
color: #fff;
font-size: 14px;
display: block;
padding: 8px 20px;
text-align: center;
}
header .glnav-menu-inner .glnav-box.type-wimax > .title > a{
background-color: #46bbf2;
}
header .glnav-menu-inner .glnav-box.type-wimax > .title > a:hover,
header .glnav-menu-inner .glnav-box.type-wimax > .title > a:focus{
background-color: #099ce0;
text-decoration: none;
}
header .glnav-menu-inner .glnav-box.type-mobile > .title > a{
background-color: #f354a4;
}
header .glnav-menu-inner .glnav-box.type-mobile > .title > a:hover,
header .glnav-menu-inner .glnav-box.type-mobile > .title > a:focus{
background-color: #eb348f;
text-decoration: none;
}
header .glnav-menu-inner .glnav-box > .title > a span{
font-size: 12px;
}
header .glnav-menu-inner .glnav-box.type-wimax .content,
header .glnav-menu-inner .glnav-box.type-mobile .content{
padding: 15px 20px;
}
header .type-products .glnav-menu-inner .glnav-box.type-wimax .content,
header .type-products .glnav-menu-inner .glnav-box.type-mobile .content{
padding: 15px 10px;
}
header .glnav-menu-inner .glnav-box.type-wimax .content .item,
header .glnav-menu-inner .glnav-box.type-mobile .content .item{
position: relative;
float: left;
margin-left: 10px;
}
header .glnav-menu-inner .glnav-box.type-wimax .content .item:first-child,
header .glnav-menu-inner .glnav-box.type-mobile .content .item:first-child{
margin-left: 0;
}
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw{
float: left;
box-sizing: border-box;
width: 101px;
}
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw .link-box{
margin-top: 25px;
}
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw:last-of-type{
width: 102px;
text-align: right;
}
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw:first-of-type,
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw:first-of-type .link-box,
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw:first-of-type .link-img{
border-radius: 0 0 0 5px;
}
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw:last-of-type,
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw:last-of-type .link-box{
border-radius: 0 0 5px 0;
}
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 .link-boxw:first-of-type .link-box{
border-right: none;
}
header .glnav-menu-inner .glnav-box.type-mobile .content .item > .title{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 25px;
text-align: center;
font-size: 11px;
line-height: 25px;
}
header .glnav-menu-inner .glnav-box.type-mobile .content .item.col2 > .title{
box-sizing: border-box;
border: 1px solid #c1c1c1;
border-bottom: none;
border-radius: 5px 5px 0 0;
}
header .glnav-menu-inner .glnav-box.type-wimax .link-block,
header .glnav-menu-inner .glnav-box.type-mobile .link-block{
margin-bottom: 5px;
}
header .glnav-menu-inner .glnav-box.type-tandem{
width: 175px;
}
header .type-products .glnav-menu-inner .glnav-box.type-tandem{
width: 125px;
}
header .glnav-menu-inner .glnav-box.type-tandem .item:first-child{
border-bottom: 1px solid #c1c1c1;
}
header .glnav-menu-inner .glnav-box.type-tandem .item:first-child .link-boxw,
header .glnav-menu-inner .glnav-box.type-tandem .item:first-child .link-box,
header .glnav-menu-inner .glnav-box.type-tandem .item:first-child .link-img{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
header .glnav-menu-inner .glnav-box.type-tandem .item:last-child .link-boxw,
header .glnav-menu-inner .glnav-box.type-tandem .item:last-child .link-box{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
header .glnav-menu-inner .glnav-box.type-tandem .item .link-boxi{
display: table;
}
header .glnav-menu-inner .glnav-box.type-tandem .item .text{
display: table-cell;
padding: 15px;
width: 100%;
vertical-align: middle;
}
header #site-nav{
margin: 0 auto;
width: 980px;
}

/* Fixed global navi */
header .glnav-fixed{
position: fixed;
top: 0;
left: 0;
z-index: 120;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #c1c1c1;
background: #fff;
}
header .glnav-fixed .wrap{
position: relative;
top: 0;
left: 0;
overflow: hidden;
margin: 0 auto;
padding: 6px 0;
width: 980px;
}
header .glnav-fixed .logo{
float: left;
margin: 0 20px 0 0;
}
header .glnav-fixed .logo a{
display: inline-block;
padding: 13px 0 10px;
}
header .glnav-fixed ul{
display: table;
float: left;
box-sizing: border-box;
margin: 0 auto;
width: 790px;
border-right: 1px dotted #c1c1c1;
}
header .glnav-fixed ul > li{
display: table-cell;
border-left: 1px dotted #c1c1c1;
}
header .glnav-fixed ul > li > a{
display: table-cell;
width: 130px;
height: 46px;
color: #2c2c2c;
vertical-align: middle;
text-align: center;
text-decoration: none;
}
header .glnav-fixed ul > li > a .text{
margin: 3px 0 0 5px;
}
header .glnav-fixed ul > li > a:hover .text{
box-sizing: border-box;
border-radius: 30px;
background: #e8e8e8;
color: #2c2c2c;
}
header .glnav-fixed ul > li .glnav-menu{
display: none;
}

/* drop down overlay */
.overlay{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 300;
display: none;
background-color: #000;
opacity: 0.8;
}

/*
  fnav
========================================================================================================*/
#fnav .pc-menu{
position: fixed;
top: 98px;
right: 0;
z-index: 200;
border-radius: 12px 0 0 12px;
background: #fff;
}
#fnav .pc-menu ul,
#fnav .pc-menu ul li{
list-style: none;
}
#fnav .pc-menu .menu-btn{
display: block;
overflow: hidden;
margin-right: 3px;
width: 70px;
height: 70px;
border-top: 3px solid #fff;
border-bottom: 2px solid #fff;
border-left: 4px solid #fff;
border-radius: 12px 0 0 12px;
background: #039;
color: #fff !important;
text-decoration: none !important;
}
#fnav .pc-menu .menu-bread,
#fnav .pc-menu .menu-bread span{
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all .4s;
}
#fnav .pc-menu .menu-bread{
position: relative;
display: block;
margin: 18px auto 8px;
width: 26px;
height: 18px;
}
#fnav .pc-menu .menu-bread.active{
margin-bottom: 6px;
}
#fnav .pc-menu .menu-bread span{
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
}
#fnav .pc-menu .menu-bread span:nth-of-type(1){
top: 0;
}
#fnav .pc-menu .menu-bread span:nth-of-type(2){
top: 8px;
}
#fnav .pc-menu .menu-bread span:nth-of-type(3){
bottom: 0;
}
#fnav .pc-menu .menu-bread.active span:nth-of-type(1){
-webkit-transform: translateY(10px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg);
}
#fnav .pc-menu .menu-bread.active span:nth-of-type(2){
left: 50%;
opacity: 0;
-webkit-animation: bread-bar .8s forwards;
animation: bread-bar .8s forwards;
}
@-webkit-keyframes bread-bar{

100%{
height: 0
}

}
@keyframes bread-bar{

100%{
height: 0
}

}
#fnav .pc-menu .menu-bread.active span:nth-of-type(3){
-webkit-transform: translateY(-6px) rotate(45deg);
transform: translateY(-6px) rotate(45deg);
}
#fnav .pc-menu .menu-btn:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
}
#fnav .pc-menu .menu-btn .text{
display: block;
text-align: center;
}
#fnav .pc-menu .menu-list{
overflow: hidden;
padding: 3px 3px 3px 4px;
border-radius: 12px 0 0 12px;
background: #fff;
}
#fnav .pc-menu .menu-list ul{
overflow: hidden;
border-radius: 12px 0 0 12px;
}
#fnav .pc-menu .menu-list ul li{
margin-bottom: 1px
}
#fnav .pc-menu .menu-list ul li:nth-of-type(3){
margin-bottom: 5px;
}
#fnav .pc-menu .menu-list ul li a{
display: block;
overflow: hidden;
width: 70px;
height: 80px;
background: #ccc;
}
#fnav .pc-menu .menu-list ul li a:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
}
#fnav .fnav-window{
position: absolute;
top: 0;
right: 77px;
display: none;
}
#fnav #fnav-window-myuq{
top: -86px;
}
#fnav #fnav-window-onlineshop{
top: 57px;
}
#fnav #fnav-window-salesshop{
top: 138px;
}
#fnav .fnav-window-ind{
overflow: hidden;
padding: 25px;
border: 4px solid #039;
border-radius: 5px;
background: #fff;
}
#fnav .fnav-window-ind ul li{
margin-bottom: 25px;
list-style-type: none;
}
#fnav .fnav-window-ind ul li:last-child{
margin-bottom: 0;
}
#fnav .fnav-window-ind ul li a:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
}
#fnav .fnav-window .fnav-window-btn{
position: absolute;
top: 0;
right: -74px;
bottom: 0;
display: block;
margin: auto;
width: 78px;
height: 80px;
}

/*
  topicpath
========================================================================================================*/
#topicpath{
margin: 0 auto;
padding: 12px 0;
width : 980px;
font-size: 12px;
font-size: 11px;
}
#topicpath ul li{
position: relative;
display: inline-block;
margin-right: 5px;
}
#topicpath ul li:before{
position: absolute;
top: 0;
right: 0px;
bottom: 0;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #2c2c2c;
border-right: 1px solid #2c2c2c;
content: "";
vertical-align: middle;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#topicpath ul li a{
margin-right: 15px;
color: #2c2c2c;
text-decoration: underline;
}
#topicpath ul li:last-child:before{
display: none;
}
#topicpath ul li strong{
font-weight: normal;
}

/*
  article
========================================================================================================*/
article .headline{
background: #fff;
}
article .headline .inner{
position: relative;
margin: 0 auto;
width : 980px;
}
article .headline h1{
padding: 15px 360px 15px 0px;
font-size: 24px;
}
article .headline h1 > .sub{
font-size: 17px;
}
article .headline .support{
position: absolute;
top: 0;
right: 0;
padding-top: 13px;
width: 365px;
text-align: right;
}
article .headline .print-btn{
display: inline-block;
box-sizing: border-box;
margin: 5px 0 0 15px;
padding: 5px 25px;
width: 135px;
border: 1px solid #039;
border-radius: 30px;
color: #039 !important;
text-align: center;
text-decoration: none !important;
font-size: 12px;
background-color: #fff;
}
article .headline .print-btn:hover{
text-decoration: none !important;
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
article .headline .print-btn img{
margin-right: 10px;
vertical-align: middle;
}
article .headline .sns-btn{
display: inline-block;
margin: 5px 0;
color: #039;
vertical-align: middle;
}
article .headline .sns-btn li{
display: table-cell;
padding-left: 10px;
vertical-align: middle;
}
article .headline .sns-btn dd a:hover{
text-decoration: none !important;
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
article a:link,
article a:visited{
text-decoration: underline;
}
article .h1{
margin-bottom: 20px;
font-size: 16px;
}
article .h2,
article .h2-lightblue,
article .h2-lightblue,
article .h2-pink{
position: relative;
margin-top: 30px;
margin-bottom: 20px;
padding-bottom: 5px;
padding-left: 17px;
border-bottom: 3px solid #039;
color: #585858;
font-size: 15px;
font-family: "æ–°ã‚´ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article .h2:before,
article .h2-lightblue:before,
article .h2-lightblue:before,
article .h2-pink:before{
position: absolute;
top: 0;
bottom: 5px;
left: 0;
overflow: hidden;
width: 8px;
border-radius: 5px;
background: #039;
content: "";
}
article .h2-lightblue{
border-bottom: 3px solid #0099ff;
}
article .h2-lightblue:before{
background: #0099ff;
}
article .h2-lightblue{
border-bottom: 3px solid #0099ff;
}
article .h2-lightblue:before{
background: #0099ff;
}
article .h2-pink{
border-bottom: 3px solid #e4007f;
}
article .h2-pink:before{
background: #e4007f;
}
article .h3,
article .h3-lightblue,
article .h3-lightblue,
article .h3-pink{
margin-top: 30px;
margin-bottom: 20px;
padding: 7px 0 3px;
border-bottom: 2px solid #039;
font-size: 14px;
font-family: "æ–°ã‚´ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article .h3-lightblue{
border-bottom: 2px solid #0099ff;
}
article .h3-lightblue{
border-bottom: 2px solid #0099ff;
}
article .h3-pink{
border-bottom: 2px solid #e4007f;
}
article .h4{
margin: 20px 0 20px 0 !important;
padding: 0 0 5px 0 !important;
border-bottom: 1px solid #c1c1c1 !important;
color: #585858;
text-align: left !important;
font-size: 13px !important;
font-family: "æ–°ã‚´ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article ul,
article ol{
margin-bottom: 15px;
list-style-position: outside;
}
article ul{
list-style: disc;
}
article ol{
list-style: decimal;
}
article li{
margin-bottom: 5px;
margin-left: 20px;
line-height: 150%;
}
article p{
margin-bottom: 15px;
line-height: 170%;
}
article table{
overflow: hidden;
margin-bottom: 15px;
border: 1px solid #c1c1c1;
border-collapse: collapse;
border-radius: 5px;
background: #c1c1c1;
}
article table th,
article table td{
padding: 10px;
padding: 10px;
border: 1px solid #c1c1c1;
background: #fff;
vertical-align: top;
}
article table th,
article table td.empty-cell{
background: #efefef;
font-family: "æ–°ã‚´ M","Shin Go Medium","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
article .subline{
position: relative;
padding: 10px 0;
}
article .subline .text-tax{
position: absolute;
top: -9px;
right: 0;
}

/*
  footer
========================================================================================================*/
#order-nav{
display: none;
}
body.fixed-pc #order-nav{
display: none !important;
}
#move-top{
position: absolute;
top: 57px;
right: 0;
overflow: hidden;
margin-top: 15px;
margin-bottom: 20px;
font-size: 11px;
}
#move-top a,
#move-top a:hover,
#move-top a:visited,
#move-top a:visited:hover{
color: #666;
text-align: center;
text-decoration: none;
}
#move-top a{
display: inline-block;
line-height: 120%;
}
#move-top a:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
#move-top .icon-arrow-up{
display: block;
margin-bottom: 5px;
width: 40px;
height: 40px;
cursor: pointer;
}
#move-top .icon-arrow-up:before{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
margin: 0;
width: 40px;
height: 40px;
border: 1px solid #666;
-webkit-border-radius: 50%;
border-radius: 50%;
content: "";
vertical-align: middle;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#move-top .icon-arrow-up:after{
position: absolute;
top: 17px;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
width: 10px;
height: 10px;
border-top: 1px solid #666;
border-right: 1px solid #666;
content: "";
vertical-align: middle;
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}

footer{
margin-top: 30px;
}
footer .footer-nav{
margin: 0 auto;
padding: 50px 0;
width: 980px;
}
footer .footer-nav .footer-nav-title{
display: none;
}
footer .footer-nav .col-mobile,
footer .footer-nav .col-wimax{
float: left;
width: 367px;
}
footer .footer-nav .col-wimax{
margin-left: 27px;
}
footer .footer-nav .col{
float: left;
margin-left: 27px;
width: 170px;
}
footer .footer-nav > .col{
margin-top: 60px;
}
footer .footer-nav .col:first-of-type{
margin-left: 0;
}
footer .footer-nav .title{
color: #039;
}
footer .footer-nav .col-mobile .title{
border-color: #e4007f !important;
color: #e4007f;
}
footer .footer-nav .col-wimax .title{
border-color: #09f !important;
color: #09f;
}
footer .footer-nav .col-mobile > .title,
footer .footer-nav .col-wimax > .title{
margin-bottom: 30px;
min-height: 30px;
font-size: 16px;
}
footer .footer-nav .col .title{
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #039;
font-size: 14px;
}
footer .footer-nav > .col > :last-child .title{
margin-top: 50px;
}
footer .footer-nav .col .link-block{
margin-bottom: 5px;
}
footer section.footer-main{
background: url(/common2/images/bg_footer.png) repeat-x left 20px
}
footer section.footer-main .container{
background: url(/common2/images/bg_footer_section.png) no-repeat center 20px;
}
footer .footer-main .head{
display: table;
margin: 0 auto 25px;
width: 430px;
height: 140px;
}
footer .footer-main .head .inner{
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
}
footer .footer-main .head .company-name{
font-weight: 400;
font-size: 18px;
}
footer .footer-main .head .lead{
letter-spacing: 1.5px;
font-size: 12px;
}
footer .footer-main dl{
margin: 0 auto 25px;
width: 430px;
text-align: center;
}
footer .footer-main dl.sns dt,
footer .footer-main dl.sns dd{
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
footer .footer-main dl.sns dd a:hover{
opacity: .7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
footer .footer-main ul{
margin-top: 15px;
margin-bottom: 25px;
padding-top: 25px;
border-top: 1px solid #c1c1c1;
text-align: center;
}
footer .footer-main ul li{
display: inline-block;
margin: 0 15px;
vertical-align: middle;
}
footer .footer-main .copyright{
padding: 10px;
background: #039;
color: #fff;
text-align: center;
font-size: 10px;
}
footer .footer-main .copyright span{
display: inline-block;
padding: 0 30px;
}
.footer-toggle ._icon{
display: none;
}

/*
  js-toggle
========================================================================================================*/
.js-toggle-hook{
position: relative;
display: block;
margin-bottom: 10px;
padding: 15px;
border: 1px solid #cccccc;
border-radius: 5px;
}
a.js-toggle-hook{
color: #2c2c2c;
text-decoration: none !important;
}
a.js-toggle-hook:hover{
opacity: .7;
}
.js-toggle-hook ._icon{
position: absolute;
top: 0;
right: 13px;
bottom: 0;
margin: auto;
width: 24px;
height: 24px;
}
.js-toggle-content{
width: 100%;
}