@charset "utf-8";
/* -------------------------------------
     Site CSS
 (c) Copyright 2006 Sketches of Design
     version 2006-09-01
------------------------------------- */
*{
  margin: 0;
  padding: 0;
}
/* clearfix */
/* for modern browsers: Firefox, Safari, Opera */
.CFX:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* for win IE7 ,mac IE */
.CFX{
  display: inline-table;
  min-height: 1%;
}
/* for win IE6 */
/* \*/
* html .CFX{height: 1% !important;}
.CFX{display: block;}
/* */
/* FIR */
.FIR{
  text-indent: -10000px !important;
  /* \*/
  overflow: hidden !important;
  /* */
  background-repeat: no-repeat;
  background-position: 0 0;
}
.FIR a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  outline: 0;
}
ul.FIR, ol.FIR{
  margin: 0;
  padding: 0;
  list-style: none;
}
/*  General Rules
--------------------------------------*/
/* nav */
#btt{
  position: fixed;
  right: 20px;
  bottom: 20px;
  margin: 0;
  z-index: 5000;
  width: 50px;
  height: 50px;
}
#btt a{
  background: url("../img/nav-btt.png") 0 0 no-repeat;
	background-size: 44px 44px !important;
	-webkit-background-size: 44px 44px !important;
	-moz-background-size: 44px 44px !important;
	-ms-background-size: 44px 44px !important;
	-o-background-size: 44px 44px !important;
}
#btt a:hover{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}
.external{
  background: url("../img/nav-external.png") right center no-repeat;
  padding-right: 15px;
}
a[href$=".pdf"]{   
  background: url("../img/nav-pdf.gif") no-repeat 100% 50%; 
  padding-right: 16px; 
} 
p{
  margin: 0 0 1em 0;
}
#content p{
  margin-top: 0;
  margin-bottom: 0.7em;
  line-height: 1.7;
  letter-spacing:0.06em;
}
img{
  margin: 0 0 1em 0;
  border: 0;
  vertical-align: bottom;
}
br{
  letter-spacing: 0;
}
/* Defalut Link Design */
a:link{
  color: #0060b0;
  text-decoration: underline;
}
#content a:link,
#content a:visited,
#content a:active{
  color: #0060b0;
}
a:hover,
a:visited{
  color: #0060b0;
  text-decoration: none;
}
a:active{
  text-decoration: underline;
}
/* table */
table{
  margin: 0 0 1em 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  line-height: 1.5;
  /* \*/
  width: 100%;
  /* */
}
table thead tr th,
table thead tr td{
  margin: 1px;
  text-align: center;
  font-weight: bold;
}
table thead{
}
table thead tr th{
  text-align: center;
}
table tr th,
table tr td{
  border: none;
  text-align: left;
  vertical-align: middle;
}
table tr th{
  border-right: 1px solid #e3e6e3;
  padding: 15px 15px 15px 0;
  font-weight: normal;
  text-align: right;
  color: #303130;
}
table tr td{
  padding: 15px 0 15px 15px;
  color: #666766;
}
table p.nav{
  margin-bottom: 0 !important;
}
table tr .left{
  text-align: left;
}
table tr .center{
  text-align: center;
}
table tr .right{
  text-align: right;
}
table tr th p,
table tr td p{
  margin: 0 !important;
  padding: 0 !important;
}
table ul li{
  margin: 0 !important;
}
#content table tr td ol{
  margin: 0 0 0 20px;
}
table p.image,
table col.centering{
  text-align: center;
}
table col.digit{
  text-align: right;
}
table tr.odd{
  background: #f7fcfe;
}
table tr.even{
  background: #fff;
}
th, td{
  border: none;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0.1em 0.4em;
}
table ul, table ol, table dl{
  margin: 0;
}
table ul{
  padding: 0;
  list-style: none;
}
table caption{
  text-align: center;
}
/* list */
ul{
  margin: 0 0 0.5em 0;
  padding-left: 1.5em;
  list-style:disc;
}
ul.flat{
  margin: 0 !important;
  list-style: none !important;
}
ul.flat li{
  display: inline;
}
ul ul{
  margin:0;
  list-style:circle;
  padding-left:1em;
}
ol{
  margin: 0 0 0.5em 0;
  list-style: decimal;
  padding-left: 2.5em;
}
dl{
  margin: 0 0 0.5em 0;
}
dt{
  font-weight: bold;
}
dd{
  padding-left:1em;
}
#content ul,
#content ol{
  margin: 0 0 0 1em;
  padding: 0;
}
#content ul,
#content ol{
  list-style-position: outside;
}
#content ul{
  list-style-type: none;
}
#content ol{
  margin: 0 0 1em 40px;
}
#content ol li,
#content ul li{
  margin: 0 0 1em 0;
}
#content ul li{
  padding: 0 0 0 13px;
  background: url("../img/nav-bullet.gif") 0 0.5em no-repeat;
}
ol.bc{
  margin: 0 auto;
  padding: 0 0 10px 0;
  font-size: 63%;
  border-bottom: none;
  list-style: none;
  text-align: right;
  width: 960px;
}
ol.bc li span.arrow{
  margin: 0 0 0 0.2em;
}
ol.bc li{
  display: inline;
  margin: 0;
  padding: 0;
  color: #ccc;
}
ol.bc li.first{
  background: none;
  padding-left: 0;
}
ol.bc li strong{
  color: #333;
  font-weight: normal;
}
ol.bc li.end{
  margin: 0;
  color: #fff;
}
ol.bc li a{
  color: #fff !important;
}
/* span */
span.arrow{
  font-family: Verdana, sans-serif;
  font-weight: bold;
}
/* headline */
h1, h2, h3, h4, h5, h6{
  font-size: 100%;
  font-weight: normal;
  font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
#main h1,
#main #content h2,
#main #content h3,
#main #content h4{
  text-align: center;
}
#main h1{
  margin: 0;
  padding: 65px 0 20px 0;
  font-size: 200%;
  color: #fff;
  width: 100%;
  letter-spacing:0.06em;
}
/*#main h1 span{
  display: block;
  font-size: 50%;
}*/
div#kv{
  background: url("../img/p-kv-01.jpg") center center no-repeat;
  background-size: cover;
  background-attachment: scroll;
}
#main h1 br{
  display: none;
}
#content h2{
  margin: 60px 0 30px 0;
  width: auto;
  color: #1e1f1e;
  font-size: 172%;
  font-weight: 600;
}
/*#content div#lv02-01 h2{
  margin: 0 0 20px 0;
}*/
#content h3{
  margin: 50px 0 15px 0;
  font-size: 125%;
  color: #004097;
}
#content h4{
  margin: 30px 0 15px 0;
  font-size: 107%;
  color: #303130;
}
#content h5{
  margin: 20px 0;
  font-size: 100%;
}
/* decoration */
.banners a:hover,
.banners a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
em,
strong{
  font-weight: bold;
}
em{
  font-style: normal;
  color: #000;
}
strong{
  color: #303130;
  font-size: 108%;
}
.nav{
  margin: 20px 0 0 0 !important;
  text-align: right;
}
.nav a{
  background: url("../img/nav-arrow.png") left center no-repeat;
  padding: 0 0 0 15px;
}
.weak{
  padding-top: 0.7em;
/*  text-align: right;*/
  font-size: 85%;
  _font-size: small;
  color: #666766;
}
div#content blockquote{
  background-color: #F4F5F5;
  border: 1px solid #D2D2D2;
  color: #666766;
  margin: 1em 0 1.5em;
  padding: 0.5em 1em;
}
.box{
  margin: 15px 0 !important;
  padding: 20px;
  border: 1px solid #809fcb;
  background: #e5ecf5;
  color: #303130;
  font-size: 107%;
 /* font-weight: bold;*/
}
#content ul.image{
  margin-left: 0;
}
#content ul.image li{
  float: left;
  display: inline;
  background: none;
  padding: 0;
}
#content ul.image li img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
#content ul.image li.first{
  margin-left: 0 !important;
}
#content ul.menu li.first{
  margin-left: 0;
}
p.image,
p.copy,
p.posted{
  text-indent:0;
}
p.image{
  margin:0;
}
p.copy{
  text-align:center;
}
p.posted{
  margin-top: 2em !important;
  text-align:right;
}
p.fLeft{
  float: left;
  display: inline;
  margin: 0 1.5em 0.5em 0;
}
p.fRight{
  float: right;
  display: inline;
  margin: 0 0 0.5em 1.5em;
}




/* ==========================================================================
   Layout
   ========================================================================== */
/* body */
body{
  background: #fff;
  text-align: center;
  color: #666;
  font-size: 100%;
  word-wrap: break-word;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.5;
}
/* wrapper */
#wrapper{
  overflow: hidden;
  margin: 0 auto !important;
  width: 100%;
  text-align: left;
 /* font-size: 88%;*/
}

/* ==== header (wrapper - header) ==== */
#header{
  margin: 0;
/*  height: 148px;*/
}
#header .inner{
/*  position: relative;*/
  margin: 0 auto !important;
  max-width: 960px;
}
#header p#b-logo,
#header ul#hdnavigation li,
#header p#b-tagline{
  float: left;
  display: inline;
}
#header p#b-logo{
  margin: 26px 0 0 0;
}
#header p#b-logo img{
  width: 333px;
  height: 30px;
}
#header p#b-tagline{
  margin: 27px 0 0 0;
  color: #303130;
}
#header p#b-tagline span{
  margin: 0 0 0 20px;
}
#header ul#hdnavigation{
  position: relative;
  float: right;
  display: inline;
  margin-top: 22px;
}
#header ul#hdnavigation,
#header ul#hdnavigation li{
  padding: 0;
  list-style-type: none;
}
#header ul#hdnavigation li{
  background-color: #efefef;
}
#header ul#hdnavigation li a{
  text-decoration: none;
  font-size: 92%;
  line-height: 32px;
}
#header ul#hdnavigation li.lang{
  margin: 0;
}
#header ul#hdnavigation li.lang a,
#header ul#hdnavigation li.holdings img{
}
#header ul#hdnavigation li.lang-jp a{
  background: url("../img/bg-hdnavigation-lang.png") right center no-repeat;
}
#header ul#hdnavigation li.lang a{
  display: block;
  padding: 0 15px;
  color: #808080;
}
#header ul#hdnavigation li.lang a:hover{
  color: #004097;
}
#header ul#hdnavigation li.lang.on a{
  color: #004097;
}
#header ul#hdnavigation li.search{
  margin: 0 0 0 1px;
  background: url("../img/nav-hdnavigation-search.png");
  width: 48px;
  height: 32px;
}
#header ul#hdnavigation li.search > a{
  text-indent: -10000px;
}
#header ul#hdnavigation li.search a{
  display: block;
}
#header ul#hdnavigation li.search ul{
  display: none;
  position: absolute;
  right: 0;
  padding: 0;
  width: 253px;
  z-index: 100;
}
#header ul#hdnavigation li.search ul,
#header ul#hdnavigation li.search ul li{
  overflow: visible;
  background-color: #efefef;
/*  height: 44px;*/
}
#header ul#hdnavigation li.contact a{
  display: inline-block;
  padding: 0 10px;
  background: #e60012;
  color: #fff;
}
#header ul#hdnavigation li.contact a:hover{
  background: #004097;
}
#header ul#hdnavigation li.contact{
  margin: 0;
}
#header ul#hdnavigation li.holdings{
  margin: 25px 0 0 20px;
  border-left: 1px solid #c6c9c6;
  padding: 0 0 0 20px;
}
#header ul#hdnavigation li.holdings img{
  margin: 0;
  width: 58px;
}
/*
#header #gnavi{
  position: absolute;
  top: 0;
  right: 0;
  background: url("../img/gnavi-dummy.png");
  width: 274px;
  height: 51px;
}
#header #header-menu{
  margin: 0 auto;
  background: url("../img/hmenu-dummy.png") center bottom no-repeat;
  padding-top: 68px;
  width: 960px;
  height: 80px;
}
#header #header-menu .menu-button{
  display: none;
}
*/
#header div#search{
  float: left;
  display: inline;
  margin: 10px 0 0 10px;
  padding: 0;
  width: 197px !important;
  height: 25px;
}
#header div#search #cse-search-box{
  margin: 0;
}
#header div#search #cse-search-box input[type="text"]{
  float: left;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0 !important;
  border: 1px solid #c0c9c0 !important;
  width: 100% !important;
  height: 22px;
}
#header div#search #cse-search-box input[type="image"]{
  float: left;
  display: inline;
}
#header div#search #cse-search-box input[type="submit"] {
  position: absolute;
  right: 30px;
  margin: 0;
  padding: 0;
  border: none;
  width: 40px;
  height: 24px;
  cursor: pointer;
  font-size: 92%;
  background-color: #004097;
  color: #fff;
}


/* 20241204 */
#header ul#hdnavigation .search li{
  float: none;
}
#header .gsc-control-cse{
  background: #efefef;
  border: none;
}
#header table,
#header .gsc-control-cse form.gsc-search-box {
  margin-bottom: 0;
}
#header table.gsc-search-box td,
#header table.gsc-search-box td.gsc-input{
  padding: 0;
}
#header #gs_tti50{
  padding: 4px;
}
#header .gsc-search-button-v2{
  padding: 3px 6px;
  background: #004097;
}
#header .gsc-search-button-v2:before{
  content: "検索";
  font-size: 12px;
  width: 30px;
  color: #fff;
  display: block;
}
#header .search-en .gsc-search-button-v2:before{
  content: "search";
  width: 40px;
}
#header .gsc-search-button svg{
  display: none;
}



/*  Font
--------------------------------------*/
#header p#b-tagline{
  font-family: 'Noto Sans Japanese';
  font-family: 'NotoSans-Light'\9;
  font-weight: 300;
}
body#method-civil-idx #content ul.method-navi-list li,
body.civil #main #kv h1 span.lv02,
body#home #content #lv02-04 .inner p{
  font-family: 'Noto Sans Japanese';
  font-family: 'NotoSans-DemiLight'\9;
  font-weight: 350;
}
body#hrd-idx #content #lv02-01 #ban-mov p.nav,
#method-idx #content div table thead,
body.method #content div#material-area table thead,
body.product #content table thead,
body#invoice-idx div#lv02-01 div.item ul li a,
body#company-history div#content-inner div dl,
body#company-philosophy #content div#lv02-02 div.lv03-02 p.posted,
body#company-philosophy #content div#lv02-02 div.lv03-02 ul.detail li,
body#company-philosophy div#content div#lv02-01 p,
body#csr-iso #content #lv02-01 .lv03-02,
#footer ul li,
body#company-message #content div#lv02-00 p,
body#company-message div#content div#lv02-01 ul p,
body#company-branch .branch-inner h4,
#header ul#hdnavigation li,
body#home #content #lv02-01 .inner div h3 span,
body#home #content p.nav,
body#home #content #news p.more,
#main h1,
#main #content h2,
#main #content h3,
#main #content h5{
  font-family: 'Noto Sans Japanese';
  font-family: 'NotoSans-Regular'\9;
  font-weight: 400;
}
.menu-container ul li ul li a,
div#method-area div#catalogue-area ul li p,
body#csr-others #content ul li,
body#company-branch #content table th,
body#company-branch .branch-inner h3,
.box,
body#greensite-idx #content #lv02-01 p.lead,
div#main ul#cat-nav li{
  font-family: 'Noto Sans Japanese';
  font-family: 'NotoSans-Medium'\9;
  font-weight: 500;
}
div#method-area #content #img-area span.number,
body#home #main .main-inner ul.bxslider li p.ban a,
.menu-container ul li a,
body#contact-idx #content div.item p.btn a,
body#contact-idx #content div.item h3,
body#company-philosophy div#content div#lv02-02 div.lv03-02 ul.mission li,
body#csr-iso #content #lv02-01 .lv03-02 ul li,
body#home #content #lv02-02 .inner ul li,
body#home #content #lv02-01 .inner div h3,
#header p#b-tagline span,
#main #content h4{
  font-family: 'Noto Sans Japanese';
  font-family: 'NotoSans-Bold'\9;
  font-weight: 700;
}
body#home #main .main-inner .navi h2,
body#home #content #news h2{
  font-family: 'Noto Sans Japanese';
  font-family: 'NotoSans-Black'\9;
  font-weight: 900;
}
div#method-area #content #img-area span.number,
div#method-area h4 span,
body#contact-faq div#lv02-01 span.answer,
body#contact-faq div#lv02-01 span.question,
body#company-history div#content-inner div h2 em{
  font-family: 'Oswald', sans-serif;
}

/* ==== main (wrapper - main) ==== */
#main{
  margin: 0 auto !important;
  padding: 0;
  width: 100%;
}
/**/
div#content div.diagram{
  margin: 0 0 0.5em 0;
}
div#content div.diagram img{
  margin: 0;
}
div.diagram a.sp,
div.diagram a.FIR,
div.diagram span{
  display: none;
}
div.diagram p.image{
  margin: 0 !important;
}
div.diagram{
  text-align: center;
}
div.diagram a.FIR{
  display: none;
}
div.diagram p.image{
  margin: 0 !important;
}
.box-link{
  cursor: pointer;
}
/**/
#main h1 div.backstretch img{
  top: 0 !important;
}
/*#header .megaMenuContents ul li img.sp{
  display: none;
}*/



/* ==== content (wrapper - main - content) ==== */
#content{
  margin: 0;
  padding: 0;
}
div.inner{
  margin: 0 !important;
}
div#content div{
  margin-top: 1em;
  margin-bottom: 2em;
}
#content #content-inner{
  margin: 0;
}
#content div div.inner{
  position: relative;
  margin: 0 auto !important;
  width: 960px;
}
#content .odd{
  background-color: #f2f2f2;
}
#content div div.block{
  padding: 10px 0 70px 0;
  margin: 0;
}

#content div.table_wrap{
  margin: 0;
}




/* ==== footer (footer) ==== */
#footer{
  position: relative;
  margin: -120px 0 0 0;
  background: url("../img/bg-footer.png") center top repeat-x;
  padding-top: 120px;
  width: 100%;
  color: #81a2c9;
  font-size: 88%;
}
#footer div.fmenu{
  padding-top: 20px;
  border-bottom: 1px solid #c6c9c6;
}
#footer div.fmenu ul{
  margin: 0 auto 20px auto;
  padding: 0;
  width: 960px;
}
#footer div.fmenu ul li{
  float: left;
  display: inline;
  margin: 0 0 20px 0;
  list-style-type: none;
  padding: 0;
  line-height: 15px;
  width: 16.666%;
}
#footer div.fmenu ul li.first{
  margin: 0 20px 0 0;
  border-right: 1px solid #81a2c9;
  padding: 0 20px 0 0;
}
#footer ul li a{
  color: #303130;
  text-decoration: none;
}
#footer .inner{
  margin: 0 auto !important;
  padding: 20px 0;
  width: 960px;
}
#footer .inner ul,
#footer .inner ul li{
/*
  float: left;*/
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 15px;
  list-style-type: none;
}
#footer .inner ul li{
  margin: 0 20px 0 0;
  border-right: 1px solid #81a2c9;
  padding: 0 20px 0 0;
  font-size: 85%;
}
#footer .inner ul li:last-of-type{
  margin: 0;
  border-right: none;
}
#footer p.copy{
  margin: 3em 0 0 0;
  background-color: #fff;
  text-align: right;
  font-size: 63%;
  color: #666766;
}



/*  home
////////////////////////////////////////// */
body#home .ban-list{
  z-index: 100;
}
p.ban-60th{
  position: fixed;
  top: 120px;
  right: 0;
  margin: 0;
  width: 90px;
  height: 224px;
  z-index: 200;
}
p.ban-60th a{
  background: url("../img/ban-home-60th.png");
  background-size: 90px auto;
}
p.ban-youtube{
  position: fixed;
  top: 350px;
  right: 0;
  margin: 0;
  width: 90px;
  height: 233px;
  z-index: 200;
}
p.ban-youtube a{
  background: url("../img/ban-home-yt_pc.jpg");
	background-size: 90px 233px !important;
	-webkit-background-size: 90px 233px !important;
	-moz-background-size: 90px 233px !important;
	-ms-background-size: 90px 233px !important;
	-o-background-size: 90px 233px !important;
}
p.ban-mp{
  position: fixed;
  top: 593px;
  right: 0;
  margin: 0;
  width: 90px;
  height: 233px;
  z-index: 200;
}
p.ban-mp a{
  background: url("../img/ban-home-mp_pc.png");
	background-size: 90px 233px !important;
	-webkit-background-size: 90px 233px !important;
	-moz-background-size: 90px 233px !important;
	-ms-background-size: 90px 233px !important;
	-o-background-size: 90px 233px !important;
	padding: 0;
}


body#home #main .main-inner{
  position: relative;
  max-height: 760px;
}
/*
body#home #main .main-inner .kv{
  background: url("../img/bg-home-main-inner.png") center bottom no-repeat;
  height: 100%;
}
body#home #main .main-inner h1{
  margin: 0;
  padding: 187px 0 0 0;
  background: url("../img/h1-home.png") center bottom no-repeat;
  height: 64px;
}
body#home #main .main-inner p.lead{
  background: url("../img/p-lead-home.png") center bottom no-repeat;
  height: 44px;
}*/
body#home #main .main-inner ul.bxslider{
  padding-left: 0;
}
body#home #main .main-inner ul.bxslider li{
  overflow: hidden;
  max-width: 1220px;
  max-height: 700px;
  text-align: center;
}
body#home #main .main-inner ul.bxslider li a{
  transition: 0.3s;
}
body#home #main .main-inner ul.bxslider li a:hover{
  opacity: 0.8;
}
body#home #main .main-inner ul.bxslider li img{
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
}
body#home #main .main-inner ul.bxslider li p.ban{
  position: absolute;
  bottom: 120px;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #fff;
  background-color: #004097;
  max-width: 290px;
}
body#home #main .main-inner ul.bxslider li p.ban a{
  position: relative;
  display: block;
  padding: 20px;
  text-decoration: none;
  color: #fff;
}
body#home #main .main-inner ul.bxslider li p.ban a span{
  position: relative;
  padding-right: 20px;
}
body#home #main .main-inner ul.bxslider li p.ban a span::after{
  position: absolute;
  content: "";
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
}
body#home #main .main-inner .bx-controls{
  display: none;
}


/*
body#home #main .main-inner ul.bxslider li p.ban a::before{
  position: absolute;
  content: "";
  left: 9px;
  top: 9px;
  border: 1px solid #004097;
  width: 270px;
  height: 44px;
}
body#home #main .main-inner ul.bxslider li p.ban a::after{
  position: absolute;
  content: "";
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
}*/

body#home #main .navi{
}
body#home #main .main-inner .navi{
  position: absolute;
/*  background: url("../img/bg-home-main-inner.png") center bottom no-repeat;
  margin: 0;
  padding: 190px 0 0 0;
  bottom: -100px;
  width: 100%;
  height: 250px;*/
  bottom: -100px;
  width: 100%;
  z-index: 100;
}
body#home #main .main-inner .navi .navi-inner{
  margin: 0 auto;
}
#main .navi .navi-inner{
  margin: 0 auto;
  padding: 50px 0 0 0;
  width: 960px;
}
body#home #main .navi .navi-inner{
  padding: 0;
}
#main .navi .navi-inner div{
  float: left;
  display: inline;
  margin: 0;
}
#main .navi .navi-inner div.navi-02{
  float: right;
}
#main div.navi ul{
  margin: 0;
  padding: 0;
}
#main div.navi ul li{
  margin-bottom: 0;
  background: none;
  padding: 0;
}
#main div.navi ul li br{
  display: none;
}
#main div.navi ul li img{
  margin-bottom: 0;
}
#main div.navi-02 ul li{
  padding: 0;
  height: 60px;
  list-style: none;
}
#main .main-inner .navi h2{
  margin-top: 0;
  color: #1e1f1e;
}
#main div.naviarea{
  margin: 60px 0 0 0;
}
/*
body#home #main .main-inner div.navi-01 h2{
  background: url("../img/h2-home-navi-01.png") center bottom no-repeat;
}
body#home #main .main-inner div.navi-02 h2{
  background: url("../img/h2-home-navi-02.png") center bottom no-repeat;
}
body#home #main .main-inner div.navi-03 h2{
  background: url("../img/h2-home-navi-03.png") center bottom no-repeat;
}*/
#main .navi h2{
  font-size: 138%;
  margin: 60px 0 10px 0;
}
#main .navi h2 span{
  font-size: 60%;
}
#main div.navi-01{
  position: relative;
}
#main div.navi-01 div.CFX{
  margin-left: 158px;
}
#main div.navi-01 div.CFX div{
  margin: 0 1px 0 0;
}
#main div.navi-01 h2{
  position: absolute;
  top: 35%;
  left: 35px;
}
/*#main div.navi-01 ul{
  margin-left: 158px;
}
#main div.navi-01 ul li{
  width: 180px;
}
#main div.navi-01 ul li{
  float: left;
  display: inline;
  margin: 0 1px 0 0;
}*/
#main div.navi-02 ul li,
#main div.navi-02 ul li img{
  width: 220px;
}




body#home #content{
  position: relative;
  padding-top: 0;
}
body#home #content h2{
  margin: 0 0 20px 0;
  background: url("../img/bg-h2.png") center bottom no-repeat;
  padding: 70px 0 50px 0;
  letter-spacing: 0.15em;
}
body#home #content p.nav-sp{
  display: none;
}
body#home #content p.nav{
  margin: 0 auto !important;
  border: 1px solid #b2b2b2;
  background: #fff;
  width: 170px;
  text-align: center;
  font-size: 115%;
}
body#home #content p.nav a{
  display: block;
  padding: 0;
  line-height: 60px;
  text-decoration: none;
  color: #004097;
}
body#home #content p.more a{
  background: url("../img/nav-more.png") 50px center no-repeat;
	background-size: 22px 16px !important;
	-webkit-background-size: 22px 16px !important;
	-moz-background-size: 22px 16px !important;
	-ms-background-size: 22px 16px !important;
	-o-background-size: 22px 16px !important;
	padding-left: 25px;
}
body#home #content p.nav:hover{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}
body#home #content #news{
  position: relative;
  margin: 60px auto 0 auto;
  width: 960px;
  background-color: #efefef;
/*
  z-index: 100;*/
}
body#home #content #news h2{
  position: absolute;
  top: 50%;
  left: 40px;
  margin: -22px 0 0 0;
  background: none;
  padding: 0;
}
body#home #content #news dl{
  margin: 0 0 60px 160px;
  padding: 20px 20px 5px 20px;
  width: ;
}
body#home #content #news dl dt{
  position: absolute;
  color: #1e1f1e;
}
body#home #content #news dl dd{
  margin-bottom: 1em;
  padding-left: 10em;
}
body#home #content #news dl dd:first-of-type{
  padding-right: 6em;
}
body#home #content #news dl dd p,
body#news-idx #content #lv02-01 dl dd p{
  line-height: normal;
}
body#home #content #news p.more{
  position: absolute;
  right: 20px;
  top: 20px;
  border: 1px solid #004097;
	width: 80px;
	height: 34px;
}
body#home #content #news p.more a{
  display: block;
  background: url("../img/nav-news-more.png") 10px center no-repeat;
	background-size: 16px 14px !important;
	-webkit-background-size: 16px 14px !important;
	-moz-background-size: 16px 14px !important;
	-ms-background-size: 16px 14px !important;
	-o-background-size: 16px 14px !important;
	padding: 4px 10px 4px 35px;
  text-decoration: none;
  color: #004097;
}
body#home #content #lv02-01,
body#home #content #lv02-03{
  position: relative;
  margin-bottom: 0;
}
body#home #content #lv02-01 .inner div{
  position: relative;
  float: left;
  display: inline;
  cursor: pointer;
  width: 465px;
  min-height: 135px;
}
body#home #content #lv02-01 .inner div:hover{

  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}
body#home #content #lv02-01 .inner div p.image{
  position: absolute;
  top: 0;
}
body#home #content #lv02-01 .inner div p.outline{
  margin-left: 215px;
}
body#home #content #lv02-01 .inner div h3{
  margin: 0 0 10px 215px;
  text-align: left;
}
body#home #content #lv02-01 .inner div h3 span{
  display: block;
  font-size: 85%;
}
body#home #content #lv02-01 .inner div h3 a{
  text-decoration: none;
  color: #1e1f1e;
}
body#home #content #lv02-01 .inner div.lv03-02,
body#home #content #lv02-01 .inner div.lv03-04,
body#home #content #lv02-01 .inner div.lv03-06{
  margin-left: 30px;
}
body#home #content #lv02-02 .inner ul{
  margin: 0;
  border-top: 1px solid #b2b2b2;
}
body#home #content #lv02-02 .inner ul li{
  float: left;
  display: inline;
  margin: 0;
  border-bottom: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  background: none #fff;
  padding: 0;
  width: 239px;
  font-size: 108%;
}
body#home #content #lv02-02 .inner ul li.first{
  border-left: 1px solid #b2b2b2;
  width: 238px;
}
body#home #content #lv02-02 .inner ul li a{
  display: block;
  background: url("../img/nav-home-product-arrow.png") right center no-repeat;
	background-size: 18px 14px !important;
	-webkit-background-size: 18px 14px !important;
	-moz-background-size: 18px 14px !important;
	-ms-background-size: 18px 14px !important;
	-o-background-size: 18px 14px !important;
  padding: 20px 0 24px 15px;
  text-decoration: none;
  font-size: 85%;
  color: #1e1f1e;
}
body#home #content #lv02-02 .inner ul li a span{
  display: inline-block;
  padding: 0.25em 0 0 0;
  margin-right: 0.25em;
  width: 1.1em;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  font-size: 115%;
  color: #b2b2b2;
}
body#home #content #lv02-02 p.nav{
  margin: 40px auto 60px auto !important;
}
body#home #content #lv02-03 .inner{
  padding-bottom: 60px;
  width: auto;
}
body#home #content #lv02-03 .slider{
  position: relative;
  max-width: none !important;
}
/*
body#home #content #lv02-03 .slider .slick-slide{
  width: 305px !important;
}*/
body#home #content #lv02-03 .slider-pro,
body#home #content #lv02-03 .slider-pro div{
  margin: 0;
}

body#home #content #lv02-03 .sp-mask{
  width: 100% !important;
}
body#home #content #lv02-03 .sp-slide{
  width: 305px !important;
}

body#home #content #lv02-03 .slider-pro img{
  width: 305px !important;
  height: auto;
}

body#home #content #lv02-03 .slider-pro div p{
  position: absolute;
  bottom: 0;
  margin: 0;
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
body#home #content #lv02-03 .slider-pro a{
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  text-indent: -10000px;
}
body#home #content #lv02-03 .sp-arrow{
  width: 36px;
  height: 36px;
}
body#home #content #lv02-03 .sp-previous-arrow{
  left: 0;
  background: url("../img/btn-prev.png") 0 0 no-repeat;
}
body#home #content #lv02-03 .sp-next-arrow{
  right: 0;
  background: url("../img/btn-next.png") 0 0 no-repeat;
}


/*body#home #content #lv02-03 .bx-wrapper{
  position: relative;
  max-width: none !important;
}
body#home #content #lv02-03 .bx-wrapper div{
  margin: 0;
}
body#home #content #lv02-03 .bxslider div{
  border-left: 1px solid #c6c9c6;
  width: 305px !important;
  height: 190px;
}
body#home #content #lv02-03 .bxslider div img{
  width: auto;
  max-width: 100%;
}
body#home #content #lv02-03 .bxslider div p{
  position: absolute;
  bottom: 0;
  margin: 0;
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
body#home #content #lv02-03 .bx-controls a{
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  text-indent: -10000px;
}
body#home #content #lv02-03 .bx-controls .bx-prev{
  left: 0;
  background: url("../img/btn-prev.png") 0 0 no-repeat;
}
body#home #content #lv02-03 .bx-controls .bx-next{
  right: 0;
  background: url("../img/btn-next.png") 0 0 no-repeat;
}
body#home #content #lv02-03 p.nav{
  margin: 30px auto 60px auto !important;
}*/
/*
body#home #content #lv02-04{
  background: url("../img/bg-home-04-inner.png") left bottom no-repeat !important;
  z-index: 1;
}*/
body#home #content #lv02-04{
  margin-bottom: 0;
}
body#home #content #lv02-04 .inner{
  background: url("../img/bg-home-04-inner.png") left bottom no-repeat;
  padding: 0 0 50px 520px;
  width: 440px;
}
body#home #content #lv02-04 .inner p{
  float: right;
  font-size: 108%;
  color: #1e1f1e;
}
body#home #content #lv02-04 .inner p a{
  line-height: 50px;
}
body#home #content #lv02-04 p.nav a,
body#home #content #lv02-05 p.nav a{
  background: none;
}
body#home #content #lv02-05,
body#home #content #lv02-05 div{
  margin: 0;
}
body#home #content #lv02-05 #corporate,
body#home #content #lv02-05 #recruit,
body#home #content #lv02-05 #hd{
  float: left;
  display: inline;
  box-sizing: border-box;
  border: 20px solid #fff;
  border-bottom: none;
  padding: 15px;
  width: 33.333%;
}
body#home #content #lv02-05 h2{
  background: none;
}
body#home #content #lv02-05 #corporate{
  border-right: 10px solid #fff;
}
body#home #content #lv02-05 #recruit{
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}
body#home #content #lv02-05 #hd{
  border-left: 10px solid #fff;
}
body#home #content #lv02-05 div .inner{
  border: 1px solid #fff;
  border-bottom: none;
  width: auto;
  height: 380px;
}
body#home #content #lv02-05 #corporate h2{
  color: #fff;
}
body#home #content #lv02-05 #hd h2{
  letter-spacing: normal;
}
body#home #content #lv02-05 div .inner p.nav{
  margin-top: 70px !important;
}
body#home #content #lv02-05 #hd p.nav{
  width: 280px;
}

body#home #footer{
  margin: -100px 0 0 0;
}


/* method */
body#method-01 #header #header-menu{
  background-image: url("../img/hmenu-dummy-leaf.png");
}
body#method-01 #main ol{
  position: absolute;
  left: 50%;
  margin: -20px 0 0 -480px;
  background: url("../img/ol-dummy.png") top center no-repeat;
  width: 960px;
  height: 13px;
}
body#method-01 #content .inner .inner{
  padding-bottom: 60px;
}
body#method-01 #content h2{
  margin-top: 0;
  padding-top: 60px;
}
body#method-01 #content #lv02-01 .inner{
  background: url("../img/leaf-01-dummy.png") top center no-repeat;
  height: 200px;
}
body#method-01 #content #lv02-02 .inner{
  background: url("../img/leaf-02-dummy.png") top center no-repeat;
  height: 593px;
}
body#method-01 #content #lv02-03 .inner{
  background: url("../img/leaf-03-dummy.png") top center no-repeat;
  height: 1084px;
}
body#method-01 #content #lv02-04 .inner{
  background: url("../img/leaf-04-dummy.png") top center no-repeat;
  height: 495px;
}
body#method-01 #content #lv02-05 .inner{
  background: url("../img/leaf-05-dummy.png") top center no-repeat;
  height: 265px;
}
body#method-01 #content #contact{
  margin-bottom: 0;
  padding-bottom: 90px;
}
body#method-01 #content #contact .inner{
  background: url("../img/leaf-06-dummy.png") top center no-repeat;
  height: 200px;
}
#content .navi{
  margin-top: -100px;
  background: url("../img/bg-footer-navi.png") top center no-repeat;
  padding: 180px 0 100px 0;
}
#content .navi .navi-01 h2{
  margin-top: 0;
}
#content .navi .navi-02 h2{
  display: none;
}
body#home #content .navi{
  padding-bottom: 0;
}






/* elongation */
body#method-field-idx #main #lv02-01{
  text-align: center;
}
body.field #main .map{
  position: relative;
  margin: 0 auto;
}
body#method-field-idx #main .map{
  width: 960px;
}
body.field #main .map ul li{
  position: absolute;
  margin: 0;
  background: none;
  padding: 0;
  width: 120px;
  height: 120px;
  list-style: none;
}
body#method-field-idx #main .map ul li.elongation-01{
  left: 76%;
  top: 24%;
}
body#method-field-idx #main .map ul li.elongation-02{
  left: 10%;
  top: 50%;
}
body#method-field-idx #main .map ul li.elongation-02-02{
  left: 36%;
  top: 73%;
}
body#method-field-idx #main .map ul li.elongation-03{
  left: 28%;

  top: 18%;
}
body#method-field-idx #main .map ul li.elongation-04{
  left: 16%;
  top: 3%;
}
body#method-field-idx #main .map ul li.elongation-05{
  left: 7%;
  top: 75%;
}
body#method-field-idx #main .map ul li.elongation-06{
  left: 41%;
  top: 29%;
}
body#method-field-idx #main .map ul li.elongation-07{
  left: 80%;
  top: 70%;
}
body#method-field-idx #main .map ul li.elongation-08{
  left: 60%;
  top: 70%;
}


body.building #content div .inner{
  width: 720px;
}
body#method-field-building #main .map ul li.building-01{
  left: 20%;
  top: 4%;
}
body#method-field-building #main .map ul li.building-02{
  left: 49%;
  top: 14%;
}
body#method-field-building #main .map ul li.building-03{
  left: 73%;
  top: 60%;
}






/*  leaf
////////////////////////////////////////// */
div#main ul#cat-nav,
div#main ul#cat-nav li{
  margin: 0;
  background: none;
  padding: 0;
  list-style-type: none;
}
div#main ul#cat-nav{
  background: #ebebeb;
  text-align: center;
  letter-spacing: -.4em;
}
div#main ul#cat-nav li{
  display: inline;
  letter-spacing: normal;
}
body.csr div#main ul#cat-nav li.csr ul li a,
div#main ul#cat-nav li a{
  display: inline-block;
  padding: 20px 0;
  color: #303130;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb;
}
body.csr div#main ul#cat-nav li.csr ul li a,
div#main ul#cat-nav li.csr ul li a{
  border-color: #fff;
}
body.csr div#main ul#cat-nav li.csr a,
body.csr div#main ul#cat-nav li.csr ul li a.active,
div#main ul#cat-nav li.csr ul li a:hover,
body.csr div#main ul#cat-nav li.csr ul li a:hover,
div#main ul#cat-nav li a.active,
div#main ul#cat-nav li a:hover{
  color: #004097;
  border-bottom: 1px solid #004097;
}
div#main ul#cat-nav li a span{
  border-right: 1px solid #b2b2b2;
  padding: 0 40px;
}
div#main ul#cat-nav li:first-child a span{
  border-left: 1px solid #b2b2b2;
}
body.institute div#main ul#cat-nav li.institute-01,
body.institute div#main ul#cat-nav li.institute-06,
body.institute div#main ul#cat-nav li.institute-07,
body.institute div#main ul#cat-nav li.institute-08,
body.institute div#main ul#cat-nav li.institute-09,
body.institute div#main ul#cat-nav li.institute-010{
  display: none;
}

/*  company
////////////////////////////////////////// */
body.company #main #cat-nav ul.lv02{
  display: none;
  background: #fff;
  padding: 0;
}
body.csr div#main ul#cat-nav li.csr ul li a{
  padding: 12px 0;
}
body.csr #main #cat-nav ul.csr{
  display: block;
}
body#company-philosophy #content div#lv02-02 div.lv03-02 ul,
body#company-philosophy #content div#lv02-02 div.lv03-02 ul li,
body#company-message #content div#lv02-01 ul,
body#company-message #content div#lv02-01 ul li{
  margin: 0;
  background: none;
  padding: 0;
  list-style-type: none;
}
body#company-history div#content-inner div.block dl,
body#company-philosophy #content div#lv02-02 div.lv03-02 p.posted,
body#company-philosophy #content div#lv02-02 div.lv03-02 ul.detail,
body#company-message #content div div.inner,
body#greensite-idx #content div div.inner,
body#news-idx #content #lv02-01,
body#privacy-idx #content #lv02-01,
body#institute-access #lv02-01 .lv03-01,
body#company-philosophy #content div#lv02-02 div.lv03-01{
  margin: 0 auto;
  width: 720px;
}
body#company-message #content div#lv02-01 ul{
  margin: 40px 0 0 0;
}
body#company-history div#content-inner div.block dl,
body#company-philosophy #content div#lv02-02 div.lv03-02 ul.detail li,
body#company-message #content div#lv02-01 ul p,
body#company-message #content div#lv02-01 ul p em,
body#company-philosophy #content div#lv02-01 p{
  color: #303130;
}
body#company-message #content div#lv02-01 ul p,
body#company-about #content div#lv02-01 div.inner div{
  font-size: 88%;
}
body#company-history div#content-inner div.block p.button,
body#company-philosophy div#lv02-02 div.lv03-02 ul.mission li,
body#company-message #content div#lv02-01 ul p,
body#company-message #content div#lv02-00 p{
  text-align: center;
}
body#csr-idx #content div div.inner h4{
  text-align: left;
}
body#company-message #content div#lv02-00 .inner{
  background: url("../img/bg-company-message-00.png") center bottom repeat-x #e5ecf5;
  padding: 40px 40px 100px 40px;
}
body#company-message #content div#lv02-00 p{
  color: #303130;
}
body#company-message #content div#lv02-00 p,
body#company-message #content div#lv02-01 ul p em{
  font-size: 129%;
}
body#company-message #content div#lv02-01{
  padding-bottom: 120px;
}
body#company-message #content div#lv02-01 .CFX,
body#company-message #content div#lv02-01 .CFX p.image{
  margin-bottom: 0;
}
/*
body#company-message #content div#lv02-01 .CFX p.image{
  float: right;
}
body#company-message #content div#lv02-01 .CFX p.name{
  float: right;
  padding: 13% 20px 0 0;
  text-align: right;
}*/

body#company-message #content .navi{
  margin: -180px 0 0 0;
}
body#company-about #content div#lv02-01 div.inner div{
  float: left;
  display: inline;
}
body#company-about #content div#lv02-01 div.inner div.officer{
  float: right;
}
body#company-about #content div#lv02-01 div.inner div{
  background: #ebf0f7;
  width: 49%;
  margin: 0;
}
body#company-about #content div#lv02-01 div.inner div.officer{
  width: 50%;
 /* margin: 0 0 0 0.5%;*/
}
body#company-about #content div#lv02-01 div.inner div table{
  margin: 20px;
  width: auto;
}
body#company-about #content div#lv02-01 div.inner div.corporate table th{
  width: 11.5em;
}
body#company-about #content div#lv02-01 div.inner div.officer table th{
  width: 4.5em;
}
body#company-about #content div#lv02-01 div.inner div.officer table dl dt,
body#company-history div#content-inner div.block dl dt{
  font-weight: normal;
}
body#company-about #content div#lv02-01 div.inner div.officer table dl dd{
  margin: -1.5em 0 5px 8.5em;
}
body#company-about #content div#lv02-01 div.inner div.officer table ol li{
  margin: 10px 0 0 0;
}
body#company-history div#content-inner div.block p.button,
body#company-message #content div#lv02-01 ul img,
body#company-about #content div#lv02-01 div.inner div.officer table ol li.first{
  margin: 0;
}
body#company-philosophy #content div#lv02-02{
  padding: 10px 0 160px 0;
  background: #e5ecf5 url("../img/bg-company-philosophy-01.gif") bottom center no-repeat;
}
body#company-philosophy #content div#lv02-02 div.lv03-02{
  margin: 40px auto 0 auto;
  padding: 15px 15px 40px 15px;
  width: 960px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.5);
  letter-spacing: 0.08em;
}
body#company-philosophy #content div#lv02-02 div.lv03-02 ul.mission li,
body#company-history div#content-inner div.block h2,
body#company-history div#content-inner div.block h2 em{
  color: #004097;
}
body#company-philosophy #content div#lv02-02 div.lv03-02 ul.mission li{
  padding: 10px 0 0 0;
  font-size: 150%;
}
body#company-philosophy #content div#lv02-02 div.lv03-02 ul.detail{
  margin-top: 40px;
}
body#company-philosophy #content div#lv02-02 div.lv03-02 ul.detail li{
  list-style-type: lower-roman;
  margin: 0 0 10px 0;
}
body#company-history div#content-inner div.block p.button img:hover{
  cursor: pointer;
  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}
body#company-history div#content-inner div.block h2{
  margin: 40px 0 10px 0;
  font-size: 113%;
  letter-spacing: 0.1em;
}
body#company-history div#content-inner div.block h2 em{
  margin: 0 2px 0 0;
  font-size: 200%;
  font-weight: 400;
}
body#company-history div#content-inner div.block dl{
  margin: 0 auto 60px auto;
}
body#company-history div#content-inner div.block dl dd{
  margin: -1.5em 0 20px 7em;
  padding: 0; 
}
body#company-history div#content-inner div.block{
  padding: 10px 0 20px 0;
  background: #fff url("../img/bg-company-history-odd.gif") bottom center no-repeat;
}
body#company-history div#content-inner div.even{
  background: #e5ecf5 url("../img/bg-company-history-even.gif") bottom center no-repeat;
}
/*
body#company-history div#content-inner div#age-2010{
  background: none;
}*/
body#csr-idx #content div div.inner ul li{
  margin: 0 0 5px 0;
}
body#csr-idx #content div div.inner dl dd{
  margin: -1.5em 0 10px 9em;
}
body#csr-idx #content div div.navi,
body#csr-idx #content div div.even{
  background-color: #f2f2f2;
}
body#csr-idx #content div#lv02-01 .inner p.outline{
}
body#csr-idx #content div#lv02-01 .inner ul li{
  margin-bottom: 0.5em;
}
body#csr-idx #content div#lv02-02{
  padding-bottom: 200px;
}
body#csr-idx #content div#lv02-02 .inner div{
  float: right;
  display: inline;
  background-color: #fff;
  padding: 30px 15px 10px 15px;
  width: 430px;
}
body#csr-idx #content div#lv02-02 .inner div.first{
  float: left;
}
body#csr-idx #content div#lv02-02 .inner h3{
  margin: 0 0 20px 0;
}
body#csr-idx #content div#lv02-02 .inner ol{
  padding-left: 10px;
}
body#csr-idx #content div#lv02-02 .inner ol li{
  margin-bottom: 0.75em;
}
body#csr-idx #content div#lv02-02 .inner div p{
  padding-right: 0.5em;
  text-align: right;
}
body#csr-idx #content .navi{
  margin-top: -250px;
}

body#csr-environment #content .inner,
body#csr-social #content #lv02-01 .inner{
  width: 720px;
}
body#csr-social #content #lv02-01 .inner .CFX{
  margin: 0 0 1em 0;
}
body#csr-social #content #lv02-01 h3{
  text-align: left;
}
body#csr-social #content #lv02-01 p.date{
  margin-top: -2.5em !important;
  text-align: right;
}

body#csr-social #content #lv02-01 img{
  margin-bottom: 0;
/*
  border: 1px solid #ccc;*/
  width: 198px;
  height: auto;
}
body#csr-social #content #lv02-01 .inner div p{
  font-size: 85%;
}
body#csr-social #content #lv02-01 ul.pic,
body#csr-social #content #lv02-01 ul.pic li{
  margin: 0;
  background: none;
  padding: 0;
}
body#csr-social #content #lv02-01 ul.pic li{
  float: left;
  display: inline;
  text-align: center;
  font-size: 85%;
}
body#csr-social #content #lv02-01 ul.pic li img{
  max-width: 100%;
}
body#csr-social #content #lv02-01 ul.pic li.first .image{
  text-align: left;
}
body#csr-social #content #lv02-01 ul.pic li.last .image{
  text-align: right;
}
body#csr-social #content #lv02-01 ul.col4 li{
  width: 25%;
}

body#csr-social #content #lv02-01 ul.col3 li{
  width: 33.333%;
}


body#csr-environment #content #lv02-01 .lv03-01{
  background: url("../img/bg-company-message-00.png") center bottom repeat-x #e5ecf5;
  padding: 40px 40px 100px 40px;
}

body#csr-environment #content ul.pic,
body#csr-environment #content ul.pic li{
  margin: 0;
  background: none;
  padding: 0;
}
body#csr-environment #content ul.pic li{
  float: left;
  display: inline;
  text-align: center;
  font-size: 85%;
}
body#csr-environment #content ul.pic li.last{
  float: right;
}
body#csr-environment #content ul.pic li img{
  max-width: 100%;
}
body#csr-environment #content ul.col2 li{
  width: 47%;
}
body#csr-environment #content div div.navi{
  background-color: #f2f2f2;
}
body#csr-environment #content p.image{
  max-width: 280px;
}
body#csr-environment #content p.image img{
  width: auto;
  max-width: 100%;
}
body#csr-environment #content #lv02-03 p.image img{
  max-width: 108px;
}




body#csr-iso #content #lv02-01 .lv03-01{
  margin: 0 auto 60px auto;
  background-color: #f2f5fa;
  padding: 40px 100px 30px 100px;
/*  width: 720px;*/
}
body#csr-iso #content #lv02-01 .lv03-01 h3{
  margin-top: 0;
  text-align: left;
}
body#csr-iso #content #lv02-01 .lv03-02{
  position: relative;
  color: #303130;
}
body#csr-iso #content #lv02-01 .lv03-02 ul{
  position: absolute;
  left: 0;
  margin: 0;
  background: url("../img/p-company-csr-iso-02-01.png");
	background-size: 280px 300px;
	-webkit-background-size: 280px 300px;
	-moz-background-size: 280px 300px;
	-ms-background-size: 280px 300px;
	-o-background-size: 280px 300px;
	width: 280px;
	height: 300px;
}
body#csr-iso #content #lv02-01 .lv03-02 ul li{
  background: none;
}
body#csr-iso #content #lv02-01 .lv03-02 dl,
body#csr-iso #content #lv02-01 .lv03-02 p.posted{
  margin-left: 330px;
}
body#csr-iso #content #lv02-01 .lv03-02 dl dd{
  margin-bottom: 0.5em;
  padding: 0;
}

body#csr-others #content #lv02-01 ul{
  margin: 0 auto;
  width: 720px;
}
body#csr-others #content #lv02-01 ul li{
  float: left;
  display: inline;
  background: url("../img/nav-company-csr-pdf.png") 10px center no-repeat #e5ecf5;
  padding: 0;
  width: 340px;
}
body#csr-others #content #lv02-01 ul li.first{
  margin-right: 40px;
}
body#csr-others #content #lv02-01 ul li a{
  display: block;
  background: url("../img/nav-company-csr-arrow.png") right center no-repeat;
	background-size: 28px 14px;
	-webkit-background-size: 28px 14px;
	-moz-background-size: 28px 14px;
	-ms-background-size: 28px 14px;
	-o-background-size: 28px 14px;
  padding: 28px 44px;
  text-align: center;
  text-decoration: none;
  color: #1e1f1e;
}


body#company-branch #content .branch-menu{
/*
  background: url("../img/bg-company-branch-menu.png") center bottom repeat-x;*/
  position: relative;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 40px;
  text-align: center;
}
body#company-branch #content .tabs{
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin: 0 0 0 -310px;
  width: 620px;
  z-index: 100;
}
body#company-branch #content .tabs li{
  float: left;
  display: inline;
  margin: 0 0 0 10px;
  background: none;
  padding: 0;
  width: 200px;
  height: 40px;
}
body#company-branch #content .tabs li.tabmenu-01{
  margin-left: 0;
}
body#company-branch #content .tabs li.tabmenu-01 a{
  background: url("../img/nav-company-branch-01.png");
}
body#company-branch #content .tabs li.tabmenu-02 a{
  background: url("../img/nav-company-branch-02.png");
}
body#company-branch #content .tabs li.tabmenu-03 a{
  background: url("../img/nav-company-branch-03.png");
}
body#company-branch #content .tabs li a:hover,
body#company-branch #content .tabs .is_active{
  background-position: 0 -40px !important;
}
body#company-branch #content .tab-content{
  display: none;
  margin-top: -190px;
  padding-top: 190px;
}
body#company-branch #content .tab-content.is_show{
  display: block;
}

body#company-branch #content div .map{
  position: relative;
}
body#company-branch #content div.branch-01 .map{
  margin-left: 0;
}
body#company-branch #content .map ul li{
  position: absolute;
  margin: 0;
  background: none #fff;
  padding: 0;
  width: 200px;
  height: 55px;
}
body#company-branch #content .map ul li.branch-01-01{
  top: 31.5%;
  left: 72%;
}
body#company-branch #content .map ul li.branch-01-01 a{
  background: url("../img/nav-company-branch-map-01-01.png");
}
body#company-branch #content .map ul li.branch-01-02{
  top: 58%;
  left: 68%;
}
body#company-branch #content .map ul li.branch-01-02 a{
  background: url("../img/nav-company-branch-map-01-02.png");
}
body#company-branch #content .map ul li.branch-01-03{
  top: 78%;
  left: 43%;
}
body#company-branch #content .map ul li.branch-01-03 a{
  background: url("../img/nav-company-branch-map-01-03.png");
}
body#company-branch #content .map ul li.branch-01-04{
  top: 46%;
  left: 24%;
}
body#company-branch #content .map ul li.branch-01-04 a{
  background: url("../img/nav-company-branch-map-01-04.png");
}
body#company-branch #content .map ul li.branch-01-05{
  top: 57%;
  left: 7%;
}
body#company-branch #content .map ul li.branch-01-05 a{
  background: url("../img/nav-company-branch-map-01-05.png");
}
body#company-branch #content .map ul li.branch-02-01{
  top: 49.5%;
  left: 65%;
}
body#company-branch #content .map ul li.branch-02-01 a{
  background: url("../img/nav-company-branch-map-02-01.png");
}
body#company-branch #content .map ul li.branch-02-02{
  top: 49.5%;
  left: 14%;
}
body#company-branch #content .map ul li.branch-02-02 a{
  background: url("../img/nav-company-branch-map-02-02.png");
}

body#company-branch #content .inner h3{
  text-align: left;
}

body#company-branch #content .inner .branch-01 .lv03-02 h3{
  color: #ff81ae;
}
body#company-branch #content .inner .branch-01 .lv03-03 h3{
  color: #ffb729;
}
body#company-branch #content .inner .branch-01 .lv03-04 h3{
  color: #16e06d;
}
body#company-branch #content .inner .branch-01 .lv03-05 h3{
  color: #b560b4;
}
body#company-branch #content .inner .branch-01 .lv03-06 h3{
  color: #3ddfff;
}
body#company-branch #content .inner .branch-03 .lv03-02 h3{
  color: #ff6556;
}
body#company-branch #content .inner .branch-03 .lv03-03 h3{
  color: #0fb2b8;
}


body#company-branch #content table thead th,
body#company-branch #content table thead td{
  border: 2px solid #b2b2b2;
  border-right: none;
  border-left: none;
}
body#company-branch #content table tbody th,
body#company-branch #content table tbody td{
  border: 1px solid #ccc;
  border-right: none;
  border-left: none;
}
body#company-branch #content table{
	font-size: 85%;
}
body#company-branch #content table tr th,
body#company-branch #content table tr td{
  padding: 12px 0;
}
body#company-branch #content table tbody tr th{
  font-weight: normal;
/*
  vertical-align: top;*/
  text-align: left;
  color: #666;
}
body#company-branch #content table tbody tr th.office{
  padding-left: 5px;
}
body#company-branch #content table tr .map{
  padding-right: 5px;
}
body#company-branch #content .branch-01 table tbody tr th.office,
body#company-branch #content .branch-02 .lv03-02 table tbody tr th.office,
body#company-branch #content .branch-03 .lv03-02 table tbody tr th.office,
body#company-branch #content .branch-03 .lv03-03 table tbody tr th.office{
  padding-top: 18px;
  vertical-align: top;
}
body#company-branch #content .branch-01 .lv03-01 table tbody tr th.office{
  vertical-align: middle;
}
body#company-branch #content .branch-01 .lv03-01 table th.office{
  width: 21em;
}
body#company-branch #content .branch-01 table th.tel{
  width: 12em;
  text-align: left;
  padding: 0 0 0 2em;
}
body#company-branch #content .branch-01 table th.office,
body#company-branch #content .branch-01 table th.office-02{
  width: 7em;
}
body#company-branch #content .branch-02 .lv03-01 table th.office{
  width: 30%;
}
body#company-branch #content .branch-02 .lv03-02 table th.office{
  width: 18%;
}
body#company-branch #content .branch-02 .lv03-02 table th.name{
  width: 12%;
}
body#company-branch #content .branch-02 table th.address{
  width: 35%;
}
body#company-branch #content .branch-01 table th.tel,
body#company-branch #content .branch-02 table th.tel,
body#company-branch #content .branch-03 table th.tel{
  text-align: left;
  padding-left: 2.5em;
}
body#company-branch #content .branch-03 .lv03-01 table th.office,
body#company-branch #content .branch-03 .lv03-04 table th.office{
  width: 22em;
}
body#company-branch #content .branch-03 .lv03-02 table th.office,
body#company-branch #content .branch-03 .lv03-03 table th.office,
body#company-branch #content .branch-03 .lv03-04 table th.office{
  width: 14em;
}
body#company-branch #content .branch-03 .lv03-02 table th.name,
body#company-branch #content .branch-03 .lv03-03 table th.name{
  width: 8em;
}
body#company-branch #content .branch-03  table th.address{
  width: 33em;
}
body#company-branch #content .branch-03  table th.tel{
/*
  padding-right: 2em;*/
  width: 13em;
}



body#company-branch #content table td.office-02{
  padding-top: 20px;
  vertical-align: top;
}
body#company-branch #content .branch-03 .lv03-02 table th.address{
  width: 460px;
}
body#company-branch #content .branch-03 .lv03-03 table th.address{
  width: 440px;
}
/*
body#company-branch #content table th.address{
  width: 280px;
}*/
body#company-branch #content table th.tel{
  width: 11em;
}
body#company-branch #content table th.area{
  text-align: left;
  width: 120px;
}
body#company-branch #content table th.map{
  width: 30px;
}
body#company-branch #content table td.map{
  text-align: center;
}
body#company-branch #content table p.map{
  padding-top: 20px !important;
}
body#company-branch #content table p.map a{
  background: url("../img/nav-company-branch-map.png") top center no-repeat;
	background-size: 11px 16px;
	-webkit-background-size: 11px 16px;
	-moz-background-size: 11px 16px;
	-ms-background-size: 11px 16px;
	-o-background-size: 11px 16px;
	padding: 18px 0 0 0;
	font-size: 93%;
}
body#company-branch #cboxOverlay{
  top: 0;
  left: 0;
/*
  z-index: 101;*/
  background: #000;
  position: fixed;
  width: 100%;
  height: 100%;
}
body#company-branch .branch-inner{
  background-color: #fff;
}
#cboxContent #cboxClose{
  position: absolute;
  display: block;
  border-style: none;
  top: 0;
  right: -40px;
  background: url("../img/controls-close.png");
  width: 30px;
  height: 30px;
  text-indent: -10000px;
}
body#company-branch .branch-inner{
  padding: 30px;
  text-align: left;
}
body#company-branch .branch-inner div{
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
}
body#company-branch .branch-inner h3{
  margin-bottom: 25px;
  font-size: 138%;
  text-align: left;
  color: #1e1f1e;
}
body#company-branch .branch-inner h3 span{
  display: inline-block;
  margin-right: 10px;
  padding: 1px 7px;
  color: #fff;
}
body#company-branch #branch-01-01 h3 span{
  background-color: #ff81ae;
}
body#company-branch #branch-01-02 h3 span{
  background-color: #ffb729;
}
body#company-branch #branch-01-03 h3 span{
  background-color: #16e06d;
}
body#company-branch #branch-01-04 h3 span{
  background-color: #b560b4;
}
body#company-branch #branch-01-05 h3 span{
  background-color: #3ddfff;
}
body#company-branch #branch-02-01 h3 span{
  background-color: #ffb729;
}
body#company-branch #branch-02-02 h3 span{
  background-color: #3ddfff;
}
body#company-branch .branch-inner h4{
  margin-bottom: 20px;
  font-size: 125%;
  max-width: 330px;
}
body#company-branch #branch-02-01 .branch-inner h4,
body#company-branch #branch-02-02 .branch-inner h4{
  font-size: 113%;
  width: 330px;
}
body#company-branch .branch-inner div.CFX{
  position: relative;
  min-height: 200px;
}
body#company-branch .branch-inner iframe{
  position: absolute;
  top: 0;
  right: 0;
}
body#company-branch .branch-inner dl dd{
  margin: -1.5em 0 10px 2em;
}







/*  others
////////////////////////////////////////// */

body#greensite-idx #content #lv02-01 p.lead,
body#news-idx #content #lv02-01 dl{
  margin-top: 40px;
}
body#news-idx #content #lv02-01 .inner{
  width: auto;
}
body#news-idx #content #lv02-01 dl dt{
  position: absolute;
  color: #1e1f1e;
}
body#news-idx #content #lv02-01 dl dd{
  margin-bottom: 1em;
  padding-left: 10em;
}
body#privacy-idx #content #lv02-01 .box h3{
  margin-top: 0;
}



/*  contact
////////////////////////////////////////// */
/* contact */
body#contact-idx #content div.item ul,
body#contact-idx #content div.item ul li{
  margin: 0;
  background: none;
  padding: 0;
  list-style-type: none;
}
body#contact-thanks div#lv02-01,
body#contact-form div#lv02-01,
body#contact-idx div#lv02-01{
  margin: 0 auto;
  padding: 60px 0;
  width: 960px;
}
body#contact-idx #content div.item,
body#contact-idx #content div.lv03-01 ul li{
  float: left;
  display: inline;
}
body#contact-idx #content div.item h3{
  margin: 25px 0 15px 0;
}
body#contact-idx #content div.lv03-03,
body#contact-idx #content div.lv03-05{
  float: right;
}
body#contact-idx #content div.half{
  width: 49%;
}
body#contact-idx #content div.item{
  margin: 0 0 2% 0;
  border: 1px solid #809fcb;
  padding: 0 30px 15px 30px;
  box-sizing: border-box;
}
body#contact-idx #content div.lv03-01{
  background: #e5ecf5;
  width: 100%;
}
body#contact-idx #content div.lv03-01 ul li{
  margin: 0 0 0.5em 2%;
  width: 49%;
}
body#contact-idx #content div.lv03-01 ul li ul li{
  margin-bottom: 0;
  width: 49%;
}
body#contact-idx div#lv02-01 div.CFX,
body#contact-idx #content div.lv03-01 ul li.first{
  margin: 0;
}
body#contact-idx #content div div.inner{
  width: auto;
}
body#contact-idx #content div.item p.btn a,
body#contact-idx #content div.item p.btn a span{
  display: block;
}
body#contact-idx #content div.item p.btn a{
  background: #004097;
  padding: 15px 10px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
body#contact-idx #content div.item p.btn a:hover{
  background: #3366ac;
}
body#contact-idx #content div.item p.btn a span{
  background: url("../img/nav-arrow-white.png") right center no-repeat;
}
body#contact-idx #content div.item p.text{
  font-size: 88%;
  color: #303130;
}
body#contact-idx div#lv02-01 p.posted{
  margin: 0 !important;
}


/* faq */
body#contact-faq div#lv02-01 div.lv03-01 ul,
body#contact-faq div#lv02-01 div.lv03-01 ul li{
  margin: 0;
  background: none;
  padding: 0;
  list-style-type: none;
}
body#contact-faq div#lv02-01 div.lv03-01 ul li{
  margin: 0 0 6px 0;
}
body#contact-faq div#lv02-01 div.lv03-01 ul li a em,
body#contact-faq div#lv02-01 div.lv03-01 ul li a,
body#contact-faq div#lv02-01 dt{
  color: #004097;
}
body#contact-faq div#lv02-01 span.answer,
body#contact-faq div#lv02-01 span.question{
  display: inline-block;
  margin: 0 10px 0 2px;
  padding: 1px 0 2px 0;
/*  font-size: 119%;*/
  background: #004097;
  color: #fff;
  text-align: center;
  width: 1.7em;
}
body#contact-faq div#lv02-01 span.answer{
  background: #e60012;
}
body#contact-faq div#lv02-01 h3{
  margin: 40px 0 25px 0;
}
body#contact-faq div#lv02-01 div.lv03-01{
  padding: 10px 0 50px 0;
}
body#contact-faq div#lv02-01 div.lv03-02 dl{
  margin: 0 auto;
  width: 720px;
}
body#contact-faq div#lv02-01 div.lv03-02 dl dt,
body#contact-faq div#lv02-01 div.lv03-02 dl dd{
  padding: 0;
}
body#contact-faq div#lv02-01 div.lv03-02 dl dt{
  margin-bottom: 5px;
}
body#contact-faq div#lv02-01 div.lv03-02 dl dd{
  margin-bottom: 60px;
}
body#contact-faq div#lv02-01 div.lv03-02 dl span{
  position: absolute;
}
body#contact-faq div#lv02-01 div.lv03-02 dl ul,
body#contact-faq div#lv02-01 div.lv03-02 dl p{
  margin: 0 0 1em 2.5em;
}


/* invoice */
body#invoice-idx div#lv02-01 div.box{
  margin-bottom: 60px !important;
}
body#invoice-idx div#lv02-01 div.box .box{
  margin-bottom: 30px !important;
  border: none;
  background-color: #fff;
  font-size: 100%;
}
body#invoice-idx div#lv02-01 div.box .lv04-03{
  margin-bottom: 0 !important;
}
body#invoice-idx div#lv02-01 div.box .box p{
  margin-bottom: 0;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
body#invoice-idx div#lv02-01 div.box h4{
  margin-top: 0;
  text-align: left;
}
body#invoice-idx div#lv02-01 div.lv03-02 h3,
body#invoice-idx div#lv02-01 div.lv03-01 h3,
body#invoice-idx div#lv02-01 div.lv03-00 h3{
  margin-top: 0;
}
body#invoice-idx div#lv02-01 div.inner p.box em{
  color: #004097;
}
body#invoice-idx div#lv02-01 div.item ul li{
  float: left;
  display: inline;
}
body#invoice-idx div#lv02-01 div.col2{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#invoice-idx div#lv02-01 div.item{
  margin: 0 0 20px 0;
  padding: 0 20px 20px 20px;
  width: calc(50% - 20px);
  border: 1px solid #809fcb;
  box-sizing: border-box;
}
body#invoice-idx div#lv02-01 div.lv03-01,
body#invoice-idx div#lv02-01 div.lv03-03{
  margin: 0;
}
body#invoice-idx div#lv02-01 div.item h3{
  margin: 25px 0 15px 0;
}
body#invoice-idx div#lv02-01 div.item ul,
body#invoice-idx div#lv02-01 div.item ul li{
  margin: 0;
  background: none;
  padding: 0;
  list-style-type: none;
}
body#invoice-idx div#lv02-01 div.item ul li{
  width: 100%;
  text-align: center;
}
body#invoice-idx div#lv02-01 div.item ul.CFX li{
  width: 49%;
}
body#invoice-idx div#lv02-01 div.item ul li a{
  display: block;
  background: #004097;
  padding: 15px 10px;
  color: #fff;

  text-decoration: none;
}
body#invoice-idx div#lv02-01 div.item ul li.xlsx{
  margin: 0 2% 0 0;
}
body#invoice-idx div#lv02-01 div.item ul li span{
  padding-right: 18px; 
}
body#invoice-idx div#lv02-01 div.item ul li.pdf span{
  background: url("../img/nav-pdf.gif") no-repeat 100% 50%; 
}
body#invoice-idx div#lv02-01 div.item ul li.xlsx span{
  background: url("../img/nav-excel.png") no-repeat 100% 50%; 
}

body#invoice-idx div#lv02-01 .lv03-02 .wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
body#invoice-idx div#lv02-01 .lv03-02 p.image{
  width: 40%;
}
body#invoice-idx div#lv02-01 .lv03-02 p.image img{
  margin-bottom: 0;
  max-width: 100%;
}
body#invoice-idx div#lv02-01 .lv03-02 ul{
  margin-top: 0 !important;
}
body#invoice-idx div#lv02-01 .lv03-02 ul li{
  background: none;
}

body#invoice-idx div#lv02-01 .lv03-02 ul li.pdf{
  background: url("../img/nav-pdf.gif") no-repeat 100% 50%;
  padding-right: 15px;
}



/*  method
////////////////////////////////////////// */
body#method-field-idx #main #kv,
div#method-area div#kv{
  background: url("../img/p-kv-method.jpg") center center no-repeat;
  background-size: cover;
  background-attachment: scroll;
}
div#method-area #navi-area{
  background: #ebebeb;
}
/*
div#method-area ul#cat-nav,
*/
body#method-field-idx #main #kv h1,
div#method-area div#kv h1{
  margin: 0 auto;
  width: 960px;
}
div#method-area #content table tbody tr th,
div#method-area div#kv h1,
div#method-area #content h2,
div#method-area #content h3,
div#method-area #content h4{
  text-align: left;
}
div#method-area #content #img-area span.number,
div#method-area #content h4 span,
div#method-area #content table td.pdf,
div#method-area div#img-area ul li{
  text-align: center;
}
div#method-area #content table td.pdf{
  width: 6.5em;
}
div#method-area #content table td.pdf p{
  letter-spacing: -0.05em;
}
div#method-area div#kv h1{
  padding: 55px 0 20px 0;
}
div#method-area ul#cat-nav li a span,
div#method-area div#kv h1 span{
  display: block;
}
div#method-area div#kv h1 span.sab{
  font-size: 50%;
  letter-spacing: 0.04em;
}
div#method-area div#kv h1 span.title{
  font-size: 100%;
}
div#method-area div#kv h1 span.title small{
  font-size: 66%;
}
div#method-area div#kv ol li small{
  display: none;
}
div#method-area #content #img-area span.number,
div#method-area div#kv h1 span.number,
div#method-area h4 span.number{
  display: inline-block;
}
div#method-area div#kv h1 span.number{
  margin: 10px 0 0 0;
  background: #fff;
  padding: 5px 8px;
  font-size: 44%;
  color: #303130;
  letter-spacing: 0.04em;
}
div#method-area div#kv h1 span.number em{
  color: #004097;
}
div#method-area ul#cat-nav li a em{
  font-weight: normal;
  background: url("../img/nav-method-navi-arrow.png") center right no-repeat;
  padding: 0 20px;
}
div#method-area ul#cat-nav li.contact a em{
  color: #fff;
  background: url("../img/nav-method-navi-contact.png") center right no-repeat;
  padding: 0 30px;
}
div#method-area ul#cat-nav li.contact a{
  background: #004097;
}
div#main ul#cat-nav li.contact a span{
  border-right: none;
}
/*
div#method-area ul#cat-nav li a{
  width: 25%;
}*/
div#method-area ul#cat-nav li a span{
  padding: 0 30px;
}
div#method-area h3{
  margin: 40px 0 15px 0;
  font-size: 150%;
}

body#method-093 div#method-area #content #img-area li p,
div#method-area h4{
  position: relative;
  padding-left: 40px;
}
body#method-093 div#method-area #content #img-area li p{
  display: inline-block;
}
div#method-area h4.normal{
  padding-left: 0;
}
div#method-area #content #img-area span.number,
div#method-area h4 span.number{
  position: absolute;
  left: 0;
  margin: 0 10px 0 0;
  background: #004097;
  color: #fff;
  width: 30px;
  line-height: 30px;
}
div#method-area div#content .image-sp{
  display: none;
}

body.method #content #catalogue-area{
  padding: 10px 0 40px 0;
}
body.method #content #catalogue-area h2{
  margin-top: 30px;
}

div#method-area div#img-area ul,
div#method-area div#img-area ul li,
div#method-area div#catalogue-area ul,
div#method-area div#catalogue-area ul li{
  margin: 0;
  background: none;
  padding: 0;
  list-style-type: none;
}
div#method-area div#img-area ul li,
div#method-area div#catalogue-area ul li{
  float: left;
  display: inline;
}
div#method-area div#catalogue-area ul li{
  width: 25%;
}
div#method-area div#catalogue-area ul li p{
  display:inline-block;
  vertical-align:middle;
  font-size: 82%;
  color: #303130;
}
div#method-area div#catalogue-area ul li a{
  display: block;
  text-decoration: none;
  background: none;
}
div#method-area div#catalogue-area ul li p{
  margin: 0;
  width: 23%;
}
div#method-area div#catalogue-area ul li p.title{
  float: right;
  width: 72%;
}
div#method-area div#catalogue-area ul li p.img img{
  margin: 0;
  border: 1px solid #ccc;
}
div#method-area div#catalogue-area ul li p span,
div#method-area table tbody td.pdf a{
  background: url("../img/nav-method-catalogue-pdf.png") center left no-repeat;
  padding: 2px 0 2px 18px;
}
div#method-area table{
  font-size: 88%;
}
div#method-area table tr th,
div#method-area table tr td{
  padding: 10px 0;
}
div#method-area table tr th{
  border: none;
  font-weight: normal;
}
div#method-area table thead{
  border-bottom: 2px solid #b2b2b2;
}
div#method-area table tbody tr{
  border-bottom: 1px solid #ccc;
}
div#method-area table tbody td.pdf a{
  color: #303130;
}
div#method-area div#img-area img{
  margin: 0 0 5px 0;
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
div#method-area div#img-area ul{
  width: 102%;
}
div#method-area div#img-area ul li{
  margin: 0 1% 1% 0;
  width: 32%;
}
div#method-area div#lv02-01 p.image{
  text-align: center;
}
div#method-area div#lv02-01 p.image img{
  max-width: 960px;
}
div#method-area strong{
  color: #004097;
  font-size: 100%;
}
div#method-area #material-area{
  padding-bottom: 0;
}


div#method-area table.method-50-01 tbody tr th,
div#method-area table.method-50-01 tbody tr td{
  text-align: center;
}
div#method-area table.method-50-02 tbody tr td{
  text-align: center;
}
div#method-area .attention{
  display: inline-block;
  border: 1px solid #ff0000;
  padding: 0.5em 1em;
  color: #ff0000;
}




div.method-list h2{
  border-top: 1px solid #c6c9c6;
  padding-top: 60px;
}
div.method-list .navi h2{
  border-top: none;
  padding-top: 0;
}
div.method-list #lv02-01 h2{
  margin-top: 0;
}
div.method-list #content #catalogue-area{
  padding: 50px 0 100px 0;
}
body#method-050 div#method-area div#img-area ul li:nth-of-type(2){
  width: 43.5%;
}
body#method-070 #main div#method-area ul#cat-nav,
body#method-071 #main div#method-area ul#cat-nav,
body#method-072 #main div#method-area ul#cat-nav{
  display: none;
}
body#csr-others #main #content .navi,
body#method-netis #main #content .navi,
body#method-aric #main #content .navi,
body#method-001 #main #content .navi,
body#method-002 #main #content .navi,
body#method-003 #main #content .navi,
body#method-005 #main #content .navi,
body#method-006 #main #content .navi,
body#method-007 #main #content .navi,
body#method-009 #main #content .navi,
body#method-015 #main #content .navi,
body#method-017 #main #content .navi,
body#method-018 #main #content .navi,
body#method-019 #main #content .navi,
body#method-025 #main #content .navi,
body#method-026 #main #content .navi,
body#method-027 #main #content .navi,
body#method-074 #main #content .navi,
body#method-029 #main #content .navi,
body#method-036 #main #content .navi,
body#method-042 #main #content .navi,
body#method-043 #main #content .navi,
body#method-045 #main #content .navi,
body#method-054 #main #content .navi,
body#method-057 #main #content .navi,
body#method-071 #main #content .navi,
body#method-063 #main #content .navi,
body#method-064 #main #content .navi,
body#method-067 #main #content .navi,
body#method-068 #main #content .navi,
body#method-075 #main #content .navi,
body#method-076 #main #content .navi,
body#method-077 #main #content .navi,
body#method-078 #main #content .navi,
body#method-079 #main #content .navi{
  margin-top: -40px !important;
}
body#method-008 #main #content #catalogue-area,
body#method-020 #main #content #catalogue-area,
body#method-021 #main #content #catalogue-area,
body#method-022 #main #content #catalogue-area,
body#method-053 #main #content #catalogue-area,
body#method-028 #main #content #catalogue-area,
body#method-030 #main #content #catalogue-area,
body#method-037 #main #content #catalogue-area,
body#method-039 #main #content #catalogue-area,
body#method-046 #main #content #catalogue-area,
body#method-047 #main #content #catalogue-area,
body#method-049 #main #content #catalogue-area,
body#method-070 #main #content #catalogue-area,
body#method-050 #main #content #catalogue-area,
body#method-051 #main #content #catalogue-area,
body#method-052 #main #content #catalogue-area,
body#method-055 #main #content #catalogue-area,
body#method-056 #main #content #catalogue-area,
body#method-058 #main #content #catalogue-area,
body#method-060 #main #content #catalogue-area,
body#method-061 #main #content #catalogue-area,
body#method-082 #main #content #catalogue-area,
body#method-084 #main #content #catalogue-area,
body#method-092 #main #content #catalogue-area,
body#method-093 #main #content #catalogue-area{
  padding-bottom: 150px !important;
}
body#method-008 #main #content .navi,
body#method-020 #main #content .navi,
body#method-021 #main #content .navi,
body#method-022 #main #content .navi,
body#method-053 #main #content .navi,
body#method-028 #main #content .navi,
body#method-030 #main #content .navi,
body#method-037 #main #content .navi,
body#method-039 #main #content .navi,
body#method-046 #main #content .navi,
body#method-047 #main #content .navi,
body#method-070 #main #content .navi,
body#method-050 #main #content .navi,
body#method-051 #main #content .navi,
body#method-052 #main #content .navi,
body#method-055 #main #content .navi,
body#method-056 #main #content .navi,
body#method-058 #main #content .navi,
body#method-060 #main #content .navi,
body#method-061 #main #content .navi,
body#method-082 #main #content .navi,
body#method-084 #main #content .navi,
body#method-092 #main #content .navi,
body#method-093 #main #content .navi{
  margin-top: -200px !important;
}


body#method-005 div#method-area div#kv h1 span.number{
  display: none;
}








#content ul.method-menu{
  margin: 0 auto;
  padding: 40px 0 30px 0;
  width: 960px;
}
#content ul.method-menu li{
  float: left;
  display: inline;
  background: none;
  padding: 0;
  width: 33.333%;
/*
  text-align: center;*/
  box-sizing: border-box;
}
#method-072 #content ul.method-menu li{
  width: 50%;
  /*
  border-right: 1px solid #c6c9c6;*/
}
#content ul.method-menu li a{
  background: url("../img/nav-arrow-method-list.png") left center no-repeat;
	background-size: 10px 6px;
	-webkit-background-size: 10px 6px;
	-moz-background-size: 10px 6px;
	-ms-background-size: 10px 6px;
	-o-background-size: 10px 6px;
	padding: 0 0 0 16px;
	text-decoration: none;
	color: #1e1f1e;
}


.method #content .catalog{
  margin: 0 auto;
  width: 960px;
}
.method #content .catalog h2{
  border-top: none;
  text-align: center !important;
}
.method #content .catalog h3{
  text-align: center !important;
}
.method #content .catalog ul.menu{
  margin: 40px auto 20px auto;
  border-right: 1px solid #b2b2b2;
}
.method #content .catalog ul.menu li{
  float: left;
  display: inline;
  margin: 0;
  background: none;
  padding: 0;
  width: 11.1%;
  text-align: center;
}
.method #content .catalog ul.menu li a{
  display: block;
  border-left: 1px solid #b2b2b2;
  background: url("../img/nav-product-menu-arrow.png") center right no-repeat;
	background-size: 18px 5px;
	-webkit-background-size: 18px 5px;
	-moz-background-size: 18px 5px;
	-ms-background-size: 18px 5px;
	-o-background-size: 18px 5px;
  padding: 0 5px 0 0;
	text-decoration: none;
}
/*
.method #content .catalog div table td,
.method #content .catalog div table th{
  border: 1px solid #000;
}*/
.method #content .catalog div table{
  margin: 0 auto;
  width: 720px;
}
.method #content .catalog div table tbody td{
/*  position: relative;
  float: left;
  display: inline;*/
  background: none;
  padding: 5px 10px;
/*
  width: 20%;
*/
  box-sizing: border-box;
}
.method #content .catalog div table tbody td.first{
  width: 80%;
  text-align: left;
}
.method #content .catalog div table tbody td.multi{
  width: 25%;
}
.method #content .catalog div table tbody td.steel{
  width: 60%;
  text-align: left;
}
.method #content .catalog div table tbody td.pdf{
  width: 20%;
  text-align: center;
}
/*
.method #content .catalog div ul li span{
  position: absolute;
  right: 0;
}*/
.method #content div table tbody td a{
  color: #303130;
}
.method #content div table tbody td a.material-pdf{
  display: inline-block;

  background: url("../img/nav-method-catalogue-pdf.png") center left no-repeat;
  padding: 5px 0 5px 18px;
}
.method #content div table tbody td a.material-pdf{

  background: url("../img/nav-method-catalogue-pdf.png") center center no-repeat;
  padding: 15px 20px;
}


/* 一覧 */

/*
body.field #main #kv{
  background: url("../img/bg-h1-method.png") center bottom no-repeat;
  background-size: cover;
}
body.field #main.lv02 #kv{
  background: url("../img/bg-h1-method-lv02-01.png") center bottom no-repeat;
  background-size: cover;
  padding-bottom: 80px;
}
body.field #main #kv h1{
  position: relative;
  padding: 70px 0;
  text-align: center;
  color: #1e1f1e;
}
body.field #main #kv h1 span{
  display: inline;
  border-bottom: 1px solid #00ba3e;
}
body#method-field-idx #main #kv h1{
  padding: 55px 0 20px 0;
  color: #fff;
}
body#method-field-idx #main #kv h1 span{
  display: block;
  border-bottom: none;
}*/


body.field #main #kv h1 span.lv02/*,
body.field #main #kv h1 span.lv02*/{
  position: absolute;
  border: none;
  bottom: -45px;
  right: 0;
  left: 0;
  font-size: 78%;
}
/*
body.field #main #kv ol.bc{
  position: absolute;
  left: 50%;
  margin: 25px 0 0 -480px;
}*/
body#method-field-idx #main #kv ol.bc{
  position: static;
  margin: 0 auto;
}


/*
body.field #main ol.bc li.end,
body.field #main ol.bc a{
  color: #333 !important;
}
body#method-field-idx #main #kv ol.bc li.end,
body#method-field-idx #main #kv ol.bc a{
  color: #fff !important;
}*/

/*
body.field #main #cat-nav{
  display: none;
}*/
body#method-field-idx #main #cat-nav{
  display: block;
}
body.field #content ul.method-navi-list,
body.field #content ul.method-navi-list{
  margin: 0 auto 60px auto;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 60px;
  width: 720px;
}
body#method-field-idx #content ul.method-navi-list,
body#method-field-civil-idx #content ul.method-navi-list,
body#method-field-archi-idx #content ul.method-navi-list,
body#method-field-idx #content ul.method-navi-list{
  border-bottom: none;
}
body#method-field-archi-idx #content ul.method-navi-list{
  width: 480px;
}
body#method-field-idx #content ul.method-navi-list li,
body#method-field-civil-idx #content ul.method-navi-list li,
body#method-field-archi-idx #content ul.method-navi-list li{
  width: 200px;
}
body.field #content ul.method-navi-list li:hover,
body.field #content ul.method-navi-list li:hover{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
body.field #content ul.method-navi-list li img,
body.field #content ul.method-navi-list li img{
  margin-bottom: 0.5em;
}
body.field #content ul.method-navi-list li h3,
body.field #content ul.method-navi-list li h3{
  margin: 0 0 0.25em 0;
  color: #303130;
  font-size: 136%;
}
body.field #content ul.method-navi-list li p,
body.field #content ul.method-navi-list li p{
  font-size: 85%;
  color: #666766;
}
body.field #content ul.method-navi-list li,
body.field #content ul.method-navi-list li{
  float: left;
  display: inline;
  cursor: pointer;
  background: none;
  padding: 0 20px;
  width: 140px;
}




.netis div.method-list h2,
.aric div.method-list h2{
  border-top: none;
  padding-top: 0;
}
.netis div.method-list table th.num,
.aric div.method-list table th.num{
  text-align: left;
}
.netis #content div div.inner,
.aric #content div div.inner{
  width: 720px;
}

#method-netis #content table th.num{
  min-width: 8.5em;
}

#method-netis #content table .year{
  min-width: 6em;
  text-align: center;
}




/*  product
////////////////////////////////////////// */
body.product div#kv{
  background: url("../img/p-kv-product.jpg") center center no-repeat;
  background-size: cover;
  background-attachment: scroll;
}
body.product #content table th.num{
  display: none !important;
}
body.product #content table .name{
  color: #303130;
  width: 16em;
}
body.product #content table .pdf{
  padding: 10px 5px;
  text-align: center;
  width: 6em;
}
body.product #content table td.pdf a{
  background: url("../img/nav-method-catalogue-pdf.png") center center no-repeat;
/*
  padding: 0 0 0 18px;*/
  display: block;
  width: 100%;
  height: 100%;
}


/*
body.product #content thead,
body.product #content tbody{
  display: block;
}
body.product #content thead tr{
  width: 100%;
}
body.product #content tbody{
  overflow-y: scroll;
  height: 150px;
}*/




body#product-idx #content #lv02-01 p.carcinogen,
body#product-idx #content #lv02-01 p.weak{
  text-align: right;
}
body#product-idx #content #lv02-01 ul.menu{
  margin: 40px auto 20px auto;
  border-right: 1px solid #b2b2b2;
}
body#product-idx #content #lv02-01 ul.menu li{
  float: left;
  display: inline;
  margin: 0;
  background: none;
  padding: 0;
  width: 11.1%;
  text-align: center;
}
body#product-idx #content #lv02-01 ul.menu li a{
  display: block;
  border-left: 1px solid #b2b2b2;
  background: url("../img/nav-product-menu-arrow.png") center right no-repeat;
	background-size: 18px 5px;
	-webkit-background-size: 18px 5px;
	-moz-background-size: 18px 5px;
	-ms-background-size: 18px 5px;
	-o-background-size: 18px 5px;
  padding: 0 5px 0 0;
	text-decoration: none;
}

body#product-idx #content table tbody th,
body#product-idx #content table tbody td{
  vertical-align: middle;
}
body#product-idx #content table tbody th{
  text-align: left;
}
body#product-idx #content table tbody td.row2 a:first-child{
  padding-bottom: 0;
}
body#product-idx #content table tbody td a small{
  display: block;
  padding-top: 15px;
}


/* table */
/*
body.product #content .mrsth{
  background-color: #fff;
}
body.product #content #div-product-list{
  margin: 0;
  width: 100%;
  max-width: 960px;
}
body.product #content #div-product-list th:first-of-type{
  display: none;
}*/
/*
body.product #content table{
  width: 100%;
  min-width: 450px;
  overflow-x: scroll;
}

body.product #content #product-list th,
body.product #content #product-list td{
}


body.product #content thead th{

  position: sticky;
  top: 0;
  left: 0;
  z-index: 99999;
}
body.product #content #product-list th{
  background: #f5f5f5;
}*/

body.product #wrapper{
  overflow: unset;
}
body.product table thead th{
  position: sticky;
  top: 0;
  left: 0;
/*
  border-bottom: 2px solid #b2b2b2;*/
  background: #fff;
  z-index: 99999;
}
body.product table thead th::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #b2b2b2;
}



body.product #content table{
  font-size: 88%;
}
body.product #content table tr th,
body.product #content table tr td{
  padding: 12px 0;
  height: auto !important;
}
body.product #content table tr th{
  border: none;
  font-weight: normal;
}
body.product #content table thead{
  border-bottom: 2px solid #b2b2b2;
}
body.product #content table tbody tr{
  border-bottom: 1px solid #ccc;
}
body.product #content table tbody td.pdf a{
  color: #303130;
}


/*  hrd
////////////////////////////////////////// */


body#hrd-idx #content .col2,
body#hrd-idx #content .col3{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

body#hrd-idx #content .col2 > *{
  width: calc(50% - 30px);
}

body#hrd-idx #content .col3 > *{
  width: calc(33.333% - 20px);
}
body#hrd-idx #content img{
  margin: 0 auto 5px auto;
  width: auto;
  max-width: 100%;
}
body#hrd-idx #content #lv02-01 p.image{
  width: 33.333%;
}
body#hrd-idx #content #lv02-01 p.image.banner{
  margin: 40px auto;
  width: 480px;
}
body#hrd-idx #content #lv02-01 p.lead{
  font-weight: bold;
}
body#hrd-idx #content #lv02-01 h3{
  margin: 0 0 20px 0;
  text-align: left;
}
body#hrd-idx #content #lv02-01 .box{
  font-size: 100%;
}
body#hrd-idx #content #lv02-01 .box ul ul{
  margin-top: 0.5em;
}
body#hrd-idx #content #lv02-01 .box ul ul li{
  margin-bottom: 0.5em;

}
body#hrd-idx #content #lv02-01 .col2{
  flex-direction: row-reverse;
}
body#hrd-idx #content #lv02-01 ul.pic{
  margin: 40px 0 0 0;
  clear: both;
}
body#hrd-idx #content #lv02-01 ul.pic li{
  background: none;
  padding: 0;
}


body#hrd-idx #content #lv02-01 #ban-mov{
  position: relative;
  cursor: pointer;
  margin: 40px auto 80px auto;
/*
  background: url("../img/ban-home-60th.png");
  padding-top: 75px;*/
  width: 550px;
  height: 315px;
}
body#hrd-idx #content #lv02-01 #ban-mov p.bg{
  margin: auto;
  z-index: -1;
}
body#hrd-idx #content #lv02-01 #ban-mov p.nav{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  margin: 0 auto !important;
  border: 1px solid #b2b2b2;
  background: #fff;
  width: 250px;
  text-align: center;
  font-size: 115%;
}
body#hrd-idx #content #lv02-01 #ban-mov p.nav a{
  display: block;
  padding: 0;
  background: none;
  line-height: 60px;
  text-decoration: none;
  color: #004097;
}
body#hrd-idx #content #lv02-01 #ban-mov p.nav span{
  position: relative;
  background: url("../img/nav-arrow.png") left center no-repeat;
  padding: 0 10px;
}


body#hrd-idx #content #lv02-01 #ban-mov:hover p.ban a{
  box-shadow: 0 0 12px rgba(0,0,0,0.4);
}
body#hrd-idx #content #lv02-01 #ban-mov p.ban a:hover{
}
body#hrd-idx #content #lv02-01 #ban-mov p.nav a span::after{
  position: absolute;
  right: -4px;
  top: 0;
  content: "";
  background: url("../img/nav_external.png") center no-repeat;
  width: 11px;
  height: 9px;
}

body#hrd-idx #content #lv02-01 #ban-mov:hover{
  opacity: 0.6;
}


/*
body#hrd-idx #content #lv02-01 .col2{
  flex-direction: row-reverse;
}
body#hrd-idx #content #lv02-01 .col2 p.image{
  margin: 0 0 20px 0;
  width: 33.333%;
}
body#hrd-idx #content #lv02-01 .col2 p.lead{
  font-weight: bold;
}
body#hrd-idx #content #lv02-01 .col2 h3{
  margin: 0 0 20px 0;
  text-align: left;
}
body#hrd-idx #content #lv02-01 .col2 .text{
  flex: 1;
  margin: 0 30px 0 0;
}*/




/*  institute
////////////////////////////////////////// */

body.institute #content .map{
}
body.institute #content .map .map-inner{
  margin: 0 auto;
  position: relative;
  width: 840px;
}
body.institute #content .map p.image{
  text-align: center;
}
body.institute #content .map ul li{
  position: absolute;
  margin: 0;
  background: none;
  padding: 0;
}
body.institute #content .map ul li img{
  margin: 0;
}
body.institute #content .map ul li.facility-01{
  top: 4%;
  left: 5%;
}
body.institute #content .map ul li.facility-02{
  top: 15%;
  left: 18%;
}
body.institute #content .map ul li.facility-03{
  top: 22%;
  left: 38%;
}
body.institute #content .map ul li.facility-04{
  top: 34%;
  left: 30%;
}
body.institute #content .map ul li.facility-05{
  top: 2%;
  left: 32%;
}
body.institute #content .map ul li.facility-06{
  top: 43%;
  left: 54%;
}
body.institute #content .map ul li.facility-07{
  top: 30%;
  right: 2%;
}
body.institute #content .map ul li.facility-08{
  top: 11%;
  right: 25%;
}
body.institute #content .map h3{
  margin: 0 0 20px 0;
}
body#institute-idx #content #lv02-01 h3 span{
  display: block;
  margin: 0.5em 0 0 0;
  font-size: 85%;
}
body#institute-idx #content #lv02-01 div.lv03-01{
  margin: 0 auto;
  width: 720px;
}

/* facility */
/*
body.facility #header,
body.facility #main #kv,
body.facility #main #cat-nav,
body.facility #content .navi,
body.facility #footer{
  display: none;
}


body.institute #cboxPrevious,
body.institute #cboxNext{
  top: 50%;
	background-size: 44px 44px !important;
	-webkit-background-size: 44px 44px !important;
	-moz-background-size: 44px 44px !important;
	-ms-background-size: 44px 44px !important;
	-o-background-size: 44px 44px !important;
  width: 44px;
  height: 44px;
}
body.institute #cboxPrevious{
  left: -50px;
  background: url("../img/controls-prev.png") 0 0 no-repeat;
}
body.institute #cboxNext{
  right: -50px;
  left: auto;
  background: url("../img/controls-next.png") 0 0 no-repeat;
}
body.institute #cboxCurrent{
  display: none !important;
}



body.facility #content #content-inner{
  padding: 0 30px;
}*/
body.institute #content div.facility #lv02-01 h2{
  margin-top: 30px;
}
body.institute #content div.facility #lv02-01 h3{
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  text-align: left;
}
body.institute #content div.facility #lv02-01 .inner{
  padding: 0 !important;
  width: 720px;
}
body.institute #content div.facility #lv02-01 .spec{
  clear: both;
}
body.institute #content div.facility #lv02-01 .lv03-01{
  clear: both;
}
body.institute #content div.facility #lv02-01 h4{
  margin-top: 0;
  text-align: left;
}
body.institute #content div.facility #lv02-01 h5{
  margin: 0 0 10px 0;
  color: #1e1f1e;
}
body.institute #content div.facility #lv02-01 .pic p,
body.institute #content div.facility #lv02-01 .pic ul,
body.institute #content div.facility #lv02-01 .spec table,
body.institute #content div.facility #lv02-01 .spec dl{
  font-size: 85%;
}
body.institute #content div.facility #lv02-01 .spec table th,
body.institute #content div.facility #lv02-01 .spec table td{
  padding: 0.5em;
  vertical-align: middle;
}
body.institute #content div.facility #lv02-01 .spec div{
  float: right;
  display: inline;
  margin: 0;
  width: 48%;
}
body.institute #content div.facility #lv02-01 .spec div.first{
  float: left;
}
body.institute #content div.facility #lv02-01 .spec table th{
  border: 1px solid #fff;
}
body.institute #content div.facility #lv02-01 .spec table td{
  border: 1px solid #e5ecf5;
}
body.institute #content div.facility #lv02-01 .spec table th{
  background-color: #e5ecf5;
}
body.institute #content div.facility #lv02-01 p.image,
body.institute #content div.facility #lv02-01 img{
  max-width: 240px;
  font-size: 76%;
  line-height: 1.2;
}
body.institute #content #lv02-01 ul.fasility-menu{
  clear: both;
  margin: 0;
}
body.institute #content #lv02-01 ul.fasility-menu li{
  float: left;
  display: inline;
  background: none;
  padding: 0;
  font-size: 85%;
  text-align: center;
}
body#institute-facility-01 #content #lv02-01 ul.fasility-menu li{
  width: 25%;
}
body#institute-facility-04 #content #lv02-01 ul.fasility-menu li{
  width: 50%;
}
body#institute-facility-08 #content #lv02-01 ul.fasility-menu li{
  width: 25%;
}
#cboxContent,
#cboxLoadedContent,
.cboxIframe{
  background: transparent !important;
}
body#institute-facility-03 p.nav{
  clear: both;
}
body#institute-facility-05 #content #lv02-01 ul.fasility-menu li{
  width: 23%;
}
body#institute-facility-05 #content #lv02-01 ul.fasility-menu li.narrow{
  width: 15.5%;
}
body.institute #content #lv02-01 ul.fasility-menu li a{
  display: block;
  border-right: 1px solid #b2b2b2;
  background: url("../img/nav-product-menu-arrow.png") center right no-repeat;
	background-size: 18px 5px;
	-webkit-background-size: 18px 5px;
	-moz-background-size: 18px 5px;
	-ms-background-size: 18px 5px;
	-o-background-size: 18px 5px;
  padding: 0 5px 0 0;
	text-decoration: none;
  padding: 5px 10px;
}
body#institute-facility-01 #content #lv02-01 div.pic,
body#institute-facility-02 #content #lv02-01 div.pic{
  float: left;
  display: inline;
  width: 48%;
}
body#institute-facility-01 #content #lv02-01 div.pic{
  float: right;
}
body#institute-facility-01 #content #lv02-01 div.first{
  float: left;
}
body#institute-facility-01 #content #lv02-01 .lv03-01 div.pic{
  margin-bottom: 20px;
  min-height: 380px;
}
body#institute-facility-01 #content #lv02-01 .lv03-03 div.diagram{
  width: 48% !important;
}
body#institute-facility-01 #content #lv02-01 .lv03-03 div.diagram img{
  max-height: 165px;
}
body#institute-facility-01 #content br.sp{
  display: none;
}
/*
body#institute-facility-01 #content #lv02-01 .lv03-07 .image{
  margin-bottom: 6em;
}*/
body#institute-facility-03 #content #lv02-01 div.spec dl{
  float: left;
  display: inline;
  width: 48%;
}
body#institute-facility-05 #content #lv02-01 .lv03-02 .image{
  margin-bottom: 10em;
}


/* diagram */
body.institute #content div.facility div.diagram{
  width: 240px !important;
}
body.institute #content div.facility div.diagram a.sp{
  display: block !important;
}
body.institute #content div.facility div.diagram{
  position: relative;
}
body.institute #content div.facility div.diagram span{
  display: block;
  position: absolute;
  width: 30px !important;
  height: 30px !important;
  right: 0;
  margin: -30px 0 0 0;
}
body.institute #content div.facility div.diagram span img{
  width: 30px !important;
  height: 30px !important;
}




/*
body#institute-facility-01 #content #lv02-01 .lv03-07 p,
body#institute-facility-01 #content #lv02-01 .lv03-07 .spec{
  margin-left: 260px;
}
body#institute-facility-01 #content #lv02-01 .lv03-07 p.image{
  margin-left: 0;
}*/


body#institute-about #content #lv02-01 .inner{
  width: 720px;
}
body#institute-about #content #lv02-01 p.image{
  text-align: center;
}
body#institute-about #content #lv02-01 h3{
  margin-top: 20px;
}
body#institute-about #content #lv02-01 dl{
  float: left;
  display: inline;
  width: 50%;
}
body#institute-about #content #lv02-01 dl dt{
  margin: 20px 0 0.75em 0;
  color: #303130;
}
body#institute-about #content #lv02-01 dl dd{
  margin-bottom: 0.5em;
  padding-left: 0;
  font-size: 85%;
}
body#institute-document #content #lv02-01 ul.pn,
body#institute-document-02 #content #lv02-01 ul.pn{
  padding-left: 0;
	text-align: center;
}
body#institute-document #content #lv02-01 ul.pn li,
body#institute-document-02 #content #lv02-01 ul.pn li{
  display: inline;
  background: none;
  font-size: 85%;
}
body#institute-document #content #lv02-01 ul.pn li.first,
body#institute-document-02 #content #lv02-01 ul.pn li.first{
  border-right: 1px solid #ccc;
  padding-right: 1em;
}

body.institute #content table#la_bunken tr th{
  border: none;
  padding: 1.5em 0 0.25em 0;
  text-align: left;
  font-weight: bold;
}

body.institute #content table#la_bunken tr td{
  border-left: 1px solid #e3e6e3;
  border-right: 1px solid #e3e6e3;
  padding: 1em;
  font-size: 88%;
  vertical-align: middle;
}
body#institute-access #lv02-01 .lv03-01 dl dt{
  color: #004097;
}
body#institute-access #lv02-01 .lv03-01 dl dd{
  margin-bottom: 0.5em;
}



/*  search
////////////////////////////////////////// */
/*div#search-results h2{
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
}*/
div#alpha-inner,
div#search-results,
div#search-results div#kv,
div#search-results div.entry-asset,
div#search-results div.asset-content{
  margin: 0 !important;
}
div#search-results div#kv{
  padding: 0 0 10px 0;
}
div#search-results div#kv ol.bc{
  margin: 0 auto !important;
}

div#search-results div.content-nav,
div#search-results div.search-results-container{
  margin: 0 auto !important;
  width: 960px;
}
div#search-results div.search-results-container{
  padding: 60px 0 0 0;
}
div#search-results div.entry-asset{
  border-bottom: 1px solid #ccc;
}
div#search-results div.entry-asset h3{
  margin: 0 0 10px 0;
  background: url("../img/nav-arrow-blue.png") left center no-repeat;
  padding: 0 0 0 10px;
  text-align: left !important;
}
div#search-results div.entry-asset h3 a{
  text-decoration: none;
}
div#search-results div.entry-asset h3 a:hover{
  text-decoration: underline;
}
div#search-results div.asset-body{
  margin: 0 0 20px 0;
}
div#search-results div.content-nav{
  padding: 0 0 60px 0;
}





/*  sitemap
////////////////////////////////////////// */
body#sitemap-idx #content div ul,
body#sitemap-idx #content div ul li{
  margin: 0;
  padding: 0;
}
body#sitemap-idx #content div ul li{
  background-position: 0 0.5em !important;
}
body#sitemap-idx #content div#lv02-01 ul li,
body#sitemap-idx #content div.inner div.block{
  float: left;
  display: inline;
}
body#sitemap-idx #content div#lv02-03,
body#sitemap-idx #content div#lv02-05{
  float: right;
}
body#sitemap-idx #content div#lv02-01 ul li,
body#sitemap-idx #content div.inner div.block{
  width: 48%;
}
body#sitemap-idx #content div.block ul ul{
  padding: 10px 0 0 20px;
  width: 100%;
}
body#sitemap-idx #content div.block ul ul li{
  background: url("../img/nav-arrow.png") 0 center no-repeat;
}
body#sitemap-idx #content div.block ul li{
  margin: 0 0 5px 0;
  background: url("../img/nav-arrow-blue.png") 0 center no-repeat;
}
body#sitemap-idx #content div.inner ul li a{
  padding: 0 0 0 13px;
}
body#sitemap-idx #content div#lv02-01{
  margin: 60px 0 0 0; 
}
body#sitemap-idx #content div.block h2{
  margin: 30px 0 20px 0;
  border-bottom: 1px solid #ccc;
  font-size: 113%;
}
#content div div.block{
  padding: 10px 0 20px 0;
}



/*  h840
--------------------------------------*/
@media screen and (max-height: 840px) {



p.ban-60th{
  top: auto;
  bottom: 0;
  left: 10px;
  width: 154px;
  height: 56px;
}
p.ban-60th a{
  background: url("../img/ban-home-60th_sp.png");
	background-size: 154px 56px;
	-webkit-background-size: 154px 56px;
	-moz-background-size: 154px 56px;
	-ms-background-size: 154px 56px;
	-o-background-size: 154px 56px;
}
p.ban-youtube{
  top: auto;
  bottom: 0;
  left: 172px;
  width: 154px;
  height: 52px;
}
p.ban-youtube a{
  background: url("../img/ban-home-yt_sp.jpg");
	background-size: 154px 52px !important;
	-webkit-background-size: 154px 52px !important;
	-moz-background-size: 154px 52px !important;
	-ms-background-size: 154px 52px !important;
	-o-background-size: 154px 52px !important;
}
p.ban-mp{
  top: auto;
  bottom: 0;
  left: 336px;
  width: 154px;
  height: 52px;
}
p.ban-mp a{
  background: url("../img/ban-home-mp_sp.png");
	background-size: 154px 52px !important;
	-webkit-background-size: 154px 52px !important;
	-moz-background-size: 154px 52px !important;
	-ms-background-size: 154px 52px !important;
	-o-background-size: 154px 52px !important;
}


}