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

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

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

.inbox{
display:table-cell;
padding-left:5px;
padding-right:5px;
}

.inbox2{
display:table-cell;
padding-left:5px;
padding-right:5px;
margin:0;
}

.inbox span{
display:block;
}


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

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:3px;
   margin-bottom:3px;
   	padding-right: 9px;
	padding-left: 9px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:normal;
}

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

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

.infomation li+li{
	border-top:1px solid #ccc;
}

.infomation li span {
	display:inline-block;

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

/* .infomation li  br {*/
/* 	display:none;*/
/* }*/


.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記事用 */
.list-box {
  border-bottom: 1px solid #eee;
  display: table;
  width: 100%;
}
.list-img,
.list-text {
  display: table-cell;
  vertical-align: middle;
}
.list-img img {
  width:90px; 
  height:auto;
  margin-right:20px;
}
.list-cat {
  background-color: #3ae;
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  padding: 0 5px;
}

.list-cat2 {
  background-color: #FF0000;
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  padding: 0 5px;
}
.list-date {
  color: #aaa;
  font-size: 10px;
  margin-left: 10px;
}
.list-text h2 {
  color: #000;
  font-size: 90%;
  line-height:1.3;
  margin-right: 10px;
  font-weight:normal;
}


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

div.left20{
	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{
	width: 100%;
	float:right;
}


/* 各種規格対照表 水色背景角丸枠*/
.border{
	font-size: 90%;
	padding:6px;
	   border:1px solid #ccc;
	   background-color:#CFEBFF;
	   border-radius:5px;
	   }
	   
	   
	   /* 各種規格対照表 黄色背景角丸枠*/
.border_yellow{
	font-size: 90%;
	padding:6px;
	   border:1px solid #ccc;
	   background-color:#FFFF99;
	   border-radius:5px;
	   }

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


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 {
	clear: both;
	margin-top:12px;
	margin-bottom:0px;
	font-weight:normal;
	font-size:110%;
	line-height:120%;
	border-bottom: thin solid #ccc;
}

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

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


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


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

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


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


div.left100Content{
	width: 100%;
	float:left;
	margin-right:0%;
	margin-top:10px;
}

.left100Content h3 {
	font-weight:normal;
	clear: both;
	background:#ddd;
	margin-top:3px;
	margin-bottom:3px;
   	padding-right: 9px;
	padding-left: 9px;
	padding-top:3px;
	padding-bottom:3px;
}






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

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


div.right20Content{
	width: 20%;
	float:right;
	margin-right:0pc;
	margin-top:10px;
	text-align:center;
}


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


div.message{/*社長写真*/
	width: 20%;
	float:right;
	margin-right:0pc;
	margin-top:10px;
	text-align:center;
}


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




.left80Content h3 {
	clear: both;
	background:#ddd;
	margin-top:3px;
	margin-bottom:3px;
   	padding-right: 9px;
	padding-left: 9px;
	padding-top:3px;
	padding-bottom:3px;
}

.img_border{
	border:1px solid #ccc;
	}




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

.onpoint_list {
	width:100%;
   height:240px;
   overflow:auto;
   -webkit-overflow-scrolling:touch;
   display: inline-block;
   margin-top:20px;
   margin-bottom:20px;
}

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

/* ワンポイントリスト */
.onpoint h3 {
   background:#ddd;
   margin-top:0px;
   margin-bottom:1px;
   	padding-right: 9px;
	padding-left: 9px;
}

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

.onpoint li {
   padding:2px 0 2px 7em;
   text-indent: -7em;
   border-bottom:1px solid #ddd;
}

.onpoint li span {
	display:inline-block;
	width:7em;
	text-indent:0;
	text-shadow: 0px 0px 0px;
}

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

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

.onpoint li a:active{
	color: #8B008B;
	text-decoration:underline;
	}
	
	
	/* 会社案内のリンクボタン */

#company_menu_icon {
	display:none;
}

/* リスト　頭数字付 */
ol.list-nomber{
margin:0px;
padding:0px;
}

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

.list-nomber li {
margin:0;
padding: 0px;
margin-left:1.5em;
margin-bottom:0.5em;
}
/* リスト　頭数字付 */










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

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

#header {
	display:none;
}

#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.footer {
	display:none;
}



} 

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







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

	

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

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

		 .border_yellow h3{
			 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;
     }
	 

.inbox{
display:block;
padding-right:10px;
}

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

.inbox img{
text-align:center;
padding-top:15px;
}

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

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

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




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

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

/*.infomation li  br {*/
/*	display:inline;*/
/*}*/

.infomation li span {
	display:block;
	font-weight:normal;

}

/* コンテンツ左側幅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;
}


div.left80Content{
	float:none;
	width: 100%;
}


div.right20Content{
	width:auto;
		float:right;
	text-align:left;
}

div.right20Content img{
	display:block;
}

div.message{/*社長写真*/
	width: 50%;
}


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



div.left100Content{
	width: 100%;
	float:none;
}

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


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

div.left50Content{
	width: auto;
	float:none;
	margin-right:0px;
}


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



/* 新着情報 */


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

/* ワンポイント */
.onpoint li {
	padding:2px 0 2px 0em;
   text-indent: 0em;
}

/* TOPのイメージの設定*/
div.top_img{
display: none;
}

/* TOP記事用 */
.list-img img {
  width:80px;
  height:auto;
}


	/* 会社案内のリンクボタン */

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

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

}

#company_menu_icon li a:hover {

  background: #aaaaaa;

}

#company_menu_icon h3 {
	font-size:12px;

}


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