@charset "Shift_JIS";
.small{
  font-size: 12px; /* 75% of the baseline */
}

.large{
  font-size : 20px; /* 125% of the baseline */

  font-weight : bolder;
  
}
.img{
  width : 100%;
max-width : 500px;
  }.img2{
  width : 100%;
max-width : 600px;
  margin-bottom : 30px;
}.img5{
  width : 100%;
max-width : 200px;
  margin-bottom : 30px;
}.img8{
  width : 100%;
max-width : 145px;
}.img3{
  width : 100%;
max-width : 371px;
}.img4{
	float:right;
  width : 100%;
max-width : 420px;
}.img6{
  width : 100%;
max-width : 437px;
}.img7{
  width : 100%;
max-width : 400px;
}

.Header{
  margin-right : 20px;
  float : left;
  font-size : 14px;
}
.Header_b{
  
  
  float : right;
  font-size : 14px;
  
  text-align : right;
}
.pc{
  width : 100%;
}

.sp{
  width : 100%;
  display : none;
}

.p_10{
  padding-left : 10px;
  padding-right : 10px;
  text-align : center;
  margin-bottom : 40px;
  line-height : 1.8;
}

.span_big{
  font-size : 25px;
  font-weight : bolder;
  color : white;
}.span_biga{
  font-size : 25px;
  font-weight : bolder;
  color : black;
}

.img_hi{
  overflow : hidden;
}

.li_kuro{
  color : white;
  background-color : black;
  font-weight : bold;
  padding-left : 20px;
  }.waku_kuro{
  color : white;
  background-color : black;
  padding-top : 20px;
  padding-bottom : 20px;border-width : 2px;border-style : solid;border-color : silver;
  margin-left : 10px;
  margin-right : 10px;
  font-weight : normal;
}

.sita_yohaku{
  margin-bottom : 30px;
  
}.sita_yohaku2{
  margin-bottom : 30px;
  background-color : #e0e0e0;
  padding-top : 20px;
  padding-bottom : 20px;
}
.wrapper{
     float: right;
     margin: 0;
     width: 100%;
     margin-left: -300px;
}
 
.content{
	border-bottom-style : none;
     margin-left: 300px;
  position : relative;
  
  text-align : left;
  padding-left : 20px;
  padding-right : 20px;
  }.content1{
	border-bottom-style : none;
     margin-left: 300px;
  position : relative;
  
  text-align : left;
  padding-left : 20px;
  padding-right : 20px;
  }.content1 P{
  
  text-align : left;
  line-height : 2;
}.content P{
	border-bottom-style : none;
  width : 46%;
  float : left;
  padding-left : 2%;
  padding-right : 2%;
  padding-top : 10px;
  padding-bottom : 10px;
}
 
.sidebar{
     width : 296px;
  float : left;

z-index: 20;
  height : 100%;
}
* html div.sidebar{
	     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+100));     
} 
#sidebar{
  position: relative;
  
 

}#sidebar LI{
  position: relative;
  border-bottom-width : 1px;
  border-bottom-style : dashed;
  border-bottom-color : white;
  font-weight : bold;
  padding-bottom : 0px;
  margin-bottom : 0px;
}#sidebar A{
  position: relative;
  color : white;
  text-decoration : none;
}#sidebar A:hover{
  position: relative;
  color : silver;
  text-decoration : none;
}

#nav{
  width: 300px;    /* デモ用 */background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box; /* 同上 */

  background-color : black;
  color : white;
  border-top-width : 10px;
  border-top-style : solid;
  border-top-color : #fac60e;
}

.fixed{
  position: fixed;
  top: 20px;
} 
.td{
  font-size : 14px;
  font-weight : bold;
  background-color : #f0f0f0;
  width : 30%;
}

.map_diva{
  text-align : left;
  
  background-color : #e6e6e6;
  
  width : 50%;
  float : left;
  height : 550px;
}.map_divb{
  text-align : left;
  
  
  width : 48%;
  float : right;
  
  background-color : silver;
  padding-top : 30px;
  height : 520px;
  padding-right : 2%;
}.map_divc{
  text-align : left;
  
  
  margin-top : 10px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 10px;
  padding-top : 5px;
  padding-bottom : 5px;
}.map_div{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 30px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 30px;
  text-align : left;
  height : 100%;
}

.big{
  font-size : 15px;
  font-weight : bolder;
}

.map_div div{
  text-align : center;
}

.waku_kuro a{
  color : white;
}

.ma-ku{
  background-image : url(../img/ma-ku2.png);
  background-repeat : no-repeat;
  background-position : left 10px;
  padding-left : 15px;
  }.ma-ku2{
  background-image : url(../img/ma-ku2.png);
  background-repeat : no-repeat;
  background-position : 10px 10px;
  padding-left : 15px;
  background-color : white;
border-width : 1px;border-style : solid;border-color : gray;
}

.span_s{
  font-size : 13px;
  font-weight : normal;
  color : black;
  }.span_b{
  font-size : 30px;
  font-weight : 900;
  line-height : 3;
  color : maroon;
}

.yohaku_20{
  padding-top : 30px;
  padding-bottom : 20px;
  margin-bottom : 10px;
}

.sita_line{
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : silver;
}

.tel-link{
  font-weight : normal;
  color : white;
}

.sub {
	vertical-align:-2px;
	font-size:0.5rem;
	text-decoration: none;
}

.mig h2 {
	background-color:#C1202E;
}

.mig a {
	border-left:3px solid #C1202E;
}

#hpb-main1 .productlist li.mig a:hover {
	color:#C1202E;
}

.tig h2 {
	background-color:#E33770;
}

.tig a {
	border-left:3px solid #E33770;
}

#hpb-main1 .productlist li.tig a:hover {
	color:#E33770;
}

.nogas h2 {
	background-color:#933674;
}

.nogas a {
	border-left:3px solid #933674;
}

#hpb-main1 .productlist li.nogas a:hover {
	color:#933674;
}

.cyoku h2 {
	background-color:#6C4787;
}

.cyoku a {
	border-left:3px solid #6C4787;
}

#hpb-main1 .productlist li.cyoku a:hover {
	color:#6C4787;
}

.arc h2 {
	background-color:#053073;
}

.arc a {
	border-left:3px solid #053073;
}

#hpb-main1 .productlist li.arc a:hover {
	color:#053073;
}

.subarc h2 {
	background-color:#1B5E9E;
}

.subarc a {
	border-left:3px solid #1B5E9E;
}

#hpb-main1 .productlist li.subarc a:hover {
	color:#1B5E9E;
}

.spot h2 {
	background-color:#068ED0;
}

.spot a {
	border-left:3px solid #068ED0;
}

#hpb-main1 .productlist li.spot a:hover {
	color:#068ED0;
}

.battery h2 {
	background-color:#00B2B5;
}

.battery a {
	border-left:3px solid #00B2B5;
}

#hpb-main1 .productlist li.battery a:hover {
	color:#00B2B5;
}

.weldingeq h2 {
	background-color:#0FA090;
}

.weldingeq a {
	border-left:3px solid #0FA090;
}

#hpb-main1 .productlist li.weldingeq a:hover {
	color:#0FA090;
}

.generator h2 {
	background-color:#5FA55E;
}

.generator a {
	border-left:3px solid #5FA55E;
}

#hpb-main1 .productlist li.generator a:hover {
	color:#5FA55E;
}

.autogas h2 {
	background-color:#B57C40;
}

.autogas a {
	border-left:3px solid #B57C40;
}

#hpb-main1 .productlist li.autogas a:hover {
	color:#B57C40;
}

.jigu h2 {
	background-color:#84AE4C;
}

.jigu a {
	border-left:3px solid #84AE4C;
}

#hpb-main1 .productlist li.jigu a:hover {
	color:#84AE4C;
}

.plasma h2 {
	background-color:#8C913E;
}

.plasma a {
	border-left:3px solid #8C913E;
}

#hpb-main1 .productlist li.plasma a:hover {
	color:#8C913E;
}

.metalproc h2 {
	background-color:#DE7738;
}

.metalproc a {
	border-left:3px solid #DE7738;
}

#hpb-main1 .productlist li.metalproc a:hover {
	color:#DE7738;
}

.drill h2 {
	background-color:#936427;
}

.drill a {
	border-left:3px solid #936427;
}

#hpb-main1 .productlist li.drill a:hover {
	color:#936427;
}

.yuatsu h2 {
	background-color:#D3712B;
}

.yuatsu a {
	border-left:3px solid #D3712B;
}

#hpb-main1 .productlist li.yuatsu a:hover {
	color:#D3712B;
}

.env h2 {
	background-color:#D25830;
}

.env a {
	border-left:3px solid #D25830;
}

#hpb-main1 .productlist li.env a:hover {
	color:#D25830;
}

.compressor h2 {
	background-color:#DA5D3A;
}

.compressor a {
	border-left:3px solid #DA5D3A;
}

#hpb-main1 .productlist li.compressor a:hover {
	color:#DA5D3A;
}

.hoist h2 {
	background-color:#9D2817;
}

.hoist a {
	border-left:3px solid #9D2817;
}

#hpb-main1 .productlist li.hoist a:hover {
	color:#9D2817;
}

.season h2 {
	background-color:#752E21;
}

.season a {
	border-left:3px solid #752E21;
}

#hpb-main1 .productlist li.season a:hover {
	color:#752E21;
}

.coupler h2 {
	background-color:#9D3317;
}

.coupler a {
	border-left:3px solid #9D3317;
}

#hpb-main1 .productlist li.coupler a:hover {
	color:#9D3317;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}