﻿/*-------------
undermain
-------------*/
.underlayer_menu_over.clearfix {
  background-color: #000;
  padding: 0 0 10px 0;
}
.underlayer_main {
  width: 1000px;
  margin: 5px auto 60px auto;
  overflow: hidden;
}
.main_right.clearfix {
  float: right;
  margin: 15px 0 30px 0;
  width: 750px;
}
p.underlayertitle_top {
  width: 100%;
  line-height: 24px;
  font-size: 15px;
  margin: 0 0 15px 0;
  clear: both;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: solid 1px #b2b2b2;
  padding: 20px 0 0 0;
}
p.underlayertitle {
  width: 100%;
  line-height: 24px;
  font-size: 15px;
  margin: 20px 0 15px 0;
  clear: both;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: solid 1px #b2b2b2;
  padding: 20px 0 0 0;
}
p.underlayertitle:before, p.underlayertitle_top:before {
  content: "●";
  padding-right: 7px;
  padding-left: 7px;
}
/*-------------
side
-------------*/
.side.clearfix {
  float: left;
  width: 200px;
  margin: 0 0 50px 0;
}
ul.sidemenu {
  margin: 0 0 25px 0;
}
ul.sidemenu li {
  line-height: 26px;
}
ul.sidemenu li p {
  float: left;
  padding: 0 6px 0 105px;
  font-size: 19px;
  font-weight: 600;
}
ul.sidemenu li a {
  font-size: 20px;
  font-weight: 600;
  font-family: arial narrow;
}
ul.sidemenu li a:hover {
  opacity: 0.6;
}
ul.sidemenu li:nth-child(5) {
  margin: 30px 0 0 0;
}
.side_newsbox {
  width: 198px;
  height: 130px;
  border: solid 1px #cecece;
  border-top: none;
  overflow-y: scroll;
  background-color: #fff;
}
table.side_boxtable {
  width: 90%;
  margin: 0 auto 10px auto;
  border-collapse: collapse;
  vertical-align: top;
}
table.side_boxtable th {
  text-align: left;
  line-height: 20px;
  padding: 15px 0 5px 0;
}
table.side_boxtable th img {
  padding: 0 0 0 10px;
}
table.side_boxtable td {
  line-height: 20px;
  padding: 0 0 5px 0;
  border-bottom: dotted 1px #4b4b4b;
  font-weight: 600;
}
p.sidetext1 {
  font-size: 13px;
  line-height: 20px;
  margin: 40px 0 0 0;
}
p.sidetext2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -3px;
  line-height: 30px;
  margin: 10px 0;
}
/*-------------
company
-------------*/
img.company_pic {
  margin: 30px 0 0 0;
}
.companybox.clearfix {
  float: left;
  /*width: 370px;*/
  width: 100%;
  margin: 0 40px 0 0;
}
p.companybox_text {
  line-height: 22px;
}
p.companybox_name {
  margin: 15px 0 0 auto;
  width: 180px;
}
table.company {
  border-collapse: collapse;
  width: 750px;
  margin: 0 0 40px 0;
  line-height: 20px;
}
table.company th {
  text-align: justify;
  padding: 11px 0 8px 10px;
  border-bottom: dotted 1px #b2b2b2;
  width: 120px;
  font-weight: 500;
}
table.company td {
  padding: 8px 0 8px 0;
  border-bottom: dotted 1px #b2b2b2;
}
ul.companylist.clearfix {
  margin: 25px 0 0 0;
}
ul.companylist.clearfix li {
  float: left;
  width: 350px;
  line-height: 23px;
}
ul.companylist.clearfix li:first-child {
  margin: 0 50px 0 0;
}
ul.companylist.clearfix li p {
  background-color: #464646;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 0 0 0 13px;
  line-height: 30px;
  height: 30px;
  margin: 0 0 10px 0;
}
#gallery_list {
  width: 750px;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
}
#gallery_list li {
  width: 250px;
  list-style: none;
  float: left;
}
img.gallery_pic {
  width: 250px;
}
.big_text {
  font-size: 14px;
}
/*-------------
equipment
-------------*/
img.equipmentimg1 {
  margin: 15px 0 0 0;
}
table.equipment {
  border-collapse: collapse;
  width: 750px;
  margin: 0 0 30px 0;
}
table.equipment th {
  color: #fff;
  background-color: #282828;
  padding: 8px 5px 8px 15px;
  border: solid 1px #b2b2b2;
  text-align: left;
  line-height: 15px;
}
table.equipment td {
  padding: 5px 3px 5px 15px;
  line-height: 18px;
  border: solid 1px #b2b2b2;
  vertical-align: top;
}
table.equipment td:nth-child(4), table.equipment th:nth-child(4) {
  text-align: center;
  padding: 5px 0;
  width: 80px;
}
.gray_back {
  background-color: #CDCBCB;
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
}
/*-------------
product
-------------*/
ul.productlist_top.clearfix {
  margin: 15px 0 0 0;
}
ul.productlist_top.clearfix li {
  float: left;
}
ul.productlist_top.clearfix li:first-child {
  margin: 55px 25px 0 0;
}
ul.productlist_top.clearfix li:nth-child(2) {
  width: 430px;
}
ul.productlist.clearfix {
  width: 100%;
}
ul.productlist.clearfix li {
  float: left;
  margin: 0 20px 30px 0;
  border: solid 1px #b2b2b2;
}
ul.productlist.clearfix li:nth-child(4n) {
  margin: 0 0 30px 0;
}
/*-------------
business
-------------*/
.businessbox.clearfix {
  float: right;
  font-weight: 600;
  margin: 50px 0 0 0;
}
p.businessbox_text1 {
  font-size: 15px;
  line-height: 22px;
}
p.businessbox_text2 {
  font-size: 24px;
  line-height: 45px;
}
p.businessbox_text3 {
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 20px 0;
}
img.businessimg1 {
  margin: 10px 0 0 0;
}
.businessbox2 {
  width: 750px;
  height: 1672px;
  margin: 35px 0 0 0;
  background: url(../images/business/business_back1.png) no-repeat;
}
ul.businessbox_list1.clearfix {
  padding: 330px 0 0 0;
  width: 550px;
  margin: 0 auto;
}
ul.businessbox_list1.clearfix li {
  float: left;
}
ul.businessbox_list1.clearfix li:nth-child(1) {
  margin: 0 118px 0 24px;
}
ul.businessbox_list2.clearfix {
  margin: 185px 0 0 0;
}
ul.businessbox_list2.clearfix li {
  float: left;
}
ul.businessbox_list2.clearfix li:nth-child(1) {
  margin: 0 51px 0 26px;
}
ul.businessbox_list2.clearfix li:nth-child(2) {
  margin: 0 51px 0 0;
}
ul.businessbox_list2.clearfix li:nth-child(4) {
  margin: 137px 0 0 25px;
}
ul.businessbox_list3.clearfix {
  padding: 170px 0 0 0;
  width: 230px;
  margin: 0 auto;
}
ul.businessbox_list3.clearfix li {
  margin: 0 0 138px 16px;
}
/*-------------
recruit
-------------*/
img.recruitimg {
  margin: 15px 0 50px 0;
}
table.recruit {
  border-collapse: collapse;
  width: 750px;
  margin: 0 0 20px 0;
  line-height: 20px;
}
table.recruit th {
  text-align: justify;
  padding: 11px 0 8px 10px;
  border-bottom: dotted 1px #b2b2b2;
  width: 120px;
  font-weight: 500;
}
table.recruit td {
  padding: 8px 0 8px 0;
  border-bottom: dotted 1px #b2b2b2;
}
p.recruit_bt {
  width: 350px;
  margin: 30px auto 20px auto;
}
p.recruit_text {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -1px;
}
/*-------------
movie
-------------*/
ul.movielist.clearfix {
  width: 100%;
  margin: 20px 0 0 0;
}
ul.movielist.clearfix li {
  float: left;
  width: 255px;
  line-height: 22px;
  margin: 220px 0 30px 0;
}
ul.movielist.clearfix li:nth-child(odd) {
  width: 475px;
  margin: 0 20px 30px 0;
}
ul.movielist.clearfix li p {
  font-size: 15px;
  font-weight: 600;
}
/*-------------
contact
-------------*/
p.contacttext {
  margin: 25px 0 0 0;
  line-height: 23px;
}
span.fontred {
  color: #ff0000;
}
#toiawase .form {
  clear: both;
}
#toiawase .form table {
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0 0 0;
}
#toiawase .form table th, #toiawase .form td {
  line-height: 25px;
  border-bottom: dotted 1px #b2b2b2;
}
#toiawase .form table th {
  width: 180px;
  padding: 5px 0 5px 20px;
  text-align: left;
  vertical-align: top;
}
#toiawase .form td {
  padding: 5px 0 5px 14px;
}
#toiawase .form td input#companyname, #toiawase .form td input#name, #toiawase .form td input#comname {
  width: 400px;
  height: 20px;
  font-size: 12px;
  padding: 0 0 0 5px;
  background-color: #e2e2e2;
  border: none;
}
#toiawase .form td input#mail, #toiawase .form td input#adress {
  width: 450px;
  height: 20px;
  font-size: 12px;
  padding: 0 0 0 5px;
  background-color: #e2e2e2;
  border: none;
}
#toiawase .form td input#tel, #toiawase .form td input#fax {
  width: 300px;
  height: 20px;
  font-size: 12px;
  padding: 0 0 0 5px;
  background-color: #e2e2e2;
  border: none;
}
#toiawase .form td textarea#comment {
  margin-top: 10px;
  width: 500px;
  height: 200px;
  font-size: 12px;
  background-color: #e2e2e2;
  border: none;
}
#toiawase .form #formEnd {
  text-align: center;
  margin: 5px 0 60px 0;
}
#toiawase .form #formEnd button {
  margin: 10px 0 0;
  border: 0;
  background-color: #fff;
}
.privacy {
  width: 100%;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 18px;
}
.privacy dt {
  background-color: #e2e2e2;
  padding: 2px 0 2px 10px;
  text-align: left;
}
.privacy dd {
  padding: 5px 0 20px 10px;
}
.vimeo-id-outer {
  display: none;
}
.vimeo-id-outer input {
  margin-right: 10px;
  margin-bottom: 10px;
}
.vimeo-id-outer button {
  margin-bottom: 10px;
}
/* iframe外側のdiv */
.video-outer {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
  margin-bottom: 20px;
}
/* iframe */
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}