@charset "utf-8";
/* -------------------------------------
     Print CSS
 (c) Copyright 2006 Sketches of Design
     version 2006-09-01
------------------------------------- */
@import "common.css";

/* General Rules
--------------------------------------*/
body{
  background-color: #fff;
  color: #000;
  font-size: 8pt;
  font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif !important;
}

/* Headings
--------------------------------------*/
h1{
  font-size: 16pt;
  margin-bottom: 20px;
}
h2{
  margin-bottom: 5px;
  padding: 0 0 0 10px;
  border-left: 4px solid #3C62A1;
  font-size: 13pt;
}
h3{
  margin: 15px 0 8px 0;
  font-size: 11pt;
 /* border-bottom: 1px solid #666;*/
}
h4, h5, h6{
  font-size: 9pt;
  color: #004992;
}

/* Non-Display Parts
--------------------------------------*/
/* header */
ul.menu,
ul.nav-main,
ul.nav-global,
#header .megamenuPt01{
  display: none;
}

/* content */
p.nav, p.btt{
  display: none;
}

/* util */
div#aside{
  display: none;
}

/* footer */
div#footer ul.flat{
  display: none;
}

div#footer,
div#footer div{
padding: 0 !important;
margin: 0 !important;
height: auto;
}
#note-area,
#material-area .inner,
#material-area .inner div,
#material-area .inner table{
padding: 0 !important;
margin: 0 !important;
}



/* table */
table{
  margin-bottom: 0;
  line-height: 1.5;
  color: #1e1f1e;
  border: none;
  font-size: 85%;
}

table thead tr th,
table thead tr td{
  color: #1e1f1e;
}
table thead{
}
table thead tr th{
  border: 1px solid #b2b2b2;
  background-color: #dfeafb;
  text-align: center;
}
table tr th,
table tr td{
  padding: 0.2em 0.5em;
  border: 1px solid #b2b2b2;
  text-align: left;
}
table tr th{
  background-color: #dfeafb;
}
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;
}

/* 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;}
/* */





/*  
--------------------------------------*/
#header .menu-container,
#header #hdnavigation,
#btt,
#main .navi,
ol.bc,
div#main ul#cat-nav,
p.ban-60th,
body#company-history div#content-inner div.block p.button,
#footer div.fmenu{
  display: none !important;
}

#header p#b-logo img{
  width: 240px;
  height: auto;
}

#header p#b-logo,
#header p#b-tagline{
  float: left;
  display: inline;
}
#header p#b-tagline{
  margin: 0.2em 0 0 1em;
  font-size: 122%;
}
#header p#b-tagline span{
  font-weight: bold;
}

#footer .inner ul li{
  display: none;
}


img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}

#home .bx-viewport,
#home .backstretch,
#home #content #news p.more,
#home #content p.nav-sp,
body#company-branch #content .tabs,
body#company-branch #content .map ul,
body.method .lv02 .method-navi-list,
body.elongation .method-navi-list,
#content ul.method-menu,
body.elongation #main .map ul,
body#contact-faq div#lv02-01 div.lv03-01{
  display: none;
}

body#home #content #lv02-01 .inner div p.image,
body#company-message #content div#lv02-01 .CFX p.image,
body#company-csr-idx #content p.fRight,
body#company-csr-social #content #lv02-01 p.image{
  max-width: 25%;
}
body#home #content #lv02-01 .inner div p.outline,
body#company-about #content div#lv02-01 div.inner div table,
body#product-idx #content table tbody th,
body#product-idx #content table tbody td,
body#company-csr-idx #content div#lv02-02 .inner div,
body#contact-idx #content div.item{
  height: auto !important;
}

body#home #content #lv02-01 .inner div{
  position: relative;
  float: left;
  display: inline;
  width: 50%;
}
body#company-about #content div#lv02-01 div.inner div.officer table dl dd{
  margin: -1.5em 0 5px 8.5em;
}
body#company-history div#content-inner div.block dl{
  display: block !important;
}
body#company-history div#content-inner div.block dl dd {
  margin: -1.5em 0 20px 7em;
  padding: 0;
}
body#company-branch #content h2{
  display: block !important;
}
body#company-branch #content div.map{
  margin: 0 auto;
  width: 66.666%;
}

body.field #content ul.method-navi-list li,
body.elongation #content ul.method-navi-list li{
  float: left;
  display: inline;
  cursor: pointer;
  background: none;
  padding: 0 20px;
  width: 140px;
}
body.field #content ul.method-navi-list li h3,
body.elongation #content ul.method-navi-list li h3{
  margin-bottom: 0.25em;
  height: auto !important;
}



div#method-area{
  font-size: 93%;
}
div#method-area div#kv h1 span.sab{
  font-size: 50%;
}
div#method-area div#kv h1 span.number{
  float: right;
  margin: 1em 0 0 0;
  font-size: 44%;
}
div#method-area h4 {
  position: relative;
  padding: 0 0 0.5em 25px;
  color: #000;
}
div#method-area h4.normal{
  padding-left: 0;
}
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 h4 span.number{
  position: absolute;
  left: 0;
  margin: 0 10px 0 0;
  background: #004097;
  width: 20px;
  line-height: 20px;
  color: #fff;
}
div#method-area h4 span.number{
  display: inline-block;
}
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#lv02-01 h2,
div#method-area div#lv02-01 div{
  margin: 0;
}
div#method-area div#lv02-01 .first p.image{
  margin-top: -30px;
}
div#method-area div#lv02-01 h3,
div#method-area div#lv02-01 h4{
  display: block;
  clear: both;
  float: none;
}
div#method-area div#lv02-01 p.image{
/*  float: right;*/
  margin-bottom: 0;
  max-width: 20%;
}
div#method-area div#lv02-01 p.image img{
  margin-bottom: 0;
  max-width: 100%;
  height: auto;
}
div#method-area div#catalogue-area ul,
div#method-area div#catalogue-area ul li,
div#method-area div#catalogue-area ul li img{
  margin-bottom: 0;
  max-height: 40px;
}
div#method-area div#catalogue-area ul li p.img,
div#method-area div#catalogue-area ul li p.title{
  float: left;
}
div#method-area div#catalogue-area ul li p.title{
  margin-left: 0.5em;
}
div#method-area div#img-area ul li{
  float: left;
  display: inline;
  margin: 0 1% 0 0;
  width: 32%;
  font-size: 85%;
}

div#method-area #content table th br{
  display: none;
}


/* method */
body#method-036 #content #img-area ul,
body#method-037 #content #img-area ul,
body#method-058 #content #img-area ul{
  float: right;
  margin: -30px 0 0 0;
  width: 33.333%;
}
body#method-036 #content #img-area ul{
  margin: -80px 0 0 0;
}
body#method-050 #content #img-area ul{
  width: 33.333%;
}
body#method-036 #content #img-area ul li,
body#method-037 #content #img-area ul li,
body#method-050 #content #img-area ul li,
body#method-058 #content #img-area ul li{
  width: 48%;
}
body#method-036 #content #img-area ul li.img-03,
body#method-037 #content #img-area ul li.img-03,
body#method-050 #content #img-area ul li.img-03,
body#method-058 #content #img-area ul li.img-03{
  display: none;
}
body#method-050 #content table td br{
  display: none;
}
body#method-056 #content #img-area ul li{
  width: 25%;
}
/*
body#method-058 #content #img-area ul li{
  width: 20%;
}*/
/*
body#method-058 #content #lv02-01 br{
  display: none;
}*/
body#method-058 #content #lv02-01 h4,
body#method-058 #content #lv02-01 p{
  width: 65%;
}
body#method-058 #content #lv02-01 p.image,
body#method-058 #content #lv02-01 #img-area.first{
  margin: -60px 0 0 0;
}
/*
body#method-058 #content #lv02-01 #img-area,
body#method-058 #content #lv02-01 p.image{
  position: absolute;
  margin: -60px 0 0 0;
  right: 0;
}*/
body#method-067 #content .body_image_right p.image{
  position: absolute;
  padding: 0;
  right: 0;
}
body#method-067 #content .body_image_right p,
body#method-067 #content .body_image_right h4{
  padding-right: 25%;
}
body#method-068 #content .body_image_right p.image{
  margin: -45px 0 0 0;
  width: 15%;
}
body#method-068 #content .first p.image{
  position: absolute;
  top: 220px;
  right: 0;
}
body#method-068 #content ol,
body#method-068 #content ol li{
  margin: 0;
}
body#method-068 #content ol li{
  float: left;
  width: 33.333%;
}
body#method-070 #content p.image{
  width: 33.333%;
}
body#method-024 div#method-area div#lv02-01 p.image.single{
  float: right;
  margin-top: -90px;
}
body#method-036 div#method-area div#lv02-01 .first p.image{
  position: absolute;
  right: 0;
}




body.institute #content .map,
body.institute #content .map ul.banners,
body.institute #content #lv02-01 ul.fasility-menu{
  display: none;
}
body#institute-idx #content .map{
  display: block;
}
body.institute #content div.facility #lv02-01 .lv03-01{
  clear: both;
}
body.institute #content div.facility #lv02-01 p.image,
body.institute #content div.facility #lv02-01 img{
  max-width: 240px;
}
body#institute-about #content #lv02-01 dl{
  float: left;
  display: inline;
  width: 50%;
}
body.institute #content div.facility div.diagram{
  position: relative;
  width: 240px !important;
}
body.institute #content div.facility div.diagram a.sp{
  display: block !important;
}
body.institute #content div.facility div.diagram span{
  display: block;
  position: absolute;
  right: 0;
  margin: -30px 0 0 0;
  width: 30px !important;
  height: 30px !important;
}
body.institute #content div.facility div.diagram span img{
  width: 30px !important;
  height: 30px !important;
}


body#sitemap-idx #content div#lv02-01 ul li,
body#sitemap-idx #content div.inner div.block,
body#sitemap-idx #content div#lv02-04 ul{
  width: 48%;
}
body#sitemap-idx #content div#lv02-01 ul li,
body#sitemap-idx #content div.inner div.block,
body#sitemap-idx #content div#lv02-04 ul{
  float: left;
  display: inline;
}

body#contact-faq div#lv02-01 div.lv03-02 dl span{
}
body#contact-faq div#lv02-01 span.answer,
body#contact-faq div#lv02-01 span.question{
  display: inline-block;
}
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;
}

body#contact-faq div#lv02-01 div.lv03-02 dl p{
  margin: -1.5em 0 1em 2em;
}