@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import "init.css";
@import url("../../../responsive/res.css");
body{
background:#fff;
letter-spacing:1px;
min-width:1100px;
color:#4b4b4b;
font-family:"Open sans", "Arial", "Helvetica", "sans-selif";
font-size:15px;
line-height:1.6;
text-align:left;
-webkit-text-size-adjust:100%;
}
a{
color:#4b4b4b;
text-decoration:underline;
transition:all .3s;
cursor:pointer;
}
a.boldLink{
font-weight:bold;
}
a img, a span{
transition:all .3s;
}
a:hover{
text-decoration:none;
opacity:0.7;
}
img{
max-width:100%;
}
img[src$=".svg"]{
width:auto;
height:auto;
}
p.small{
font-size:12px;
color:#5e5959;
}
.formText{
padding:3px 2px;
border:#cacaca solid 1px;
}
.wrap{
width:1100px;
margin:0 auto;
}
.en{
font-family:Oswald, sans-serif;
font-weight:300;
}
.mt0{
margin-top:0 !important;
}
.ml0{
margin-left:0 !important;
}
.tRed{
color:#dd2e1e;
}
input:focus{
background:#ffffc5;
}
.contentsMbMS{
margin-bottom:20px !important;
}
.contentsMbS{
margin-bottom:40px !important;
}
.contentsMbR{
margin-bottom:80px !important;
}
.contentsMbL{
margin-bottom:120px !important;
}
.txtAc{
text-align:center !important;
}
.txtLf{
text-align:left !important;
}
.txtRt{
text-align:right !important;
}
.fontWb{
font-weight:bold;
}
.text-center{
text-align:center;
}
.m0A{
margin:0 auto;
}
header{
position:relative;
background:#fff;
z-index:20;
padding:15px 0 17px;
padding-bottom:0 !important;
}
header a{
color:#4b4b4b;
text-decoration:none;
}
#header{
padding-bottom:0 !important;
}
#hdrCont{
position:relative;
padding-bottom:20px;
}
#siteTitle{
line-height:0;
padding-left:10px;
}
#siteTitle img{ height:46px; }
#hdrRight{
position:absolute;
top:0;
right:0;
font-size:12px;
line-height:1.17;
}
#hdrRight .loginName{
display:none;
position:absolute;
right:290px;
top:0;
letter-spacing:-0.4px;
white-space:nowrap;
}
#hdrRight .loginName a{
text-decoration:underline;
text-overflow:ellipsis;
white-space:nowrap;
width:auto;
text-align:right;
display:inline-block;
}
#hdrRight .loginName a:hover{
text-decoration:none;
}
#hdrRight ul{
margin-bottom:15px;
text-align:left;
}
#hdrRight ul li{
float:left;
font-weight:300 !important;
}
#hdrRight ul li a{
display:block;
}
#hdrRight ul li a:hover{
color:#dd2e1e;
}
#hdrRight ul li.recruit{
margin-left:15px;
padding-left:15px;
font-weight:normal;
border-left:#cacaca solid 1px;
}
#hdrRight ul li.recruit a{
padding-left:22px;
background:url(../imgs/icon-blank.png) no-repeat left center;
}
#hdrRight ul li.search{
margin:-4px 0 0 25px;
}
#hdrRight ul li.search a{
width:20px;
height:20px;
text-indent:-9999px;
background:url(../imgs/icon-lens.png) no-repeat center center;
}
#hdrRight .hdrLang{
position:relative;
cursor:pointer;
text-align:right;
}
#hdrRight .hdrLang span{
position:relative;
display:inline-block;
padding-right:17px;
letter-spacing:0.6px;
font-weight:300 !important;
}
#hdrRight .hdrLang span:after{
position:absolute;
top:0;
right:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #dd2e1e;
border-right:1px solid #dd2e1e;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
#hdrRight .hdrLang span:hover{
color:#dd2e1e;
}
#hdrRight .hdrLang .langNav{
position:absolute;
top:0;
left:0;
z-index:100;
display:none;
margin-top:5px;
padding-top:20px;
width:100%;
}
#header #hdrRight .hdrLang .langNav{
width:90%;
}
#hdrRight .hdrLang .langNav ul{
position:relative;
padding:4px 15px 20px 15px;
margin-top:	10px;
background:#F9F9F9;
border:1px solid #cacaca;
border-top:none;
width:100%;
left:-17px;
}
#header #hdrRight .hdrLang .langNav ul{
width:90%;
right:0px;
}
#headerSystem #hdrRight ul{
display:inline-block;
float:right;
}
#headerSystem #hdrRight .hdrLang .langNav ul{
left:0px;
width:90%;
}
#hdrRight .hdrLang .langNav ul li{
float:none;
line-height:1;
font-size:12px;
margin:10px 0 0 0 !important;
}
#hdrRight .hdrLang .langNav ul li a{
position:relative;
display:inline-block;
padding-left:17px;
color:#4b4b4b;
line-height:1.3;
margin-top:5px;
}
#hdrRight .hdrLang .langNav ul li a:after{
position:absolute;
top:4px;
left:0;
display:inline-block;
margin:-1px 10px 0 0;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #dd2e1e;
border-right:1px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#hdrRight .hdrLang .langNav ul li a:hover{
text-decoration:underline;
}
.langNav.basicNav{
left:auto !important;
right:0;
}
.langNav.basicNav ul{
border-top:1px solid #cacaca !important;
}
header.sp{
display:none;
}
#gNav > ul{
position:relative;
}
#gNav > ul > li{
box-sizing:border-box;
float:left;
width:14.28571%;
font-size:16px;
font-weight:normal;
text-align:center;
line-height:1;
border-right:#cacaca solid 1px;
padding-bottom:17px !important;
border:none !important;
}
#gNav > ul > li:first-child{
border-left:#cacaca solid 1px;
}
#gNav > ul > li > a{
position:relative;
display:block;
padding-top:3px;
}
#gNav > ul > li > a:active{
color:#dd2e1e;
}
#gNav > ul > li:hover > a{
color:#dd2e1e;
}
#gNav > ul > li.on > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.basic1 #gNav > ul > li:nth-child(1) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.basic2 #gNav > ul > li:nth-child(2) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.basic3 #gNav > ul > li:nth-child(3) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.basic4 #gNav > ul > li:nth-child(4) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.basic5 #gNav >ul >li:nth-child(5) >a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.basic6 #gNav > ul > li:nth-child(6) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.basic7 #gNav > ul > li:nth-child(7) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.adcd1 #gNav > ul > li:nth-child(1) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.adcd2 #gNav > ul > li:nth-child(2) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.adcd3 #gNav > ul > li:nth-child(3) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.adcd4 #gNav > ul > li:nth-child(4) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.adcd5 #gNav > ul > li:nth-child(5) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.adcd6 #gNav > ul > li:nth-child(6) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.adcd7 #gNav > ul > li:nth-child(7) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.robot1 #gNav > ul > li:nth-child(1) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.robot2 #gNav > ul > li:nth-child(2) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.robot3 #gNav > ul > li:nth-child(3) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.robot4 #gNav > ul > li:nth-child(4) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.robot5 #gNav > ul > li:nth-child(5) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.robot6 #gNav > ul > li:nth-child(6) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.robot7 #gNav > ul > li:nth-child(7) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.system1 #gNav > ul > li:nth-child(1) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.system2 #gNav > ul > li:nth-child(2) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.system3 #gNav > ul > li:nth-child(3) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.system4 #gNav > ul > li:nth-child(4) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.system5 #gNav > ul > li:nth-child(5) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.system6 #gNav > ul > li:nth-child(6) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemOffice1 #gNav > ul > li:nth-child(1) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemOffice2 #gNav > ul > li:nth-child(2) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemOffice3 #gNav > ul > li:nth-child(3) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemOffice4 #gNav > ul > li:nth-child(4) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemOffice5 #gNav > ul > li:nth-child(5) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemQr1 #gNav > ul > li:nth-child(1) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemQr2 #gNav > ul > li:nth-child(2) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemQr3 #gNav > ul > li:nth-child(3) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemQr4 #gNav > ul > li:nth-child(4) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.systemQr5 #gNav > ul > li:nth-child(5) > a:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
.basic1 #gNav > ul > li:nth-child(1) > a, .basic2 #gNav > ul > li:nth-child(2) > a, .basic3 #gNav > ul > li:nth-child(3) > a, .basic4 #gNav > ul > li:nth-child(4) > a,  .basic5 #gNav >ul >li:nth-child(5) >a,
.basic6 #gNav > ul > li:nth-child(6) > a, .basic7 #gNav > ul > li:nth-child(7) > a, .adcd1 #gNav > ul > li:nth-child(1) > a, .adcd2 #gNav > ul > li:nth-child(2) > a, .adcd3 #gNav > ul > li:nth-child(3) > a, .adcd4 #gNav > ul > li:nth-child(4) > a, .adcd5 #gNav > ul > li:nth-child(5) > a, .adcd6 #gNav > ul > li:nth-child(6) > a, .adcd7 #gNav > ul > li:nth-child(7) > a, .robot1 #gNav > ul > li:nth-child(1) > a, .robot2 #gNav > ul > li:nth-child(2) > a, .robot3 #gNav > ul > li:nth-child(3) > a, .robot4 #gNav > ul > li:nth-child(4) > a, .robot5 #gNav > ul > li:nth-child(5) > a, .robot6 #gNav > ul > li:nth-child(6) > a, .robot7 #gNav > ul > li:nth-child(7) > a, .system1 #gNav > ul > li:nth-child(1) > a, .system2 #gNav > ul > li:nth-child(2) > a, .system3 #gNav > ul > li:nth-child(3) > a, .system4 #gNav > ul > li:nth-child(4) > a, .system5 #gNav > ul > li:nth-child(5) > a, .system6 #gNav > ul > li:nth-child(6) > a, .systemOffice1 #gNav > ul > li:nth-child(1) > a, .systemOffice2 #gNav > ul > li:nth-child(2) > a, .systemOffice3 #gNav > ul > li:nth-child(3) > a, .systemOffice4 #gNav > ul > li:nth-child(4) > a, .systemOffice5 #gNav > ul > li:nth-child(5) > a, .systemQr1 #gNav > ul > li:nth-child(1) > a, .systemQr2 #gNav > ul > li:nth-child(2) > a, .systemQr3 #gNav > ul > li:nth-child(3) > a, .systemQr4 #gNav > ul > li:nth-child(4) > a, .systemQr5 #gNav > ul > li:nth-child(5) > a{
color:#dd2e1e;
}
#gNav > ul > li > a.ov:after{
opacity:1;
}
#gNav .innerNav{
position:absolute;
top:18px;
left:0;
display:none;
width:100%;
padding-top:18px;
padding-top:0 !important;
top:36px !important;
}
#gNav .innerNav .navBoxBg{
position:relative;
padding:25px 45px;
background:#f9f9f9;
text-align:left;
height:390px;
box-sizing:border-box;
}
.pageStyle #gNav .innerNav .navBoxBg{
height:390px;
position:relative;
box-sizing:border-box;
}
#gNav li:nth-child(3) .innerNav .navBoxBg{
height:auto;
}
#gNav li:nth-child(4) .innerNav .navBoxBg{
height:auto;
}
#gNav li:nth-child(7) .innerNav .navBoxBg{
height:auto;
}
#gNav .innerNav .indexLink{
position:absolute;
left:0;
bottom:0;
background:#ebebeb;
border:1px solid #f8f8f8;
display:block;
width:100%;
box-sizing:border-box;
padding:20px;
}
#gNav .innerNav .blockTtl{
margin-bottom:20px;
font-size:22px;
}
#gNav .innerNav .blockTtl a{
position:relative;
display:inline-block;
color:#4b4b4b;
letter-spacing:0.6px;
}
#gNav .innerNav .blockTtl a.blankLink{
font-size:20px;
}
#gNav .innerNav .blockTtl span{
position:relative;
display:inline-block;
padding-left:0;
color:#4b4b4b;
font-size:18px;
font-weight:normal;
letter-spacing:0.6px;
}
#gNav .innerNav .blockTtl a:hover{
text-decoration:underline;
}
#gNav .innerNav .navBoxWrap .navBox{
box-sizing:border-box;
float:left;
width:33.33333%;
padding-left:25px;
}
#gNav .innerNav .navBoxWrap.twoColumn .navBox{
width:50%;
}
#gNav .innerNav .navBoxWrap.block02 .navBox{
width:auto;
}
#gNav .innerNav .navBoxWrap .navBox .navImage{
margin-bottom:15px;
}
#gNav .innerNav .navBoxWrap .navBox .navImage img{
width:100%;
max-width:100%;
}
#gNav .innerNav .navBoxWrap .navBox li{
padding-left:14px;
color:#4b4b4b;
font-size:14px;
line-height:1.3;
/*white-space:nowrap;*/
position:relative;
}
#gNav .innerNav .navBoxWrap .navBox > ul > li:first-child{
padding-left:0;
}
#gNav .innerNav .navBoxWrap .navBox li:before{
position:absolute;
top:5px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:4px;
height:4px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#gNav .innerNav .navBoxWrap .navBox li li.sub{
padding-left:2em;
}
#gNav .innerNav .navBoxWrap .navBox li li.sub:before{
left:16px;
}
/*#gNav .innerNav .navBoxWrap .addLine:before{
display:block;
content:"-";
position:absolute;
left:2px;
top:0;
}*/
#gNav .innerNav .navBoxWrap .navBox li.bigCat{
padding-left:0;
color:#4b4b4b;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
}
#gNav .innerNav .navBoxWrap .navBox li.noLine:before, #gNav .innerNav .navBoxWrap .navBox li.bigCat:before{
display:none;
}
#gNav .ttlLine{
display:block;
width:100%;
border-bottom:1px solid #cacaca;
padding-bottom:5px;
font-weight:bold !important;
}
#gNav .noTtl{
display:block;
width:100%;
padding-bottom:0;
font-weight:bold !important;
}
#gNav .innerNav .navBoxWrap .navBox li + li, #gNav .innerNav .navBoxWrap .navBox li ul{
margin-top:5px;
}
#gNav .innerNav .navBoxWrap .navBox li ul{
margin-top:5px;
}
#gNav .innerNav .navBoxWrap .navBox li.bigCat + li{
margin-top:10px;
}
#gNav .innerNav .navBoxWrap .navBox li.bigCat + li.omt{
margin-top:10px;
}
#gNav .arwLinks a, #gNav .innerNav .navBoxWrap .navBox li a{
position:relative;
display:inline-block;
color:#4b4b4b;
letter-spacing:0.6px;
word-break:break-word;
word-wrap:break-word;
}
#gNav .innerNav .navBoxWrap .navBox li .bigTtl{
font-size:18px;
font-weight:bold;
}
#gNav .innerNav .navBoxWrap .navBox li .bigTtl2{
display:block;
margin-top:10px;
/*font-weight:normal;*/
}
#gNav .innerNav .navBoxWrap .navBox li .bigTtl2:first-child{
margin-top:0;
}
#gNav .arwLinks a{
line-height:1.2;
}
#gNav .arwLinks a:hover, #gNav .arwLinks a:hover span, #gNav .innerNav .navBoxWrap .navBox li a:hover{
text-decoration:underline;
}
/** new gnav style */
#gNav .innerNav .navBoxWrap.threecolumn{
padding-right:50px;
}
#gNav .innerNav .navBoxWrap.threecolumn .navBox{
float:left;
width:33.33333%;
margin-right:25px;
padding-left:0;
}
#gNav .innerNav .navBoxWrap.threecolumn .navBox:last-child{
margin-right:-50px;
}
#gNav .arwLinks a:before{
top:3px;
}
#gNav .arwLinks a span{
display:inline-block;
}
#gNav .inNavCol2{
margin-top:10px;
}
#gNav .inNavCol2 > ul{
float:left;
width:50%;
}
#gNav .inNavCol2 > ul span{
display:inline-block;
}
#gNav .inNavCol2 > ul a:hover span{
text-decoration:underline;
}
#gNav .innerNav.navStyle01 .navBoxWrap{
margin-left:0;
}
#gNav .innerNav.navStyle01 .navBoxWrap ul{
margin-left:-10px;
}
#gNav .innerNav.navStyle01 .navBoxWrap li{
box-sizing:border-box;
float:left;
width:25%;
padding-left:10px;
}
#gNav .innerNav.navStyle01 .navBoxWrap a{
display:block;
color:#4b4b4b;
}
#gNav .innerNav.navStyle01 .navBoxWrap a img{
display:block;
margin-bottom:10px;
}
#gNav .innerNav.navStyle01 .navBoxWrap a span{
display:block;
font-weight:normal;
}
#gNav .innerNav.navStyle01 .navBoxWrap a span.vol{
margin-bottom:6px;
font-size:14px;
}
#gNav .innerNav.navStyle01 .navBoxWrap a span.navTxt{
font-size:16px;
line-height:1.4;
}
#gNav .innerNav.navStyle01 .navBoxWrap a:hover span.navTxt{
text-decoration:underline;
}
#navOvarLay{
height:100%;
z-index:10;
position:absolute !important;
top:117px !important;
z-index:1 !important;
position:fixed;
top:0;
z-index:1;
left:0;
display:none;
width:100%;
height:1000%;
background:url(../imgs/bg-overlay.png) repeat left top;
}
#gNav .innerNav.navStyle02 .navBoxBg{
/*padding:35px 45px 25px;*/
}
#gNav .innerNav.navStyle02 .navBoxWrap{
/*margin-left:-14px;*/
}
#gNav .innerNav.navStyle02 .navBox{
width:207px;
margin:0;
padding:0;
}
#gNav .innerNav.navStyle02 .inBlock{
float:left;
}
#gNav .innerNav.navStyle02 .inBlock.block01{
margin-right:55px;
}
#gNav .innerNav.navStyle02 .inBlock.block04{
float:right;
}
#gNav .innerNav.navStyle02 .inBlock.block01 .blockTtl, #gNav .innerNav.navStyle02 .inBlock.block03 .blockTtl{
margin-bottom:15px;
}
#gNav .innerNav.navStyle02 .inBlock.block02 .blockTtl #gNav .innerNav.navStyle02 .inBlock.block04 .blockTtl{
margin-bottom:15px;
width:230px;
}
#gNav .innerNav.navStyle02 .inBlock.block04 .blockTtl.mt30{
margin-top:30px;
}
#gNav .innerNav.navStyle02 .inBlock.block01 .navBox + .navBox, #gNav .innerNav.navStyle02 .inBlock.block03 .navBox + .navBox{
margin-left:60px;
}
#gNav .innerNav.navStyle02 .inBlock.block02 li ul, #gNav .innerNav.navStyle02 .inBlock.block04 li ul{
margin-top:15px;
}
#gNav .innerNav.navStyle02 .inBlock.block01 li + li.mt, #gNav .innerNav.navStyle02 .inBlock.block02 li + li.mt, #gNav .innerNav.navStyle02 .inBlock.block04 li + li.mt{
margin-top:15px;
}
#gNav .innerNav.navStyle03 .navBoxBg{
/*padding:35px 45px;*/
}
#gNav .innerNav.navStyle03 .navBoxWrap{
margin-left:0;
}
#gNav .innerNav.navStyle03 ul li{
box-sizing:border-box;
float:left;
padding:0 35px 0 0;
font-size:16px;
}
#gNav .innerNav.navStyle03 .navBoxBg a{
color:#4b4b4b;
}
#gNav .innerNav.navStyle04 .navBoxBg{
padding:40px 30px 30px;
}
#gNav .innerNav.navStyle04 .navBoxWrap{
margin-left:0;
}
#gNav .innerNav.navStyle04 .ttlBox{
margin-bottom:30px;
}
#gNav .innerNav.navStyle04 .ttlBox .blockTtl{
float:left;
margin-right:50px;
}
#gNav .innerNav.navStyle04 .colBox{
margin-top:30px;
}
#gNav .innerNav.navStyle04 .colBox .col1{
box-sizing:border-box;
width:25%;
float:left;
padding-right:15px;
}
#gNav .innerNav.navStyle04 .colBox .col2, #gNav .innerNav.navStyle04 .colBox .col2 > ul{
box-sizing:border-box;
width:50%;
float:left;
padding-right:20px;
}
#gNav .innerNav.navStyle04 .colBox .col2 > ul{
margin-top:0;
}
#gNav .innerNav.navStyle04 .colBox .col1 ul, #gNav .innerNav.navStyle04 .colBox .col2 ul{
padding:0 0 0 20px;
}
#gNav .innerNav.navStyle04 .colBox li ul, #gNav .innerNav.navStyle04 .colBox li + li{
margin-top:10px;
}
#gNav .innerNav.navStyle05 .navBoxWrap .navBox{
padding-left:0 !important;
}
#gNav .innerNav.navStyle05 .navBoxWrap .navBox li{
position:relative;
padding:0 30px 0 15px !important;
margin-bottom:15px !important;
}
#gNav .innerNav.navStyle05 .navBoxWrap .navBox li:before{
display:none;
}
#gNav .innerNav.navStyle05 .navBoxWrap .navBox li:after{
position:absolute;
top:6px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:4px;
height:4px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#gNav .innerNav.navStyle06 .navBoxWrap ul{
margin-left:-40px;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li{
font-size:15px;
margin-bottom:30px;
float:left;
padding:0 0 0 40px;
width:33.333333%;
box-sizing:border-box;
position:relative;
}
#gNav .innerNav.navStyle06.column2 .navBoxWrap ul li{
width:50% !important;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li a{
position:relative;
display:block;
text-align:left;
height:50px;
line-height:24px;
padding:0 0 0 60px;
border-bottom:1px solid #cacaca;
align-items:center;
display:flex;
font-size:15px;
}
.equallink{
position:relative;
}
.equallink .equalimg{
display:table-cell;
width:45px;
height:45px;
text-align:center;
vertical-align:middle;
position:absolute;
top:-5px;
left:0px;
}
.equallink .equalimg img{
width:auto;
height:auto;
max-width:45px;
max-height:45px;
vertical-align:middle;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li a .equalimg{
display:table-cell;
width:45px;
height:45px;
text-align:center;
vertical-align:middle;
position:absolute;
top:2px;
left:10px;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li a .equalimg img{
width:auto;
height:auto;
max-width:45px;
max-height:45px;
vertical-align:middle;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li.icon8 img, #gNav .innerNav.navStyle06 .navBoxWrap ul li.icon9 img, #gNav .innerNav.navStyle06 .navBoxWrap ul li.icon10 img, #gNav .innerNav.navStyle06 .navBoxWrap ul li.icon11 img, #gNav .innerNav.navStyle06 .navBoxWrap ul li.icon12 img{
width:45px;
position:absolute;
left:0;
top:-6px;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconQ5 img, #gNav .innerNav.navStyle06 .navBoxWrap ul li.iconQ6 img, #gNav .innerNav.navStyle06 .navBoxWrap ul li.iconQ7 img, #gNav .innerNav.navStyle06 .navBoxWrap ul li.iconQ8 img{
width:45px;
position:absolute;
left:0;
/*top:-6px;*/
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconS1 img, #gNav .innerNav.navStyle06 .navBoxWrap ul li.iconS2 img{
width:40px;
left:0;
top:2px;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconR14 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconR15 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconR16 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconR17 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconR18 img{
width:45px;
position:absolute;
left:-5px;
top:-6px;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li img{
width:65px;
position:absolute;
left:-5px;
top:0px;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconA16 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconA17 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconA18 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconA19 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconA20 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconA21 img,
#gNav .innerNav.navStyle06 .navBoxWrap ul li.iconA22 img{
width:45px;
position:absolute;
left:-5px;
top:-6px;
}
#gNav .innerNav.navStyle06 .navBoxWrap ul li a:hover{
color:#dd2e1e;
}
#gNav .innerNav.navStyle06 .navBoxWrap .telBox .inner{
display:block;
background:url(/ja/common/imgs/nav_office/tel.png) #fff 15px center no-repeat;
padding:20px 20px 18px;
border:1px solid #cacaca;
}
#gNav .innerNav.navStyle06 .navBoxWrap .telBox .ttl{
display:block;
padding-left:40px;
font-size:14px;
line-height:1;
margin-bottom:5px;
}
#gNav .innerNav.navStyle06 .navBoxWrap .telBox .tel{
display:block;
background:url(/ja/common/imgs/icon/freedial2.png) 40px center no-repeat;
background-size:20px;
padding-left:65px;
font-size:24px;
font-weight:bold;
letter-spacing:-0.01em;
line-height:1;
}
#gNav .innerNav.navStyle06 .navBoxWrap .telBox2 .inner{
display:block;
background:url(/ja/common/imgs/nav_qr/tel.png) #fff 15px center no-repeat;
padding:20px 20px 18px;
border:1px solid #cacaca;
}
#gNav .innerNav.navStyle06 .navBoxWrap .telBox2 .ttl{
display:block;
padding-left:40px;
font-size:14px;
line-height:1;
margin-bottom:5px;
}
#gNav .innerNav.navStyle06 .navBoxWrap .telBox2 .tel{
display:block;
background:url(/ja/common/imgs/icon/freedial2.png) 40px center no-repeat;
background-size:20px;
padding-left:65px;
font-size:24px;
font-weight:bold;
letter-spacing:-0.01em;
line-height:1;
}
#gNav .innerNav .block02:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
line-height:0;
}
#gNav .innerNav .block02 .block02Inner{
width:48%;
}
#gNav .innerNav .block02 > div:nth-child(1){
float:left;
}
#gNav .innerNav .block02 > div:nth-child(2){
float:right;
}
#headerSystemOffice #gNav li:nth-child(1) .innerNav .navBoxBg{
height:390px !important;
}
#headerSystemOffice #gNav li:nth-child(2) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystemOffice #gNav li:nth-child(3) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystemOffice #gNav li:nth-child(4) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystemOffice #gNav li:nth-child(5) .innerNav .navBoxBg{
height:360px;
}
#headerSystemQr #gNav li .innerNav .navBoxBg{
height:390px;
}
#headerSystemQr #gNav li:nth-child(2) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystemQr #gNav li:nth-child(3) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystemQr #gNav li:nth-child(4) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystemQr #gNav li:nth-child(5) .innerNav .navBoxBg{
height:390px;
}
#headerSystem #gNav li:nth-child(1) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystem #gNav li:nth-child(2) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystem #gNav li:nth-child(3) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystem #gNav li:nth-child(4) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystem #gNav li:nth-child(5) .innerNav .navBoxBg{
height:260px !important;
}
#headerSystem #gNav li:nth-child(6) .innerNav .navBoxBg{
height:260px !important;
}
#headerRobot #gNav li:nth-child(2) .innerNav .navBoxBg{
height:260px;
}
#headerRobot #gNav li:nth-child(4) .innerNav .navBoxBg{
height:260px;
}
#headerRobot #gNav li:nth-child(5) .innerNav .navBoxBg{
height:340px;
}
#headerRobot #gNav li:nth-child(7) .innerNav .navBoxBg{
height:360px;
}
#headerAdcd #gNav li:nth-child(2) .innerNav .navBoxBg{
height:260px;
}
#headerAdcd #gNav li:nth-child(3) .innerNav .navBoxBg{
height:390px;
}
#headerAdcd #gNav li:nth-child(4) .innerNav .navBoxBg{
height:390px;
}
#headerAdcd #gNav li:nth-child(5) .innerNav .navBoxBg{
height:390px;
}
#gNav > ul > li a{
position:relative;
}
#gNav > ul > li > a:before{
display:block;
content:"";
width:1px;
height:15px;
background:#cacaca;
position:absolute;
left:0;
top:3px;
}
#gNav > ul:before{
display:block;
content:"";
width:1px;
height:15px;
background:#cacaca;
position:absolute;
right:0;
top:3px;
}
#gNav .innerNav .navBoxBg .closeBtn{
display:block;
content:"";
width:45px;
height:45px;
background:#9e9e9e;
line-height:0;
position:absolute;
right:0;
bottom:0;
z-index:9999;
cursor:pointer;
}
#gNav .innerNav .navBoxBg .closeBtn em{
position:absolute;
left:50%;
top:50%;
margin-top:-15px;
display:block;
line-height:0;
width:1px;
height:30px;
background:#fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
text-indent:-9999em;
overflow:hidden;
}
#gNav .innerNav .navBoxBg .closeBtn:before{
position:absolute;
left:50%;
top:50%;
margin-top:-15px;
display:block;
content:"";
line-height:0;
width:1px;
height:30px;
background:#fff;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.headSearch{
display:none;
position:absolute;
top:-9px;
right:0;
}
.headSearch:before{
position:absolute;
left:-30px;
top:42%;
margin-top:-10px;
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/icon-lens.png) no-repeat;
}
.headSearch:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.headSearch input[type="text"]{
display:block;
float:left;
background:#fff;
width:300px;
font-size:12px;
padding:5px 10px;
border:1px solid #9e9e9e;
box-sizing:border-box;
height:30px;
line-height:30px;
}
.headSearch input[type="submit"]{
cursor:pointer;
display:block;
float:left;
background:#9e9e9e;
padding:0;
height:30px;
line-height:30px;
padding:0 20px;
font-size:12px;
border:none;
color:#fff;
border:1px solid #9e9e9e;
}
.headSearch .close{
position:absolute;
top:0;
right:-40px;
display:block;
width:30px;
height:30px;
text-indent:-9999em;
overflow:hidden;
cursor:pointer;
background:url(../imgs/close2.png) #fff no-repeat center center;
}
.headSearch .gsc-input-box{
position:relative;
top:-2px;
}
.headSearch .gsc-control-cse{
padding:0;
}
.headSearch table.gsc-search-box{
width:300px;
}
.headSearch table.gsc-search-box td{
padding-top:0;
}
.headSearch .gsc-search-box-tools .gsc-search-box .gsc-input{
margin-top:2px !important;
padding:0 !important;
height:20px !important;
}
.pageStyle #hdrCont{
padding-bottom:15px;
}
.pageStyle #hdrRight ul{
margin-bottom:10px;
}
.pageStyle #hdrRight ul li{
font-weight:normal;
}
.pageStyle #hdrRight ul li.nom{
font-weight:300 !important;
}
.pageStyle #hdrRight ul li + li{
margin-left:10px;
padding-left:10px;
border-left:#cacaca solid 1px;
}
.pageStyle #hdrRight ul li.search{
margin:-4px 0 0 25px;
padding-left:0;
border-left:none;
}
.pageStyle #hdrRight ul.hdrCv li + li{
margin-left:15px;
padding-left:0;
border-left:none;
}
.pageStyle #hdrRight ul.hdrCv li.hdrLang{
margin-top:6px;
text-align:left;
font-weight:300 !important;
}
.pageStyle #hdrRight ul.hdrCv li.hdrLang + li{
margin-left:20px;
}
.pageStyle #hdrRight ul.hdrCv .hdrLogin a, .pageStyle #hdrRight ul.hdrCv .hdrLogOut a, .pageStyle #hdrRight ul.hdrCv .hdrRegist a{
position:relative;
box-sizing:border-box;
display:block;
width:122px;
padding:5px 0;
color:#fff;
font-weight:normal;
font-size:12px;
text-align:center;
line-height:1;
color:#4b4b4b;
}
.IE .pageStyle #hdrRight ul.hdrCv .hdrLogin a, .IE .pageStyle #hdrRight ul.hdrCv .hdrLogOut a, .IE .pageStyle #hdrRight ul.hdrCv .hdrRegist a{
padding:5px 0 4px;
}
.pageStyle #hdrRight ul.hdrCv .hdrLogin a{
border:1px solid #9e9e9e;
background:#e3e3e3;
background:linear-gradient(to bottom, #e3e3e3 0, #cacaca 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#cacaca', gradienttype=0);
box-shadow:0 0 0 1px #fff_30 inset;
}
.pageStyle #hdrRight ul.hdrCv .hdrLogOut a{
border:1px solid #969697;
background:#969697;
background:linear-gradient(to bottom, #bcbcbc 0, #969697 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#bcbcbc', endcolorstr='#969697', gradienttype=0);
box-shadow:0 0 0 1px #fff_30 inset;
color:#fff;
}
.pageStyle #hdrRight ul.hdrCv .hdrRegist a{
border:1px solid #dd2e1e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#dd2e1e;
background:linear-gradient(to bottom, #dd2e1e 0, #c1291b 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#dd2e1e', endcolorstr='#c1291b', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#fff;
display:block;
}
.pageStyle #hdrRight ul.hdrCv .hdrLogin a:before, .pageStyle #hdrRight ul.hdrCv .hdrRegist a:before, .pageStyle #hdrRight ul.hdrCv .hdrLogin a:after, .pageStyle #hdrRight ul.hdrCv .hdrRegist a:after{
box-sizing:border-box;
position:absolute;
top:0;
left:0;
display:block;
content:'';
width:100%;
height:100%;
}
.pageStyle #hdrRight ul.hdrCv .hdrLogin a:hover, .pageStyle #hdrRight ul.hdrCv .hdrRegist a:hover{
opacity:0.7;
text-decoration:none;
}
.pageStyle #pageNavTtl{
position:relative;
padding-bottom:4px;
z-index:20;
}
.pageStyle #pageNavTtl .inTtl{
font-size:22px;
font-weight:bold;
line-height:1.3;
position:absolute;
top:-59px;
left:175px;
z-index:9999;
}
.pageStyle #pageNavTtl .inTtl2{
font-size:22px;
font-weight:bold;
line-height:1;
position:absolute;
top:-40px;
left:175px;
z-index:9999;
}
.pageStyle #pageNavTtl .inTtl a{
position:relative;
display:inline-block;
padding-right:20px;
letter-spacing:0.6px;
}
.pageStyle #pageNavTtl .inTtl a:after{
display:inline-block;
margin:0 0 5px 10px;
content:"";
vertical-align:middle;
width:8px;
height:8px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.pageStyle #pageNavTtl .inTtl a span{
display:block;
font-size:12px;
margin-bottom:5px;
}
.pageStyle #pageNavTtl .inTtl .on,#hdrRight .hdrLang.on{
color:#A0A0A0;
}
.pageStyle #pageNavTtl .inTtl .noArr{
padding-right:0;
}
.pageStyle #pageNavTtl .inTtl .noArr:after{
display:none;
}
.pageStyle #pageNavTtl .inTtl .subLink{
font-style:normal;
font-size:12px;
padding:0 15px 0 10px;
margin-left:10px;
border-left:1px dotted #cacaca;
}
.pageStyle #pageNavTtl .inTtl .subLink:after{
display:inline-block;
margin:0 0 5px 10px;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #dd2e1e;
border-right:1px solid #dd2e1e;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.pageStyle #pageNavTtl .pageNav{
min-width:300px;
position:absolute;
top:-11px;
left:155px;
z-index:100;
display:none;
margin-top:5px;
}
.pageStyle #pageNavTtl .pageNav ul{
position:relative;
padding:5px 20px 20px;
margin-top:10px;
background:#F9F9F9;
border:1px solid #cacaca;
border-top:none;
}
.pageStyle #pageNavTtl .pageNav ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.pageStyle #pageNavTtl .pageNav ul li{
line-height:1;
font-size:12px;
margin-top:10px;
}
.pageStyle #pageNavTtl .pageNav ul li.line{
border-bottom:1px solid #cacaca;
padding-bottom:15px;
}
.pageStyle #pageNavTtl .pageNav ul li span{
display:block;
padding-bottom:5px;
color:#4b4b4b;
line-height:1.3;
}
.pageStyle #pageNavTtl .pageNav ul .bigTxt{
font-size:16px;
font-weight:bold;
}
.pageStyle #pageNavTtl .pageNav ul li a{
position:relative;
display:inline-block;
padding-right:17px;
color:#4b4b4b;
line-height:1.3;
margin-top:5px;
padding-left:10px;
}
.pageStyle #pageNavTtl .pageNav ul li a:after{
position:absolute;
left:-16px;
top:3px;
display:inline-block;
margin:-1px 0 0 10px;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.pageStyle #pageNavTtl .pageNav ul .bigTxt, .pageStyle #pageNavTtl .pageNav ul .bigTxt a{
padding-bottom:0 !important;
}
.pageStyle #pageNavTtl .pageNav ul li.bigTxt a{
margin-left:0 !important;
}
.pageStyle #pageNavTtl .pageNav ul li.bigTxt a:after{
top:6px;
}
.pageStyle #pageNavTtl .pageNav ul li a:hover{
text-decoration:underline;
}
.pageStyle #pageNavTtl .pageNav ul li a.indent{
padding-left:15px;
display:block;
}
.pageStyle #gNav{
padding-top:12px;
border-top:1px solid #cacaca;
position:relative;
z-index:10;
}
.pageStyle #gNav > ul > li{
font-size:16px;
}
.pageStyle #gNav > ul > li > a:after{
bottom:-17px;
}
.pageStyle #gNav .innerNav{
top:18px;
}
.pageStyle #gNav .innerNav .navBoxBg:after{
display:none;
}
.pageStyle #gNav .innerNav .navBoxBg img{
max-width:100%;
height:auto;
}
.pageStyle #gNav .innerNav .navBoxBg a{
color:#4b4b4b;
}
.pageStyle #gNav .innerNav .navBoxWrap{
position:relative;
margin-left:0;
margin:0 auto;
/*padding:35px 30px 0;*/
}
.pageStyle #gNav .innerNav .navBoxBg .navBoxWrap{
/*padding:0;*/
margin-top:20px;
}
.pageStyle #gNav .innerNav .navBoxBg .navBoxWrap:first-child{
margin-top:0;
}
.pageStyle #gNav .innerNav .navBoxBg.num01 .navBoxWrap{
/*padding:25px;*/
}
.pageStyle #gNav .innerNav .navBoxBg.num01 ul{
margin-left:-25px;
}
.pageStyle #gNav .innerNav .navBoxBg.num01 ul + ul{
margin-top:25px;
}
.pageStyle #gNav .innerNav .navBoxBg.num01 li{
box-sizing:border-box;
float:left;
width:20%;
padding-left:25px;
}
.pageStyle #gNav .innerNav .navBoxBg.num01 a{
display:block;
color:#4b4b4b;
line-height:1.5;
letter-spacing:0.6px;
}
.pageStyle #gNav .innerNav .navBoxBg.num01 a img{
width:100%;
height:auto;
}
.pageStyle #gNav .innerNav .navBoxBg.num01 a span{
display:block;
margin-top:10px;
padding-left:14px;
position:relative;
word-break:break-word;
font-size:15px;
}
.pageStyle #gNav .innerNav .navBoxBg.num01 a span:before{
position:absolute;
top:8px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:4px;
height:4px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.pageStyle #gNav .innerNav .navBoxBg.num01 a span small{
font-size:15px;
}
.pageStyle #gNav .innerNav .navBoxBg.num01 a:hover span{
text-decoration:underline;
}
.pageStyle #gNav .innerNav .navBoxBg.num02 .navBoxWrap{
/*padding:40px 0 33px;*/
}
.pageStyle #gNav .innerNav .navBoxBg.num02 a{
position:relative;
display:inline-block;
letter-spacing:0.6px;
}
.pageStyle #gNav .innerNav .navBoxBg.num02 a:hover{
text-decoration:underline;
}
.pageStyle #gNav .innerNav .navBoxBg.num02 li + li{
margin-top:10px;
}
.pageStyle #gNav .innerNav .navBoxBg.num02 .catLink{
font-weight:bold;
margin-bottom:15px;
font-size:22px;
border-bottom:1px solid #cacaca;
padding-bottom:5px;
}
.pageStyle #gNav .innerNav .navBoxBg.num02 .catBlock .inNum01{
float:left;
/*margin:0 135px 0 55px;*/
margin-right:55px;
}
.pageStyle #gNav .innerNav .navBoxBg.num02 .catBlock .inNum02{
float:left;
width:332px;
}
.pageStyle #gNav .innerNav .navBoxBg.num02 .catBlock .inNum01 .minBlock ul{
float:left;
}
.pageStyle #gNav .innerNav .navBoxBg.num02 .catBlock .inNum01 .minBlock ul + ul{
margin-left:100px;
}
.adcd_katsuyou_nav li figure{
display:inline-block;
vertical-align:middle;
}
.adcd_katsuyou_nav li figure img{
width:50px;
}
.adcd_katsuyou_nav li span{
display:inline-block;
vertical-align:middle;
}
.sNon .subNav{
display:none;
}
.subNav{
background:#f9f9f9;
width:100%;
z-index:9999;
}
.subNav.fixed{
position:fixed;
left:0;
top:0;
}
.subNav .inner{
display:none;
width:1100px;
margin:0 auto;
padding:20px 0;
}
/* .subNav .inner > div{
height:30px;
} */
.subNav .inner.on{
display:block;
}
.subNav .ttlBig{
font-weight:bold;
border-bottom:1px solid #9e9e9e;
line-height:1;
padding-bottom:10px;
margin-top:20px;
}
.subNav .ttlBig a{
text-decoration:none;
}
.subNav .ttlBig a:hover{
color:#dd2e1e;
}
.subNav ul{
/*margin-top:10px;*/
}
.subNav .inner > .clearfix.col2 + .clearfix.col2{
padding-top:15px;
}
.subNav .inner .clearfix.col2 > .ttlBig{
display:inline-block;
border-bottom:none;
padding-bottom:0;
vertical-align:middle;
margin-right:15px;
/* float:left; */
}
.subNav .inner .clearfix.col2 > .ttlBig a{
color:#dd2e1e;
}
.subNav .inner .clearfix.col2 > ul{
display:inline-block;
padding-left:10px;
padding-right:10px;
vertical-align:middle;
border-left:1px solid #9e9e9e;
}
/*.support .subNav .inner .clearfix.col2 >ul{
margin-left:150px;
}*/
.subNav .inner .clearfix.col2 > ul + ul{
padding-top:10px;
}
.subNav p:first-child, .subNav ul:first-child{
margin-top:0;
}
.subNav ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
line-height:0;
}
.subNav ul li{
float:left;
line-height:1.5;
font-size:12px;
margin-right:9px;
}
.subNav ul .ttl{
font-weight:bold;
font-size:14px;
}
.subNav ul .ttl a{
color:#dd2e1e;
}
.subNav ul li:not(.ttl) a{
position:relative;
top:0px;
letter-spacing:0em;
}
.subNav ul li:not(.ttl) a small{
position:relative;
/* top:-3px; */
letter-spacing:0em;
}
.subNav ul li:first-child{
padding-top:0;
}
.subNav ul li a{
color:#4b4b4b;
text-decoration:none;
display:block;
}
.subNav ul li.current a{
color:#dd2e1e;
}
.subNav ul li a:hover{
color:#dd2e1e;
}
.basic1 .subNav .nav1, .basic2 .subNav .nav2, .basic3 .subNav .nav3, .basic4 .subNav .nav4, .basic5 .subNav .nav5, .basic6 .subNav .nav6, .basic7 .subNav .nav7{
display:block;
}
.adcd1 .subNav .nav1, .adcd2 .subNav .nav2{
display:block;
}
.adcd1 .subNav .nav1 > div, .adcd2 .subNav .nav2 > div, .adcd3 .subNav .nav3 > div, .adcd4 .subNav .nav4 > div, .adcd5 .subNav .nav5 > div,
.robot1 .subNav .nav1 > div, .robot2 .subNav .nav2 > div, .robot3 .subNav .nav3 > div, .robot4 .subNav .nav4 > div, .robot5 .subNav .nav5 > div{
line-height:1;
}
.robot1 .subNav .nav1, .robot2 .subNav .nav2, .robot3 .subNav .nav3, .robot4 .subNav .nav4, .robot5 .subNav .nav5{
display:block;
}
.robot2 .subNav .nav2 ul, .robot2 .subNav .nav2 div:nth-child(2){
display:none;
}
.robot2.robotNav2-1 .subNav .nav2 .nav2-1{
display:inline-block;
}
.robot2.robotNav2-1 .subNav .nav2 .nav2-2{
display:none;
}
.robot2.robotNav2-1 .subNav .nav2 .nav2-3{
display:none;
}
.robot2.robotNav2-2 .subNav .nav2 .nav2-1{
display:none;
}
.robot2.robotNav2-2 .subNav .nav2 .nav2-2{
display:inline-block;
padding-top:0;
}
.robot2.robotNav2-2 .subNav .nav2 .nav2-3{
display:none;
}
.robot2.robotNav2-3 .subNav .nav2 .nav2-1{
display:none;
}
.robot2.robotNav2-3 .subNav .nav2 .nav2-2{
display:none;
}
.robot2.robotNav2-3 .subNav .nav2 .nav2-3{
display:inline-block;
padding-top:0;
}
.systemOffice1 .subNav .nav1, .systemOffice2 .subNav .nav2, .systemOffice3 .subNav .nav3, .systemOffice4 .subNav .nav4, .systemOffice5 .subNav .nav5{
display:block;
}
.systemQr2 .subNav .nav2{
display:block;
}
.noSubNav .subNav{
display:none !important;
}
.adcd2.katsuyou .subNav .nav2, .adcd2.dounyu .subNav .nav2, .robot2.dounyu .subNav .nav2, .robot2.katsuyou .subNav .nav2{
display:none;
}
.adcd2.katsuyou > .subNav .inner, .adcd2.dounyu > .subNav .inner, .robot2.dounyu > .subNav .inner, .robot2.katsuyou > .subNav .inner{
display:block !important;
padding-bottom:18px !important;
}
.barcode .subNav .nav3{
display:block;
}
.download .subNav .nav4{
display:block;
}
.support .subNav .nav5{
display:block;
}
.anchorLink.btmBtn ul{
margin:0;
}
.anchorLink.btmBtn ul li{
float:none;
margin:0 auto;
padding:0;
width:300px;
}
.anchorLink.btmBtn ul li a{
padding-left:30px;
}
.anchorLink.btmBtn ul li a:after{
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
footer{
margin-top:95px;
background:#e3e3e3;
color:#4b4b4b;
}
footer a{
color:#4b4b4b;
text-decoration:none;
}
.btt{
position:relative;
line-height:0;
background:#9e9e9e;
position:fixed;
bottom:0;
right:0;
z-index:9999;
overflow:hidden;
width:46px;
height:46px;
}
.btt a{
filter:alpha(opacity=70);
opacity:0.7;
position:relative;
display:block;
overflow:hidden;
width:45px;
height:45px;
text-indent:-9999em;
text-decoration:none;
color:#9e9e9e;
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.btt a::before, .btt a::after{
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
content:"";
vertical-align:middle;
}
.btt a::after{
right:10px;
width:16px;
height:16px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.btt a:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
#ftrConts{
padding:30px 0 40px;
}
/*#ftrConts.wrap{
width:1100px;
}*/
#ftrConts .ftrTtl{
margin-bottom:15px;
padding-bottom:3px;
font-size:16px;
font-weight:normal;
line-height:1.3;
border-bottom:#9e9e9e solid 1px;
}
#ftrConts .ftrlist li{
padding-left:14px;
font-size:12px;
line-height:1.3;
letter-spacing:0.6px;
}
#ftrConts .ftrlist li.bigCat{
padding-left:0;
line-height:1;
font-size:16px;
font-weight:bold;
}
#ftrConts .ftrlist li + li, #ftrConts .ftrlist li ul{
margin-top:5px;
}
#ftrConts .ftrlist li.bigCat + li{
margin-top:10px;
}
#ftrConts .ftrlist li a{
position:relative;
display:inline-block;
letter-spacing:0.6px;
}
#ftrConts .ftrlist li a:hover{
text-decoration:underline;
}
#ftrConts .ftrlist li a:before{
position:absolute;
top:50%;
left:-13px;
display:block;
content:'-';
line-height:0;
}
#ftrConts .ftrlist li.bigCat a:before{
display:none;
}
#ftrConts .ftrBlock01{
float:left;
width:650px;
margin-right:25px;
}
#ftrConts .ftrBlock01 .inBlock > ul{
float:left;
}
#ftrConts .ftrBlock01 .inBlock > ul + ul{
margin-left:40px;
}
#ftrConts .ftrBlock02{
float:left;
width:275px;
}
#ftrConts .ftrBlock02 .ftrlist + .ftrlist{
margin-top:35px;
}
#ftrConts .ftrBlock02 li{
padding-left:0;
}
#ftrConts .ftrBlock02 li a:before{
display:none;
}
#ftrConts .ftrBlock03{
float:right;
}
#ftrConts .ftrBlock03 li.bigCat{
font-weight:normal !important;
}
#ftrConts .ftrBlock03 .ftrSns{
margin-left:0;
}
#ftrConts .ftrSns{
margin:20px 0 0 15px;
}
#ftrConts .ftrSns .snsTtl{
margin-bottom:5px;
font-size:18px;
font-weight:normal;
line-height:1.3;
}
#ftrConts .ftrSns li{
margin-right:20px;
display:inline-block;
vertical-align:bottom;
}
#fNav{
padding:15px 0;
line-height:1;
border-top:#9e9e9e solid 1px;
}
#fNav .wrap{
display:table;
}
#fNav ul{
display:table-cell;
text-align:left;
}
#fNav li{
display:inline-block;
padding-right:15px;
margin-right:15px;
line-height:1;
border-right:#9e9e9e solid 1px;
font-size:12px;
}
#fNav li:last-child{
border:none;
padding:0;
margin:0;
}
#fNav li a{
display:block;
}
#fNav li a:hover{
text-decoration:underline;
}
#fNav #copyright{
display:table-cell;
text-align:right;
font-size:12px;
line-height:1;
letter-spacing:0.5px;
}
#fNavSP.sp{
display:none;
}
.fPop{
position:fixed;
bottom:0;
left:50%;
margin-left:-2000px;
}
.fPop.off{
display:none !important;
}
.fPop.nav2{
left:0;
margin-left:0;
padding:10px 0;
background:url(../imgs/bg-ovnav2.png) repeat left top;
width:100%;
}
.fPop.nav2 ul{
width:1100px;
margin:0 auto;
position:relative;
}
.fPop .close{
position:absolute;
top:0;
right:45px;
display:block;
width:45px;
height:45px;
text-indent:-9999em;
overflow:hidden;
cursor:pointer;
background:url(../imgs/close.png) no-repeat center center;
}
.fPop.nav2 ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.fPop.nav2 ul li{
float:left;
margin-right:20px;
line-height:1;
}
.fPop.nav2 ul li a{
position:relative;
display:block;
padding-left:17px;
color:#fff;
line-height:1.3;
text-decoration:none;
}
.fPop.nav2 ul li a:after{
position:absolute;
top:50%;
left:0;
display:block;
content:'';
width:5px;
height:9px;
margin-top:-5px;
background:url(../imgs/arw-03.png) no-repeat left top;
}
.fPop.nav3{
left:0;
margin-left:0;
padding:10px 0;
background:url(../imgs/bg-ovnav2.png) repeat left top;
width:100%;
}
.fPop.nav3 ul{
width:1100px;
margin:0 auto;
position:relative;
box-sizing:border-box;
}
.fPop.nav3 ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.fPop.nav3 ul li{
float:left;
margin-right:14px;
line-height:1;
position:relative;
}
.fPop.nav3 ul li a{
position:relative;
display:block;
color:#f9f9f9;
text-decoration:none;
padding:5px 10px 5px 40px;
line-height:16px;
}
.fPop.nav3 ul li.tel{
color:#f9f9f9;
vertical-align:top;
padding-left:25px;
margin:0;
}
.fPop.nav3 ul li.tel span{
display:inline-block;
text-align:center;
line-height:24px;
margin-right:10px;
vertical-align:top;
font-size:12px;
}
.fPop.nav3 ul li.tel .ttl2{
line-height:1.2;
margin-top:0;
margin-right:5px;
}
.fPop.nav3 ul li.tel strong{
display:inline-block;
font-weight:normal;
text-align:center;
font-size:24px;
line-height:24px;
font-family:Oswald, sans-serif;
vertical-align:top;
letter-spacing:0.04em;
}
.fPop.nav3 ul li.tel strong.tel2{
line-height:28px;
}
.fPop.nav3 ul li.tel:after{
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/fnav_5.png) no-repeat left;
background-size:100%;
position:absolute;
left:0;
top:50%;
margin-top:-10px;
}
.fPop.nav3 ul li.nav1{
box-sizing:border-box;
}
.fPop.nav3 ul li.nav1:after{
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/fnav_1.png) no-repeat left;
background-size:100%;
position:absolute;
left:10px;
top:50%;
margin-top:-10px;
}
.fPop.nav3 ul li.nav2{
box-sizing:border-box;
}
.fPop.nav3 ul li.nav2:after{
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/fnav_2.png) no-repeat left;
background-size:100%;
position:absolute;
left:10px;
top:50%;
margin-top:-10px;
}
.fPop.nav3 ul li.nav3{
box-sizing:border-box;
}
.fPop.nav3 ul li.nav3:after{
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/fnav_3.png) no-repeat left;
background-size:100%;
position:absolute;
left:10px;
top:50%;
margin-top:-10px;
}
.fPop.nav3 ul li.nav4{
box-sizing:border-box;
}
.fPop.nav3 ul li.nav4:after{
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/fnav_4.png) no-repeat left;
background-size:100%;
position:absolute;
left:10px;
top:50%;
margin-top:-10px;
}
.fPop.nav3 ul li.nav7{
box-sizing:border-box;
}
.fPop.nav3 ul li.nav7:after{
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/fnav_7.png) no-repeat left;
background-size:100%;
position:absolute;
left:10px;
top:50%;
margin-top:-10px;
}
.fPop.nav3 ul li.nav6{
box-sizing:border-box;
}
.fPop.nav3 ul li.nav6:after{
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/fnav_6.png) no-repeat left;
background-size:100%;
position:absolute;
left:10px;
top:50%;
margin-top:-10px;
}
.fPop.nav3 ul li.nav8{
box-sizing:border-box;
}
.fPop.nav3 ul li.nav8:after{
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/fnav_8.png) no-repeat left;
background-size:100%;
position:absolute;
left:10px;
top:50%;
margin-top:-10px;
}
.fPop.nav3 .popBtt{
display:block;
position:absolute;
top:0;
right:0;
}
#container{
position:relative;
}
.section img{
max-width:100%;
height:auto;
}
#breadcrumb{
margin:20px 0;
font-size:12px;
letter-spacing:0.6px;
zoom:1;
}
#breadcrumb:after{
display:block;
clear:both;
height:0;
content:'';
}
#breadcrumb li{
position:relative;
float:left;
margin-right:5px;
}
#breadcrumb li:first-child{
font-weight:bold;
}
#breadcrumb li + li{
padding-left:17px;
}
#breadcrumb li + li:after{
position:absolute;
top:7px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:5px;
height:5px;
border-top:1px solid #4b4b4b;
border-right:1px solid #4b4b4b;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#breadcrumb li a{
display:block;
color:#4b4b4b;
text-decoration:none;
}
#breadcrumb li a:hover{
color:#dd2e1e;
}
.pageTtl{
margin-bottom:25px;
font-size:28px;
font-weight:bold;
letter-spacing:0.6px;
line-height:1.3;
position:relative;
}
.pageTtl2{
margin-bottom:25px;
font-size:28px;
font-weight:bold;
letter-spacing:0.6px;
line-height:1;
border-bottom:#cacaca solid 1px;
padding-bottom:10px;
}
.pageTtl3{
margin-bottom:15px;
margin-left:20px;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
line-height:1;
}
.topicsTtl{
position:relative;
font-weight:bold;
margin-bottom:20px;
padding-bottom:10px;
font-size:24px;
line-height:1;
border-bottom:#cacaca solid 1px;
}
.topicsTtl.mt0{
padding-top:0;
}
.topicsTtl span{
display:block;
font-weight:bold;
font-size:16px;
color:#dd2e1e;
margin-bottom:10px;
}
.topicsTtl a{
font-size:14px;
font-weight:normal;
position:absolute;
right:0;
top:5px;
}
.topicsTtl a.ttlLink{
font-size:24px;
font-weight:bold;
position:relative;
right:auto;
top:auto;
text-decoration:none;
}
.topicsTtl .arrRed{
position:absolute;
top:5px;
right:0;
font-size:15px;
font-weight:normal;
}
.subTtl{
font-size:20px;
font-weight:bold;
line-height:1;
position:relative;
border-left:2px solid #dd2e1e;
margin-bottom:10px;
padding:3px 0 0 10px;
}
.subTtl.tp02{
padding:0 0 10px 0;
border-left:none;
border-bottom:#cacaca solid 1px;
padding:0 0 5px 0;
}
.subTtl.tp03{
padding:0 0 10px 15px;
border-left:none;
position:relative;
border-bottom:#cacaca solid 1px;
}
.subTtl.tp03:after{
display:block;
width:2px;
height:20px;
background:#dd2e1e;
content:"";
position:absolute;
left:0;
top:0;
}
.ancList{
margin-bottom:25px;
padding:20px 30px;
background:#e3e3e3;
border-radius:10px;
}
.ancList:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.ancList li{
float:left;
margin-right:50px;
font-weight:bold;
line-height:1;
}
.ancList li a{
position:relative;
padding-right:23px;
display:block;
color:#4b4b4b;
font-size:16px;
text-decoration:none;
letter-spacing:0.6px;
}
.ancList li a:before{
position:absolute;
top:0;
right:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
transform:rotate(135deg);
}
.ancList li a:hover{
color:#dd2e1e;
}
.ancList li a:hover:before{
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
}
.pageTxt{
font-size:18px;
margin-bottom:30px;
}
.mainTxt{
font-size:16px;
}
.topicsTxt{
margin:0 0 20px;
}
.bigTxt{
font-size:18px;
}
.bigTxt2{
font-size:24px;
font-weight:bold;
text-align:center;
}
.columnList ul{
margin-left:-20px;
}
.columnList ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.columnList ul li{
word-break:break-word;
margin:30px 0 0;
letter-spacing:0.8px;
box-sizing:border-box;
float:left;
padding-left:20px;
position:relative;
}
.columnList ul li a{
text-decoration:none;
display:block;
width:100%;
}
.columnList ul li a:hover .ttl1{
text-decoration:underline;
}
.columnList ul.mt0 li{
margin-top:0;
}
.columnList ul.at li{
margin-top:10px;
}
.columnList ul li figure{
padding-bottom:10px;
/*display:block;*/
display:table-cell;
width:100%;
height:auto;
text-align:center;
vertical-align:middle;
}
.columnList.bgcNon ul li figure{
background:none;
}
.columnList ul li figure img{
width:auto;
height:auto;
vertical-align:middle;
}
.columnList.iconImgs ul li figure{
position:relative;
width:230px;
height:140px;
}
.columnList.iconImgs ul li figure img{
/*position:absolute;*/
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
max-width:140px;
max-height:85px;
}
.columnList ul li .ttl1{
position:relative;
display:block;
margin:0 0 5px 0;
color:#4b4b4b;
font-size:18px;
font-weight:bold;
text-decoration:none;
padding-left:15px;
}
.columnList ul li .ttl1:before{
position:absolute;
top:10px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
transform:rotate(45deg);
}
.columnList ul li .ttl1:hover{
text-decoration:underline;
}
.columnList ul li .ttl1.disabled:before{
content:none;
}
.columnList ul li .ttl1.disabled:hover{
text-decoration:none;
}
.columnList ul li .ttl1 small{
font-size:18px;
}
.columnList ul li .ttl2{
letter-spacing:-0.01em;
position:relative;
display:block;
margin:0 0 5px 0;
line-height:1.3;
color:#4b4b4b;
font-size:18px;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
.columnList ul li .ttl3{
font-weight:bold;
position:relative;
display:block;
padding-bottom:5px;
margin:0 0 10px 0;
color:#4b4b4b;
font-size:18px;
text-decoration:none;
line-height:1.47;
border-bottom:#cacaca solid 1px;
}
.columnList ul li .ttl4{
text-align:center;
position:relative;
display:block;
margin:0 0 5px 0;
color:#4b4b4b;
font-size:18px;
font-weight:normal;
text-decoration:none;
}
.columnList ul li .ttl5{
display:block;
margin-bottom:10px;
padding-left:15px;
font-size:16px;
font-weight:bold;
border-left:2px solid #dd2e1e;
}
.columnList ul li .ttl5 a{
text-decoration:none;
}
.columnList ul li .ttl5 a:hover{
text-decoration:underline;
}
.columnList ul li .ttl5 em{
display:block;
color:#dd2e1e;
font-weight:normal;
font-size:12px;
font-style:normal;
}
.columnList ul li .ttl5 em a{
display:inline-block;
padding:2px 4px 1px 15px;
position:relative;
color:#dd2e1e;
border:1px solid #dd2e1e;
line-height:1;
}
.columnList ul li .ttl5 em a:before{
position:absolute;
top:5px;
left:3px;
margin:auto;
content:"";
vertical-align:middle;
width:4px;
height:4px;
border-top:1px solid #dd2e1e;
border-right:1px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.columnList ul li .ttl5 em a:hover{
text-decoration:none;
}
.columnList ul li .ttl6{
display:block;
margin-bottom:10px;
font-size:16px;
font-weight:bold;
}
.columnList ul li .ttl6 a{
text-decoration:none;
}
.columnList ul li .ttl6 a:hover{
text-decoration:underline;
}
.columnList ul li .ttl6 em{
display:block;
color:#dd2e1e;
font-weight:normal;
font-size:12px;
font-style:normal;
text-decoration:underline;
}
.columnList ul li .noNew{
padding-top:30px;
}
.columnList ul li .double{
padding-top:26px;
}
.columnList ul li .new.double{
margin-top:26px;
}
.columnList ul li .noNew.double{
padding-top:56px;
}
.columnList ul li .noNew.doubleTtl{
padding-top:54px;
}
.columnList ul li .txt1{
display:block;
padding-left:15px;
font-size:14px;
}
.columnList ul li .txt2{
display:block;
font-size:14px;
}
.columnList ul li .txt3{
display:block;
font-size:14px;
}
.columnList ul li .txt4{
display:block;
font-size:13px;
}
.columnList ul li strong{
margin-bottom:10px;
display:block;
}
.columnList ul li .new{
display:inline-block;
padding:5px 10px 3px;
background:#dd2e1e;
color:#fff;
font-size:12px;
line-height:1;
margin-bottom:10px;
}
.columnList ul li .link{
position:relative;
display:block;
font-size:14px;
margin:20px 0 0;
padding-left:15px;
color:#4b4b4b;
font-size:16px;
text-decoration:none;
}
.columnList ul li .link:hover{
text-decoration:underline;
}
.columnList ul li .link:before{
position:absolute;
top:6px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:5px;
height:5px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.columnList ul.at li .link{
margin-top:10px;
}
.columnList ul li .link2{
position:relative;
display:block;
font-size:14px;
margin:0;
padding-left:15px;
color:#4b4b4b;
font-size:16px;
text-decoration:none;
}
.columnList ul li .link2:hover{
text-decoration:underline;
}
.columnList ul li .link2:before{
position:absolute;
top:6px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:5px;
height:5px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.columnList ul li .btn{
border:2px solid #dd2e1e;
display:block;
margin-top:10px;
text-align:center;
text-decoration:none;
color:#dd2e1e;
font-size:14px;
line-height:1;
padding:10px 10px 10px 20px;
}
.columnList ul li .btn span{
position:relative;
}
.columnList ul li .btn span:before, .columnList ul li .btn span:after{
position:absolute;
top:0;
bottom:0;
left:-20px;
margin:auto;
content:"";
vertical-align:middle;
}
.columnList ul li .btn span:before{
width:12px;
height:12px;
border-radius:50%;
background:#dd2e1e;
}
.columnList ul li .btn span:after{
left:-15px;
box-sizing:border-box;
width:3px;
height:3px;
border:3px solid transparent;
border-left:3px solid #fff;
}
.columnList ul li .btn:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
.columnList ul li .btn2{
margin-top:10px;
font-size:14px;
width:100%;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #9e9e9e 0, #666666 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#9e9e9e', endcolorstr='#666666', gradienttype=0);
text-align:center;
line-height:1;
padding:12px 0 10px;
text-decoration:none;
color:#4b4b4b;
display:block;
}
.columnList ul li .btn2 span{
color:#fff;
position:relative;
display:inline-block;
padding-left:17px;
}
.columnList ul li .btn2 span:after{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.columnList ul li .btn2:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
.columnList ul li .btn3{
position:relative;
display:block;
text-decoration:none;
margin-top:10px;
background:#f2f2f2;
font-size:12px;
padding:15px 30px 15px 15px;
}
.columnList ul li .btn3:after{
display:block;
content:"";
margin-top:-4px;
position:absolute;
top:50%;
right:15px;
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.columnList ul li .btn3:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
.columnList ul .bgGray{
min-height:400px !important;
}
.columnList ul .bgGray:before{
display:block;
position:absolute;
top:0;
right:0;
z-index:-1;
content:"";
background:#f3f3f3;
width:260px;
height:100%;
}
.columnList ul .bgGray .inner{
display:block;
padding:0 15px 50px;
}
.columnList ul .boxLink{
display:block;
text-decoration:none;
color:#4b4b4b;
}
.columnList ul .boxLink:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
.columnList ul .boxlink{
display:block;
text-decoration:none;
color:#4b4b4b;
}
.columnList ul .boxlink:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
.columnList ul .bgGray .link{
position:absolute;
bottom:10px;
left:auto;
}
.columnList.list1 ul li{
width:100%;
}
.columnList.list1 ul li:first-child{
margin:0 !important;
}
.columnList.list2 ul li{
width:50%;
}
.columnList.list2 ul li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.columnList.list2 ul li .boxL{
width:260px;
float:left;
}
.columnList.list2 ul li .boxR{
width:260px;
float:right;
}
.columnList.list2 ul li:nth-child(-n +2){
margin:0 !important;
}
.columnList.list2.minMargin li{
margin-top:0;
}
.columnList.list3 ul{
}
.columnList.list3 ul li{
width:33.3333%;
}
.columnList.list3 ul li:nth-child(-n +3){
margin:0 !important;
}
.columnList.list4 ul li{
width:25%;
}
.columnList.list4 ul li:nth-child(-n +4){
margin:0 !important;
}
.columnList.list4.handy4 ul{
margin-left:-40px !important;
}
.columnList.list4.handy4 ul li{
padding-left:40px !important;
}
.columnList.list5 ul{
margin-left:-10px;
}
.columnList.list5 ul li{
width:20%;
padding-left:10px;
}
.columnList.list5 ul li a{
display:block;
}
.columnList.list5 ul li:nth-child(-n +5){
margin:0 !important;
}
.columnList.list5 ul .bgGray:before{
width:212px;
}
.columnList.list6 ul{
margin-left:-10px;
}
.columnList.list6 ul li{
width:16.6%;
padding-left:10px;
}
.columnList.list6 ul li:nth-child(-n +6){
margin:0 !important;
}
.repairList .columnList ul{
width:50%;
float:left;
}
.repairList .columnList ul li{
width:100% !important;
float:none;
margin-top:0;
}
.columnList.carousel{
position:relative;
}
.columnList.carousel ul{
margin-left:0;
}
.columnList.carousel ul li{
padding-left:0;
margin:0 20px 0 0 !important;
}
.columnList.carousel.list4 ul li:nth-child(n +4){
margin:0 20px 0 0 !important;
}
.columnList.carousel.list5 ul .bgGray:before{
width:204px;
}
.columnList.carousel .bx-controls-direction a{
text-indent:-9999em;
overflow:hidden;
position:absolute;
top:50%;
margin-top:-20px;
display:block;
width:40px;
height:40px;
text-decoration:none;
}
.columnList.carousel.arwpos01 .bx-controls-direction a{
margin-top:-30px;
}
.columnList.carousel .bx-controls-direction a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.columnList.carousel .bx-controls-direction a.bx-prev{
left:-50px;
}
.columnList.carousel .bx-controls-direction a.bx-prev:before{
position:absolute;
top:12px;
left:15px;
margin:auto;
content:"";
vertical-align:middle;
width:20px;
height:20px;
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
-ms-transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-o-transform:rotate(225deg);
transform:rotate(225deg);
}
.columnList.carousel .bx-controls-direction a.bx-next{
right:-50px;
}
.columnList.carousel .bx-controls-direction a.bx-next:before{
position:absolute;
top:12px;
right:15px;
margin:auto;
content:"";
vertical-align:middle;
width:20px;
height:20px;
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.column2Box:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.column2Box .list2L{
width:540px;
float:left;
padding:0 40px 0 0;
box-sizing:border-box;
}
.column2Box .list2R{
width:540px;
float:right;
padding:0 0 0 40px;
box-sizing:border-box;
}
.column2Box .list2L .bx-controls-direction a.bx-prev{
left:-50px;
}
.column2Box .list2R .bx-controls-direction a.bx-prev{
left:-10px;
}
.column2Box .list2L .bx-controls-direction a.bx-prev:before, .column2Box .list2R .bx-controls-direction a.bx-prev:before{
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
}
.column2Box .list2L .bx-controls-direction a.bx-next:before, .column2Box .list2R .bx-controls-direction a.bx-next:before{
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
}
.column2Box .list2L .bx-controls-direction a.bx-next{
right:-10px;
}
.column2Box .list2R .bx-controls-direction a.bx-next{
right:-50px;
}
.column2Box .list2L .bx-wrapper, .column2Box .list2R .bx-wrapper{
position:relative;
}
.column2Box .list2L .bx-controls, .column2Box .list2R .bx-controls{
width:100%;
height:0;
position:absolute;
left:0;
top:0;
}
.column2Box .carouselList.list2L .bx-controls-direction a, .column2Box .carouselList.list2R .bx-controls-direction a{
top:80px;
}
.column2Box .carouselList.list2L .bx-controls-direction a.bx-prev, .column2Box .carouselList.list2R .bx-controls-direction a.bx-prev{
left:-50px;
}
.column2Box .carouselList.list2L .bx-controls-direction a.bx-next, .column2Box .carouselList.list2R .bx-controls-direction a.bx-next{
right:-50px;
}
.column2Box .carouselList.list2L ul li{
max-width:240px;
}
.column2Box .carouselList.list2L ul li:first-child{
margin-right:20px;
}
.column2Box .carouselList.list2R ul li{
max-width:240px;
}
.column2Box .carouselList.list2R ul li:first-child{
margin-right:20px;
}

.listStyle01 ul, .listStyle01 ol{
margin-left:1em;
}
.listStyle01 ul.disc li{
list-style:disc outside;
}
.listStyle01 ol.decimal li{
list-style:decimal outside;
}
.tabArea{
position:relative;
}
.tabArea.csr:before{
top:42px;
}
.tabArea:before{
display:block;
content:"";
width:100%;
height:1px;
position:absolute;
left:0;
top:38px;
background:#cacaca;
}
.tabArea.noLine:before{
content:none;
}
.tabArea .tabList{
position:relative;
display:table;
border-collapse:separate;
border-spacing:1px 0;
height:1px;
}
.tabArea .tabList.tworow_tab.tab5{
top:-18px;
}
.tabArea .tabList.full{
width:100%;
table-layout:fixed;
}
.tabArea .tabList > li{
cursor:pointer;
display:table-cell;
padding:10px 0;
font-size:18px;
color:#4b4b4b;
text-align:center;
background:#cacaca;
letter-spacing:1.2px;
position:relative;
box-sizing:border-box;
border-top:#cacaca solid 1px;
border-left:#cacaca solid 1px;
border-right:#cacaca solid 1px;
line-height:1;
margin-right:1px;
}
.tabArea .tabList > li.select{
background:#eeeeee;
background:linear-gradient(to bottom, #e3e3e3 0, #fff 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#fff', gradienttype=0);
}
.tabArea .tabList.tab3 > li{
width:367px;
}
.tabArea .tabList.tab4 > li{
width:274px;
Padding:10px 10px
}
.tabArea .tabList.tab5 > li{
width:220px;
}
.tabArea .tabList.tab6 > li{
width:182px;
}
.tabArea .tabList.tab6 > li:last-child{
width:184px;
}
.tabArea .tabContents{
margin-top:40px;
}
.tabArea .tabContents section.disnon{
display:none;
}
.tabArea .btn{
position:absolute;
top:15px;
right:0;
font-size:14px;
}
.tabArea .btn a{
display:block;
padding-left:17px;
color:#4b4b4b;
text-decoration:none;
line-height:1;
position:relative;
}
.tabArea .btn a:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.tabArea .btn a:hover{
text-decoration:underline;
}
.tabArea .search{
position:absolute;
top:0;
right:0;
}
.tabArea .search:before{
position:absolute;
left:-30px;
top:50%;
margin-top:-10px;
display:block;
content:"";
width:20px;
height:20px;
background:url(../imgs/icon-lens.png) no-repeat;
}
.tabArea .search:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.tabArea .search input[type="text"]{
display:block;
float:left;
background:#fff;
width:300px;
font-size:12px;
padding:5px 10px;
border:1px solid #9e9e9e;
box-sizing:border-box;
height:30px;
/*line-height:30px;*/
}
.tabArea .search input[type="submit"]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
display:block;
float:left;
background:#9e9e9e;
padding:0;
height:30px;
line-height:30px;
padding:0 20px;
font-size:12px;
border:none;
color:#fff;
border:1px solid #9e9e9e;
}
.tabArea .tabList.full.tabnum1{
width:25%;
}
.tabArea .tabList.full.tabnum2{
width:50%;
}
.tabArea .tabList.full.tabnum3{
width:75%;
}
.tabArea .tabList.full.tabnumL{
width:100%;
}
.tabArea .widthTab{
width:1100px;
margin:auto;
}
.grayWrap .grayWrapInner .widthTab .tabList{
margin:30px 0;
}
.newsList{
margin-top:-20px;
}
.newsList li a{
display:table;
width:100%;
padding:11px 0;
color:#4b4b4b;
text-decoration:none;
border-bottom:#cacaca solid 1px;
}
.newsList li a:hover span.text{
text-decoration:underline;
}
.newsList li a span{
box-sizing:border-box;
display:table-cell;
vertical-align:top;
}
.newsList li a span.date{
width:100px;
padding-top:4px;
font-size:14px;
}
.newsList li a span.cat{
font-size:14px;
color:#4b4b4b;
width:175px;
border-right:20px solid #fff;
}
.newsList li a span.cat span{
display:block;
padding:5px 0 3px;
background:#cacaca;
text-align:center;
font-size:12px;
}
.newsList li a span.text{
padding:2px 0px 0px 10px;
}
.contactBox ul{
text-align:center;
letter-spacing:-4px;
}
.contactBox ul li{
vertical-align:top;
display:inline-block;
letter-spacing:normal;
margin-left:20px;
width:260px;
background:#f9f9f9;
text-align:center;
padding:15px 0;
}
.contactBox ul li:first-child{
margin-left:0;
}
.contactBox ul li figure{
display:block;
width:90px;
margin:0 auto 20px;
}
.contactBox ul li figure img{
height:90px;
width:auto;
}
.contactBox ul li a{
display:inline-block;
line-height:1;
position:relative;
padding-left:17px;
margin-left:-17px;
text-decoration:none;
color:#4b4b4b;
}
.contactBox ul li a:hover{
text-decoration:underline;
}
.contactBox ul li a:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox ul li .linkS{
display:block;
padding:0 0 0 65px;
}
.contactBox ul li .linkS a{
text-align:left;
display:block;
margin-top:10px;
font-size:12px;
padding-left:12px;
}
.contactBox ul li .linkS a:before{
width:5px;
height:5px;
}
.contactBox ul li .txt{
display:block;
padding:0 20px;
margin-top:10px;
text-align:left;
}
.contactBox .tel{
position:relative;
background:#f9f9f9;
width:100%;
height:100px;
margin-top:20px;
}
.contactBox .tel .ttl{
position:absolute;
left:20px;
top:20px;
font-size:18px;
line-height:1;
display:block;
}
.contactBox .tel .telIcon{
display:inline-block;
position:absolute;
top:50%;
left:50%;
margin:-30px 0 0 -130px;
padding-left:70px;
font-family:Oswald, sans-serif;
font-weight:400;
font-size:36px;
line-height:1;
}
.contactBox .tel .telIcon:after{
display:block;
content:"";
width:63px;
height:35px;
position:absolute;
left:0;
top:0;
background:url(../imgs/icon/freedial.png) no-repeat;
background-size:100%;
}
.contactBox .tel .txt{
position:absolute;
bottom:20px;
left:0;
font-size:12px;
line-height:1;
display:block;
width:100%;
text-align:center;
}
.contactBox ul.robotList li{
font-size:15px;
padding:20px 0;
}
.contactBox ul.robotList li a{
text-align:left;
line-height:1.3;
}
.contactBox ul.robotList li a:before{
position:absolute;
top:5px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:4px;
height:4px;
border-top:2px solid #EA2E10;
border-right:2px solid #EA2E10;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox.link ul a{
margin-left:18px;
display:inline-block;
vertical-align:top;
}
.contactBox.link ul a:first-child{
margin-left:0;
}
.contactBox.link ul li .ttl1{
display:inline-block;
text-align:left;
position:relative;
margin:0 0 5px 0;
color:#4b4b4b;
text-decoration:none;
padding-left:15px;
}
.contactBox.link ul li .ttl1:before{
position:absolute;
top:7px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox.link ul a:hover .ttl1{
text-decoration:underline;
}
.contactBox2 ul{
text-align:left;
letter-spacing:-4px;
margin-left:-20px;
}
.contactBox2 ul li{
vertical-align:top;
display:inline-block;
letter-spacing:normal;
margin:20px 0 0 20px;
width:351px;
border:1px solid #cacaca;
text-align:center;
position:relative;
border-radius:10px;
}
.contactBox2 ul li:nth-child(1), .contactBox2 ul li:nth-child(2), .contactBox2 ul li:nth-child(3){
margin-top:0;
}
.contactBox2 ul li .box{
padding:30px;
display:block;
}
.contactBox2 ul li figure{
display:block;
margin:0 auto 20px;
}
.contactBox2 ul li .ttl{
display:block;
text-align:center;
font-size:18px;
border-bottom:1px solid #cacaca;
line-height:1;
padding:15px 0;
}
.contactBox2 ul li .txt{
display:block;
padding:0;
margin-top:10px;
text-align:left;
}
.contactBox2 ul li .txt2{
display:table;
font-size:14px;
width:100%;
border-top:1px dashed #cacaca;
padding-top:15px;
margin-top:15px;
}
.contactBox2 ul li .txt2.noLine{
border:none;
padding:0;
}
.contactBox2 ul li .txt2 em{
font-style:normal;
display:table-cell;
width:50%;
vertical-align:top;
text-align:left;
}
.contactBox2 ul li .txt a{
color:#4b4b4b;
text-decoration:underline;
}
.contactBox2 ul li .caption{
font-size:12px;
}
.contactBox2 ul li .btn{
width:100%;
font-size:14px;
margin:15px auto 0;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #9e9e9e 0, #666666 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#9e9e9e', endcolorstr='#666666', gradienttype=0);
text-align:center;
line-height:1;
padding:12px 0 10px;
text-decoration:none;
color:#4b4b4b;
display:block;
}
.contactBox2 ul li .btn span{
color:#fff;
position:relative;
display:inline-block;
padding-left:17px;
}
.contactBox2 ul li .btn span:after{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox2 ul li .btn:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.contactBox2 ul li .tel{
border:1px solid #cacaca;
position:relative;
display:block;
font-weight:bold;
margin:10px auto 0;
padding:15px 15px 15px 50px;
letter-spacing:0.01em;
font-size:26px;
line-height:1;
}
.contactBox2 ul li .tel:after{
display:block;
content:"";
width:25px;
height:25px;
position:absolute;
left:25px;
top:50%;
margin-top:-13px;
background:url(../imgs/icon/telephone2.png) no-repeat;
background-size:100%;
}
.contactBox2 ul li .telFree{
text-align:left;
display:block;
position:relative;
width:195px;
margin:10px auto 10px;
padding-left:70px;
font-family:Oswald, sans-serif;
font-weight:400;
font-size:36px;
line-height:1;
}
.contactBox2 ul li .telFree:after{
display:block;
content:"";
width:63px;
height:35px;
position:absolute;
left:0;
top:0;
background:url(../imgs/icon/freedial.png) no-repeat;
background-size:100%;
}
.contactBox2 ul li .linkList{
display:block;
text-align:left;
padding:0 0 0 15px;
}
.contactBox2 ul li .linkList a{
display:inline-block;
line-height:1;
position:relative;
padding-left:17px;
margin:10px 0 0 -17px;
text-decoration:none;
color:#4b4b4b;
}
.contactBox2 ul li .linkList a:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox2 ul li .linkList .txt{
margin:0;
padding:0;
}
.contactBox2 ul li .btnBtm2{
display:block;
width:100%;
position:absolute;
left:0;
bottom:60px;
}
.contactBox2 ul li .btnBtm{
display:block;
width:100%;
position:absolute;
left:0;
bottom:30px;
}
.contactBox2 ul li .btn.btnBtm{
width:280px;
left:50%;
margin-left:-140px;
}
.contactBox2 ul li.boxLink{
cursor:pointer;
}
.contactBox2 ul li.boxLink span a{
text-decoration:none;
position:relative;
padding-left:20px;
}
.contactBox2 ul li.boxLink span a:before{
position:absolute;
top:8px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox2 ul li.boxLink:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.contactBox2.coulmn4 ul{
margin-left:-20px;
}
.contactBox2.coulmn4 ul li{
width:258px;
margin-top:0 !important;
}
.contactBox2.coulmn4 ul li .btn{
width:200px;
}
.contactBox2.coulmn4 ul li .ttl{
font-size:15px;
}
.contactBox2.coulmn4 ul li.boxLink span a:before{
top:6px;
}
.contactBox2 ul li .list01{
display:block;
text-align:left;
padding:0 0 0 15px;
}
.contactBox2 ul li .list01 .arrow01{
display:inline-block;
line-height:1;
position:relative;
padding-left:17px;
margin:10px 0 0 -17px;
}
.contactBox2 ul li .list01 .arrow01:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox2 ul li .list01 .txt{
margin:0;
padding:0;
}
.contactBox3 ul{
text-align:left;
letter-spacing:-4px;
border-bottom:1px solid #cacaca;
padding-bottom:25px;
}
.contactBox3 ul:last-child{
border-bottom:0;
padding-bottom:0;
}
.contactBox3 ul li{
vertical-align:top;
display:inline-block;
letter-spacing:normal;
margin:20px 0 0;
width:340px;
text-align:center;
position:relative;
}
.contactBox3 ul li:nth-child(1){
margin-top:0;
margin-left:0 !important;
}
.contactBox3 ul li:nth-child(2){
margin:0 15px;
padding:0 15px;
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
width:338px;
}
.contactBox3 ul li:nth-child(3){
margin-top:0;
}
.contactBox3 ul li .box{
display:block;
position:relative;
}
.contactBox3 ul li figure{
position:absolute;
left:0;
top:0;
display:table-cell;
width:45px;
height:45px;
text-align:center;
vertical-align:middle;
}
.contactBox3 ul li:nth-child(2) figure{
left:20px;
}
.contactBox3 ul li figure img{
width:auto;
height:auto;
max-width:45px;
max-height:45px;
vertical-align:middle;
}
.contactBox3 ul li .ttl{
display:block;
font-weight:bold;
text-align:left;
font-size:18px;
border-bottom:1px solid #cacaca;
line-height:1;
padding:15px 0 20px 60px;
}
.contactBox3 ul li .txt{
display:block;
padding:0;
margin-top:10px;
text-align:left;
}
.contactBox3 ul li .txt2{
display:table;
font-size:14px;
width:100%;
text-align:left;
border-top:1px dashed #cacaca;
padding-top:15px;
margin-top:15px;
}
.contactBox3 ul li .txt2.noLine{
border:none;
padding:0;
}
.contactBox3 ul li .txt2 em{
font-style:normal;
display:table-cell;
width:50%;
vertical-align:top;
text-align:left;
}
.contactBox3 ul li .txt a{
color:#4b4b4b;
text-decoration:underline;
}
.contactBox3 ul li .caption{
font-size:12px;
}
.contactBox3 ul li .btn{
width:100%;
font-size:14px;
margin:15px auto 0;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #9e9e9e 0, #666666 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#9e9e9e', endcolorstr='#666666', gradienttype=0);
text-align:center;
line-height:1;
padding:12px 0 10px;
text-decoration:none;
color:#4b4b4b;
display:block;
}
.contactBox3 ul li .btn span{
color:#fff;
position:relative;
display:inline-block;
padding-left:17px;
}
.contactBox3 ul li .btn span:after{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox3 ul li .btn:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.contactBox3 ul li .tel{
border:1px solid #cacaca;
position:relative;
display:block;
font-weight:bold;
margin:10px auto 0;
padding:15px 15px 15px 55px;
letter-spacing:0.01em;
font-size:26px;
line-height:1;
text-align:left;
}
.contactBox3 ul li .tel:after{
display:block;
content:"";
width:25px;
height:25px;
position:absolute;
left:25px;
top:17px;
background:url(../imgs/icon/telephone2.png) no-repeat;
background-size:100%;
}
.contactBox3 ul li .telFree{
text-align:left;
display:block;
position:relative;
width:195px;
margin:10px auto 10px;
padding-left:70px;
font-family:Oswald, sans-serif;
font-weight:400;
font-size:36px;
line-height:1;
}
.contactBox3 ul li .telFree:after{
display:block;
content:"";
width:63px;
height:35px;
position:absolute;
left:0;
top:0;
background:url(../imgs/icon/freedial.png) no-repeat;
background-size:100%;
}
.contactBox3 ul li .linkList{
display:block;
text-align:left;
padding:0 0 0 15px;
}
.contactBox3 ul li .linkList a{
display:inline-block;
line-height:1;
position:relative;
padding-left:17px;
margin:10px 0 0 -17px;
text-decoration:none;
color:#4b4b4b;
}
.contactBox3 ul li .linkList a:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox3 ul li .linkList .txt{
margin:0;
padding:0;
}
.contactBox3 ul li .btnBtm2{
display:block;
width:100%;
position:absolute;
left:0;
bottom:60px;
}
.contactBox3 ul li .btnBtm{
display:block;
width:100%;
position:absolute;
left:0;
bottom:30px;
}
.contactBox3 ul li .btn.btnBtm{
left:0;
margin-left:0;
bottom:0;
}
.contactBox3 ul li.boxLink{
cursor:pointer;
}
.contactBox3 ul li.boxLink span a{
text-decoration:none;
position:relative;
padding-left:20px;
}
.contactBox3 ul li.boxLink span a:before{
position:absolute;
top:8px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox3 ul li.boxLink:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.contactBox3.coulmn4 ul{
margin-left:-20px;
}
.contactBox3.coulmn4 ul li{
width:258px;
margin-top:0 !important;
}
.contactBox3.coulmn4 ul li .btn{
width:200px;
}
.contactBox3.coulmn4 ul li .ttl{
font-size:15px;
}
.contactBox3.coulmn4 ul li.boxLink span a:before{
top:6px;
}
.contactBox3 ul li .list01{
display:block;
text-align:left;
padding:0 0 0 15px;
}
.contactBox3 ul li .list01 .arrow01{
display:inline-block;
line-height:1;
position:relative;
padding-left:17px;
margin:10px 0 0 -17px;
}
.contactBox3 ul li .list01 .arrow01:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox3 ul li .list01 .txt{
margin:0;
padding:0;
}
.contactBox4{
padding:0 8px;
}
.contactBox4 ul{
padding-left:90px;
}
.contactBox4 li{
float:left;
margin-left:45px;
width:33.3333%;
}
.contactBox4 li:first-child{
margin-left:-90px;
}
.contactBox4 li a, .contactBox4 li span{
position:relative;
display:block;
padding:8px 0 0 70px;
text-decoration:none;
line-height:1;
font-weight:bold;
background-position:15px top;
background-repeat:no-repeat;
}
.contactBox4 li a:after{
position:absolute;
top:10px;
right:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBox4 li.icon01 a{
background-image:url(/ja/common/imgs/icon/bill.png);
}
.contactBox4 li.icon02 a{
background-image:url(/ja/common/imgs/icon/parson.png);
}
.contactBox4 li.icon03 span{
background-image:url(/ja/common/imgs/icon/telephone3.png);
}
.contactBox4 li span strong{
margin-top:10px;
display:block;
font-size:28px;
}
.contactBox4 li span strong em{
font-size:16px;
font-style:normal;
font-weight:normal;
}
.contactBox4 li a:hover{
text-decoration:underline;
}
.qbdirectBox:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.qbdirectBox .boxL{
float:left;
}
.qbdirectBox .boxR{
float:right;
}
.qbdirectBox .boxThree{
float:left;
width:32% !important;
margin-left:2% !important;
}
.qbdirectBox .boxThree:first-child{
margin-left:0 !important;
}
.qbdirectBox .box1{
background:#f9f9f9;
width:540px;
box-sizing:border-box;
padding:30px 80px;
}
.qbdirectBox .box1 ul{
padding-left:35px;
}
.qbdirectBox .box1 li{
margin-bottom:10px;
position:relative;
}
.qbdirectBox .box1 li span{
position:absolute;
left:-35px;
top:15px;
line-height:1;
display:block;
}
.qbdirectBox .box1 li input{
display:block;
box-sizing:border-box;
width:100%;
padding:7px 10px;
font-size:16px;
}
.qbdirectBox .box1 .link{
text-align:right;
font-size:12px;
margin-bottom:15px;
}
.qbdirectBox .box1 .link a{
text-decoration:none;
color:#4b4b4b;
position:relative;
display:inline-block;
padding-left:15px;
}
.qbdirectBox .box1 .link a:after{
position:absolute;
top:5px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:5px;
height:5px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.qbdirectBox .box1 .link a:hover{
text-decoration:underline;
}
.qbdirectBox .box1 .btn{
width:238px;
margin:0 auto;
position:relative;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #e3e3e3 0, #bcbcbc 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#bcbcbc', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#4b4b4b;
display:block;
}
.qbdirectBox .box1 .btn:after{
position:absolute;
top:50%;
left:80px;
margin:-3px 0 0;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #4b4b4b;
border-right:1px solid #4b4b4b;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.qbdirectBox .box1 .btn input{
cursor:pointer;
position:relative;
border:none;
background:none;
display:block;
padding:10px 0 10px 17px;
text-align:center;
line-height:1;
width:100%;
font-size:16px;
color:#4b4b4b;
}
.qbdirectBox .box1 .btn:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.qbdirectBox .box2{
background:#f9f9f9;
width:540px;
box-sizing:border-box;
padding:30px 40px;
}
.qbdirectBox .box2 .ttl{
font-size:18px;
margin-bottom:15px;
}
.qbdirectBox .box2 .txt{
margin-bottom:40px;
}
.qbdirectBox .box2 .btn a{
width:238px;
margin:0 auto;
border:1px solid #dd2e1e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#dd2e1e;
background:linear-gradient(to bottom, #dd2e1e 0, #c1291b 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#dd2e1e', endcolorstr='#c1291b', gradienttype=0);
text-align:center;
line-height:1;
padding:12px 0 10px;
text-decoration:none;
color:#fff;
display:block;
}
.qbdirectBox .box2 .btn span{
position:relative;
display:inline-block;
padding-left:17px;
color:#fff;
}
.qbdirectBox .box2 .btn span:after{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.qbdirectBox .box2 .btn a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.qbdirectBox .box3{
background:#f9f9f9;
width:540px;
box-sizing:border-box;
padding:80px 40px 0;
}
.qbdirectBox .box3 ul{
padding-left:50px;
}
.qbdirectBox .box3 li{
margin-bottom:15px;
position:relative;
}
.qbdirectBox .box3 li span{
position:absolute;
left:-50px;
top:15px;
line-height:1;
display:block;
}
.qbdirectBox .box3 li input{
display:block;
box-sizing:border-box;
width:100%;
padding:7px 10px;
font-size:16px;
}
.qbdirectBox .box3 .check{
color:#4b4b4b;
text-align:center;
margin-bottom:15px;
font-size:12px;
}
.qbdirectBox .box3 .check label{
cursor:pointer;
}
.qbdirectBox .box3 .check label:hover{
text-decoration:underline;
}
.qbdirectBox .box3 .check input[type="checkbox"]{
cursor:inherit;
}
.qbdirectBox .box3 .check input{
margin:0 5px 0 0;
}
.qbdirectBox .box3 .btn{
width:238px;
margin:0 auto;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #9e9e9e 0, #666666 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#9e9e9e', endcolorstr='#666666', gradienttype=0);
text-decoration:none;
color:#4b4b4b;
display:block;
position:relative;
}
.qbdirectBox .box3 .btn:after{
position:absolute;
top:50%;
left:80px;
margin:-3px 0 0;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.qbdirectBox .box3 .btn input{
cursor:pointer;
position:relative;
border:none;
background:none;
display:block;
padding:12px 0 10px 17px;
text-align:center;
line-height:1;
width:100%;
font-size:16px;
color:#fff;
}
.qbdirectBox .box3 .btn:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.qbdirectBox .box4{
width:540px;
box-sizing:border-box;
}
.qbdirectBox .box4 .inner{
background:#f9f9f9;
padding:30px 40px;
margin-top:15px;
}
.qbdirectBox .box4 .inner:first-child{
margin-top:0;
}
.qbdirectBox .box4 .ttl{
font-size:18px;
margin-bottom:15px;
}
.qbdirectBox .box4 .txt{
margin-bottom:15px;
}
.qbdirectBox .box4 .link{
}
.qbdirectBox .box4 .link li{
margin-top:5px;
}
.qbdirectBox .box4 .link li:first-child{
margin-top:0;
}
.qbdirectBox .box4 .link li a{
position:relative;
color:#4b4b4b;
text-decoration:none;
padding-left:17px;
}
.qbdirectBox .box4 .link li a:hover{
text-decoration:underline;
}
.qbdirectBox .box4 .link li a:before{
position:absolute;
top:7px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.qbdirectBox .box4 .btn a{
width:238px;
margin:0 auto;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #e3e3e3 0, #bcbcbc 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#bcbcbc', gradienttype=0);
text-align:center;
line-height:1;
padding:12px 0 10px;
text-decoration:none;
color:#4b4b4b;
display:block;
}
.qbdirectBox .box4 .btn span{
position:relative;
display:inline-block;
padding-left:17px;
}
.qbdirectBox .box4 .btn span:after{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.qbdirectBox .box4 .btn a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.waveBox:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.waveBox .boxL{
float:left;
width:530px;
}
.waveBox .boxR{
float:right;
width:530px;
}
.waveBox .txt{
margin-bottom:30px;
font-size:16px;
height:46px;
}
.waveBox .btn a{
font-size:20px;
width:100%;
margin:0 auto;
border:1px solid #cacaca;
background:#cacaca;
background:linear-gradient(to bottom, #fff 0, #cacaca 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#bcbcbc', gradienttype=0);
text-align:center;
line-height:1;
padding:20px 0 18px;
text-decoration:none;
color:#4b4b4b;
display:block;
}
.waveBox .btn span{
position:relative;
display:inline-block;
padding-left:20px;
}
.waveBox .btn span:after{
position:absolute;
top:5px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:8px;
height:8px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.waveBox .btn a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.slider{
position:relative;
}
.slider .bx-pager{
position:absolute;
bottom:-25px;
left:0;
width:100%;
text-align:center;
line-height:0;
}
.slider .bx-pager .bx-pager-item{
display:inline-block;
margin:0 5px;
}
.slider .bx-pager .bx-pager-item a{
display:block;
width:9px;
height:9px;
background:#9e9e9e;
border-radius:50%;
text-indent:-9999px;
}
.slider .bx-pager .bx-pager-item a.active{
background:#dd2e1e;
}
.slider .bx-controls-direction{
position:absolute;
top:50%;
left:0;
width:100%;
margin-top:-20px;
}
.slider .bx-controls-direction a{
filter:alpha(opacity=80);
opacity:0.8;
text-indent:-9999em;
overflow:hidden;
position:absolute;
top:0;
display:block;
width:40px;
height:40px;
background:#9e9e9e;
text-decoration:none;
color:#9e9e9e;
}
.slider .bx-controls-direction a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.slider .bx-controls-direction a.bx-prev{
left:0;
}
.slider .bx-controls-direction a.bx-prev:before{
position:absolute;
top:12px;
left:15px;
margin:auto;
content:"";
vertical-align:middle;
width:15px;
height:15px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-o-transform:rotate(225deg);
transform:rotate(225deg);
}
.slider .bx-controls-direction a.bx-next{
right:0;
}
.slider .bx-controls-direction a.bx-next:before{
position:absolute;
top:12px;
right:15px;
margin:auto;
content:"";
vertical-align:middle;
width:15px;
height:15px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.searchSpec table{
padding:0 20px;
border-collapse:separate;
border-spacing:0;
margin-bottom:40px;
width:100%;
table-layout:fixed;
}
.searchSpec th{
border-bottom:1px solid #cacaca;
vertical-align:top;
padding:15px 0;
font-size:12px;
}
.searchSpec td{
border-bottom:1px solid #cacaca;
vertical-align:top;
font-size:12px;
padding:15px 0;
}
.searchSpec td label{
display:block;
cursor:pointer;
position:relative;
padding-left:20px;
}
.searchSpec td label input{
position:absolute;
left:0;
top:0;
}
.searchSpec .moreBtn{
margin:40px 0;
text-align:center;
line-height:1;
}
.searchSpec .moreBtn span{
display:inline-block;
position:relative;
cursor:pointer;
padding-right:20px;
}
.searchSpec .moreBtn span:after{
position:absolute;
top:0;
right:0;
content:"";
vertical-align:middle;
width:8px;
height:8px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.searchSpec .moreBtn.select span:after{
position:absolute;
top:4px;
right:0;
content:"";
vertical-align:middle;
width:8px;
height:8px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.searchSpec .moreArea{
display:none;
}
.searchSpec .btnArea{
position:relative;
}
.searchSpec .btnArea .number{
position:absolute;
left:0;
top:0;
line-height:49px;
}
.searchSpec .btnArea .number strong{
font-size:28px;
font-weight:normal;
margin:0 5px;
}
.searchSpec .btnArea .submit{
width:400px;
margin:0 auto;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #e3e3e3 0, #bcbcbc 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#bcbcbc', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#4b4b4b;
display:block;
position:relative;
}
.searchSpec .btnArea .submit input{
cursor:pointer;
position:relative;
display:block;
width:100%;
text-align:center;
border:none;
background:none;
color:#4b4b4b;
padding:10px 0 10px 17px;
font-size:18px;
}
.searchSpec .btnArea .submit:after{
position:absolute;
top:50%;
left:30px;
margin:-5px 0 0;
content:"";
vertical-align:middle;
width:8px;
height:8px;
border-top:1px solid #4b4b4b;
border-right:1px solid #4b4b4b;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.searchSpec .btnArea .submit:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.linkList{
}
.linkList ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.linkList ul li{
width:360px;
box-sizing:border-box;
float:left;
margin-top:40px;
padding-left:17px;
}
.linkList ul li:nth-child(1), .linkList ul li:nth-child(2), .linkList ul li:nth-child(3){
margin-top:0;
}
.linkList ul li a{
display:block;
position:relative;
color:#4b4b4b;
text-decoration:none;
padding-left:17px;
}
.linkList ul li a:before{
position:absolute;
top:6px;
left:0;
margin:0;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.linkList ul li a:hover{
text-decoration:underline;
}
.detailAreaTop{
padding:0;
height:415px;
/*display:table;*/
width:100%;
background-size:auto 100%;
box-sizing:border-box;
background-position:right;
background-repeat:no-repeat;
}
.detailAreaTop:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.detailAreaTop .boxL{
/*display:table-cell;*/
float:left;
/*vertical-align:top;*/
height:415px;
width:530px;
position:relative;
padding-top:25px;
box-sizing:border-box;
}
.detailAreaTop .boxL .detailTtl{
font-family:Oswald, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, sans-serif;
font-weight:700;
font-size:54px;
line-height:1;
position:relative;
display:inline-block;
}
.detailAreaTop .boxL .detailTtl.new:after{
/*top:-22px;*/
/*left:1px;*/
font-family:メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, sans-serif;
position:absolute;
top:5px;
right:-60px;
display:inline-block;
content:"NEW";
padding:4px 10px 3px;
background:#dd2e1e;
color:#fff;
font-size:12px;
line-height:1;
font-family:メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, sans-serif;
font-weight:normal;
}
.detailAreaTop .boxL .detailTtl2{
font-size:22px;
margin-top:20px;
}
.detailAreaTop .boxL .icon{
letter-spacing:-4px;
line-height:0;
margin-top:15px;
}
.detailAreaTop .boxL .icon li{
display:inline-block;
line-height:0;
letter-spacing:normal;
margin-right:5px;
}
.detailAreaTop .boxL .btn{
position:absolute;
left:-10px;
bottom:0;
width:600px;
}
.detailAreaTop .boxL .btn:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.detailAreaTop .boxL .btn ul{
float:left;
margin-left:10px;
}
.detailAreaTop .boxL .btn li{
display:block;
width:260px;
margin:10px 0 0;
}
.detailAreaTop .boxL .btn li a{
display:block;
border:1px solid #cacaca;
background:#fff;
background:linear-gradient(to bottom, #fff 0, #e3e3e3 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#fff', endcolorstr='#e3e3e3', gradienttype=0);
color:#4b4b4b;
text-decoration:none;
text-align:center;
line-height:1;
padding:10px 0;
}
.detailAreaTop .boxL .btn li a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.detailAreaTop .boxL .btn li a em{
font-style:normal;
position:relative;
}
.detailAreaTop .boxL .btn li a em:before{
position:absolute;
top:50%;
left:-20px;
margin-top:-5px;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.detailAreaTop .boxL .btn.iconBtn li a em{
display:block;
width:100%;
line-height:16px;
}
.detailAreaTop .boxL .btn.iconBtn li a em:before{
position:absolute;
top:0;
left:10px;
margin-top:-5px;
content:"";
vertical-align:middle;
width:23px;
height:24px;
border-top:none;
border-right:none;
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
background-position:center top;
background-repeat:no-repeat;
}
.detailAreaTop .boxL .btn.iconBtn li.b01 a em:before{
background-image:url(/ja/common/imgs/icon/icon_btn01.png);
}
.detailAreaTop .boxL .btn.iconBtn li.b02 a em:before{
background-image:url(/ja/common/imgs/icon/icon_btn02.png);
}
.detailAreaTop .boxL .btn.iconBtn li.b03 a em:before{
background-image:url(/ja/common/imgs/icon/icon_btn03.png);
}
.detailAreaTop .boxL .btn.iconBtn li.b04 a em:before{
background-image:url(/ja/common/imgs/icon/icon_btn04.png);
}
.detailAreaTop .boxL .btn.iconBtn li.b05 a em:before{
background-image:url(/ja/common/imgs/icon/icon_btn05.png);
}
.detailAreaTop .boxL .btn.iconBtn li.b06 a em:before{
background-image:url(/ja/systemsolution/office/imgs/main_icon1.png);
}
.detailAreaTop .boxL .btn.iconBtn .multi01{
overflow:hidden;
}
.detailAreaTop .boxL .btn.iconBtn .multi01 li{
float:left;
}
.detailAreaTop .boxL .btn.iconBtn .multi01 li:nth-of-type(2n){
margin-left:10px;
}
.detailAreaTop .boxL .btn.iconBtn .multi01 li.b02 a{
font-size:11px;
letter-spacing:0;
}
.detailAreaTop .boxL .btn.iconBtn .multi01 li.b04 a{
font-size:11px;
}
.detailAreaTop .boxL .btn li span{
display:block;
font-size:12px;
margin-top:10px;
height:37px;
overflow:hidden;
}
.detailAreaTop .boxR{
/*display:table-cell;*/
float:right;
/*vertical-align:top;*/
text-align:center;
line-height:0;
position:relative;
height:100%;
}
.detailAreaTop .boxR > img{
position:relative;
/*right:140px;*/
top:15px;
z-index:-1;
}
.detailAreaTop .boxR .rotation{
display:block;
line-height:0;
position:absolute;
right:60px;
bottom:30px;
}
.detailAreaTop .boxR .vr360{
position:absolute;
right:0px;
bottom:-5px;
}
.detailAreaMain,
.detailAreaMain h4,
.detailAreaMain .contentsMbMS{
max-height:99999999px;
}
.detailAreaMain .column1{
position:relative;
}
.detailAreaMain .column1 h4{
font-size:22px;
margin-bottom:15px;
padding-left:20px;
}
.detailAreaMain .column1 p{
font-size:18px;
line-height:1.8;
padding-left:20px;
}
.detailAreaMain .column2{
position:relative;
min-height:350px;
padding-right:576px;
}
.detailAreaMain .column2 h4{
font-size:22px;
margin-bottom:15px;
padding-left:20px;
font-weight:bold;
}
.detailAreaMain .column2 p{
font-size:18px;
line-height:1.8;
padding-left:20px;
}
.detailAreaMain .column2 figure{
display:block;
line-height:0;
position:absolute;
top:0;
right:20px;
}
.detailAreaMain .column2_2{
position:relative;
min-height:350px;
padding-left:576px;
}
.detailAreaMain .column2_2 h4{
font-size:22px;
margin-bottom:15px;
padding-right:20px;
font-weight:bold;
}
.detailAreaMain .column2_2 p{
font-size:15px;
line-height:1.6;
padding-right:20px;
}
.detailAreaMain .column2_2 figure{
display:block;
line-height:0;
position:absolute;
top:0;
left:20px;
}
.detailAreaMain .columnList h4{
font-size:22px;
margin-bottom:15px;
padding-right:20px;
font-weight:bold;
}
.detailAreaMain .columnList p{
font-size:14px;
line-height:1.7;
padding-right:20px;
}
.detailAreaMain .column3:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.detailAreaMain .column3 .column3Box{
width:340px;
float:left;
margin:0 0 0 20px;
}
.detailAreaMain .column3 .column3Box a{
display:block;
}
.detailAreaMain .column3 .column3Box figure{
display:block;
line-height:0;
margin-bottom:25px;
}
.detailAreaMain .column3 .column3Box h4{
font-size:18px;
margin-bottom:15px;
font-weight:bold;
}
.detailAreaMain .column3 .column3Box p{
font-size:14px;
line-height:1.7;
}
.detailAreaMain .caption{
padding-left:20px;
}
.detailAreaMain .caption li{
font-size:12px;
margin-bottom:10px;
position:relative;
padding-left:2.5em;
}
.detailAreaMain .caption li:last-child{
margin-bottom:0;
}
.detailAreaMain .caption li span{
position:absolute;
left:0;
top:0;
}
.grayWrap{
position:relative;
height:100px;
}
.grayWrap .grayWrapInner{
display:block;
content:"";
background:#f9f9f9;
width:100%;
height:100px;
/*position:absolute;*/
left:50%;
top:0;
margin-left:auto !important;
width:100% !important;
}
.grayWrap .grayWrapInner .tabList{
width:1100px;
margin:30px auto;
}
.detailAreaMain table{
width:100%;
background:#cacaca;
border-color:#cbcbcb;
margin-bottom:20px;
}
.detailAreaMain table th{
background:#f9f9f9;
vertical-align:middle;
padding:5px 10px;
font-size:12px;
}
.detailAreaMain table th.th01{
background:#e3e3e3;
text-align:center;
}
.detailAreaMain table th.th02{
background:#f9f9f9;
}
.detailAreaMain table td{
width:auto;
background:#fff;
vertical-align:middle;
padding:10px;
font-size:12px;
}
.detailAreaMain .captionList li{
position:relative;
font-size:12px;
padding-left:1.5em;
}
.detailAreaMain .captionList li span{
position:absolute;
left:0;
top:0;
}
.detailAreaMain table.table01{
width:auto;
}
.detailAreaMain table.table02{
width:auto;
}
.detailAreaMain table.table02 td{
background:#666666;
}
.otherItemBtn{
position:absolute;
top:15px;
right:0;
width:140px;
display:block;
padding:10px 0 17px;
font-size:12px;
text-align:center;
background:#f9f9f9;
line-height:1;
cursor:pointer;
}
.otherItemBtn:after{
display:block;
content:"";
position:absolute;
top:23px;
left:50%;
margin-left:-4px;
overflow:hidden;
vertical-align:middle;
width:8px;
height:8px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.otherItem{
border:#cacaca solid 1px;
position:absolute;
top:40px;
right:0;
background:#fff;
padding:30px 0;
z-index:10;
}
.otherItem.setUp{
filter:alpha(opacity=0);
opacity:0;
z-index:-1;
}
.otherItem:after{
display:block;
content:"";
width:100%;
height:1px;
background:#fff;
position:absolute;
left:0;
bottom:30px;
}
.otherItem li{
text-align:left;
border-bottom:#cacaca solid 1px;
}
.otherItem li a{
display:block;
min-height:120px;
position:relative;
padding:20px 0 20px 120px;
width:330px;
box-sizing:border-box;
text-decoration:none;
}
.otherItem li figure{
position:absolute;
left:10px;
top:0;
margin:auto;
bottom:0;
height:100px;
}
.otherItem li figure img{
width:100px;
}
.otherItem li .ttl{
display:block;
color:#4b4b4b;
font-weight:bold;
margin-bottom:5px;
padding-right:20px;
line-height:1.3;
}
.otherItem li .txt{
display:block;
color:#4b4b4b;
padding-right:20px;
line-height:1.3;
font-size:12px;
}
.otherItem .bx-prev, .otherItem .bx-next{
display:block;
position:absolute;
text-indent:-9999em;
overflow:hidden;
vertical-align:middle;
width:20px;
height:20px;
border-top:1px solid #4b4b4b;
border-right:1px solid #4b4b4b;
left:50%;
margin-left:-10px;
}
.otherItem .bx-prev{
top:15px;
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.otherItem .bx-next{
bottom:15px;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.otherItem .c-btn{
display:block;
content:"";
width:30px;
height:30px;
background:#9e9e9e;
line-height:0;
position:absolute;
right:0;
bottom:0;
z-index:9999;
cursor:pointer;
}
.otherItem .c-btn:before{
position:absolute;
left:50%;
top:50%;
margin-top:-15px;
display:block;
content:"";
line-height:0;
width:1px;
height:30px;
background:#fff;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.otherItem .c-btn em{
position:absolute;
left:50%;
top:50%;
margin-top:-15px;
display:block;
line-height:0;
width:1px;
height:30px;
background:#fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
text-indent:-9999em;
overflow:hidden;
}
.captionTxt dt{
margin-bottom:10px;
}
.captionTxt dd li{
font-size:12px;
margin-bottom:10px;
position:relative;
}
.captionTxt dd li:last-child{
margin-bottom:0;
}
.arrRed{
color:#4b4b4b;
text-decoration:none;
position:relative;
padding-left:17px;
display:inline-block;
}
.arrRed:before{
position:absolute;
top:50%;
left:0;
margin-top:-5px;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.arrRed:hover{
text-decoration:underline;
}
.greetingArea{
width:100%;
box-sizing:border-box;
padding:55px 467px 0 104px;
position:relative;
background:#F9F9F9;
z-index:0;
}
.greetingArea .bg{
position:absolute;
left:50%;
margin-left:-640px;
top:0;
z-index:-1;
}
.greetingArea .pageTtl{
margin-bottom:35px !important;
font-size:29px;
}
.greetingArea p{
line-height:2.2;
margin-bottom:25px !important;
font-size:15px;
letter-spacing:0;
}
.greetingArea ul li{
position:relative;
padding-left:1em;
font-weight:bold;
font-size:17px;
}
.greetingArea ul li + li{
margin-top:10px;
}
.greetingArea ul li:after{
position:absolute;
top:10px;
left:0;
direction:block;
content:'';
width:5px;
height:5px;
background:#f5b9b8;
}
.greeting footer{
margin-top:0 !important;
}
.contactBtn a{
font-size:14px;
width:240px;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #9e9e9e 0, #666666 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#9e9e9e', endcolorstr='#666666', gradienttype=0);
text-align:center;
line-height:1;
padding:12px 0 10px;
text-decoration:none;
color:#4b4b4b;
display:block;
}
.contactBtn a span{
color:#fff;
position:relative;
display:inline-block;
padding-left:17px;
}
.contactBtn a span:after{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.contactBtn a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.anchorLink{
background:#f9f9f9;
padding:20px 0;
}
.anchorLink ul{
margin-left:-20px;
}
.anchorLink ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.anchorLink ul li{
width:33.33333%;
box-sizing:border-box;
float:left;
padding-left:20px;
position:relative;
}
.anchorLink ul li a{
position:relative;
padding:25px 0;
text-align:center;
font-size:16px;
font-weight:bold;
text-decoration:none;
line-height:1;
display:block;
border-radius:5px;
background:#fff;
background:linear-gradient(to bottom, #fff 0, #e3e3e3 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#fff', endcolorstr='#e3e3e3', gradienttype=0);
}
.anchorLink ul li a:after{
position:absolute;
top:0;
bottom:0;
left:30px;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:3px solid #dd2e1e;
border-right:3px solid #dd2e1e;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.anchorLink ul li a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.anchorLink.list4 li{
width:25% !important;
}
.clopBox{
position:absolute;
top:0;
right:0;
z-index:1;
}
.clopBox .clopBtn{
width:140px;
}
.clopBox .clopBtn a{
display:block;
padding:10px;
color:#4b4b4b;
font-size:13px;
text-decoration:none;
text-align:center;
letter-spacing:0.6px;
background:#f2f2f2;
line-height:1;
}
.clopBox .clopBtn a:hover{
opacity:0.7;
}
.clopBox .clopBtn a span{
display:block;
padding-bottom:10px;
position:relative;
}
.clopBox .clopBtn a span:after{
position:absolute;
bottom:0;
left:50%;
margin:0 0 0 -5px;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #4b4b4b;
border-right:1px solid #4b4b4b;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.clopBox .clopBody{
position:absolute;
top:50px;
right:0;
width:335px;
background-color:#fff;
border:#cacaca solid 1px;
padding:30px 2px;
}
.clopBox .clopBody.on{
display:block !important;
}
.clopBox .clopWrap{
position:relative;
}
.clopBox .clopWrap .slick-arrow{
position:absolute;
left:0;
width:100%;
height:30px;
background-position:center center;
background-repeat:no-repeat;
cursor:pointer;
color:#fff;
z-index:5;
border:none;
background:#fff;
margin:0;
padding:0;
}
.clopBox .clopWrap .slick-prev.slick-arrow{
top:-28px;
}
.clopBox .clopWrap .slick-prev.slick-arrow:after{
display:block;
content:"";
vertical-align:middle;
width:16px;
height:16px;
border-top:2px solid #4b4b4b;
border-right:2px solid #4b4b4b;
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
position:absolute;
left:50%;
top:15px;
margin-left:-12px;
}
.clopBox .clopWrap .slick-next.slick-arrow{
bottom:-28px;
}
.clopBox .clopWrap .slick-prev.slick-arrow:focus, .clopBox .clopWrap .slick-next.slick-arrow:focus{
outline:0;
}
.clopBox .clopWrap .slick-next.slick-arrow:after{
display:block;
content:"";
vertical-align:middle;
width:16px;
height:16px;
border-top:2px solid #4b4b4b;
border-right:2px solid #4b4b4b;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
position:absolute;
left:50%;
bottom:15px;
margin-left:-12px;
}
.clopBox .clopBody .clopList{
position:relative;
}
.clopBox .clopBody .clopList div + div{
border-top:#cacaca solid 1px;
}
.clopBox .clopBody .clopList a{
display:block;
padding:10px 0;
color:#4b4b4b;
text-decoration:none;
zoom:1;
}
.clopBox .clopBody .clopList a:hover{
opacity:0.7;
}
.clopBox .clopBody .clopList a:after{
display:block;
clear:both;
height:0;
content:'';
}
.clopBox .clopBody .clopList a span{
display:block;
}
.clopBox .clopBody .clopList a span.image{
float:left;
width:100px;
}
.clopBox .clopBody .clopList a span.image img{
max-width:100%;
height:auto;
}
.clopBox .clopBody .clopList a span.texts{
margin-left:120px;
padding:5px 5px 0 0;
line-height:1.3;
text-align:left;
}
.clopBox .clopBody .clopList a span.texts .name{
margin-bottom:3px;
font-weight:normal;
text-align:left;
}
.clopBox .clopBody .clopList a span.texts .txt{
font-size:12px;
}
.indent1List li{
position:relative;
padding-left:1em;
}
.indent1List li span{
position:absolute;
left:0;
top:0;
}
.indent15List li{
position:relative;
padding-left:1.5em;
}
.indent15List li span{
position:absolute;
left:0;
top:0;
}
.indent2List li{
position:relative;
padding-left:2.5em;
}
.indent2List li span{
position:absolute;
left:0;
top:0;
}
.basicTable{
width:100%;
border-left:1px solid #cacaca;
border-bottom:1px solid #cacaca;
border-collapse:collapse;
border-spacing:1px;
margin-bottom:20px;
}
.basicTable.wAuto{
width:auto;
}
.basicTable.fixed{
table-layout:fixed;
}
.basicTable th{
background:#f9f9f9;
vertical-align:middle;
padding:5px 10px;
font-size:14px;
border-right:1px solid #cacaca;
border-top:1px solid #cacaca;
}
.basicTable th.th01{
background:#e3e3e3;
text-align:center;
}
.basicTable th.th02{
background:#f9f9f9;
}
.basicTable th.th03{
background:#f9f9f9;
text-align:center;
}
.basicTable td{
background:#fff;
border-right:1px solid #cacaca;
border-top:1px solid #cacaca;
vertical-align:middle;
padding:10px;
font-size:14px;
}
.basicTable td.td01{
text-align:center;
}
.basicTable td .icnOr{
position:relative;
display:inline-block;
padding-left:15px;
}
.basicTable td .icnOr:before{
display:block;
content:"";
width:10px;
height:10px;
background:#f26f55;
position:absolute;
top:50%;
left:0;
margin-top:-5px;
}
.basicTable td .icnGr{
position:relative;
display:inline-block;
padding-left:15px;
}
.basicTable td .icnGr:before{
display:block;
content:"";
width:10px;
height:10px;
background:#a3a3a3;
position:absolute;
top:50%;
left:0;
margin-top:-5px;
}
.basicTable td .icnOrGr{
position:relative;
display:inline-block;
padding-left:30px;
}
.basicTable td .icnOrGr:before{
display:block;
content:"";
width:10px;
height:10px;
background:#f26f55;
position:absolute;
top:50%;
left:0;
margin-top:-5px;
}
.basicTable td .icnOrGr:after{
display:block;
content:"";
width:10px;
height:10px;
background:#a3a3a3;
position:absolute;
top:50%;
left:15px;
margin-top:-5px;
}
.basicTable .thumAc{
}
.basicTable .thumAc span{
display:table;
width:100%;
}
.basicTable .thumAc span figure{
display:table-cell;
vertical-align:middle;
width:70px;
}
.basicTable .thumAc span em{
display:table-cell;
vertical-align:middle;
font-style:normal;
text-align:center;
}
.basicTable02{
width:100%;
/*background:#cacaca;*/
border-collapse:separate;
border-spacing:1px;
margin-bottom:20px;
border-top:1px solid #cacaca;
border-left:1px solid #cacaca;
}
.basicTable02.half{
width:50%;
}
.basicTable02 th{
background:#f9f9f9;
vertical-align:middle;
padding:5px 10px;
font-size:14px;
font-weight:bold;
text-align:center;
}
.basicTable02 td{
background:#fff;
vertical-align:middle;
padding:10px;
font-size:14px;
font-weight:bold;
text-align:center;
}
.basicTable02 th,
.basicTable02 td{
border-right:1px solid #cacaca;
border-bottom:1px solid #cacaca;
}
.basicTable02 .thumAc{
font-weight:normal;
}
.basicTable02 .thumAc a,
.basicTable02 .thumAc span{
display:table;
width:100%;
text-decoration:none;
}
.basicTable02 .thumAc a figure,
.basicTable02 .thumAc span figure{
display:table-cell;
vertical-align:middle;
width:70px;
}
.basicTable02 .thumAc a em,
.basicTable02 .thumAc span em{
display:table-cell;
vertical-align:middle;
font-style:normal;
text-align:left;
}
.basicColumn2:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.basicColumn2 .boxL{
width:65%;
float:left;
}
.basicColumn2 .boxR{
width:30%;
float:right;
}
.basicGrayBox{
background:#f9f9f9;
padding:40px;
}
.basicGrayBox dt{
border-bottom:1px solid #cacaca;
padding-bottom:5px;
margin-bottom:10px;
font-size:18px;
font-weight:bold;
}
.basicGrayBox dd ol li{
position:relative;
padding-left:1.5em;
}
.basicGrayBox dd ol li span{
position:absolute;
left:0;
top:0;
}
.basicForm{
border:none;
text-align:center;
position:relative;
border-radius:10px;
}
.basicForm .ttl{
display:block;
text-align:left;
font-size:22px;
border-bottom:1px solid #cacaca;
line-height:1;
padding:20px 20px 20px 40px;
font-weight:bold;
position:relative;
}
.basicForm .ttl:before{
display:block;
content:"";
width:2px;
height:21px;
background:#dd2e1e;
position:absolute;
left:20px;
top:20px;
}
.basicForm .ttl.line{
border-top:1px solid #cacaca;
}
.basicForm .inner{
padding:35px;
text-align:left;
font-size:16px;
}
.basicForm .inner .step, .stepThx{
display:table;
width:100%;
height:55px;
background:#f9f9f9;
border-radius:10px;
overflow:hidden;
margin-bottom:50px;
}
.basicForm .inner .step li, .stepThx li{
display:table-cell;
width:33.33333%;
font-size:16px;
vertical-align:middle;
color:#9e9e9e;
line-height:1;
position:relative;
font-weight:bold;
text-align:center;
padding:0 5%;
}
.basicForm .inner .step li:after, .stepThx li:after{
position:absolute;
top:0;
right:0;
margin:auto;
content:"";
vertical-align:middle;
width:55px;
height:55px;
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.basicForm .inner .step li:last-child:after, .stepThx li:last-child:after{
display:none;
}
.basicForm .inner .step li.on, .stepThx li.on{
color:#4b4b4b;
}
.basicForm .inner table{
width:100%;
}
.basicForm .inner table th{
width:20%;
padding:15px;
vertical-align:middle;
}
.basicForm .inner table.type01 th{
width:20%;
padding:15px;
vertical-align:middle;
border-top:0;
border-left:0;
border-right:0;
/*border-left:1px solid #eee;
border-right:1px solid #eee;*/
}
.basicForm .inner table.type01 th:not(:nth-of-type(1)){
border-left:1px solid #eee;
}
.basicForm .inner table th span{
color:#dd2e1e;
}
.basicForm .inner table td{
padding:15px;
vertical-align:middle;
}
.basicForm .inner table.type01 td{
border-left:1px solid #eee;
border-right:1px solid #eee;
}
.basicForm .inner table td .caution{
font-size:12px;
display:block;
background:#fff;
line-height:1.5;
margin-top:10px;
}
.basicForm .inner table td .checkList:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.basicForm .inner table td .checkList li{
float:left;
position:relative;
padding:0 25px 0 22px;
}
.basicForm .inner table td .checkList li label{
cursor:pointer;
display:block;
}
.basicForm .inner table td .checkList li input[type="checkbox"], .basicForm .inner table td .checkList li input[type="radio"]{
position:absolute;
left:0;
top:1px;
}
.basicForm .inner table td textarea{
border:1px solid #cacaca;
width:100%;
box-sizing:border-box;
padding:15px;
resize:vertical;
}
.basicForm .inner table td input[type="text"]{
padding:15px;
border:1px solid #cacaca;
}
.basicForm .inner table td .nameList:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.basicForm .inner table td .nameList li{
float:left;
position:relative;
padding:0 25px 0 0;
}
.basicForm .inner table td input::-webkit-input-placeholder{
font-size:16px;
}
.basicForm .inner table td input:-moz-placeholder{
font-size:16px;
}
.basicForm .inner table td input:-ms-placeholder{
font-size:16px;
}
.basicForm .inner table td table th{
white-space:nowrap;
padding:0;
}
.basicForm .btnCheck{
width:300px;
margin:15px auto 0;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #9e9e9e 0, #666666 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#9e9e9e', endcolorstr='#666666', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#4b4b4b;
display:block;
position:relative;
}
.basicForm .btnCheck input[type="submit"]{
display:block;
color:#fff;
position:relative;
padding-left:17px;
border:none;
background:none;
font-size:16px;
width:100%;
padding:12px 0 10px;
text-indent:1.5em;
cursor:pointer;
}
.basicForm .btnCheck:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.basicForm .btnCheck:after{
position:absolute;
top:50%;
left:70px;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
margin-top:-2px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.basicForm .btnBack{
width:300px;
margin:0 auto;
position:relative;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #e3e3e3 0, #bcbcbc 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#bcbcbc', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#4b4b4b;
display:block;
}
.basicForm .btnBack input[type="submit"]{
display:block;
color:#4b4b4b;
position:relative;
padding-left:17px;
border:none;
background:none;
font-size:16px;
width:100%;
padding:12px 0 10px;
text-indent:1.5em;
cursor:pointer;
}
.basicForm .btnBack:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.basicForm .btnBack:after{
position:absolute;
top:50%;
left:70px;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
margin-top:-2px;
border-top:1px solid #4b4b4b;
border-right:1px solid #4b4b4b;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.basicForm .btnWrap{
text-align:center;
letter-spacing:-4px;
}
.basicForm .btnWrap li{
display:inline-block !important;
margin:0 20px !important;
letter-spacing:normal;
}
.basicForm span.customSelect{
height:43px;
line-height:43px;
width:247px;
border:1px solid #cacaca;
color:#9e9e9e;
box-sizing:border-box;
color:#000;
}
.basicForm span.customSelect .customSelectInner{
width:190px !important;
margin-left:20px;
position:relative;
}
.basicForm span.customSelect .customSelectInner:after{
position:absolute;
top:15px;
left:200px;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #dd2e1e;
border-right:1px solid #dd2e1e;
-ms-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.basicForm .systemsolutionColumn2 table{
width:100%;
}
.basicForm .systemsolutionColumn2 table th{
border:1px solid #cacaca;
padding:20px;
font-size:14px;
vertical-align:middle;
text-align:center;
background:#f9f9f9;
}
.basicForm .systemsolutionColumn2 table td{
border:1px solid #cacaca;
padding:15px;
font-size:14px;
vertical-align:middle;
}
.basicForm .systemsolutionColumn2 table th:first-child, .basicForm .systemsolutionColumn2 table td:first-child{
white-space:nowrap;
}
.hdrLogin2, .hdrLogOut{
display:none;
}
.hdrLogin2{
position:relative;
}
.login .hdrLogin, .login .hdrRegist{
display:none;
}
.login .hdrLogOut, .login #hdrRight .loginName{
display:block;
}
.login .hdrLogin2{
display:block;
position:relative;
text-align:left;
font-weight:300 !important;
}
.login .hdrLogin2 span{
position:relative;
box-sizing:border-box;
width:122px;
padding:5px 0;
font-weight:normal;
font-size:12px;
border:1px solid #23338b;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#23338b;
background:linear-gradient(to bottom, #3442a5 0, #23338b 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#3442a5', endcolorstr='#23338b', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#fff;
display:block;
cursor:pointer;
}
.login .hdrLogin2 span:before, .login .hdrLogin2 span:after{
box-sizing:border-box;
position:absolute;
top:0;
left:0;
display:block;
content:'';
width:100%;
height:100%;
}
.login .hdrLogin2 .loginNav{
position:absolute;
top:16px;
right:0;
z-index:100;
display:none;
margin-top:5px;
padding-top:20px;
}
.login .hdrLogin2 .loginNav > ul{
position:relative;
padding:10px 20px 20px;
background:#fff;
border:1px solid #cacaca;
border-top:none;
background:#F9F9F9;
}
.login .hdrLogin2 .loginNav > ul > li{
float:none !important;
white-space:nowrap;
line-height:1;
font-size:14px;
margin:0 0 15px 0 !important;
}
.login .hdrLogin2 .loginNav > ul > li:last-child{
margin-bottom:0 !important;
}
.login .hdrLogin2 .loginNav > ul > li > a{
position:relative;
display:inline-block;
padding-right:17px;
color:#4b4b4b;
line-height:1.3;
margin-top:5px;
}
.login .hdrLogin2 .loginNav > ul > li > a:after{
display:inline-block;
margin:-3px 0 0 10px;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.login .hdrLogin2 .loginNav > ul > li > a:hover{
text-decoration:underline;
}
.login .hdrLogin2 .loginNav > ul > li > ul > li{
font-size:12px;
float:none !important;
margin:5px 0 0 15px !important;
}
.login .hdrLogin2 .loginNav > ul > li > ul:last-child{
margin-bottom:0 !important;
}
.grayBtn a{
font-size:14px;
border:1px solid #9e9e9e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#e3e3e3;
background:linear-gradient(to bottom, #9e9e9e 0, #666666 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#9e9e9e', endcolorstr='#666666', gradienttype=0);
text-align:center;
line-height:1;
padding:12px 20px 10px;
text-decoration:none;
color:#4b4b4b;
display:inline-block;
}
.grayBtn a span{
color:#fff;
position:relative;
display:inline-block;
padding-left:17px;
}
.grayBtn a span:after{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.grayBtn a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.ancpos{
position:relative;
top:-70px;
}
.tBlue{
color:#3066bc;
}
.roundBox{
border:#cacaca solid 1px;
border-radius:5px;
}
.roundBox .roundBoxTtl{
padding:20px;
font-weight:bold;
border-bottom:#cacaca solid 1px;
line-height:1;
}
.roundBox .roundBoxTtl span{
position:relative;
display:block;
padding:0 0 0 20px;
font-size:16px;
}
.roundBox .roundBoxTtl span::before, .roundBox .roundBoxTtl span::after{
position:absolute;
top:-2px;
bottom:0;
left:0;
margin:auto;
content:"";
vertical-align:middle;
}
.roundBox .roundBoxTtl span::before{
width:15px;
height:15px;
border-radius:50%;
background:#dd2e1e;
}
.roundBox .roundBoxTtl span::after{
left:4px;
width:4px;
height:4px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.roundBox .inner{
padding:40px;
}
.roundBox .inner dl{
border-bottom:1px dashed #cacaca;
padding-bottom:40px;
margin-bottom:40px;
}
.roundBox .inner dl:last-child{
margin-bottom:0;
padding-bottom:0;
border:none;
}
.roundBox .inner dl dt{
font-weight:bold;
margin-bottom:10px;
}
.roundBox .inner dl dd ul:after, .roundBox .inner dl dd ul li:after{
display:block;
clear:both;
height:0;
content:'';
}
.roundBox .inner dl dd ul li:nth-child(odd){
width:50%;
float:left;
}
.roundBox .inner dl dd ul li:nth-child(even){
width:50%;
float:right;
}
.roundBox .inner dl dd ul li a{
display:block;
text-decoration:none;
}
.roundBox .inner dl dd ul li figure{
display:block;
float:left;
}
.roundBox .inner dl dd ul li .ttl{
display:block;
margin-top:20px;
font-weight:bold;
font-size:18px;
text-decoration:none;
margin-bottom:10px;
}
.twocolmunList{
position:relative;
}
.twocolmunList .bx-wrapper{
position:relative;
}
.twocolmunList ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.twocolmunList ul li{
width:50%;
word-break:break-word;
margin:0;
box-sizing:border-box;
float:left;
position:relative;
}
.twocolmunList ul li a{
text-decoration:none;
display:block;
}
.twocolmunList ul li a:hover .ttl1{
text-decoration:underline;
}
.twocolmunList ul li figure{
display:block;
margin-bottom:10px;
background:#f9f9f9;
}
.twocolmunList ul li figure img{
width:100%;
}
.twocolmunList ul li .ttl1{
position:relative;
display:block;
margin:0 0 5px 0;
color:#4b4b4b;
font-size:18px;
font-weight:bold;
text-decoration:none;
padding-left:15px;
line-height:1.3;
}
.twocolmunList ul li .ttl1:before{
position:absolute;
top:7px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.twocolmunList ul li .ttl1:hover{
text-decoration:underline;
}
.twocolmunList ul li .txt1{
display:block;
padding-left:15px;
font-size:15px;
}
.twocolmunList ul li .txt2{
display:block;
font-size:15px;
}
.twocolmunList ul li .ttl2{
position:relative;
display:block;
margin:0 0 5px 0;
color:#4b4b4b;
font-size:18px;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
.twocolmunList ul li .new{
display:inline-block;
padding:5px 10px 3px;
background:#dd2e1e;
color:#fff;
font-size:12px;
line-height:1;
margin-bottom:10px;
}
.twocolmunList ul li .noNew{
padding-top:30px;
}
.twocolmunList ul li .double{
padding-top:26px;
}
.twocolmunList ul li .new.double{
margin-top:26px;
}
.twocolmunList ul li .noNew.double{
padding-top:56px;
}
.twocolmunList ul li .noNew.doubleTtl{
padding-top:54px;
}
.twocolmunList .bx-controls-direction a{
text-indent:-9999em;
overflow:hidden;
position:absolute;
top:90px;
margin-top:-20px;
display:block;
width:40px;
height:40px;
text-decoration:none;
}
.twocolmunList .bx-controls-direction a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.twocolmunList .bx-controls-direction a.bx-prev{
left:-50px;
}
.twocolmunList .bx-controls-direction a.bx-prev:before{
position:absolute;
top:12px;
left:15px;
margin:auto;
content:"";
vertical-align:middle;
width:20px;
height:20px;
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
-ms-transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-o-transform:rotate(225deg);
transform:rotate(225deg);
}
.twocolmunList .bx-controls-direction a.bx-next{
right:-50px;
}
.twocolmunList .bx-controls-direction a.bx-next:before{
position:absolute;
top:12px;
right:15px;
margin:auto;
content:"";
vertical-align:middle;
width:20px;
height:20px;
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.carouselList{
position:relative;
}
.carouselList .bx-wrapper{
position:relative;
}
.carouselList ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.carouselList ul li{
word-break:break-word;
margin:0;
box-sizing:border-box;
float:left;
position:relative;
}
.carouselList ul li a{
text-decoration:none;
display:block;
}
.carouselList ul li a:hover .ttl1{
text-decoration:underline;
}
.carouselList ul li figure{
display:block;
margin-bottom:10px;
background:#f9f9f9;
}
.carouselList ul li figure img{
width:100%;
}
.carouselList ul li .ttl1{
position:relative;
display:block;
margin:0 0 5px 0;
color:#4b4b4b;
font-size:18px;
font-weight:bold;
text-decoration:none;
padding-left:15px;
line-height:1.3;
}
.carouselList ul li .ttl1:before{
position:absolute;
top:7px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.carouselList ul li .ttl1:hover{
text-decoration:underline;
}
.carouselList ul li .txt1{
display:block;
padding-left:15px;
font-size:14px;
}
.carouselList ul li .txt2{
display:block;
font-size:14px;
}
.carouselList ul li .ttl2{
position:relative;
display:block;
margin:0 0 5px 0;
color:#4b4b4b;
font-size:18px;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
.carouselList ul li .new{
display:inline-block;
padding:5px 10px 3px;
background:#dd2e1e;
color:#fff;
font-size:12px;
line-height:1;
margin-bottom:10px;
}
.carouselList ul li .noNew{
padding-top:30px;
}
.carouselList ul li .double{
padding-top:26px;
}
.carouselList ul li .new.double{
margin-top:26px;
}
.carouselList ul li .noNew.double{
padding-top:56px;
}
.carouselList ul li .noNew.doubleTtl{
padding-top:54px;
}
.carouselList .bx-controls-direction a{
text-indent:-9999em;
overflow:hidden;
position:absolute;
top:90px;
margin-top:-20px;
display:block;
width:40px;
height:40px;
text-decoration:none;
}
.carouselList .bx-controls-direction a:hover{
filter:alpha(opacity=50);
opacity:0.5;
}
.carouselList .bx-controls-direction a.bx-prev{
left:-50px;
}
.carouselList .bx-controls-direction a.bx-prev:before{
position:absolute;
top:12px;
left:15px;
margin:auto;
content:"";
vertical-align:middle;
width:20px;
height:20px;
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
-ms-transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-o-transform:rotate(225deg);
transform:rotate(225deg);
}
.carouselList .bx-controls-direction a.bx-next{
right:-50px;
}
.carouselList .bx-controls-direction a.bx-next:before{
position:absolute;
top:12px;
right:15px;
margin:auto;
content:"";
vertical-align:middle;
width:20px;
height:20px;
border-top:1px solid #cacaca;
border-right:1px solid #cacaca;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
span.hour{
font-weight:normal !important;
font-size:12px !important;
line-height:1.3;
margin-top:.5em !important;
display:block;
clear:both;
overflow:hidden;
padding:0 !important;
}
span.hour:after{
display:none !important;
}
.spNav{
display:none;
}
.spNav .subTitle01{
width:100%;
border-top:1px #e3e3e3 solid;
background-color:#fff;
overflow:hidden;
}
.spNav .subTitle01 a{
display:block;
width:100%;
padding-top:0.7em;
padding-bottom:0.7em;
float:left;
}
.spNav .subTitle01 a strong{
box-sizing:border-box;
border-left:3px #dd2e1e solid;
padding-top:0.2em;
padding-left:13px;
margin-right:10px;
margin-left:15px;
font-size:22px;
line-height:1.1em;
font-weight:bold;
display:block;
}
.spNav .subTitle01 a strong span{
display:block;
margin-bottom:0.15em;
font-size:12px;
line-height:1.3em;
font-weight:bold;
}
.spNav .subTitle01 a strong:nth-of-type(2){
font-size:0.95em;
padding-bottom:0.2em;
}
.spNav nav > ul ~ .subTitle01{
border-bottom:1px #e3e3e3 solid;
border-top:none;
}
.spNav .subTitle02{
width:100%;
padding-top:0.8em;
padding-bottom:0.8em;
background-color:#fff;
}
.spNav .subTitle02.bottomLine{
border-bottom:1px #e3e3e3 solid;
}
.spNav .subTitle02 > p{
width:100%;
overflow:hidden;
}
.spNav .subTitle02 > p a{
display:block;
width:100%;
float:left;
padding-top:0.5em;
padding-bottom:0.5em;
}
.spNav .subTitle02 > p a strong{
display:block;
box-sizing:border-box;
border-left:3px #dd2e1e solid;
padding-left:13px;
margin-right:10px;
margin-left:15px;
font-size:20px;
line-height:1.1em;
font-weight:bold;
}
.spNav .loginArea{
width:100%;
border-bottom:1px #cacaca solid;
padding-bottom:1.5em;
background-color:#fff;
}
.spNav .loginArea .inner{
width:calc(100% - 30px);
overflow:hidden;
margin-left:auto;
margin-right:auto;
}
.spNav .loginArea .inner > p{
width:calc(50% - 5px);
text-align:center;
}
.spNav .loginArea .inner > p a{
display:block;
width:100%;
box-sizing:border-box;
font-size:1em;
line-height:2.2em;
}
.spNav .loginArea .inner > p.login{
float:left;
}
.spNav .loginArea .inner > p.regist{
float:right;
}
.spNav .loginArea .inner > p.login a{
border:1px solid #9e9e9e;
background:#e3e3e3;
background:linear-gradient(to bottom, #e3e3e3 0, #cacaca 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#e3e3e3', endcolorstr='#cacaca', gradienttype=0);
box-shadow:0 0 0 1px #fff_30 inset;
}
.spNav .loginArea .inner > p.regist a{
border:1px solid #dd2e1e;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#dd2e1e;
background:linear-gradient(to bottom, #dd2e1e 0, #c1291b 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#dd2e1e', endcolorstr='#c1291b', gradienttype=0);
text-align:center;
text-decoration:none;
display:block;
color:#fff;
}
.spNav .loginArea .inner > p.logout a{
border:1px solid #969697;
background:#969697;
background:linear-gradient(to bottom, #bcbcbc 0, #969697 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#bcbcbc', endcolorstr='#969697', gradienttype=0);
box-shadow:0 0 0 1px #fff_30 inset;
}
.w730 .detailAreaMain .column2{
padding-right:330px;
min-height:200px;
}
.w730 .detailAreaMain .column2 figure, .w730 .detailAreaMain .column2_2 figure{
width:290px;
}
.w730 .detailAreaMain .column2_2{
padding-left:330px;
min-height:200px;
}
.w730 .detailAreaMain .column3 .column3Box{
width:230px;
}
.w730 .detailAreaMain .column3 .column3Box:nth-child(1){
margin-left:0;
}
.detailAreaMain table.productOptionTable{
width:100%;
max-width:100%;
}
.detailAreaMain table.productOptionTable th, .detailAreaMain table.productOptionTable td{
text-align:center;
font-feature-settings:"palt";
font-size:12px;
padding:10px;
}
.detailAreaMain table.productOptionTable td img{
max-width:none;
}
#member_menu{
background:#f2f2f2;
box-sizing:border-box;
padding:30px 50px;
}
#member_menu dl{
border-bottom:1px dashed #cbcbcb;
line-height:1.0;
margin:0 0 20px;
padding:0 0 20px;
overflow:hidden;
zoom:1;
}
#member_menu dl.sec{
padding:0 0 10px;
}
#member_menu dl.none{
border-bottom:none;
margin:0;
padding:0;
}
#member_menu dl dd{
display:inline-block;
margin:0 0 0 0;
padding:2px 0;
width:30%;
margin-left:3%;
}
#member_menu dl dd.long{
}
#member_menu dl dd.long2{
margin-bottom:20px;
}
#member_menu dl dd.end{
margin-right:0;
}
#member_menu dl dt{
font-weight:bold;
float:left;
width:100%;
margin-right:40px;
margin-bottom:20px;
}
#member_menu dl dt.special{
}
#member_menu dl dd a{
display:inline-block;
line-height:1;
position:relative;
padding-left:17px;
margin-left:-17px;
text-decoration:none;
color:#4b4b4b;
}
#member_menu dl dd a:hover{
text-decoration:underline;
}
#member_menu dl dd a:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
#member_menu input{
display:block;
box-sizing:border-box;
width:100%;
padding:7px 10px;
font-size:16px;
}
#member_menu .btn{
width:238px;
margin:50px auto 0;
position:relative;
border:1px solid #b9baba;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#b9baba;
background:linear-gradient(to bottom, #b9baba 0, #969697 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#b9baba', endcolorstr='#969697', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#4b4b4b;
display:block;
}
#member_menu .btn:after{
position:absolute;
top:50%;
left:70px;
margin:-3px 0 0;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#member_menu .btn input{
cursor:pointer;
position:relative;
border:none;
background:none;
display:block;
padding:10px 0 10px 17px;
text-align:center;
line-height:1;
width:100%;
font-size:16px;
color:#fff;
}
#member_menu .btn:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
#formwrap{
border:none;
border-radius:10px;
margin-bottom:70px;
}
#formwrap h3{
font-size:24px;
border-bottom:1px solid #d9d9d9;
padding:20px 0;
line-height:1.0;
text-align:center;
font-weight:bold;
}
#formwrap .forminner{
width:980px;
margin:0 auto;
}
#formwrap .forminner .red{
color:#dd2e1e;
}
#formwrap .forminner table{
width:100%;
font-size:0.9em;
}
#formwrap .forminner table th, #formwrap .forminner table td{
text-align:left;
vertical-align:top;
padding:10px 0;
}
#formwrap .forminner table th{
font-weight:normal;
width:180px;
padding:12px 0 10px;
}
#formwrap .forminner table.conf{
font-size:1.0em;
}
#formwrap .forminner table.conf td{
text-align:left;
vertical-align:top;
padding:15px 30px;
border:1px solid #cacaca;
}
#formwrap .forminner table.conf th{
text-align:center;
vertical-align:top;
background:#f7f7f7;
width:200px;
padding:15px 0;
border:1px solid #cacaca;
}
#formwrap .forminner input[type="text"]{
display:block;
box-sizing:border-box;
width:720px;
padding:3px 10px;
border:1px solid #e3e3e3;
margin:0 0 10px;
}
#formwrap .forminner select{
border:1px solid #e3e3e3;
padding:0 2px;
width:78px;
margin:0 10px 0 0;
}
#formwrap .forminner select.long{
width:250px;
display:block;
margin:0 0 10px;
}
#formwrap .forminner .btn{
width:238px;
margin:30px auto 0;
position:relative;
border:1px solid #b9baba;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#b9baba;
background:linear-gradient(to bottom, #b9baba 0, #969697 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#b9baba', endcolorstr='#969697', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#4b4b4b;
display:block;
}
#formwrap .forminner .btn:after{
position:absolute;
top:50%;
left:15%;
margin:-3px 0 0;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#formwrap .forminner .btn input{
cursor:pointer;
position:relative;
border:none;
background:none;
display:block;
padding:10px 0 10px 17px;
text-align:center;
line-height:1;
width:100%;
font-size:16px;
color:#fff;
}
#formwrap .forminner .btn:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
#formwrap .forminner ul.lists{
padding:0 15px;
}
#formwrap .forminner ul.lists li{
display:inline-block;
padding:0;
margin:0 50px 10px 0;
}
#formwrap .forminner ul.lists li a{
display:inline-block;
line-height:1;
position:relative;
padding-left:17px;
margin-left:-17px;
text-decoration:underline;
color:#4b4b4b;
}
#formwrap .forminner ul.lists li a:hover{
text-decoration:none;
}
#formwrap .forminner ul.lists li a:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
}
#formwrap .forminner dl.center{
text-align:center;
}
#formwrap .forminner dl.center dt{
font-weight:bold;
margin-bottom:20px;
font-size:21px;
}
#stepbox{
background:url(../imgs/step_bg.png) left top no-repeat;
overflow:hidden;
zoom:1;
width:978px;
padding:0 1px;
margin:0 auto 30px;
}
#stepbox li{
width:326px;
float:left;
font-size:16px;
line-height:1.0;
font-weight:bold;
}
#stepbox li span{
display:table-cell;
width:326px;
height:55px;
text-align:center;
vertical-align:middle;
}
#stepbox li span.opa{
opacity:0.5;
}
#license2{
width:980px;
margin:0 auto 50px;
}
#license2 .red{
color:#dd2e1e;
}
#license2 table{
width:100%;
margin-bottom:20px;
}
#license2 input[type="checkbox"]{
margin:0 5px 0 20px;
}
#license2 table td{
text-align:left;
vertical-align:top;
padding:15px 30px;
border:1px solid #cacaca;
}
#license2 table th{
text-align:center;
vertical-align:top;
background:#f7f7f7;
width:200px;
padding:15px 0;
border:1px solid #cacaca;
}
#license2 .btn{
width:238px;
margin:30px auto 0;
position:relative;
border:1px solid #b9baba;
box-shadow:0 0 1px 0 #fff_100 inset;
background:#b9baba;
background:linear-gradient(to bottom, #b9baba 0, #969697 100%);
filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#b9baba', endcolorstr='#969697', gradienttype=0);
text-align:center;
line-height:1;
text-decoration:none;
color:#4b4b4b;
display:block;
}
#license2 .btn:after{
position:absolute;
top:50%;
left:15%;
margin:-3px 0 0;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#license2 .btn input{
cursor:pointer;
position:relative;
border:none;
background:none;
display:block;
padding:10px 0 10px 17px;
text-align:center;
line-height:1;
width:100%;
font-size:16px;
color:#fff;
}
#license2 .btn:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
.detailAreaTop .boxL .detailTtl:after{
display:none;
}
.login .hdrLogin2 .loginNav > ul > li > p.dr_login_menu:after{
display:inline-block;
margin:-3px 0 0 10px;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.login .hdrLogin2 .loginNav > ul > li > p.dr_login_menu{
margin-top:5px;
}
ul.itemlist{
padding:0 15px;
margin-bottom:20px;
}
ul.itemlist.last{
margin-bottom:40px;
}
ul.itemlist li{
display:inline-block;
padding:0;
margin:0 50px 10px 0;
}
ul.itemlist li.long{
width:230px;
margin:0 30px 10px 0;
}
ul.itemlist li.end{
margin:0;
}
ul.itemlist li a{
display:inline-block;
line-height:1;
position:relative;
padding-left:17px;
margin-left:-17px;
text-decoration:none;
color:#4b4b4b;
}
ul.itemlist li a:hover{
text-decoration:underline;
}
ul.itemlist li a:before{
position:absolute;
top:3px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
}
.contentsMbMS h5{
font-size:18px;
margin-bottom:10px;
}
.blankLink{
padding-left:22px;
background:url(../imgs/icon-blank.png) no-repeat left center;
}
/**
* responsive関数関連で
* PC Layoutに使用していたもの
*/
.w730, .w730{
width:100%;
max-width:730px !important;
line-height:2 !important;
}
.columnList ul.list02{
width:50%;
float:left;
}
.columnList ul.list02:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.columnList ul.list02 li{
width:100% !important;
float:none;
margin-top:0;
}
.redArrowLink{
padding-left:17px;
margin-left:17px;
position:relative;
text-decoration:none;
}
.redArrowLink:hover{
text-decoration:underline;
}
.redArrowLink:before{
position:absolute;
top:6px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:4px;
height:4px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
/**
* add basic grid
*/
.two_column_row ul:after{
content:"";
clear:both;
display:block;
}
.two_column_row li{
float:left;
width:50%;
}
.redarrowlink{
position:relative;
padding-left:14px;
}
.redarrowlink:before{
position:absolute;
top:8px;
left:0;
margin:auto;
content:"";
vertical-align:middle;
width:4px;
height:4px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.pageStyle #gNav .innerNav .navBoxBg.num02 .catBlock .inNum01 .minBlock ul.adcd_katsuyou_nav a:hover{
text-decoration:none;
}
#gNav .innerNav .navBoxWrap.twoColumn .navBox.tenjikaiNav{
padding-left:0;
}
#gNav .innerNav .navBoxWrap.twoColumn .navBox.tenjikaiNav > ul > li{
padding-left:14px;
}
p.strong{
font-weight:bold;
}
/**
* fix nav height
* @type{[type]}
*/
#headerRobot #gNav li:nth-child(4) .innerNav .navBoxBg.h390,
#headerRobot #gNav li:nth-child(5) .innerNav .navBoxBg.h390,
#headerRobot #gNav li:nth-child(7) .innerNav .navBoxBg.h390,
#headerSystemOffice #gNav li:nth-child(5) .innerNav .navBoxBg.h390,
.pageStyle #gNav .innerNav .navBoxBg.h390,
#gNav li:nth-child(7) .innerNav .navBoxBg.h390{
height:390px;
}
.pageStyle #gNav .innerNav .navBoxBg.h450{
height:450px;
}
.pageStyle #gNav .innerNav .navBoxBg.h475{
height:475px;
}
#gNav .innerNav.navStyle02 .inBlock.block01.leftBox{
width:750px;
}
#gNav .innerNav.navStyle02 .inBlock.block01.rightBox{
margin-right:0;
margin-left:0;
width:200px;
}
#gNav > ul > li > a.nowopen:after{
display:block;
content:"";
width:100%;
height:2px;
background:#dd2e1e;
position:absolute;
left:0;
bottom:-17px;
}
#headerSystemQr #gNav li .innerNav .navBoxBg.systemqritem li{
height:200px;
}
#headerSystemQr #gNav li .innerNav .navBoxBg.systemqritem li:nth-child(6),
#headerSystemQr #gNav li .innerNav .navBoxBg.systemqritem li:nth-child(7),
#headerSystemQr #gNav li .innerNav .navBoxBg.systemqritem li:nth-child(8),
#headerSystemQr #gNav li .innerNav .navBoxBg.systemqritem li:nth-child(9),
#headerSystemQr #gNav li .innerNav .navBoxBg.systemqritem li:nth-child(10){
margin-top:20px;
}
.supportList .topicsTtl,
.downloadList .topicsTtl{
line-height:normal;
}
.supportList .topicsTtl a,
.downloadList .topicsTtl a{
position:relative;
font-weight:bold;
margin-bottom:20px;
padding-bottom:10px;
font-size:24px;
text-decoration:none;
}
/**
* IE対策用
*/
@media all and (-ms-high-contrast:none){
.columnList ul li figure{
display:block;
}
.columnList ul li figure.center-icon{
display:table-cell;
}
.columnList ul li figure img{
height:100%;
}
}
.cat_en .columnList ul li .ttl1:before{
top:8px;
}
.gdpr_base{
width:100%;
background-color:#f7f7f7;
padding:10px 0px;
position:relative;
z-index:50;
}
.gdpr_txt{
width:100%;
max-width:1100px;
margin:10px auto;
position:relative;
padding-right:30px;
box-sizing:border-box;
}
.gdpr_link{
position:absolute;
top:-5px;
right:0px;
cursor:pointer;
}
.gdpr_close{
display:inline-block;
position:relative;
margin:0 20px 0 7px;
padding:0;
width:3px;
height:15px;
background:#7b7b7b;
transform:rotate(45deg);
}
.gdpr_close:before{
display:block;
content:"";
position:absolute;
top:50%;
left:-6px;
width:15px;
height:3px;
margin-top:-2px;
background:#7b7b7b;
}
/*AUTO-ID導入事例3列対応 20200128*/
.columnList.list3 ul li.bgGray figure{
display:block;
padding-bottom:10px;
width:100%;
height:auto;
text-align:center;
vertical-align:middle;
}
.columnList.list3 ul li.bgGray figure img{
width:100%;
height:auto;
vertical-align:middle;
}
.columnList.list3 ul .bgGray{
/*height:450px!important;*/
}
.columnList.list3 ul .bgGray:before{
display:block;
position:absolute;
top:0;
right:0;
z-index:-1;
content:"";
background:#f3f3f3;
width:354px;
height:100%;
}
.toplink{
position:relative;
}
.toplink .btn{
position:absolute;
top:15px;
right:0;
font-size:14px;
}
.toplink .btn a{
display:block;
padding-left:17px;
color:#4b4b4b;
text-decoration:none;
line-height:1;
position:relative;
}
.toplink .btn a:before{
position:absolute;
top:2px;
left:3px;
margin:auto;
content:"";
vertical-align:middle;
width:6px;
height:6px;
border-top:2px solid #dd2e1e;
border-right:2px solid #dd2e1e;
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}