img { -ms-interpolation-mode: bicubic; } 


body{ 
-webkit-text-size-adjust: 100%; 

} 

body,td,th {
font-family: dejarip-1, dejarip-2, "Helvetica Neue", Arial, clean, sans-serif;
}

img {
    border-style:none;
}

.text-left{
text-align:left;
}
.text-center{
text-align:center;
}
.text-right{
text-align:right;
}

a:link{
color: #1d3994;
text-decoration :  none;
}
a:visited{
color: #8B008B;
text-decoration : underline;
}

a:hover a:active, a:focus{
color: #1d3994;
text-decoration:  underline;
}
a:active{
color: #8B008B;
text-decoration:underline;
}


div#wrapper {

width:94%;
min-width:200px; 
max-width:950px; 
margin: 0px auto;
  /*(上)　(右)　(下)　(左)*/
padding:9px;
background-color: #FFF;
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
#header {
background: #fff;
margin-bottom:10px auto ;
padding:0px;
float:none;
clear:both;
}

#header #search {
margin-right:0px;
margin-top:10px;
margin-bottom:10px;
text-align: right;
}

/*ヘッダの中のKANESO LOGO*/

img#klogo{
float:left;/*まわりこみの指示*/
margin-left:1px;
margin-bottom:10px;
max-width: 190px;
max-height:auto;
}


/*ヘッダの中のicon LOGO*/
img#iconlogo{
float:right;/*まわりこみの指示*/
margin-left:20px;
margin-bottom:10px;
width:auto;
max-height:100px;
}
/*ヘッダの中のicon LOGO*/


.clear { clear:both; }  /*まわりこみ対策*/
.clear hr { display:none; }  /*まわりこみ対策*/




/* 新着情報・ワンポイント情報に使用 */

div.infomation {
color: #444444;/* fontの色*/
line-height:150%;

margin-top:10px;
    /*margin-left: 250px;*/
margin-bottom:10px;
}

.infomation h3 {
clear: both;
/*background:#ddd;*/
margin-top:9px;
margin-bottom:0px;
/*margin-right:1px;*/
   /*padding-right: 9px;*/
/*padding-left: 9px;*/
/*padding-top:9px;*/
/*padding-bottom:3px;*/
font-weight:normal;
font-size:130%;
line-height:120%;
border-bottom: thin solid #ccc;
}

.infomation ul {
   margin:0;
   padding-right: 9px;
padding-left: 9px;
   list-style:none;
}

.infomation li {
   padding:2px 0 2px 7em;/*上右下左*/
   text-indent: -7em;
}

.infomation li span {
display:inline-block;
width:7em;
text-indent:0;
text-shadow: 0px 0px 0px;/*上右下左*/
vertical-align: top;
}

.infomation li a {
color: #1d3994;
text-decoration :  none;
}

.infomation li a:hover {
color: #1d3994;
text-decoration:  underline;
}

.infomation li a:active{
color: #8B008B;
text-decoration:underline;
}


/* 新着情報　TOP記事用 */

.img-boder{
border: 1px solid #ddd ;
}

.list-box {
  border-bottom: 1px solid #eee;
  display: table;
  width: 100%;

}
.list-img,
.list-text {
  display: table-cell;
  vertical-align: middle;
}

/**.list-img{
  display: table-cell;
width: 150px;
height: 120px;
text-align: center;

}**/

/* リスト 頭img付*/
.list-img ul {
   margin:0;
   padding: 0px;
   
}

.list-img h4 {
/*margin-left:-2.5em;20181115変更*/
font-size:115%;
font-weight:bold;
}

.list-img li {
   margin:0;
   padding: 0px;
   margin-left:1.5em;/*20181022変更*/
   margin-bottom:0.5em;
   list-style-image:url("../img/seihin_list_icon.jpg");
   list-style-position:outside;
}


.list-cat {
 /*  background-color: #eee;*/
  /*border-radius: 10px;*/
  color: #222;
  font-size: 12px;
  font-weight:bold;
  padding: 0 0px;
}

.list-cat2 {
 /*  background-color: #eee;*/
  /*border-radius: 10px;*/
  color: #222;
  font-size: 11px;
  font-weight:bold;
  padding: 0 0px;
}

.list-cat3 {
   background-color: #209B20;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight:normal;
  padding: 2px 6px;
}

.list-cat4 {
   background-color: #3399ff;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight:normal;
  padding: 2px 6px;
}

.list-cat5 {
  background-color: #6868E6;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  font-weight:normal;
  padding: 2px 6px;
 
}

.list-date {
  color: #222;
  font-size: 11px;
  font-weight:bold;
  margin-left: 10px;
}
.list-text h2 {
  color: #1d3994;
  font-size: 90%;
  line-height: 1.3;
  margin-right: 10px;
  font-weight:normal;
}

/* TOPのイメージに使用*/
div.left100{
width: 100%;
float:left;
}

/* 左側スマートフォン用ページへのリンクアイコン等に使用*/

div.left20{
display: none;
/*visibility:hidden;
margin-left:1px;
margin-top:10px;
margin-right:-221px;
width: 220px;
float:left;
position:relative;/* ネガティブマージンでリンクが効かなくなるエラー対策*/
}

div.left20 img{
max-width: 220px;
margin-bottom:6px;
}

div.right{
background-color:#FFF;
width: 100%;
float:right;
}



/* 右側コンテンツの基本の枠 */




.red{
color: #FF0000;
}

.blue{
color: #005CFF;
}



div.right80Content {
color: #444444;/* fontの色*/
line-height:130%;
margin-top:10px;
/*margin-left: 250px;20160708*/
margin-bottom:20px;
}

div.right80Content td{
/*text-align:right;*/
}

div.right80Content th{
text-align:center;
}

.right80Content img{
max-width:100%;
height:auto;
}

.right80Content h3 {
clear: both;
margin-top:9px;
margin-bottom:0.5em;
font-weight:normal;
font-size:130%;
line-height:120%;
border-bottom: thin solid #ccc;
}

.right80Content h3.blue {
clear: both;
margin-top:9px;
margin-bottom:0px;
font-weight:normal;
font-size:130%;
line-height:120%;
border-bottom: thin solid #ccc;
}





.right80Content h4 {
margin-top:0.5em;
margin-bottom:0.5em;
font-weight:normal;
font-size:115%;
}


.right80Content ul li {
   vertical-align: top;
   margin-left:1.5em;
   margin-bottom:1em;
}



.seihin_name {
font-size:100%;
margin-bottom:10px;
padding-bottom:10px;
}


.seihin_name ul{
font-size:100%;
}

.seihin_name li{
   line-height:200%;
}

.bold{
font-weight:bold;
line-height:100%;
}

.code{
color:#000000;
font-weight:normal;
font-size:100%;
line-height:100%;
margin-left:0.5em;
margin-right:0.5em;
display:inline;
}


div.right75Content{
color: #444444;/* fontの色*/
width: 75%;
float:left;
margin-top:10px;
margin-bottom:10px;
}

div.right75Content li{
margin-bottom:1em;
}


div.right70Content{
color: #444444;/* fontの色*/
width: 65%;
float:left;
margin-right:2%;
margin-top:10px;
}


.right70Content img{
max-width: 100%;
height:auto;
}



div.right50Content{
color: #444444;/* fontの色*/
width: 48%;
float:left;
margin-right:2%;
margin-top:10px;
margin-bottom:10px;
}

.right50Content h4 {
margin-top:0.5em;
margin-bottom:1em;
font-weight:normal;
font-size:115%;
}

/**div.right50Content ul{
list-style: none;
margin-left: 0em;
}**/

div.right50Content li{
/*list-style: none;*/
margin-left: 0em;
}

.right50Content ul li {
   vertical-align: top;
   margin-left:1.5em;
   margin-bottom:1em;
}


div.right50Content table1{
width: 100%;
float:left;
margin-right:2%;
margin-top:10px;
}


.right50Content img{
max-width: 100%;
height:auto;
}

.right50Content h3 {
clear: both;
margin-top:9px;
margin-bottom:0.5em;
font-weight:normal;
font-size:130%;
line-height:120%;
border-bottom: thin solid #ccc;
}


div.right30Content{
color: #444444;/* fontの色*/
width: 30%;
float:left;
margin-right:2%;
margin-top:10px;
}


.right30Content img{
max-width: 100%;
height:auto;
}

div.right30Content_kakaku{
width: 30%;
float:left;
margin-right:5%;
margin-top:0px;
}


.right30Content_kakaku img{
max-width: 100%;
height:auto;
}

div.right25Content{
color: #444444;/* fontの色*/
width: 23%;
float:left;
margin-right:2%;
margin-top:10px;
}

div.right25Content2{
color: #444444;/* fontの色*/
width: 23%;
float:left;
margin-right:2%;
margin-top:10px;
}


div.right25Content table1{
width: 100%;
float:left;
margin-right:2%;
margin-top:10px;
}


.right25Content img{
max-width: 100%;
height:auto;
-ms-interpolation-mode: bicubic;
border: thin solid #ccc;

}

div.right20Content{
color: #444444;/* fontの色*/
width: 15%;
float:left;
margin-right:2%;
margin-top:10px;
}


/* 丸枠 受注生産品マーク */
.box-maru {
display: inline-block;
vertical-align: middle;/* 中央揃え */
font-size: 10px;
padding: 2px 8px;
margin-left: 10px;
border: solid 1px #636363;
border-radius: 14px;
height: auto;/* 高さを固定せず中身に合わせる */
line-height: 1.2;/* 行間を標準的に */
white-space: nowrap;/* 枠内で改行させない */
}
/* 丸枠 */


/*リスト頭・付（小さめ）*/
ol.list-maru{
margin:0px;
padding:0px;
}

ul.list-maru{
margin:0px;
padding:0px;
}

.list-maru li {
list-style-type: none; /*点を非表示*/
position: relative; /*基準位置*/
padding-left: 1.5em;
margin-bottom:0.3em;
}

.list-maru li:before {
border-radius: 50%; /*丸くする*/
width: 3px; /*点の幅*/
height: 3px; /*点の高さ*/
display: block;
position: absolute; /*絶対配置*/
left: 0.5em; /*点の位置*/
top: 0.5em; /*点の位置*/
content: "";
background: #000000; /*点の色*/
}
/*リスト頭・付（小さめ）*/


/* TOPページ製品案内へのリンクボタン */

#product_icon {
  list-style-type: none;
  width: 100%;
  padding-bottom:10px;
  margin-bottom:10px;
}

#product_icon li {
  position: relative;
  width: 33.333333%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#product_icon  li a {
font-size:70%;
  display: block;
  margin: 0;
  padding:16px 6px 16px 6px;/*上右下左*/
  background: #dddddd;
  color: #444444;
/*  font-size: 100%;*/
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;

}

#product_icon  li a:hover {

  background: #aaaaaa;

}




.footer {
padding: 10px 0;
background: #FFF;
text-align:center;
position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}



.ifrm {
      width:100%;
      height:100%;
      border:none;
      display:block;
    }


.outbox{
display:table;
table-layout:fixed;
width:100%;
}

.inbox{
line-height:1.5em;
display:table-cell;
padding-left:5px;
padding-right:5px;
vertical-align:top;
padding-bottom:10px;
}

.inbox2{
line-height:1.5em;
display:table-cell;
padding-left:5px;
padding-right:5px;
vertical-align:top;
padding-bottom:10px;
margin:0;
}

.inbox3{
line-height:1.5em;
display:table-cell;
padding-left:7px;
padding-right:7px;
vertical-align:top;
}


.inbox span{
display:block;

}

.inlineframe{
background-color:#FFFFFF;
height:1400px;  /*インラインフレームの高さを指定*/
overflow:auto; /*フレームの高さから溢れた部分の処理*/
overflow-y:scroll;
overflow-x:hidden;
}

/*youtube*/
.youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.youtube-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*youtube*/


/* ~~ 印刷時に~~ */
@media print{

body{
width:100%;
margin:0px;
padding:0px;
}

#header {
display:auto;
}

#menu {
display:none;
}

div.left20{
display:none;
}

div.right {
clear:both;
width:100%;
float:none;
}

div.infomation {
line-height:100%;
margin:0 0 0 0;/*上右下左*/
}

div.right80Content {
width:100%;
float:none;
margin:0px;
padding:0px;
}

div.right50Content{
display:block;
}


div.footer {
display:none;
}



}
 

/* ~~ 印刷時に~~ */



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

.text-left{
text-align:left;
}
.text-center{
text-align:left;
}
.text-right{
text-align:left;
}


 /* メインメニュー */
 
 h3 br{
 display: block;
 }
 
 .border br{
 display: none;
   }

 .border h3{
 margin-top:0px;
   }
   
    .border_yellow br{
 display: none;
   }

 .border_yellow h3{
 margin-top:0px;
   }
   
   
.right80Content h4.blue {
margin-top:0.5em;
margin-bottom:1em;
font-weight:normal;
font-size:115%;
}

div.right80Content td{
text-align:left;
}
div.right80Content th{
text-align:left;
}

#wrapper {
margin: 0;
width: auto;
}


/*ヘッダ内の検索窓の配置*/
#header #search{
float:none;
}
/*ヘッダ内の検索窓の配置*/


/*ヘッダの中のKANESO LOGO*/
img#klogo{
max-width:46%;
height:auto;
}
/*ヘッダの中のKANESO LOGO*/


/*ヘッダの中のicon LOGO*/
img#iconlogo{
max-width:46%;
max-height:100px;
margin-left:2%;
margin-bottom:10px;
}
/*ヘッダの中のicon LOGO*/


img{
max-width: 100%;
}

div.footer {
font-size:65%;
float: none;
margin: 0;
width: auto;
}


div.right {
width:100%;
/*float:none; */
}

div.right80Content {
width:auto;
float:none;
margin-left:0px;
}

.right80Content ul li {
list-style:none;
   margin-left:0em;
}

.right80Content ul{
   margin-left:0em;
}

.right80Content li {
   margin-left:0.5em;
}

div.right80Content h3{
margin-bottom: 0.5em;
}

div.right75Content{
width:auto;
float:none;
margin-left:0px;

}

div.right70Content{
width:auto;
float:none;
margin-left:0px;

}

div.right70Content_kakaku{
width:60%;
float:none;
margin-left:0px;

}
div.right50Content{
width:auto;
float:none;
margin-left:0.2em;
margin-bottom: 3em;
}

.right50Content img{
max-width: 100%;
height:auto;
}

.right50Content ul li {
list-style:none;
   margin-left:0em;
}

.right50Content ul{
   margin-left:0em;
}

.right50Content li {
   margin-left:0.5em;
}


div.right30Content{
width:auto;
float:none;
margin-left:0.2em;
margin-bottom: 2em;
}


.right30Content img{
max-width: 100%;
height:auto;
}

div.right30Content_kakaku{
width:auto;
float:none;
margin-left:0.2em;
margin-bottom: 2em;
}


.right30Content_kakaku img{
max-width: 100%;
height:auto;
}
div.right25Content{
width:auto;
float:none;
margin-left:0px;
}

div.right25Content2{
width: 100%;
float:none;
margin-right:2%;
margin-top:10px;
}

div.right20Content{
width: 50%;
float:left;
margin-right:2%;
margin-top:10px;
}



div.infomation {
width:auto;
float:none;
margin-left:0px;
}

div.infomation h3{
font-size:12px;
}

/* コンテンツ左側幅20％ */

div.left20{
display:none;/* 表示消す */
width:100%;
float: none;
margin:9px 0px 0px 0px;/*上右下左*/
}

div.left20 img{
width:48%;
max-width: 440px; 
    height:auto;
margin: 0px 2% 3px 0px;/*上右下左*/
float:left;
}



.inbox{
display:block;
padding-right:1px;
margin:0;
}

.inbox2{
padding-right:1px;
margin:0;
}

.inbox3{
float: left;
max-width: 160px;
margin: 0 0 1em 0;
padding-left:5px;
padding-right:5px;
}

.inbox img{
text-align:center;
}




#product_icon li {
  width: 50%;
  float: left;
}






/* 新着情報 */


.infomation li {
padding:2px 0 2px 0em;
   text-indent: 0em;
}




/* TOP記事用 */

/* リスト 頭img付*/
.list-img ul {
   margin:0;
   padding: 0px;
   
}

.list-img h4 {
/*margin-left:-2.5em;20181115変更*/
font-size:115%;
font-weight:bold;
}

.right50Content .list-img li {
   margin:0;
   padding: 0px;
   margin-left:1.5em;/*20181022変更*/
   margin-bottom:0.5em;
   list-style-image:url("../img/seihin_list_icon.jpg");
   list-style-position:outside;
}


.seihin_name {
font-size:100%;
margin-bottom:10px;
/*padding-bottom:10px;*/
/*line-height:100%;*/
}

.seihin_name span{
display:block;
}

.seihin_name br{
display:none;
}

.code{
color:#000000;
font-weight:normal;
font-size:100%;
line-height:100%;
margin-left:0em;
margin-right:0em;
display:block;
}


.seihin_name ul{
/*margin-top:20px;*/
}


.seihin_name li{
/*margin-bottom:20px;*/
}




}

@media only screen and (max-width: 400px) {
img#klogo{
width:48%;
height:auto;
/*float:none;*/
}
input.kensaku { width: 48%; }
}

@media only screen and (max-width: 250px) {
#product_icon  li a {
  height:50px;

}
}

#table-nsm{
width: 100%;
border-collapse: collapse;
font-size:100%;
margin-bottom: 0.5em;
}

#table-nsm td,
#table-nsm th{
padding: 5px;
border: 1px solid #ccc;
text-align:left;
}

#table-nsm th{
font-weight:normal;
text-align:left;
}

#table-nsm td rowspan{
rowspan:none
}

/*表の見出し項目*/

/* 丸枠 受注生産品マーク */
.box-maru {
display: inline-block;
vertical-align: middle;/* 中央揃え */
font-size: 10px;
padding: 2px 8px;
margin-left: 10px;
border: solid 1px #636363;
border-radius: 14px;
height: auto;/* 高さを固定せず中身に合わせる */
line-height: 1.2;/* 行間を標準的に */
white-space: nowrap;/* 枠内で改行させない */
}
/* 丸枠 */


/*スマホの時も表組みレイアウトキープ*/
#table-nsm thead th{
background:#e6e6e6;
font-size:100%;
text-align:center;
line-height:140%;
}

#table-nsm img{
max-width:50px;
width:auto;
}

#table-nsm td img{
margin-right:5px;
}

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



#table_scroll{
overflow-x: scroll;
}

#table_scroll #table-nsm{
white-space:nowrap;
}