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

}



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

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:1000px; 
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;
}

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

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



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

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


/*table*/

.style1{
/*border: solid 1px #cccccc;*/
border-collapse: collapse;
}


.style1 td{
padding: 5px;
border: solid 1px #cccccc;
border-collapse: collapse;
min-width:80px;
}







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

/* TOPのイメージの設定*/
div.top_img{
background-image:url(../img2/top_img_201410.jpg);
background-size: cover;
width: auto;
height:240px;
padding:0px;
border-left: 1px solid #FFF;
}


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

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

div.left20_test{
margin-left:1px;
margin-top:10px;
margin-right:-221px;
width: 220px;
float:left;
}



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

div.right{
width: 100%;
float:right;
}




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

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

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

.right80Content h3 {
font-weight:normal;
border-left: 1px solid #FFF;
clear: both;
background:#ddd;
margin-top:3px;
margin-bottom:1px;
padding:3px 9px 3px 9px;
/*(上)　(右)　(下)　(左)*/

}

.right80Content h4 {
font-weight:normal;
margin-top:6px;
}

.right80Content ul li {
list-style:none;
vertical-align: top;
}


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

div.right80Content2 {
color: #444444;/* fontの色*/
line-height:150%;
margin-top:10px;
margin-bottom:10px;
}

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

.right80Content2 h3 {
font-weight:normal;
border-left: 1px solid #FFF;
clear: both;
background:#ddd;
margin-top:3px;
margin-bottom:1px;
padding:3px 9px 3px 9px;
/*(上)　(右)　(下)　(左)*/

}

.right80Content2 h4 {
font-weight:normal;
margin-top:6px;
}

.right80Content2 ul li {
list-style:none;
vertical-align: top;
}



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

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

.right50Content h4 {
font-weight:normal;
margin-top:6px;
}



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

.right50Content li {
list-style:none;
padding:6px 0 6px 7em;/*上右下左*/
text-indent: -7em;
vertical-align:middle;
}



.right50Content li span {
display:inline-block;

width:4em;
text-indent:0;
text-shadow: 0px 0px 0px;/*上右下左*/
vertical-align:middle;
}







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


/* 製品分類別一覧のボタン */

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

#seihin_menu_icon li {
  position: relative;
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align:middle;
}
#seihin_menu_icon  li a {
  display: block;
  margin: 0;
  padding:6px 6px 6px 6px;/*上右下左*/
  background: #fff;
  color: #444444;
  font-size:80%;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  vertical-align:middle;

}

#seihin_menu_icon  li a span{
margin-left:9px;
vertical-align:middle;

}


#seihin_menu_icon  li a img{

vertical-align:middle;

}

#seihin_menu_icon li a:hover {

  background: #aaaaaa;

}

#seihin_menu_icon h3 {
font-weight:normal;
font-size:12px;

}

/*-- 機能分類 --*/


form.category th {
padding-top : 3px;
border-bottom : none;
white-space: nowrap;
}
form.category td {
 text-align : left;
vertical-align:middle;
}

form.category ul {
margin-top: 3px;
 margin-bottom: 3px;
border-top:1px solid #ddd;

}
form.category li {
width: 45%;
margin-right:3px;
padding: 2px 2px 2px 0;
float: left;
white-space: nowrap;
}

form.category li a {
display: block;
margin-left:3em;
font-size:100%;

}

.category label img{
max-width:40px;
}
/*チェックボックス横の小さい画像の最大サイズ*/



form.category img {
/*max-width:30px;*/
/*height:25px;*/
vertical-align:middle;
padding-left:0.5em;
padding-right:0.5em;
}





.right input {
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
padding:10px;
}

.right input[type=submit] {
width:100px;
padding:10px;
}

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

#product_menu {
  list-style-type: none;
  
  margin:0;
padding:0;
  padding-bottom:10px;
  margin-bottom:10px;
}

#product_menu ul {
display:table;
width: Calc(100% + 1.5px );
table-layout: fixed;
border-left:1px solid #fff;
}

#product_menu li {
 position: relative;
  width: Calc(100% / 3 - 1px );
  float: left;
  margin: 0;
  padding: 0;
  vertical-align:middle;
  text-align: center;
  border-right: 1px solid #FFF;
}
#product_menu  li a {
  display: block;
  margin: 0;
  padding:26px 6px 26px 6px;/*上右下左*/
  background: #dddddd;
  color: #444444;
  font-size:90%;
  font-weight:normal;
  line-height: 1;
  text-decoration: none;
  border-bottom: 1px solid #FFF;
  
  z-index:222;

}

#product_menu  li a:hover {

  background: #aaaaaa;

}


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

.list-box100 {
  width:auto;
}
.list-box50 {
  width:auto;
  float:none;
}


form.category li {
width: 100%;
float:none;
white-space:normal;

word-wrap: break-word;
}

.right input[type=checkbox] {
 width: 30px;
 height: 30px;
 vertical-align: middle;
padding:3px;
}





#seihin_menu_icon li {
width: 100%;
}


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

 .border h3{
 font-weight:normal;
 margin-top:0px;
}

 .border_yellow br{
 display: none;
}

 .border_yellow h3{
 font-weight:normal;
 margin-top:0px;
}




  #wrapper {
 margin: 0;
 width: auto;
  }
 
 #header {
 float: none;
 margin: 0;
 width: auto;
  }
 
 #header #search {
margin-right:0px;
margin-top:10px;
margin-bottom:10px;
text-align: right;
float:none;
}

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



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

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

div.right80Content h3{
font-weight:normal;
/*font-size:12px; */
}

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


#product_menu ul {
width:Calc(100% + 0px);;
}



#product_menu li {
width: 100%;
}


#product_menu li a {
  padding:16px 6px 16px 6px;/*上右下左*/
}


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

div.left20{
width:100%;
float: none;
margin:9px 0px 0px 0px;/*上右下左*/
/*overflow:hidden;*/
}

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



/*-- 機能分類 トップページのアイコン入りの画面 --*/

.kinoubetsu_bunrui_kensaku li {
width: auto;
float: none;
}












}

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