@charset "utf-8";
/* CSS Document */

#hotnews{}


.unit13 .kinou{	padding: 10px 30px}
.unit13 .kinou .tex_siro{background-color: #FFF;}
.unit13 .kinou .koumoku{background-color: #f7eade;}
.unit13 .kinou .midasi{background-color: #e6c3a6; font-weight: bold; text-align: center; }
.unit13 .kinou .new{background-color: #dc663c;color: #FFF; padding: 2px 4px; margin: 2px 4px;font-weight: bold;font-size: 70%;}
.unit13 .kinou .up{background-color: #88b83e;color: #FFF; padding: 2px 2px; margin: 2px 4px;font-weight: bold;font-size: 70%;}
.unit13 #bacnet .kinou .koumoku{background-color: #E5EDF9;}
.unit13 #bacnet .kinou .midasi{background-color: #B5CFEC; font-weight: bold; text-align: center; }


.unit13 #adp{background: #dc663c}
.unit13 #adp #title{background: #fff; padding: 5px; text-align: center; color: #dc663c; width: 60%;margin: 5px auto;}
.unit13 #bacnet{background: #4a8bcb}
.unit13 #bacnet #chu{background-color: #80C8E8;padding: 3px; margin: 5px 9px;}
.unit13 #bacnet #come{background: #fff; padding: 15px;font-weight: bold; margin: 0 9px; text-align: center;margin-top: 8px;}

#facontens .tsn_obi {
  font-size: 90%;
  color:#2c245b;
  position: relative;
  padding: .2em .75em;
  background-color: #dbeef4;
  border-radius: 4px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
}
#facontens img.tsn_obi {
  padding-top: .75em;
}

#facontens .hotnewsimg{max-width: 100%;height: auto;width:auto;}



	h4.tsn_obi {
		font-size: 90%;
		color:#2c245b;
		position: relative;
		padding: .2em .75em;
		background-color: #dbeef4;
		border-radius: 4px;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	}
	img.tsn_obi {
		padding-top: .75em;
	}




.fx5-20pg-dnew{
	width: 100%;
	position: relative;
}

.fx5-20pg-dnew .title{
	font-weight:bold;
	margin-top: 20px;
}

.fx5-20pg-dnew .conment{
	width: 40%;
	margin: 20px 0;
}
.fx5-20pg-dnew .product02{
position: absolute; top:240px; left:400px;width: 360px;}

.fx5-20pg-dnew .product01{
position: absolute; top:50px; left:440px;
}
.fx5-20pg-dnew .product01{
position: absolute; top:50px; left:440px;
}
.fx5-20pg-dnew .product01 img{
	margin-left:100px;
}

.fx5-20pg-dnew .product01 .title{
	margin-top: 20px;
	text-align: right;
}
.fx5-20pg-dnew .product01 .title p{
font-weight:bold;
}
.fx5-20pg-dnew .product01 .name{
	
	font-size: 20px;}
	.obi {
	  position: relative;
	  padding: .5em .75em;
	  background-color: #c8e7ef;
	  border-radius: 6px;
	  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	}
	.obi::after {
	  position: absolute;
	  top: 100%;
	  left: 30px;
	  content: '';
	  width: 0;
	  height: 0;
	  border: 10px solid transparent;
	  border-top: 15px solid #c8e7ef;
	}
	.obi2 {
	  padding: .5em .75em;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	}
	.obi3 {
	  font-weight:bold;
	  color:#fff;
	  position: relative;
	  padding: .5em .75em;
	  background-color: #009fbc;
	  border-radius: 6px;
	  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	}
	.obi3::after {
	  position: absolute;
	  top: 100%;
	  left: 30px;
	  content: '';
	  width: 0;
	  height: 0;
	  border: 10px solid transparent;
	  border-top: 15px solid #009fbc;
}
		
.layout01 .right{float: right;}
.layout01 .left{float: left;}
	
.layout01 .bgw{background: #fff}

#analog_4ad_title1{
	margin:25px 0;
	font-weight: bold;
	font-size:120%;
}

#analog_4ad_title2{
	margin:25px 0;
	background:#1099a5;
	color: #FFF;
	padding: 15px;
	font-size: 80%;
	line-height:2;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;  
	border-radius:10px;
}
#analog_4ad_contetns{
	margin-top: 25px;
	width: 100%;
}

#analog_4ad_contetns div{
	display: inline-block;
	margin-bottom: 25px;
}
#analog_4ad_contetns img{
	display: block;
	margin: auto auto;
}
#analog_4ad_contetns span{	color: #e4007f;}


#analog_4ad_contetns h4{
	border-bottom:#1099a5 3px solid;
	font-weight: bold;
}
#analog_4ad_contetns h4:before {	content: url("../images/analog_4ad4da/fx5-4ad_4da_rogo.png");}

#safety_contetns1{
	margin-top: 15px;
	width: 100%;
}
#safety_contetns1 div{
	display: inline-block;
	margin-bottom: 25px;
}
#safety_contetns1 img{
	display: block;
	margin: auto auto;
}
#safety_contetns1 .last{	width: 100%;}
#safety_contetns1 h4{
	border-bottom:#FFCC33 3px solid;
	font-weight: bold;
}

#safety_contetns1 h4:before {	content: url("../images/fx5-sf/safety_point1.jpg");}

#safety_contetns2{
	margin-top: 15px;
	width: 100%;
}
#safety_contetns2 div{
	display: inline-block;
	margin-bottom: 25px;
}
#safety_contetns2 img{
	display: block;
	margin: auto auto;
}
#safety_contetns2 .last{	width: 100%;}
#safety_contetns2 h4{
	border-bottom:#FFCC33 3px solid;
	font-weight: bold;
}
.fxlisttable{
	float: none;
}

.fx5_lineup{
	display:table-cell;vertical-align:bottom;width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;font-size:38px;height:60px;color:#fff;background-color:#000;
}
.fx_lineimg{
}
#safety_contetns2 h4:before {	content: url("../images/fx5-sf/safety_point2.jpg");}

#iqf15 .tokutyou{
	color: #fff;
	background: url("../images/iqf15/iqf15-3.png") no-repeat;
	padding: 5px 15px;
	margin-bottom: 10px;
}



@media screen and (max-width:768px) {
	
.fx5-20pg-dnew .product02{
position: static; top:240px; left:20%;width: 40%;}

.fx5-20pg-dnew .product01{
position: static; top:50px;  left:20%;
}
.fx5-20pg-dnew .product01{
position: static; top:50px; left:20%;
}
.fx5-20pg-dnew .product01 img{
width: 30%;
float: right;
}

.fx5-20pg-dnew .product01 .title{
	margin-top: 20px;
	text-align: right;
}
.fx5-20pg-dnew .product01 .title p{
font-weight:bold;
}
.fx5-20pg-dnew .product01 .name{
	font-size: 20px;}

.layout01 .right{float:none;}
.layout01 .left{float: none;}
.layout01 .last{width: 100%;}

.fx5_lineup{
	display:table-cell;vertical-align:bottom;width:80%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;font-size:20px;height:60px;color:#fff;background-color:#000;
}	
	.fxlisttable{
	float: right;
}
	.fx_lineimg{width: 30%;}

}