@charset "utf-8";

/* =====================================================================
margine
=======================================================================*/
.m-a10{margin: 10px; }
.m-a20{margin: 20px; }
.m-a30{margin: 30px; }
.m-a40{margin: 40px; }


.m-t10{margin-top: 10px; }
.m-t20{margin-top: 20px; }
.m-t30{margin-top: 30px; }
.m-t40{margin-top: 40px; }

.m-b10{margin-bottom: 10px; }
.m-b20{margin-bottom: 20px; }
.m-b30{margin-bottom: 30px; }
.m-b40{margin-bottom: 40px; }

.m-r10{margin-right: 10px; }
.m-r20{margin-right: 20px; }
.m-r30{margin-right: 30px; }
.m-r40{margin-right: 40px; }

.m-l10{margin-left: 10px; }
.m-l20{margin-left: 20px; }
.m-l30{margin-left: 30px; }
.m-l40{margin-left: 40px; }

/* =====================================================================
padding
=======================================================================*/
.p-t10{padding-top: 10px; }
.p-t20{padding-top: 20px; }
.p-t30{padding-top: 30px; }
.p-t40{padding-top: 40px; }


.p-b10{padding-bottom: 10px; }
.p-b20{padding-bottom: 20px; }
.p-b30{padding-bottom: 30px; }
.p-b40{padding-bottom: 40px; }

.p-r10{padding-right: 10px; }
.p-r20{padding-right: 20px; }
.p-r30{padding-right: 30px; }
.p-r40{padding-right: 40px; }

.p-l10{padding-left: 10px; }
.p-l20{padding-left: 20px; }
.p-l30{padding-left: 30px; }
.p-l40{padding-left: 40px; }

.p-a10{padding: 10px; }
.p-a20{padding: 20px; }
.p-a30{padding: 30px; }
.p-a40{padding: 40px; }


/* =====================================================================
float
=======================================================================*/


.f-l{ float:left; }
.f-r{ float:right; }


.alig-c{ text-align: center; }

.fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fix {
    display: inline-block;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .fix {
    height: 1%;
}
.fix {
    display: block;
}
/* End hide from IE-Mac */


/* =====================================================================
common
=======================================================================*/

body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,table,th,td,a {
 margin: 0;
 padding: 0;
}

header {
 margin: 0;
 padding: 0;
 height: 102px;
 background:url('../images/common/bg-header.jpg')  repeat-x;
}

#head {
 margin: 0 auto;
 padding: 0;
 height: 102px;
 background:url('../images/common/bg-header.jpg')  repeat-x;
 width: 1030px;
 position:relative;
}


#h1_txt {
 font-size:11px;
 color:#fff;
}

#rogo {
 padding: 0;
 margin: 12px 0 0 0;
 float: left;
}

nav {
 padding: 0;
 margin: 28px 1px 0px 0px;
 float: right;
 width: 544px;
}


nav ul  {
 margin: 0px;
 padding: 0px;
}


nav ul li {
 margin: 0px 1px 0px 0px;
 width: 135px;
 float: left;
 padding: 0;
}

#content{
 margin: 30px auto 30px auto ;
 width: 1030px;
}

#content:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 margin-bottom: 20px;
 }

#main{
 margin: 0 ;
 width: 760px;
 float:left;
}

#sidebar{
 margin: 0 ;
 width: 230px;
 float:right;
}

.m-bottom20:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 margin-bottom: 20px;
 }

.box-margine20{margin-bottom: 20px; }

.h2_back{
 background:url('../images/common/h2_back.jpg') no-repeat;
 padding:0 0 0 35px;
 margin-bottom: 20px;
 color:#07005B;
 font-size:24px;
 font-weight:bold;
 width:725px;
 line-height:58px;
}

.h3_back{
 background:url('../images/common/h2_back.jpg') no-repeat;
 padding:0 0 0 35px;
 margin-bottom: 20px;
 color:#07005B;
 font-size:24px;
 font-weight:bold;
 width:725px;
 line-height:58px;
}

ul.loop{
	margin:20px 0;
}
ul.loop li{
	float:left;
}
.w340 li{
	width:340px;
	margin:0 20px 0 0;
}

/* breadcrumb */

#breadcrumb{
	margin:0 0 10px 0;
}
#breadcrumb li{
	float:left;
	font-size:12px;
	line-height:20px;

	margin:0 5px;
}
#breadcrumb li a{
	color:#333;
}
#breadcrumb li a:hover{
	opacity: 0.8;
}

/* side  */

#side-menu {
 background:url('../images/common/bg-side_ichiran.jpg') no-repeat;
  width: 205px;
  height: 167px;
  padding: 71px 0 0 25px;
  margin-bottom: 20px;
 }

#side-menu li {
 height:38px;
 line-height:38px;
 margin: 0 0 7px 5px;
 display: block;
}
#side-menu li a{
 height:38px;
 width:100%;
 display: block;
 font-weight:bold;
 font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
 color:#FF3F00;
}
#side-menu li a:hover{
	opacity: 0.8;
}
#side-bn {
  margin-bottom: 20px;
 }

#side-bn li {
 margin-bottom: 15px;
 display: block;
}

/* footer*/

footer { background-color: #F88700;}

#foot {
 width: 1030px;
 margin: 0 auto;
 color: white;
 height: 135px;
 padding-top: 15px;
 }

#foot-menu {
 display: block;
 margin-bottom: 20px;
  }

#foot-menu:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 margin-bottom: 10px;
 }


#foot-menu li {
 display: block;
 float: left;
 margin: 0 5px;
  }

#foot-menu a { color: #fff;  }

 #foot-menu a:hover{color: maroon; }

address {  line-height:1.8; }


.ft-p {
 display: block;
 clear: both;
 margin-bottom:10px;  }


/* =====================================================================
index
=======================================================================*/

#top-img {
 background:url('../images/index/bg-top.jpg') center no-repeat;
 height: 412px;
 text-align: center;
}

#top-img img {
 margin:0 auto;}

.top-box1 {
 width: 250px;
 height: 303px;
 background:url('../images/index/bg-waku3.jpg') no-repeat;
 float: left;
 margin:0 3px 0 0px;
 }

.top-img1 {
 margin:7px 0px 8px 5px;
 }

.top-text1 {
 margin:0px 20px 5px 18px;
 height: 60px;
 }

.bt-center {
display:block;
margin:auto;
 }

.img-text2 {
 margin-top: 20px;
 }

.top-img3  {
 float:left;
 }

 /* TOP製品修正  2014.11.07　fujitex yamaguchi */
 .top-box1-2 {
 width: 760px;
 height: 280px;
 background:url('../images/index/bg-waku2.jpg') no-repeat;
 float: left;
 margin:0 0px 5px 0px;
 }

.top-img1-2 {
 margin:7px 0px 2px 18px;
 width: 304px;
 float: left;
 }

.top-img1-3 {
 width: 418px;
 margin: 7px 0;
 float: left;
 }

.top-img1-4 {
 clear:both;
 margin: 0 0 5px 15px;
 }



.top-text1 {
 margin:0px 20px 0px 18px;
 height: 60px;
 }





.top-box2 {
 background-color: #E8E8E4;
 width: 392px;
 display: block;
 float:left;
 margin:0;
 padding: 10px 0 10px 0 ;
 }

.top-box2-2 {
 width: 392px;
 display: block;
 float:left;
 margin:0;
 padding: 10px 0 10px 0 ;
 }


.top-box2 li {
 height: 163px;
 width: 176px;
 display: block;
 float:left;
 margin-left: 13px;
 }

.top-box2 li img {
 margin-bottom: 5px;
 }


.top-shintyaku {
 height: 200px;
 overflow: scroll;
 padding: 10px;
 overflow-x: hidden;
 }

.top-shintyaku p {
 border-bottom: 1px dotted gray;
 line-height: 2.5;
 display: block; }

.sintyaku-icon {
  margin: 0px 5px 6px 5px; }

 /* =====================================================================
サブ共通
=======================================================================*/

.sub-box1 {
 width: 740px;
 margin: 0px 10px 20px 10px;
  }

.sub-box1-2 {
 width: 47%;
 margin: 0px 10px 20px 10px;
 float:left;
  }


.sub-box1:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 margin-bottom: 10px;
 }


 /* =====================================================================
製品一覧
=======================================================================*/

/* 一覧共通*/

.cm-box1 {
 width: 740px;
 margin: 0px 10px 20px 10px;
  }

.cm-box1:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 margin-bottom: 10px;
 }




.pd-toku {
  margin: 0 10px 10px 10px;
  border: 2px solid #D6D6CD;
  padding-bottom: 8px;
  width: 736px;
   }

.pd-toku:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 }


.pd-toku img {
 float: left;
 margin: 5px 10px 0px 5px;
 }

.pd-toku p {
 float: left;
 margin: 27px 10px 0 0px;
 line-height: 1.8;
 }

.pd-toku span {
 color:red;
 font-weight: 700;
 }

.pd-title1 {
 background: orange;
 height: 25px;
 margin-bottom: 10px;
 color: white;
 font-weight: 700;
 padding: 0 0 0 20px;
 line-height: 1.9;
 }

.pd-title1-2 {
 background: orange;
 height: 25px;
 margin-bottom: 10px;
 color: white;
 font-weight: 700;
 padding: 0 0 0 20px;
 line-height: 1.9;
 }



.pd-pic1 {
 float: left;
 margin:0 3px 0 0; }

.pd-right {
 float: left;
 margin:0 3px 0 0;
 width: 546px; }

.pd-tbl1 {
 background-color: gray;
  }


.pd-td1 {
  background:url('../images/common/bg-patan.jpg') ;
  text-align: center;
  vertical-align:middle;
  width: 30%;
  padding: 7px;
   margin-right: 5px;
  }

.pd-td2 {
  width: 75%;
  padding: 7px;
  border-bottom: 1px solid #999999;
  }

.pd-td3 {
  width: 75%;
  padding: 7px;
  border-bottom: 1px solid #999999;
  position: relative;
  }

.pd-td4 {
  width: 33%;
  padding: 7px;
  background:url('../images/common/patan3.jpg') ;
  text-align: center;
  vertical-align:middle;
  color:white;
  }

.pd-td5 {
  width: 33%;
  padding: 7px;
  text-align: center;
  vertical-align:middle;
  background: white;
  }

.pd-td6 {
  width: 16%;
  padding: 7px;
  background:url('../images/common/patan3.jpg') ;
  text-align: center;
  vertical-align:middle;
  color:white;
  }

.pd-td7 {
  width: 16%;
  padding: 7px;
  text-align: center;
  vertical-align:middle;
  background: white;
  }



/* 一覧ＴＯＰ*/

.ichi-pic {
 float: left;
 margin: 0 0 10px 10px;
  }

.ichi-r {
 float: right;
 width: 474px;
 margin: 0 10px 10px 0px;
  }

.ichi-r2 {
 float: right;
 width: 288px;
 margin: 0 10px 10px 0px;
  }


.ichi-r p {
 line-height: 1.8;  }


.ichi-dt {
 float: left;
 width: 90px;
 height: 31px;
 margin-bottom: 8px;
  }

.ichi-dd1 {
 float: right;
 width: 371px;
 height: 31px;
 margin-bottom: 8px;
 font-size: 16px;
 color:#B20000;
 font-weight:700;
 line-height: 1.8;
  }

.ichi-dd2 {
 float: right;
 width: 371px;
 height: 31px;
 margin-bottom: 8px;
 font-size: 16px;
  line-height: 1.8;
  }

.ichi-dd3 {
 float: left;
 margin-bottom: 8px;
 font-size: 16px;
 color:#B20000;
 font-weight:700;
 line-height: 1.8;
  }



.ichi-btn {
 float: right;
 margin: 10px  292px 20px;
  }

/* エコデンパッカー*/


.ecpk-box1 {
 background:url('../images/seihinjyohou/eco-act/img-genyou.jpg')  no-repeat;
 width: 740px;
 height: 386px;
 margin: 0 0 20px 10px;
 position: relative;
  }

.ecpk-box1 p {
 position: absolute;
  top:0;
  right: 0;
  width: 360px;
  line-height:1.8; }

.ecpk-box1 span {
 position: absolute;
  bottom:12px;
  left: 18px;
 }

.ecpk-box2 {
 width: 740px;
 margin: 0px 10px 20px 10px;
 border-bottom: 1px solid #CCCCCC;
 padding: 0 0 20px 0;
  }

.ecpk-box2:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 margin-bottom: 10px;
 }

/* スリム＆スマート*/

.ss-box1 {
 width: 357px;
 height: 148px;
 float: left;
 margin-right: 10px;
   }

.ss-box2 {
 width: 210px;
 float: right;
   }

/* オプション*/

.op-box1 {
 background:url('../images/seihinjyohou/option/bg1.jpg')  no-repeat;
 width: 152px;
 height: 375px;
 margin: 0 7px 0px 7px;
 float: left;
 padding: 13px 9px 0px 9px;
 font-size: 12px;
   }

/* 産業機械*/

.san-sp1 {
 background-color:#000066;
 color: #fff;
 text-align: center;
 display: block;
 width: 200px;
 float: left;
 padding: 2px;
 font-size:10px;
 position: absolute;
 right:0;
 top: 5px; }


 /* =====================================================================
会社概要
=======================================================================*/


.ga-map1 {
 width: 419px;
 float: left;
    }

.ga-box1 {
 width: 287px;
 float: right;
    }

  /* =====================================================================
カタログＤＬ
=======================================================================*/

.dl-red {
color:red;
font-weight: 700;
font-size: 18px    }


.dl-box1 {
 width: 332px;
 height: 112px;
 float: left;
 margin: 0 10px 20px 10px;
    }




 /* =====================================================================
お問合せフォーム
=======================================================================*/


.cn-tbl1 {
border-collapse: separate;
border-spacing: 5px;
   }


.cn-hissu {
 background: red;
 color: white;
 padding:3px;
 margin-left: 5px;
   }



.cn-td1 {
  background:url('../images/common/bg-patan2.jpg') ;
  color: white;
  text-align: center;
  vertical-align:middle;
  width: 25%;
  padding: 10px;
  margin-right: 5px;
   }

.cn-td2 {
  width: 75%;
  padding: 10px;
  border-bottom: 1px solid #999999;
   }

.hidden {
    }

.ul_error  {
 background-color:yellow;
 padding:8px;
    }

 /* =====================================================================
コンテンツ
=======================================================================*/

div.contents{}

div.contents h1{
	font-size:24px;
	font-weight:bold;
	line-height:140%;
	padding:10px;
	margin:10px 0px;
	border-top:1px solid #ccc;
	border-bottom:2px solid #001A66;
	background:#fcfcfc;
}

//div.contents h2,
//h2.contents{
//	border-left: 7px solid #F78700;
//	font-size:20px;
//	font-weight:bold;
//	line-height:140%;
//	margin:40px 0 10px 0;
//	padding:0 0 0 10px;
//}

div.contents h3{
	border-left: 7px solid #F78700;
	font-size:20px;
	font-weight:bold;
	line-height:140%;
	margin:40px 0 10px 0;
	padding:0 0 0 10px;
}

div.contents p{
	color:#111;
	font-size:14px;
	line-height:150%;
	letter-spacing:0.2em;
}

div.contents b{
	font-weight:bold;
	background:#ff3;
}

div.contents_index{
	margin:30px auto;
	width:500px;
	background:#efefef;
	padding:20px;
}

div.contents_index li,
ul.contents_index li{
	padding:0.5em 0 0.5em 10px;
	border-bottom:1px dotted #999;
	background:url('../images/common/arrow_mini.gif') 0 50% no-repeat;
}

 /* =====================================================================
納入事例
=======================================================================*/

ul.record{
	margin:20px 0;
}

ul.record li{
	float:left;
	width:140px;
	margin:0 10px 5px 0;
}

ul.record div.det{
	font-size:12px;
	padding:5px 0;
	text-align: center;
	color:#fff;
	width:140px;
	height:15px;
	background:#000;
	opacity: 0.6;
	position: relative; top:-30px;
}

ul.record div.obj_yori{
	margin:0;
	padding:2px 0;
	color:#fff;
	font-size:12px;
	width:100px;
	text-align: center;
	background:#339900;
	position: relative; top:-20px;
}