@charset "utf-8";

body{
  color: #444;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',游ゴシック体, 'Yu Gothic', Meiryo, sans-serif;
}

a:link{
  color: #444;
}

a:visited{
  color: #444;
}

.text{
  text-align: justify;
  text-justify: inter-ideograph;
}

.wp{

}

.cnt{
  wdth: 100%;
}

.cnt .inr{
  width: 1000px;
  margin: 0 auto;
}

.top-img{
  margin-bottom: 60px;
}

.breadcrumbs{
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #777;
  padding: 5px 10px;
}

.breadcrumbs a{
  color: #4294bf;
}

/*-------  ヘッダー  -------*/

header{
  width: 100%;
  padding-top: 10px;
  border-top: solid 3px #5fc0f3;
}

header .inr{
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

header h1{
  float: left;
  margin-top: 20px;
}

.cntct-box{
  float: right;
  display: inline-block;
}

.cntct-box .img-tel{
  margin: 10px 0;
}


/*-------  グローバルナビ  -------*/

nav{
  width: 1000px;
  margin: 0 auto 20px;
  clear: both;
}

nav ul li{
  float: left;
  letter-spacing: 0.06em;
}

nav ul li a{
  font-size: 15px;
  text-decoration: none;
  padding: 10px 20px;
  transition: all 0.6s ease;
  -webkit-transition: all 0.2s ease;
  letter-spacing: 0.1em;
}

nav ul li a:hover{
  background: #5dc1f3;
  color: #fff;
}

/*-------  製品紹介  -------*/

.product-box{
  margin-bottom: 100px;
}

.product-box h1{
  text-align: center;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 15px;
  font-weight: normal;
  margin-bottom: 30px;
  letter-spacing: 0.3em;
  font-size: 18px;
}

.product-box .box{
  width: 318px;
  margin-right: 23px;
  float: left;
}

.product-box .box2{
  margin-top: 65px;
}

.product-box .box p.img{

}

.product-box .box p.text{
  line-height: 1.7;
  font-size: 13px;
  width: 287px;
  margin-left: 20px;
}

.product-box .box p.btn a{
  display: inline-block;
  padding: 5px 12px;
  font-size: 11px;
  text-decoration: none;
  margin: 15px 20px 0;
  background: #E4E4E4;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.product-box .box p.btn a:hover{
  background: #4294bf;
  color: #fff;
}

.product-box .last{
  margin-right: 0;
}



/*-------  関連会社  -------*/

.as-company{
  margin-bottom: 100px;
}

.as-company h1{
  text-align: center;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 15px;
  font-weight: normal;
  margin-bottom: 50px;
  letter-spacing: 0.3em;
  font-size: 18px;
}

.as-company ul{
 list-style: none;
 padding: 0px 28px;
}

.as-company ul li{
  float: left;
  margin-right: 70px;
  margin-bottom: 30px;
}

.as-company ul li.last{
  margin-right: 0;
}

.as-company ul li img{width:auto;height:47px;}


/*-------  フッター  -------*/

footer{
  width: 100%;
  background: #f4f4f4;
}

footer .inr{
  width: 1000px;
  margin: 0 auto;
}

footer .inr p.cprt{
  font-size: 10px;
  color: #999;
  font-family: serif;
  padding: 20px 0 23px;
  text-align: center;
  letter-spacing: 0.1em;
}


/*-------  事業内容  -------*/

.service{
  margin: 50px 0 100px;
}

.service .msg{
  margin-bottom: 25px;
}

.service .msg h1{
  text-align: center;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 15px;
  font-weight: normal;
  margin-bottom: 20px;
  letter-spacing: 0.3em;
  font-size: 18px;

}

.service .msg p{
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-size: 14px;
}

.service p.img{
  text-align: center;
  margin-bottom: 20px;
}

.service .service-box{
  margin-top: 70px;
  background: #f4f4f4;
  padding: 20px;
}

.service .service-box .box{
  width: 266px;
  height: 180px;
  padding: 25px 20px 15px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #fff;
  float: left;
}

.service .service-box .cuff{
  margin-right: 0;
}

.service .service-box .bt{
  margin-bottom: 0;
}


.service .service-box .box h1{
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
  color:#7dbb54;
}

.service .service-box .box p{
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-size: 13px;
}




/*-------  製品紹介  -------*/

.product{
  margin: 50px 0 100px;
}

.product .product-box h1{
  margin-bottom: 40px;
}


/*-------  会社案内  -------*/

.company{
  margin: 50px 0 100px;
}

.company .principle{
  overflow: hidden;
  margin-bottom: 60px;
}

.company .principle h1{
  text-align: center;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 15px;
  font-weight: normal;
  margin-bottom: 60px;
  letter-spacing: 0.3em;
  font-size: 18px;
}

.company .principle .text-box{
  margin-left: 80px;
}

.company .principle .text-box h2{
  margin-bottom: 35px;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.1em;
}

.company .principle .text-box p{
  letter-spacing: 0.1em;
  line-height: 2;
}

.company .principle .sign{
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin-top:3em;
}

.company .com-profile h1{
  text-align: center;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 15px;
  font-weight: normal;
  margin-bottom: 60px;
  letter-spacing: 0.3em;
  font-size: 18px;
}

.company .com-profile dl{
  margin-bottom: 25px;
  letter-spacing: 0.06em;
}

.company .com-profile dl dt{
  float: left;
  width: 150px;
  color: #7dbb54;
line-height:2;
}

.company .com-profile dl dd{
  float: left;
line-height:2;
}

.company .com-profile dl dd a{
  color: #4294bf;
}

#gmap{
  margin-top: 50px;
  width: 1000px;
  height: 350px;
}

/*-------  お問い合わせ  -------*/

.contact{
  margin: 50px 0 100px;
}

.contact h1{
  text-align: center;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 15px;
  font-weight: normal;
  margin-bottom: 30px;
  letter-spacing: 0.3em;
  font-size: 18px;
}

.contact table{
  width: 700px;
  margin: 0 auto 30px;
  letter-spacing: 0.1em;
}

.contact table tr{

}

.contact table th{
  font-weight: normal;
  text-align: left;
  padding: 15px 20px;
  vertical-align: top;
}

.contact table th .req-mark{
  margin-left: 10px;
  vertical-align: middle;
}

.contact table td{
  padding: 15px 20px;
}

.contact table td input{
  font-size: 14px;
}

.contact table td input.i-com{
  width: 300px;
}

.contact table td input.i-email{
  width: 300px;
}

.contact table td input.i-tel{
  width: 200px;
}

.contact table td input.addr3{
  width: 400px;
}

.contact table td textarea.cntText{
  width: 400px;
  height: 250px;
}

.contact table td ul li{
  list-style-type: none;
  margin-bottom: 10px;
}

.contact table td ul.i-name li{
  float: left;
  margin-right: 20px;
  margin-bottom: 0;
}

.contact table td ul.i-name li input{
  width: 110px;
}

.contact p.btn{
  text-align: center;
}

.contact p.btn > input{
  padding: 10px 30px;
  letter-spacing: 0.3em;
  border: none;
  display: inline-block;
  background: #E4E4E4;
  font-size: 0.9em;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.contact p.btn > input:hover{
  background: #4294bf;
  color: #fff;
}

.contact > .msg-err{
  font-size: 13px;
  color: red;
  margin-bottom: 20px;
  text-align: center;
}

.contact table td .msg-err{
  font-size: 13px;
  color: red;
  clear: both;
  padding-top: 8px;
}

.contact p.intro{
  text-align: center;
  line-height: 1.6;
  margin-bottom: 20px;
}

.contact h2{
  text-align: center;
  margin-bottom: 20px;
}

.contact2 form{
  text-align: center;
}

.contact2 .submit-box{
  margin-top: 30px;
}

.contact2 form input{
  padding: 10px 30px;
  letter-spacing: 0.3em;
  border: none;
  display: inline-block;
  background: #E4E4E4;
  font-size: 0.9em;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  margin-bottom: 10px;
}

.contact2 form input:hover{
  background: #4294bf;
  color: #fff;
}