@charset "UTF-8";
/* CSS RESET
------------------------------------------------------- */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}/*body{line-height:1}*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* BASIC
------------------------------------------------------- */
html {overflow-y:scroll;}
body {margin:0; padding:0; line-height:1.6; letter-spacing:1px; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif; font-size:12px; color:#333; background:#fff url("../images/bg_1F286F.gif") repeat-x top;}
br {letter-spacing:normal;}
a {color:#787EA8; text-decoration:none;}
a:hover {color:#787EA8; text-decoration:underline;}
a:hover img {filter: alpha(opacity=50); -moz-opacity:0.6; opacity:0.6;}/*画像マウスオーバーで半透明に*/
img.border {border:1px solid #d5d5d9;}/*画像に枠をつける*/
.font-10 {font-size:10px !important;}
.font-12 {font-size:12px !important;}
.font-20 {font-size:20px !important;}
.font-7 {font-size:7px !important;}
.font-b {font-size:130% !important; font-weight:600 !important;}
.font-b2 {font-weight:600 !important;}
.font-red {color:#ff0040 !important;}
.font-green {color:#00aea0 !important;}
.font-blue {color:#0065ae !important;}
.font-violet {color:#AE73AE !important;}
.underline {text-decoration:underline;}
hr.normal {height:1px; color:#e8e9f0; margin:20px 0;}
.ls{letter-spacing: 5px;margin-right: -5px}
.mt-5{margin-top: 5px !important}
.mt-10{margin-top: 10px !important}
.mt-15{margin-top: 15px !important}
.mb-5{margin-bottom: 5px !important}
.mb-10{margin-bottom: 10px !important}
.mb-15{margin-bottom: 15px !important}
.ml-5{margin-left: 5px !important}
.ml-10{margin-left: 10px !important}
.ml-15{margin-left: 15px !important}
.mr-5{margin-right: 5px !important}
.mr-10{margin-right: 10px !important}
.mr-15{margin-right: 15px !important}

/* LAYOUT
------------------------------------------------------- */
#header {
   width:1000px;
   height:40px;
   margin:0 auto;
   overflow: hidden;
}
#pan {
   width:1000px;
   height:80px;
   margin:0 auto;
   overflow:hidden;
}
#main {
   width:1000px;
   margin:0 auto;
   position:relative;
   overflow:hidden;
}
#Leftwrap {
   float:left;
   width:220px;
   padding:10 30 10 0px;
}
#Rightwrap {
   float:right;
   width:730px;
   padding:10px;
}
#noLeft {
   padding:10px;
}
#search {
   width:220px;
   top:10px;
   position:relative;
}
#footer {
   background-color:#E8E9F0;
   overflow:hidden;
}
#footlink {
   width:980px;
   margin:0px auto;
   padding:20px 10px 0px 10px;
   overflow:hidden;
}

/* HEADER
------------------------------------------------------- */
#headLogo {
   float:left;
   width:250px;
}
#navWrap {
   float:right;
   width:750px;
}

/* NAVIGATION - jQuery
------------------------------------------------------- */
/* Author: GeekTantra  Author URI: http://www.geektantra.com
------------------------------------------------------- */
ul.megamenu {
   padding:0px 10px;
   display:none;/*編集時はメニューを表示しない*/
   background-color:#1F286F;
}
ul.megamenu li {/*いじらない*/
   margin:0px;
   padding:0px;
}
ul.megamenu li.clear-fix {/*いじらない*/
   float:none;
   clear:both;
   margin:0px;
   padding:0px;
   height:0px;
   font-size:0px;
   line-height:0px;
}
ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
   position:relative;
   display:inline-block;
   padding:10px 20px;
   z-index:10;
   color:#fff;/*ナビゲーションの文字色*/
   font-size:13px;
   text-decoration:none;
}
ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
   color:#fff;/*マウスオーバー時のナビゲーション文字色*/
   background:#4853a8;/*マウスオーバー時のナビゲーション背景色*/
}
ul.megamenu div.mm-item-content {/*いじらない*/
   padding:0px;
   position:absolute;
   z-index:9;
}
.mm-content-base {
   background:rgba(64,76,165,0.95);/*ドロップメニュー背景色*/
   position:relative;
   z-index:11;
   padding:10px;
   overflow:auto;
}
.mm-js-shadow {
   background:#555;
   position:absolute;
   z-index:10;
}
* html .mm-content-base{overflow: visible;}
.para { /*ドロップメニューの段落設定*/
   width:146px;
   float:left ;
   display:block;
   position:relative;
   margin:5px 10px 10px 10px;
   padding:0 0 0 15px;
   border-left:1px solid #787EA8; /*縦線の設定*/
}
.paraFirst {
   width:146px;
   float:left ;
   display:block;
   position:relative;
   margin:5px 10px 10px 10px;
   padding:0 0 0 15px;
   border:none;
}
.para a, .paraFirst a {
   display:inline-block;
   font-size:1em;
   line-height:1.1em;
   color:#fff;
   font-weight:bold;
   text-decoration:none;
   margin-bottom:0.5em;
}
.para a:hover, .paraFirst a:hover {
   font-weight:bold;
   text-decoration:underline;
}
.para h3, .paraFirst h3 {
   font-weight:bold;
   color:#B9BAC0;
   font-size:1.2em;
   margin-bottom:2px;
   padding-top:0;
   line-height:1.4em;
}

/* SIDEMENU
------------------------------------------------------- */
.sidemenu {
   margin:10px 0px;
}
.sidemenu h3 {
   padding:6px 5px;
   margin-bottom:7px;
   color:#fff;
   font-size:13px;
   font-weight:bold;
   text-align:center;
   background:#1F286F;
}
.sidemenu ul {
   margin:0;
   padding:0px;
   background:#fff;
}
.sidemenu li {
   padding:5px;
   line-height:1.5;
   border-bottom:1px solid #E8E9F0;
   list-style:none;
}
.sidemenu li a {
   display:block;
   padding-left:5px;
   line-height:1.5;
   color:#1F286F;
   text-decoration:none;
}
.sidemenu li a:hover {
   color:#A5A9C5;
}
.sidemenu p {
   padding:5px 0px;
   line-height:1.5em;
}
.sidemenu2 { /*バナー向け*/
   margin:0 0 5px 0;
}

/* PANKUZU
------------------------------------------------------- */
#pan ul {
   padding:15px 0 0 5px;
}
#pan li {
   float:left;
   font-size:11px;
}
#pan li a {
   padding:0 5px;
}

/* MAIN CONTENTS - TITLE
------------------------------------------------------- */
#Rightwrap h1 {
   margin-bottom:40px;
   padding:0 0 0 10px;
   font-size:25px;
   color:#1F286F;
   font-weight:bold;
   border-left:5px solid #1F286F;
}
#Rightwrap h2 {
   margin:10px 0px;
   padding:5px 5px 5px 10px;
   font-size:13px;
   color:#fff;
   background:#1F286F;
}
#Rightwrap h3 {
   margin-bottom:10px;
   padding:16px 10px 10px 10px;
   font-size:14px;
   border-bottom:1px dotted #B9BAC0;
   background:#fff url("../images/bg_main_h3.gif") 0 0 repeat-x;
}
#Rightwrap h4 {
   margin:10px 0px;
   padding:5px;
   font-size:14px;
   border-left:5px solid #1F286F;
   border-bottom:1px dotted #B9BAC0;
}

/*どこで使ったか忘れた！#Rightwrap h6 {
   margin-bottom:10px;
   font-size:13px;
   color:#B9BAC0;
}*/
#Rightwrap p {
   margin:5px 10px;
}
#Rightwrap p.goback {/*一覧に戻る*/
   width:90px;
   float:right;
   text-align:right;
   background: url("../images/arrow_goback.gif") no-repeat 0px 3px;
}

/* MAIN CONTENTS - noLeft
------------------------------------------------------- */
#noLeft h1 {
   margin-bottom:10px;
   padding:0 0 0 10px;
   font-size:25px;
   color:#1F286F;
   font-weight:bold;
   border-left:5px solid #1F286F;
}
#noLeft h2 {
   margin-bottom:10px;
   padding:16px 10px 10px 10px;
   font-size:14px;
   border-bottom:1px dotted #B9BAC0;
   background:#fff url("../images/bg_main_h3.gif") 0 0 repeat-x;
}
#noLeft h3 {
   margin:20px 0 10px 0;
   padding:5px 5px 5px 10px;
   font-size:13px;
   color:#fff;
   background:#1F286F;
}
#noLeft p {
   margin:5px 10px;
}
#noLeft p.sp {
   margin:20px 10px;
}
#thanks {/*お問合せありがとうページ*/
   height:450px;
   background: url("../images/inquiry/bg_thanks.png") no-repeat 400px 0px;
}
#sitemapWrap {
   margin:20px 0 0 0;
   overflow:hidden;
}
.sitemap {
   float:left;
   width:320px;
   margin:0 10px 0 0;
}
.sitemapLast {
   float:right;
   width:320px;
   margin:0;
}

/* MAIN CONTENTS - #Leftwrap button（お問い合わせ用）
------------------------------------------------------- */
button.formbtn,.mailbtn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center!important;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 5px;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  color: #fff;
  height: 40px;
  width: 220px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
  text-decoration: none;}
 button.magbtn{
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center!important;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 5px;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  color: #fff;
  height: 50px;
  width: 220px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
  text-decoration: none;}

button.formbtn{background-color: #AE6183; letter-spacing: 1px;  margin-right: -1px}
button.mailbtn{background-color: #AE73AE; letter-spacing: 0px!important}
button.magbtn{background-color: rgba(0,170,160,1.00);letter-spacing: 0px!important}
button.formbtn:hover, button.formbtn:focus{color: #AE6183;background-color: #FFFFFF;}
button.mailbtn:hover, button.mailbtn:focus{color: #AE73AE;background-color: #FFFFFF;}
button.magbtn:hover, button.magbtn:focus{color: rgba(0,170,160,1.00);background-color: #FFFFFF;}



/* MAIN CONTENTS - TABLE
------------------------------------------------------- */
#Rightwrap table, #noLeft table {
   width:100%;
   margin:10px 0;
}
#Rightwrap table th, #noLeft table th {
   border:1px solid #d5d5d9;
}
#Rightwrap table td, #noLeft table td {
   padding:6px;
   border:1px solid #d5d5d9;
   vertical-align:middle;
   line-height:1.2em;
}
#Rightwrap table th, #noLeft table th {
   padding:6px;
   vertical-align:middle;
   line-height:1.2em;
}
#Rightwrap table caption, #noLeft table caption {
   padding:6px;
   font-size: 12px;
   font-weight: 600;
}
#Rightwrap table .gray, #noLeft table .gray {
   background-color:#e8e9f0;
}
#Rightwrap table.borderless, #noLeft table.borderless {/*ボーダー無しのテーブル設定*/
   width:100%;
   margin:10px 0;
}
#Rightwrap table.borderless td, #noLeft table.borderless td,#Rightwrap table.borderless th, #noLeft table.borderless th  {
   padding:2px;
   border-style:none;
   vertical-align:middle;
}
caption {text-align:left; text-align:-webkit-left;display: table-caption;}

/*Width 調整用　むやみやたらに増やさない。product.cssから移動させたもの 表やNEWSの幅に使う*/
 .w5{width:5%}    .w95{width:95%}
 .w10{width:10%}  .w90{width:90%}
 .w15{width:15%}  .w85{width:85%}
 .w20{width:20%}  .w80{width:80%}/*仕様*/
 .w25{width:25%}  .w75{width:75%}/*仕様の表（それ以外lumens/z_chartなど）を4列で表示する場合*/
 .w30{width:30%}  .w70{width:70%}/*serieswrapの仕様用*/
 .w33{width:33.3333333333%}
 .w35{width:35%}  .w65{width:65%}
 .w40{width:40%}  .w60{width:60%}/*serieswrapの仕様用*/
 .w45{width:45%}  .w55{width:55%}
 .w50{width:50%} /*仕様の表を2列で表示、3列で使用する場合*/
 .w100{width:100%}
 
/* TAB MENU - jQuery
------------------------------------------------------- */
.tb ul{margin:0 !important; padding:0 !important;}
.tb li{list-style:none !important;}

.tb .tabnavi{overflow:hidden;}
.tb .tabnavi li{background:#B9BAC0; padding:5px 25px; float:left; margin-right:4px; cursor:pointer;}
.tb .tabnavi li.select {background:#E8E9F0;}
.tb .tabcontent li{background:#E8E9F0; padding:20px;}
.tb .hide {display:none;}

/* GOOGLE SEARCH
------------------------------------------------------- */
#search .gsc-control-cse, 
#search .gsc-control-cse-ja,
#search .gsib_a{
   margin:0 !important;
   padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#search table.gsc-search-box td,
#search table.gsc-search-box input {
   vertical-align: top !important;
}
/* テキスト入力フォーム */
#search input[type="text"]{
   border: 1px solid #1F286F !important;
   height:25px !important;
}
#search input[type="text"]:focus {
   border: 1px solid #1F286F !important;
   outline: 0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#search #gsc-iw-id1{
   border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#search #gs_tti0 input{
   background-position:5px 5px !important;
}
/* ボタンの色 */
#search input.gsc-search-button {
   background: #1F286F !important;
   background: -ms-linear-gradient(top,  #1F286F 0%,#1F286F 100%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F286F', endColorstr='#1F286F',GradientType=0 ); /* IE6-9 */
   border: 1px solid #1F286F !important;
}
/* ボタンの位置調整と角丸消し */
#search .gsc-search-button{
   margin:0 0 0 -16px !important;
   border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
#search .gsib_b a{
   position:absolute;
   top:3px;
   left:185px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#search .gsib_b span{
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding:2px 0 0 0;
}

/* SUPPORT
------------------------------------------------------- */
#supportWrap {
   margin:0 0 20px 0;
   overflow:hidden;
}
.supportL {
   float:left;
   width:355px;
   margin:0 20px 0 0;
}
.supportR {
   float:right;
   width:355px;
   margin:0;
}

/* DOWNLOAD, 会社情報-取引先
------------------------------------------------------- */
#downWrap {
   overflow:hidden;
}
.down {
   float:left;
   width:236px;
   margin:0 10px 0 0;
}
.downLast {
   float:right;
   width:236px;
   margin:0;
}

/* DOWNLOAD ICON
------------------------------------------------------- */
a.pdf,
a.dxf,
a.dwg {
	display: block;
	padding: 2px 0 0 40px;
	background: url("../images/i_pdf.gif") 0 0 no-repeat;
	width: 6em;
	text-align: left;
}
a.dxf {
	background: url("../images/i_dxf.gif") 0 0 no-repeat;
}
a.dwg {
	background: url("../images/i_dwg.gif") 0 0 no-repeat;
}

/* FOOTER
------------------------------------------------------- */
#footlink .item {
   overflow:hidden;
   min-width:900px;
}
#footlink ul {
   margin:0 auto;
}
#footlink li {
   float:left;
   color:#1F286F;
}
#footlink li a {
   margin:0 10px;
   padding:0 10px;
   color:#1F286F;
   font-size:11px;
}
.copyright {
   clear:both;
   padding:20px 0;
   font-size:10px;
   font-style:normal;
   text-align:center;
}
/* scroll to top */
#scrollup{display: none;
    position:fixed;
    width:30px;
    height:34px;
    bottom:20px;
    right:50px;
    background: rgba(255,255,255,0.00); 
    color: rgba(31,40,111,0.50);
	padding: 10px;
	border-radius: 5px;
	-webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s;
}
#scrollup:hover{text-decoration: none;}

/*ETC.*/
/*文字の中央寄せ*/.text-center{text-align: center !important}
/*inline element img用*/img.center{margin-left: auto !important;margin-right: auto !important;display: block!important;}
#Rightwrap .align{float: left;padding: 0px 5px}/*画像などの横並び用 画像の場合：2つ以上をpadding含め合わせて730pxにする必要あり /news/2018/0226/などで使用 3つ以上必要の場合はinline-blockのクラス必要*/
#Rightwrap .align-right{float:right; margin: 0px 0px 0px 5px}/*単体での画像用 右寄せ*/
.clearfix::after {
    content: "";
    clear: both;
    display: block;
}/*画像とパラグラフを同じ行にする*/
#Rightwrap .display-ib{display: inline-block;}
#Rightwrap .display-b{display: block;}
#Rightwrap .display-if , #noLeft .display-if{display: inline-flex;}


/* END
------------------------------------------------------- */