@charset 'UTF-8';
/*===========================================
reset.css
!!!!! Do not edit !!!!!
===========================================*/

v\:line, v\:rect, v\:fill, v\:image, v\:stroke{ behavior: url(#default#VML); }

/*--------------------------------------------
  HTML5 Reset ::style.css
  -------------------------
  We have learned much from/been inspired by/taken code where offered from:
  Eric Meyer:http://ericmeyer.com
  HTML5 Doctor:http://html5doctor.com
  and the HTML5 Boilerplate:http://html5boilerplate.com
---------------------------------------------*/

/* Let's default this puppy out
--------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
p{
  margin-bottom:10px;
}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed{max-width:100%;}

html{overflow-y:scroll;}
.header-top ul, #breadCrumb ul, #sidebar ul{list-style:none;padding:0;}
ol.list-bracket {
  counter-reset: list;
}
ol.list-bracket > li {
  list-style: none;
}
ol.list-bracket li:before{
  content: "("counter(list) ") ";
  counter-increment: list;
}
blockquote, q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
th{font-weight:bold; vertical-align:top;}
td{font-weight:normal; vertical-align:top;padding:10px 15px;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select{vertical-align:top;}
pre{
  white-space:pre; /* CSS2 */
  white-space:pre-wrap; /* CSS 2.1 */
  white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap:break-word; /* IE */
}
input[type="radio"]{vertical-align:middle;}
input[type="checkbox"]{vertical-align:middle; *vertical-align:baseline;}
input[type="button"],
input[type="submit"]{-webkit-appearance:none; -webkit-border-radius:0;}

select, input, textarea{font:99% sans-serif;}
table{font-size:inherit; width:100%;}
a:hover, a:active{outline:none;}
small{font-size:85%;}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;} 
sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button{cursor:pointer;font-size:90%;}
button, input, select, textarea{margin:0;}
button{width:auto; overflow:visible;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{
  font-size:2.8rem;
  line-height: 1.2;
  padding:0 0 43px 0;
  font-weight: 600;
}
h2{
    font-size: 2.4rem;
    line-height: 1.2;
    color: #000;
    margin-bottom:15px;
    font-weight: 600;
}
h3{
  font-size:1.8rem;
  font-weight: bold;
  color:#333;
  margin-bottom: 27px;
}
h4{
  font-size:20px;
  font-weight: bold;
  line-height: 23px;
}
img{
}
em{font-style:normal;}

.hidden{
    color: transparent !important;
    padding: 0 20px !important;
    line-height: 0 !important;
}
.center{
  text-align:center;
}
/*===========================================
base.css
!!!!! Do not edit !!!!!

* Base Setting
* wrapper
* header
* header [media queries]
* breadCrumb
* contents
* footer
* popup page
* clearfix
===========================================*/

/*-------------------------------------------
Base Setting
-------------------------------------------*/
html{font-size:62.5%;}
body,select,input,textarea{
  font-size:100%;
  -webkit-text-size-adjust:none;
}
a{
  color:#014099;
  text-decoration:none;
  -webkit-tap-highlight-color:rgba(0,0,255,0.2)!important;
}
a:link{-webkit-tap-highlight-color:#014099;}
a:hover{text-decoration:none;}
caption{margin-bottom:5px; text-align:left;}
ins{background-color:#fcd700; color:#000; text-decoration:none;}
mark{background-color:#fcd700; color:#000; font-style:italic; font-weight:bold;}
select{height:1.8em;}
input{padding:0 2px;}
textarea{padding:2px;resize:vertical;width:98%;}

@media screen and (max-width:767px){
  a:hover{opacity:1!important;}
}

/*********************
Editable Properties [header]
*********************/
body,select,input,textarea{
    font: 1.6rem Helvetica, Arial, Tahoma, sans-serif;
    font-weight: 300;
    line-height: 1.8;
    color: #333;
}
.white{
  color:#fff;
}
.blue{
  color:#014099;
}
.light-blue{
  color:#7bc9ef;
}
.orange{
    color:#ff4f00;
}
.light-orange{
  color:#fbac2d;
}
.orange-bg{
  background:#ff4f00;
}
.light-orange-bg{
  background:#fbac2d;
}
.responsive{
  display:none;
}
.antiresponsive{
  display:block;
}
/*-------------------------------------------
wrapper
-------------------------------------------*/
#wrapper{width:1080px; margin:0 auto; text-align:left;}
#skipLink{position:absolute; left:-9999px;}


/*-------------------------------------------
header
-------------------------------------------*/
#headerWrap{position:fixed; z-index:101; background-color:#fff; width:1280px; height: 110px; margin-left:-100px;}

/* logo
---------------------------------*/
header #logo{position:absolute; top:20px; left:100px; z-index:105;}
header #logo p{
    display: inline-block;
    vertical-align: middle;
}
header #spMenuBtn{display:none;}
header #logo .groupLogo img{vertical-align: top;}
header #logo .siteLogo a{display:inline-block; height: auto;}
header #logo .siteLogo a img{}
header #logo .siteLogo{padding:14px 0 0 25px;}
header #logo .originalLogo{padding:14px 0 0 0;}
header #logo .groupLogo img{width:192px;}

/* siteFunctions
---------------------------------*/
#siteFunctions{
  position:fixed;
  z-index:99;
  width:1080px;
  left:50%;
  margin-left:-540px;
  /*height:85px;*/
  background-color:#fff;
}
#siteFunctions a{color:#333;}
#siteFunctions a:hover{text-decoration:none; color:#999;}
#siteFunctions.hideGnavHeader{height:110px;}

/* searchSet
---------------------------------*/
#searchSet{position:absolute; top: 151px; width:100%; background-color: #fff; display: none;}
#drawer.current #searchSet,
#drawer.noGnav #searchSet{top: 110px;}
#searchSet form input{display:inline-block; outline:none; font-size:2rem;}
#searchSet form input[type="text"]{
  width:85%;
  height:45px;
  box-sizing: border-box;
  border:#e5e5e5 1px solid;
  line-height: 45px;
  padding:5px 20px;
  background-color: #fff;
}
#searchSet form input.focusOff{color:#ccc;}
#searchSet form input[type="submit"]{
  width:15%;
  height: 45px;
  background-color:#014099;
  border:none;
  color:#fff;
}
#searchSet form input[type="submit"]:hover{opacity: 0.8;}

/* globalNav
---------------------------------*/
#gnavOverlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 98;
  top: 151px;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
#gnavOverlay.current,
#gnavOverlay.noGnav{top: 110px;}

#gNavSP{display: none;}
#globalNav{
  position:fixed;
  z-index:999;
  width:1280px;
  top:110px;
  height: 41px;
  background-color: #fff;
  margin-left: -100px;
}
#globalNav.hideGnav{display:none;}
#globalNav ul.parentNav{padding-left:100px;}
#globalNav ul.parentNav > li > a{font-weight: 600;}
#globalNav ul li{float:left;}
#globalNav ul li a{
    padding: 5px 15px;
    font-size: 1.4rem;
    color: inherit;
}
#globalNav ul li:first-child a{padding-left:0;}
#globalNav ul li.lowerOpen a{color:#014099;}
#globalNav ul li a.current{color:#014099;}
#globalNav ul li a.off{color:#ccc;}
#globalNav ul li a.off:hover,
#globalNav ul li a:hover{text-decoration:none; color:#014099;}
#globalNav ul li a.menuToggle{display:none;}
#globalNav > p{
  position:relative;
  display:none;
  width:1080px;
  height:42px;
  margin:-60px auto 0;
  text-align:center;
  overflow:hidden;
}
#globalNav.close p{display:block; padding-bottom:18px;}

/* subGnav */
#globalNav ul li .subGnav{
  display:none;
  position:absolute;
  top:41px;
  left:100px;
  width:1080px;
  background-color:#fff;
  overflow:hidden;
}
#globalNav ul li .subGnav .subInner{display:table; position:relative; width: 100%;}
#globalNav ul li .subGnav .category{
  display:table-cell;
  position:relative;
  width:21%;
  padding:37px 30px 30px;
  background:#014099;
  color:#fff;
  vertical-align: top;
  box-sizing: border-box;
}
/*#globalNav ul li .subGnav .category:before{content:''; float:left; min-height:130px;}*/
#globalNav ul li .subGnav a.category:hover{background-color:#034bb1;}
#globalNav ul li .subGnav .category a{color:#fff;}
#globalNav ul li .subGnav .category .heading{font-size:2rem; font-weight:bold; line-height:1.2;}
#globalNav ul li .subGnav .category .outline{margin-top:10px;}
#globalNav ul li .subGnav .menus{
  display: table-cell;
  width:79%;
  padding:30px 30px 30px 0;
  vertical-align: middle;
  box-sizing: border-box;
}
#globalNav ul li .subGnav .menus a{font-size: 1.6rem; padding:3px 10px;}
#globalNav ul li .subGnav .menus ul{display:table-cell; vertical-align:top; box-sizing: border-box; padding-left:30px; width: 40%;}
#globalNav ul li .subGnav .menus ul:last-child li{border:none;}
#globalNav ul li .subGnav .menus ul li{float:none;}
#globalNav ul li .subGnav .menus ul li a{display:inline-block;}
#globalNav ul li .subGnav .menus ul li.blank a{position: relative;}
#globalNav ul li .subGnav .menus ul li.blank a::after{display: inline-block;}
#globalNav ul li .subGnav .menus p.top{padding:0 0 13px 30px; font-size: 1.8rem; font-weight: bold;}

/* regionLang
---------------------------------*/
#selectRegion {
  display: none;
  position: absolute;
  top: 151px;
  z-index: 103;
  width:100%;
}
#drawer.current #selectRegion,
#drawer.noGnav #selectRegion{top: 110px;}
#selectRegion nav{display: table; width:100%;}
#selectRegion .regionHead {
  display: table-cell;
  box-sizing: border-box;
  width:21%;
  padding: 37px 30px 30px;
  vertical-align:top;
  background-color:#014099;
  color:#fff;
  font-size:2rem;
  font-weight: bold;
}
#selectRegion .regionList{
  display: table-cell;
  vertical-align: top;
  width: 79%;
  padding: 30px 30px 30px 40px;
  box-sizing: border-box;
  background-color: #fff;
}
#selectRegion .regionList ul{vertical-align: top; float:left; margin-left:100px;}
#selectRegion .regionList ul:nth-of-type(1){margin-left: 0;}
#selectRegion .regionList ul li{ margin-bottom:10px;}
#selectRegion .regionList ul li a{font-weight: bold;}

#subFunctions{position:absolute; top:10px; right:0; font-size:1.2rem;}
#subFunctions .langSelect{float:left; position:relative; font-family:Helvetica,Arial,sans-serif;}
#subFunctions .langSelect a{padding:1px 7px; line-height:1.2; color:#b2b2b2; border-left:#ccc 1px solid;}
#subFunctions .langSelect span + a{background:none;}
#subFunctions .langSelect span{padding-right:10px;}
#subFunctions .langSelect a.active{color:#333; font-weight:bold;}

#subFunctions .otherLink{float:right; margin:0 0 0 20px; padding-left:20px; border-left:#dcdcdc 1px solid; height: 20px;}
#subFunctions .otherLink:last-child{border:none;}
#subFunctions .otherLink a{display:block;}

/* funcBtns
---------------------------------*/
#funcBtns{position:absolute; top:60px; right:0; overflow: hidden;}
#funcBtns li{display:inline-block; height:20px; margin-left:30px;}
#funcBtns li span{display:block; width:20px; height: 20px; cursor: pointer;}
#funcBtns li span:hover{opacity:0.7;}
#funcBtns li#searchOpen{}
#funcBtns li#contactLink{
  width:auto;
  height:auto;
}
#funcBtns li#contactLink a{font-size:1.4rem;}
#funcBtns li#contactLink a:hover{text-decoration: none; opacity:0.7;}
#funcBtns #gnavTrigger {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
#funcBtns #gnavTrigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
#funcBtns #gnavTrigger span,
#funcBtns #gnavTrigger::before,
#funcBtns #gnavTrigger::after {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 2px;
}
#funcBtns #gnavTrigger::before,
#funcBtns #gnavTrigger::after{content: '';}
#funcBtns #gnavTrigger::before {top: 1px;}
#funcBtns #gnavTrigger span{top: 9px;}
#funcBtns #gnavTrigger::after {top: 17px;}
[class^="icon-"], [class*=" icon-"], #funcBtns li#searchOpen span::before, #funcBtns li#regionOpen span::before, ul.iconLink li.newWindow a::after, a.newWindow::after, span.newWindow::after, .listBox.linkBlank::after, .productDetail .toBrandSite a::after, .linksWrap ul li.icon a::after, #searchSet form::before, #globalNav ul li .subGnav .menus ul li.blank a::after, #gNavSP ul li .subGnav .menus ul li.blank a::after {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#funcBtns li {
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 20px;
    color: #83979d;
}
#funcBtns li:hover {
    opacity: 0.7;
}

/*-------------------------------------------
header media queries
-------------------------------------------*/
  @media screen and (min-width:768px){
    #wrapper{width:1080px!important;}
    #siteFunctions{display:block!important;}
    #drawer{height:auto!important;}
  }

  @media screen and (max-width:767px){
    /*body,select,input,textarea{font-size:13px;}*/
    .hidden{
      line-height: 1.8 !important;
      color: #014099 !important;
      padding:10px 20px !important;
    }
    .responsive{
      display:block;
    }

    .antiresponsive{
      display:none;
    }
    td{
      font-size:60% !important;
    }
    #wrapper{width:100%; min-width:320px; background-color:#fff;}
    #headerWrap{width:100%; height:auto; margin: 0;}
    #headerWrap.hideGnavHeader{height:42px;}
    /*#globalNav.hideGnav{display:block;}*/
    header #logo{display:block; position:relative; top:inherit; left:0; display:block; height: 50px; padding-left:12.5px; overflow:hidden;}
    header #logo .groupLogo{ padding-top:15px;}
    header #logo .groupLogo img{width:73px;}
    header #logo .siteLogo{ margin:0; padding:0;width:50%;}
    header #logo .siteLogo img{vertical-align:middle;}
    header #logo .originalLogo img{width:110px; height:12px;}
    
    /* spMenuBtn
    ---------------------------------*/
    header #logo #spMenuBtn{position: absolute; top:3px; right: 0; display: block;}
    header #logo #spMenuBtn span {
      display: inline-block;
      -webkit-transition: all .4s;
      transition: all .4s;
      box-sizing: border-box;
    }
    header #logo #spMenuBtn a {
      position: relative;
      display:block;
      width: 45px;
      height: 45px;
      box-sizing: border-box;
    }
    header #logo #spMenuBtn span {
      position: absolute;
      right:10px;
      width: 20px;
      height: 2px;
      background-color: #014099;
    }
    header #logo #spMenuBtn span:nth-of-type(1) {top: 13px;}
    header #logo #spMenuBtn span:nth-of-type(2) {top: 20px;}
    header #logo #spMenuBtn span:nth-of-type(3) {top: 27px;}
    header #logo #spMenuBtn .active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
    header #logo #spMenuBtn .active span:nth-of-type(2) {opacity: 0;}
    header #logo #spMenuBtn .active span:nth-of-type(3) { -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); }

    #siteFunctions {
      display: none;
      position: fixed;
      z-index: inherit;
      width: 100%;
      height: 100%;
      top:50px; right:0; bottom:0; left: 0;
      margin-left: 0;
      padding:0;
      box-sizing: border-box;
      background-color: #014099;
    }
    #siteFunctions a:hover{color:#fff!important;}
    #drawer{
      display: block;
      position: relative;
      padding:10px 20px;
      overflow-y:scroll;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
    }
    #siteFunctions.hideGnavHeader {height: inherit;}

    #searchSet,
    #contactLink,
    #regionLang,
    #funcBtns,
    #subFunctions,
    #selectRegion{display:block!important; position: relative; top:inherit!important;}
    #gnavOverlay{display:none!important;}

    /* searchSet
    ---------------------------------*/
    #searchSet{display:block; position:relative; top:0!important; padding:10px 0; background-color: inherit; border-bottom:#0a53bb 1px solid;}
    #searchSet form{float:none;}
    #searchSet form{width:100%; margin:0; height:inherit;}
    #searchSet form::before{
      display: block;
      width: 17px;
      height: 17px;
      position:absolute;
      top:22px;
      left:10px;
      font-size:17px;
    }
    #searchSet form input[type="text"]{
      font-size:16px;
      width: 78%;
      height:40px;
      line-height: 35px;
      padding: 5px 5px 5px 35px;
      border:none;
      border-radius:0;
    }
    #searchSet form input[type="submit"] {
      width: 22%;
      height: 40px;
      background-color: #022b66;
      border: none;
      border-radius:0;
      font-size:1.4rem;
    }

    /* globalNav
    ---------------------------------*/
    #gnavTrigger,
    #globalNav{display: none!important;}
    #gNavSP{position:relative; display: block;}
    #gNavSP ul li a{/*padding:5px 15px; font-size:1.4rem;*/}
    #gNavSP ul li a.menuToggle{
      position:absolute;
      display:inline-block;
      top:10px;
      right:3%;
      margin:0;
      padding:0;
      width:24px;
      height:24px;
      cursor:pointer;
    }
    #gNavSP ul li a.menuToggle::before{
      content:'';
      display:inline-block;
      width:8px;
      height:8px;
      border-top:#fff 2px solid;
      border-right: #fff 2px solid;
      -ms-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      margin: -5px 0 0 5px;
      vertical-align: middle;
    }
    #gNavSP ul li.noList a.menuToggle{display:none;}
    #gNavSP ul li a.menuToggle.open::before{
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    #gNavSP>ul>li{border-bottom:#0a53bb 1px solid;}
    #gNavSP ul>li{position:relative;}
    #gNavSP ul li a{display:inline-block; color:#fff; padding:10px; font-size:15px;}
    #gNavSP ul li a:hover{text-decoration:none;}

    /* subGnav */
    #gNavSP ul li .subGnav{display:none; position:relative;}
    #gNavSP ul li.lowerOpen .subGnav{display:block;}
    #gNavSP ul li .subGnav .category{display:none;}
    #gNavSP ul li .subGnav .menus{padding:0 0 10px 20px;}
    #gNavSP ul li .subGnav .menus ul li a,
    #gNavSP ul li .subGnav .menus p.top a{display:block; padding:3px 10px;}
    #gNavSP ul li .subGnav .menus ul li a:hover{text-decoration:none; color:#999;}
    #gNavSP ul li .subGnav .menus ul li.blank a{position: relative;}
    #gNavSP ul li .subGnav .menus ul li.blank a::after{
      position: absolute;
      top:5px; right: 5%;
      display: block;
      width: 14px;
      height: 14px;
    }
    #gNavSP #noSubGnav .menuToggle,
    #gNavSP #noSubGnav .subGnav{display: none;}
    
    /* contactLink
    ---------------------------------*/
    #searchOpen,
    #regionOpen{display: none!important;}
    #funcBtns{right:inherit;}
    #funcBtns li#contactLink{
      display: block;
      height: auto;
      padding: 0;
      margin:20px 0;
    }
    #funcBtns li#contactLink a{
      display:block;
      padding:10px;
      text-align:center;
      color:#000;
      background-color:#fff;
    }
    #funcBtns li#contactLink a:hover{text-decoration:none; color:#000!important;}
    
    /* langSelect
    ---------------------------------*/
    #regionLang{margin:0; padding:0;}
    #subFunctions .langSelect{float:none; margin:15px 0; overflow:hidden;}
    #subFunctions .langSelect a,
    #subFunctions .langSelect span + a{
      display:block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width:32%;
      float:left;
      padding:7px;
      margin:0 0 0 2%;
      color:#fff;
      background:#022b66;
      border:none;
      text-align:center;
      line-height:inherit;
      font-size:1.4rem;
    }
    #subFunctions .langSelect a:hover{text-decoration:none;}
    #subFunctions .langSelect span + a{margin:0;}
    #subFunctions .langSelect span{clear:both; display:block; margin-bottom:7px; font-size:1.4rem; color:#fff;}
    #subFunctions .langSelect a.active{color:#fff;}

    #subFunctions .otherLink{margin:10px 0 0 0; float:none; height: auto; padding:0; border:none;}
    #subFunctions .otherLink a,
    #subFunctions .otherLink a:hover{
      display:block;
      padding:10px;
      text-align:center;
      color:#fff;
      background:none;
      background-color:#022b66;
    }

    /* selectRegion
    ---------------------------------*/
    #selectRegion nav{display: block; min-height: 0; margin-top:20px;}
    #selectRegion .regionHead {
      display: block;
      width:100%;
      margin-bottom:7px;
      padding:0;
      font-size: 1.4rem;
      font-weight: normal;
    }
    #selectRegion .regionList{
      display: block;
      width:100%;
      padding:0;
      background-color: inherit;
      overflow:hidden;
      box-sizing: border-box;
    }
    #selectRegion .regionList ul{display:inline; margin:0; float:none;}
    #selectRegion .regionList ul li{margin-bottom:10px; background-color:#022b66; width:32%; margin:0 0 2% 0; text-align:center; float:left; display: block; box-sizing: border-box;}
    #selectRegion .regionList ul:nth-of-type(1) li:nth-of-type(2),
    #selectRegion .regionList ul:nth-of-type(3) li,
    #selectRegion .regionList ul:nth-of-type(4) li:nth-of-type(3n+3){margin:0 2% 2%;}
    #selectRegion .regionList ul li a{display:block; font-size:1.4rem; font-weight: normal; padding:7px; color:#fff;}
    #selectRegion .regionList ul li a span{display: none;}
    #selectRegion .regionList ul li a:before{content:attr(data-jis);color:#fff;}
  }



/*-------------------------------------------
breadCrumb
-------------------------------------------*/
#breadCrumb{ margin-bottom:20px; font-size:1.2rem; clear:both;}
#headerWrap + #breadCrumb{padding-top:121px;}
#breadCrumb ul{
  padding:0;
}
#breadCrumb li{
  float:left; white-space:nowrap;
  margin-right:5px;
  padding-top:3px;
  color:#999;
  line-height:1.2;
  white-space:normal;
}
#breadCrumb li::before{content:'>'; font-family: verdana,sans-serif; padding:0 3px;}
#breadCrumb li:first-child::before{padding-left:0; content:'';}
#breadCrumb li a{color:#999;}
#breadCrumb li a:hover{text-decoration:none;opacity: 0.7;}

  @media screen and (max-width:767px){
    #breadCrumb{margin:10px 0;font-size:85%;}
    #breadCrumb ul{padding:0 5px;}
/*    .fixedPadding,
    .hideGnavPadding{padding-top:42px!important;}*/
  }


/*-------------------------------------------
contents
-------------------------------------------*/
#contents{background-color:#fff; clear:both;}
#headerWrap + #contents{padding-top:120px;}
#globalNav + #contents{padding-top:151px;}
#contents #main{float:left; width:800px;}

/* sidebar
---------------------------*/
#sidebar{float:right; width:260px;}
#sidebar dl dt{color:#fff; line-height:1.3; font-size:1.8rem;}
#sidebar dl dt a{display:block; padding:15px; background-color:#014099; color:#fff;}
#sidebar dl dt a:hover{background-color:#666; text-decoration:none;}
#sidebar dl > dd > ul{border-bottom:#e5e5e5 1px solid;}
#sidebar dl dd li{border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; background-color:#fff; font-size:1.4rem;}
#sidebar dl > dd > ul > li:nth-of-type(1){padding-top:5px;}
#sidebar dl dd li a{display:block; padding:7px 20px; line-height:1.4; color:#000; text-decoration:none;}
#sidebar dl dd li a:hover{background-color:#eef4f9;}
#sidebar dl dd li.active a{font-weight:bold; color:#004097;}
#sidebar dl dd li.active li a{font-weight:normal; color:#5c5c5c;}

#sidebar dl dd li ul{margin:-5px 0 0 0;}
#sidebar dl dd li li{border:none;}
#sidebar dl dd li li.active a,
#sidebar dl dd li li li.active li.active a{font-weight:bold; color:#004097;}
#sidebar dl dd li li.active li a,
#sidebar dl dd li li li.active li a{font-weight:normal; color:#5c5c5c;}
#sidebar dl dd li li li.active a{font-weight:bold; color:#004097;}

#sidebar dl dd li li a{padding:5px 10px 5px 40px; background-position:23px 13px;}
#sidebar dl dd li ul ul{padding:0 0 5px;}
#sidebar dl dd li li li a{padding-left:60px; background-position:36px 13px;}
#sidebar dl dd li li li li a{padding-left:66px; background-position:36px 13px;}
#sidebar dl dd li a span.subname{display:block; padding:3px 0 0 0; background:none; font-size:1.2rem;}
#sidebar dl dd li.appear{display:none;}


/* sidebar [contact]
---------------------------*/
#sidebar .contact{margin-top:15px;}
#sidebar .contact a{
  display:block;
  text-align:center;
  padding:18px 10px;
  background-color:#fff;
  border:#eaeaea 1px solid;
  color:#333;
  font-size:14px;
}
#sidebar .contact a:hover{
  color:#fff;
  background-color:#004097;
  text-decoration:none!important;
}

/* sidebar [localNav]
---------------------------*/
#sidebar #localNav{margin-top:15px; border-bottom: none; border-top:#eaeae8 1px solid;}
#sidebar #localNav li{width:auto; border:#eaeae8 1px solid; border-top:none;}
#sidebar #localNav li:nth-of-type(1){padding-top:0px;}
#sidebar #localNav li a{padding:10px 15px;}
#sidebar #localNav li a:hover{background-color:#eef4f9;}


/* ------------------------------------------
footer
--------------------------------------------- */
footer{padding:77px 0 20px; clear:both; font-size:1.2rem; text-align: center;}
footer .footLinks li{display:inline-block; border-right:#e5e5e5 1px solid; line-height:1.5;}
footer .footLinks li:first-child{border-left:#e5e5e5 1px solid;}
footer .footLinks li a{padding:0 30px; color:#000;}
footer #copyright{width:auto; margin:0 auto;}
footer #groupLogo{margin:30px auto 15px;}
footer #groupLogo img{width:194px; margin:0 auto;}

/* footerNav
---------------------------*/
body#sitemap #footerNav{display: none;}
#footerNav{text-align: left; padding:0 30px;}
#footerNav + .footLinks{margin-top:30px;}
#footerNav a{color:#000;}
#footerNav > ul.parentNav > li{float:left; margin-left:50px;}
#footerNav > ul.parentNav > li > a{display: none;}
#footerNav .subGnav .category .heading{display: inline-block; font-size: 1.8rem; font-weight: bold; margin-bottom:10px; line-height: 1.2;}
#footerNav .subGnav .category .outline{display: none;}
#footerNav .subGnav .menus .top{display: none;}
#footerNav .subGnav .menus a{color:#5e5e5e; font-size: 1.4rem;}

/* pagetop
---------------------------*/
.pagetop{
  position: fixed;
  bottom: 50px;
  right: 50px;
}
.pagetop > a {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #999;
}
.pagetop > a:hover{background-color: #aaa;}
.pagetop > a::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

  @media screen and (max-width:767px){
    footer{padding:20px 0 10px; text-align: left;}
    footer #footerInner p#copyright{color:#999;}
    footer #footerNav{display: none;}
    #footerNav + .footLinks{margin-top:0;}
    footer .footLinks{margin:0; padding:0 20px;}
    footer .footLinks li{display:block; border:none; margin-bottom: 5px;}
    footer .footLinks li:first-child{border:none;}
    footer .footLinks li a{padding:2px;}
    footer #copyright{width:auto; font-size:71%; margin:0 0 0 20px;}
    footer #groupLogo {margin: 20px 0 0; padding: 10px 20px; border-top: #e5e5e5 1px solid; }
    footer #groupLogo img{width:175px;}
    .pagetop {bottom: 20px; right: 0; }
  }


/*-------------------------------------------
popup page
-------------------------------------------*/
/* wrapper
---------------------------*/
body.popup #wrapper{
  width:1080px;
  margin:0 auto;
  text-align:left;
}

/* header
---------------------------*/
body.popup header{position:fixed; z-index:101; background-color:#fff; width:1080px; padding:20px 0; top:0; border-bottom:#eaeaea 1px solid;}
body.popup header p{float:left;}
body.popup header .siteLogo{padding:14px 0 0 25px;}
body.popup header .siteLogo a img{vertical-align: top;}
body.popup header .offleft{float:right; margin:10px 0 0;}
body.popup header .offleft a:hover{opacity:0.7;}
body.popup header .groupLogo img{width:192px;}

/* content
---------------------------*/
body.popup #contents{padding-bottom:20px;}
body.popup header + #contents{padding:103px 0 20px;}
body.popup header + #breadCrumb{padding:123px 0 0;}
body.popup h1{
  border:none;
  padding:0;
  color:#014099;
  font-weight:bold;
  margin:50px 0 15px;
  line-height:1;
  text-align:center;
}
body.popup .conBlock{width:900px; margin:0 auto 20px; text-align:center;}
body.popup .conBlock02{width:900px; margin:0 auto 20px;}
body.popup .conBlock02 ul{padding:25px 30px; border:1px solid #e7e7e7; text-align:left;}
body.popup .conBlock02 li{padding-left:1em; text-indent:-1em;}
body.popup .conBlock03{padding-bottom:265px; text-align:center;}
body.popup .conBlock03 .inqBtn a{display:inline-block; padding:8px 20px; background-color:#014099; color:#fff; font-size:1.8rem; font-weight:bold;}
body.popup .conBlock03 .inqBtn a:hover{text-decoration:none; background-color:#00265b;}
body.popup .pageTop{text-align:right;}

@media screen and (max-width:767px){
  body.popup #wrapper{width:100%; min-width:320px; background-color:#fff;}
  body.popup header{width:100%; height:50px; padding:0 0 0 12.5px; box-sizing: border-box;}
  body.popup header .groupLogo{float:left; padding-top:15px;}
  body.popup header .groupLogo img{width: 73px; vertical-align: top;}
  body.popup header .siteLogo{float:left; margin:0; padding:20px 0 0 8px;}
  body.popup header .siteLogo img{vertical-align:middle;}
  body.popup header .offleft{margin:10px 10px 0 0; width:16px; height:19px;}
  body.popup #contents{padding:0 10px;}
  body.popup header + #contents{padding:50px 10px 20px;}
  body.popup header + #breadCrumb{padding:50px 0 0;}
  body.popup h1{margin:20px 0 15px;}
  body.popup .conBlock{width:100%;}
  body.popup .conBlock02{width:100%;}
  body.popup .conBlock02 ul{padding:15px;}
  body.popup .conBlock03{padding-bottom:30px;}
  body.popup .conBlock03 a{display:block; width:80%; margin:0 auto; padding:10px; background-color:#013e94; color:#fff; font-size:1.8rem;}
  body.popup .conBlock03 a img{display:none;}
}


/*-------------------------------------------
clearfix
-------------------------------------------*/
.clearfix:after,
header:after,
header #logo:after,
#regionLang:after,
#globalNav ul:after,
#breadCrumb ul:after,
#contents:after,
footer:after,
footer ul:after{content:''; display:block; clear:both; height:0; overflow:hidden;}
.clearfix{clear:both;}
.intro{
  background: #014099;
  padding:30px;
  margin-top:-60px;
  position:relative;
}
.header-top{
  min-height:150px;
}


/* columns */
.row{
  margin-top:47px;
}
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
  position: relative;
  margin-right: 4%;
  float: left;
}
.one_full {
  width: 100%;
}
.one_half {
  width: 48%;
}
#toray_toyolac .linksWrap .one_half{
  width:50%;
}
#toray_toyolac .one_half.first-intro{
  margin-bottom:0 !important;
}
.one_third {
  width: 30.650%;
}
.pdf-link.one_third{
  width: 34.65%;
}
.one_fourth {
  width: 22%;
}
.one_fifth {
  width: 16.800%;
}
.two_third {
  width: 65.350%;
}
.three_fourth {
  width: 74%;
}
.last {
  margin-right: 0 !important;
  clear: right;
}
.readmore-btn{
    border: #a7a7a7 2px solid;
    padding: 8px 15px;
    color: #014099;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
}
.readmore-btn:hover{
    text-decoration: none;
    opacity: 0.7;
}
.readmore-btn i{
  font-size:20px;
  font-weight: bold;
}
a.box{
  display:block;
  background-color: #eff4fa;
}
a.box:hover{
  opacity: 0.7;
  text-decoration: none;
}
a.box-blue{
  background:#014099;
}
a.box-blue h3{
  color:#fff;
  text-align:right;
}
.box-desc{
    padding: 15px 15px 21px 30px;
}
.abtus_content .box{
  width:100%;
  text-align:center;
}
.abtus_content .box .box-img, .abtus_content .box .box-desc{
  display:inline-block;
  vertical-align: middle;
}
.abtus_content .box .box-desc{
  padding:0;
  width:25.5%;
  color:#fff;
}
.abtus_content a.box{
  background-color:#004098;
}
.mission_box{
  display:inline-block;
  vertical-align: top;
  width:50%;
  border-right:1px solid #d8d8d8;
  margin-right:-5px;
}
.mission_box:last-child{
  border:0;
}
.mission_desc{
  padding:20px;
}
.mission_desc:first-child{
  border-bottom:1px solid #d8d8d8;
}
.biz-banner{
  margin-top:-6%;
  text-align:right;
  padding-right:30px;
}
.automotive{}
.automotive tr{
  border-bottom:1px solid #d8d8d8;
}
.automotive td{
  border-right:1px solid #d8d8d8;
  padding:5px;
}
.automotive td:first-child{
  width:29%;
}
.automotive td:last-child{
  border-right:0;
}
@media only screen and (min-width: 480px) and (max-width: 767px){
  .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
      margin-right: 0%;
    }
    .one_half {
      width: 100%;
      margin-bottom: 40px;
    }
    #toray_toyolac .linksWrap .one_half{
      width:100%;
    }
    .one_third {
      width: 100%;
      margin-bottom: 40px;
    }
    .one_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
    .one_fifth {
      width: 100%;
      margin-bottom: 40px;
    }
    .two_third {
      width: 100%;
      margin-bottom: 40px;
    }
    .pdf-link.one_third{
      width:100%;
    }
    .three_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
    .linksWrap .pdf-link .pdf-download{
      width:100%;
    }
}
@media only screen and (max-width: 480px){
  .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
      margin-right: 0%;
    }
    .one_half {
      width: 100%;
      margin-bottom: 40px;
    }
    #toray_toyolac .linksWrap .one_half{
      width:100%;
    }
    .one_third {
      width: 100%;
      margin-bottom: 40px;
    }
    .pdf-link.one_third{
      width:100%;
    }
    .one_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
    .one_fifth {
      width: 100%;
      margin-bottom: 40px;
    }
    .two_third {
      width: 100%;
      margin-bottom: 40px;
    }
    .three_fourth {
      width: 100%;
      margin-bottom: 40px;
    }
    .linksWrap .pdf-link .pdf-download{
      /*width:100%;*/
    }   
  .header-top{
    min-height:50px;
  }
  .row{
    margin-top:25px;
  }
  .intro{
    margin-top:0;
  }
}

  @media screen and (max-width:767px){

    html, body, body div, span, object, iframe, h3, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
      /*font-size:90%;*/
    }
    #sidebar dl dt a{
      font-size:20px;
    }
    .box-desc{
      padding: 10px 15px 15px 30px;
    }
    #contents{margin:0 10px;}
    .row{margin:25px 10px 0 10px;}
    #headerWrap + #contents,
    #globalNav + #contents{padding-top:50px!important;}
    #contents #main{float:none; width:100%;}
    #contents #sidebar{float:none; width:100%; margin-top:30px;}
    #sidebar dd ul li{display:none;}
    #sidebar dd ul li.appear{display:block!important;}
    #sidebar dd ul li.appear li{display:block!important;}
    #sidebar #localNav li{display:block;}
    #sidebar dl dd li a span.subname{display:inline; padding-left:5px;}
    #sidebar nav{padding:10px; background-color:#f0f0f0; border:#eaeaea 1px solid;}
    #sidebar .contact a{padding:10px; height:auto;}
    #sidebar .contact a:hover{background-color:#014099; color:#fff;}
    .abtus_content .box .box-desc{
      width:100%;
      padding:15px 15px 0 30px;
    }
    .biz-banner{
      margin-top:-15%;
    }
  }

.home-page-blog {
    /*padding: 80px 0;
    background: #eff2f6;*/
}
.home-page-blog .blog-content {
    margin: 0 auto;
    width: 95%;
}
.home-page-blog .bi-content {
    padding: 20px;
    background: #fff;
    box-shadow: 0 1px rgba(0,0,0,.15);
    text-align: left;
    width: 100%;
}
.home-page-blog .bi-content:hover{
  /*background: #2098D1;*/
}
.home-page-blog .post-date {
    display: block;
    margin: 0 0 5px;
    color: #014099;
    font-weight: bold;
}
.home-page-blog ul{
  padding:0;
}
.home-page-blog ul li{
  list-style: none;
  position: relative;
  z-index: 9;
  margin-bottom: 15px;
  cursor:pointer;
}
.home-page-blog .blog-list {
    position: relative;
    overflow: hidden;
    padding: 30px 0 50px;
}
.home-page-blog .blog-content {
    text-align: center;
}
.home-page-blog .blog-list:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    background: #c6d1de;
    content: "";
    z-index: 1
}
@media (min-width: 769px){
.home-page-blog .blog-item:nth-child(2n+1) {
    float: left;
    padding: 0 25px 0 0;
}
.home-page-blog .blog-item:nth-child(2n) {
    float: right;
    padding: 0 0 0 25px;
}
.home-page-blog .blog-item:first-child {
    margin: 0;
}
.home-page-blog .blog-item {
    position: relative;
    clear: both;
    margin: -25px 0 0;
    width: 50%;
}
.home-page-blog .blog-item:nth-child(2n+1):before {
    right: 16px;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #fff;
}
.home-page-blog .blog-item:nth-child(2n):before {
    left: 16px;
    border-width: 9px 9px 9px 0;
    border-color: transparent #fff transparent transparent;
}
.home-page-blog .blog-item:before {
    position: absolute;
    top: 25px;
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
}
.home-page-blog .blog-item:nth-child(2n+1) .bi-content {
    text-align: right;
}
.home-page-blog .blog-item:nth-child(2n+1):after {
    right: -4px;
}
.home-page-blog .blog-item:nth-child(2n):after {
    left: -5px;
}
.home-page-blog .blog-item:after {
    position: absolute;
    top: 29px;
    width: 9px;
    height: 9px;
    border: 2px solid #c6d1de;
    border-radius: 50%;
    background: #e9eff6;
    content: "";
}
}

/* Style the tab */
.tab {
    overflow: hidden;
    border-bottom:4px solid #f3d803;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 15px;
    transition: 0.3s;
    background: transparent;
}

/* Change background color of buttons on hover */
.tab button:hover, .tab button.active {
    background-color: #004097;
    color:#fff;
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 20px 0;
    border-top: none;
    animation: fadeEffect 1s;
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


.accordion {
    color: #7bc9ef;
    cursor: pointer;
    transition: 0.4s;
}
.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
    content: "";
    display: table;
    clear: both;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
}
.w3-container ul{
  list-style: none;
  padding:0;
}
.w3-container ul li{
  display: inline-block;
  padding-right:10px;
  padding-bottom:5px;
}
.w3-container ul li a{
  background:#7dc8ef;
  color:#fff;
  text-align: center;
  padding:5px 15px;
  font-size:12px;
}
.w3-container ul li a:hover{
  text-decoration: none;
  background: #a7a7a7;
}
.w3-hide {
    display: none!important;
}
.w3-show-block, .w3-show {
    display: block!important;
}
button, input {
    overflow: visible;
}
.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w3-block {
    display: block;
    width: 100%;
}
.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}
.toyolac-title{
  border-bottom: 1px solid #afafaf;
  margin-bottom: 0;
  display:inline-block;
  width: 100%;
}
.toyolac-title h3{
  margin-bottom:0;
}
.toyolac-title .one_third, .toyolac-title .two_third{
  margin-bottom: 0 !important;
}
.toyolac-info{
  border-bottom: 1px solid #afafaf;
  padding: 20px 0 10px;
}
.toyolac-pdf{
  float:right;
}
.toyolac-type{
  margin-bottom:0;
  display: inline-block;
  vertical-align: middle;
  margin-right:40px;
  line-height: 35px;
}
.toyolac-features{
  display: inline-block;
  vertical-align: middle;
  margin-right:20px;
  padding:0 10px;
  cursor:pointer;
  background:#fda935;
  color:#fff;
  font-size:12px;
  line-height: 25px;
}
.toyolac-process{
  display: inline-block;
  vertical-align: middle;
  padding:0 10px;
  cursor:pointer;
  background:#fe4f00;
  color:#fff;
  font-size:12px;
  line-height: 25px;
}
.toyolac-features:hover, .toyolac-process:hover{
  color:#333;
}
.toyolac-app{
  font-size:12px;
}
ul.tech_links, ul.legend-FP{
  display: inline-block;
  vertical-align: middle;
  margin-left:20px;
}
ul.tech_links li, ul.legend-FP li{
  list-style:none;
  padding:0 0 0 10px;
  display:inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 480px){
  ul.tech_links{
    margin:0;
    padding:0;
  }
}

.toraycon-intro{
  background: #014099;
  color:#fff;
  padding: 30px;
}
.toraycon_datasheet{}
#toyolac_types{
}