/* CSS Document */

/* CSSコード */
/* リセットCSS */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* グラデーション */
.hr1 {
  height: 1px;
  background: #aaa;
  background-image: -webkit-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -moz-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -ms-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -o-linear-gradient(left, #ddd, #999, #ddd);
}

.hr2 {
  height: 3px;
  background: skyblue;
  background-image: -webkit-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -moz-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -ms-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -o-linear-gradient(left, #caeaf7, blue, #caeaf7);
  margin:10px 0px;
}


.text_center {
	text-align:center;
}


.center {
	text-align:center;
	margin:auto;
}

.margin_top {
	margin-top:40px;
}


.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

#sub a:link {
	color: #004DC4;
}

#sub a:visited {
	color: #004DC4;
}

#sub a:hover {
	color: #ccc;
}

#sub a:active {
	color: #ccc;
}

#sub a img:hover {
	opacity:0.5;
}



	
#sub h2 {
background-image:url("../../common/images/h2_bk.jpg");
background-size: cover;
height:200px;
color:#FFFFFF;
text-align: center;
padding-top:70px;
font-size: 200%;
	}

#sub h3 {
	border-bottom: 1px solid #074CB7;
	margin: 20px 0px;
	font-size:1.3em;
	}
	
#sub h4 {
	margin: 20px 0px 10px 0px;
	font-size:1.3em;
	}
		
#sub_main {
	margin: 40px auto;
	}
	
#sub_main .company {
	margin:10px auto;
	width: 900px;
}

#sub_main sup {
	margin:0px!important;
}

#sub p {
	margin:15px 0px 15px 0px;
}

.font_red {
	color:#F00;
}

.font_blue {
	color:#039;
}

.width1200 {
width:1200px;
margin:auto;	
}

.width900 {
width:900px;
margin:auto;	
}

.width600 {
width:600px;
}

.width600 img {
	margin:auto;
	display:block;
}

.width400 {
	width:400px;
	margin:auto;
	text-align:center;
}

.width300 {
width:300px;
float:left;
}

.image200 {
	width:200px;
	float:left;
	text-align:center;
}

.image200 p {
	font-size:0.8em;
}

.pan {
	margin:auto;
	text-align:center;
}

/*会社概要*/
.company dl,dt,dd {
	margin: 0;
	padding: 0;
}

.company {
	background:#E6F2FF;
	border: 1px solid #ccc;
	border-top: none;
	width: 100%;
}

.company dt,dd {
	padding: 10px;
}

.company dt {
	color: #333;
	border-top: 1px solid #ccc;
	clear: left;
	float: left;
	width: 26%;
}

.company  dd {
	background: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 26%;
	min-height:30px;
}

.company_address {
	width: 500px;
	margin: 30px auto;
}

	
/*Googleマップ*/
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin: 20px auto;
	width:50%;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/*ISO*/
.iso_main {
	margin: auto;
	width:1100px;
}
	
.iso_float img {
	float: left;	
}


.iso_float a:link {

}

.iso_float a:visited {

}

.iso_float a:hover!important {
	opacity: 0.5;
}

.iso_float a:active {

}

.president {
	width:300px;
	float:right;
	margin:50px;
}



.table {
	border-collapse: collapse;
	table-layout: auto;
	margin-top:20px;
}

.table_center tr {
	text-align:center;
}

/* ヘッダー（上部固定） */
.table th {
	position: sticky;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 2;
}

.table th::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	background:#999;
	height: 100%;
	z-index: -1;
}

.table th, .table td {
	border: 1px solid #666;
	padding: 10px;
}


.table2,
.table2 td {
	border:1px solid;
	border-collapse:collapse;
	padding: 10px;
}

.bg_blue {
	background-color:#00D9DC;
}

.bg_yellow {
	background-color:#FBF393;
}

.bg_grey {
	background-color:#cccccc;
}

.bg_green {
	background-color:#3C0;
}

/*資料ページ*/

.image_float {
	width:300px;
	float:left;
	text-align:center;
	}
	
	
/*製品案内*/
.product_main {
	margin: auto;
	width:1100px;
}


.product_float {
	width:230px;
	float: left;
	margin:0px 20px;	
}

.product_float img {
	margin:auto;
	display:block
}

.product_float p{
	font-size:0.8em;
	line-height:130%;
}


/*お問合せ*/
.contact dl,dt,dd {
	margin: 0;
	padding: 0;
}

.contact {
	background:#E6F2FF;
	border: 1px solid #ccc;
	border-top: none;
	width: 100%;
}

.contact dt,dd {
	padding: 10px;
}


.contact dt {
	color: #333;
	border-top: 1px solid #ccc;
	clear: left;
	float: left;
	width: 33%;
}

.contact dd {
	background: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 30%;
	min-height:35px;
}

.min {
	min-height:60px;
}