/* table style */

table{
  font-size:1em;
  color:#333333;
}

td{
  height:auto;
}

/* menu */
#menu table{
  margin:0 0 0 6px;
  padding:0;
  width:174px;
  color:#1e8eff;
  font-size:1.2em;
}


table#ofn{
  height:240px;
  background-image:url(ctts01.gif);
}

table#mtsph{
  height:180px;
  background-image:url(ctts02.gif);
}

table#skwknl{
  height:90px;
  background-image:url(ctts04.gif);
}

table#tctnc{
  height:120px;
  background-image:url(ctts03.gif);
}

table#tctpn{
  height:160px;
  background-image:url(ctts05.gif);
}


#menu table th{
  padding:0;
  width:100%;
  height:46px;
  font-size:1px;
}

#menu table td{
  padding:0;
  height:30px;
  text-align:center;
  vertical-align:middle;
  font-weight:bold;
}

#menu table td#ishwcl{
  padding:0;
  height:14px;
  font-size:1px;
}

#menu table a:link,
#menu table a:visited,
#menu table a:active{
  color:#ffffff;
  text-decoration:none;
}

#menu table a:hover{
  color:#0080ff;
  text-decoration:none;
}

/* index */
#top-main table td{
  padding:0;
}

#top-main table td p{
  margin:0;
  padding:10px;
  font-size:10pt;
  text-indent:1em;
  line-height:1.1em;
}

#in-sys{
  width:378px;
  height:137px;
  background-image:url(back011.gif);
  background-repeat: no-repeat;
  background-size:contain;
}

#in-hp{
  width:379px;
  height:124px;
  background-image:url(back01.gif);
  background-repeat: no-repeat;
}

#in-hp b{
  color:#ff0080;
}

#in-hp2{
  width:497px;
  height:195px;
  background-image:url(back09.gif);
}

#in-sepg{
  width:379px;
  height:124px;
  background-image:url(back03.gif);
}

#in-service{
  width:379px;
  height:137px;
  background-image:url(back011.gif);
  background-repeat: no-repeat;
  background-size:auto;
}

#in-service b{
  color:#ff0000;
}

.syse-img,
.syse-img img{
  width:121px;
  height:124px;
}

.hp-img,
.hp-img img{
  width:121px;
  height:124px;
}

.service-img,
.service-img img{
  width:121px;
  height:124px;
}

#cam-img,
#cam-img a img{
  width:185px;
  height:124px;
}

/* info_philosophy */
table#ph th{
  padding:0;
  width:550px;
  height:30px;
  font-size:1.2em;
  background-image:url(table.gif);
}

.side{
  padding:0;
  width:16px;
  height:80px;
  background-color:#ffff59;
}

#rinen-text{
  padding:0;
  width:518px;
  height:80px;
  font-size:1.3em;
  text-align:center;
  /* background-image:url(oks_bg01.gif); */
}

#rinen-u{
  padding:0;
  width:550px;
  height:20px;
  background-color:#ffff59;
}

/* info_companyprofile _recruit */
table.cp-cp,
table.rc-rc{
  margin:0 0 0 20px;
}

.cp-cp th,
.rc-rc th{
  width:390px;
  font-weight:normal;
  text-align:left;
  line-height:1.2em;
}

table.cp-cp td{
  padding:3px;
  width:120px;
  color:#009aff;
  font-size:0.9em;
  font-weight:bold;
  vertical-align:top;
}

table.rc-rc td{
  padding:3px;
  width:120px;
  color:#0080ff;
  font-size:0.9em;
  font-weight:bold;
  vertical-align:top;
}

.cp-cp td img,
.rc-rc td img{
  margin:2px 5px 2px 0;
  width:10px;
  height:6px;
}

.cp-cp th a:link,
.cp-cp th a:visited,
.cp-cp th a:active,
.rc-rc th a:link,
.rc-rc th a:visited,
.rc-rc th a:active{
  color:#333333;
  text-decoration:none;
}

.cp-cp th a:hover,
.rc-rc th a:hover{
  color:#333333;
  text-decoration:underline;
}

.gy01{
  letter-spacing:1.1em;
}

.gy02{
  letter-spacing:3.3em;
}

.gy03{
  letter-spacing:0.4em;
}

#gyurl{
  letter-spacing:1.7em;
}

#co1{
  width:125px;
  vertical-align:top;
}

#co1 div{
  margin-bottom:1.2em;
}

#co1 span{
  margin-bottom:2.3em;
  display:block;
}

#co2{
  width:265px;
  vertical-align:top;
}

/* info_access */
table#acs{
  margin:0;
}

table#acs th{
  padding:7px;
  width:400px;
  height:104px;
  text-align:left;
  font-weight:normal;
}

table#acs th:first-line{
  font-size:1.3em;
}

table#acs th img{
  width:17px;
  height:13px;
}

table#acs td{
  padding:7px;
  width:94px;
}

table#acs td img{
  width:80px;
  height:90px;
}

/* system hpcreate */
table.sh-info{
  margin-bottom:10px;
}

table.sh-info td{
  padding:5px 10px;
  width:530px;
  text-indent:1em;
  line-height:1.2em;
  vertical-align:middle;
}

table.sh-info td b{
  color:#0000ff;
}

table.sh-info td a{
  display:block;
  text-align:right;
}

table#gosmpl{
  margin:5px 0;
}

table#gosmpl th{
  width:530px;
  height:30px;
}

table#gosmpl th img{
  margin:auto 10px;
  width:510px;
  height:17px;
}

table#gosmpl td{
  width:265px;
  height:160px;
  text-align:center;
}

table#gosmpl td img{
  width:200px;
  height:155px;
}

/* hp_plan */
#set{
  padding:0;
  width:210px;
  height:190px;
}

#set img{
  margin:5px 20px 0 0;
  width:190px;
  height:185px;
}

#box1{
  padding:5px;
  width:330px;
  height:110px;
  line-height:1.1em;
  vertical-align:middle;
}

#box1 b{
  color:#ff0080;
  font-size:80%;
}

#box1-1{
  padding:0;
  height:70px;
}

#box1-1 img{
  float:left;
  width:64px;
  height:48px;
}

#box1-1 b{
  clear:left;
  color:#ff0080;
  text-align:center;
  display:block;
}

#box2{
  padding:0;
  color:#0080ff;
}

#box2 th{
  padding:5px;
  width:360px;
  height:180px;
  text-align:left;
  font-weight:normal;
}

#box2 th:first-line{
  font-weight:bold;
}

#box2 td{
  padding:0;
  width:160px;
  text-align:center;
  vertical-align:middle;
}

#box2 td a img{
  width:150px;
  height:133px;
}

table#opt{
  font-size:90%;
}

table#opt td{
  padding:5px;
  height:50px;
  line-height:1.5em;
}

#opt td img{
  margin-right:5px;
  width:10px;
  height:10px;
}

#opt-l,
colgroup#left{
  width:185px;
}

/* works_list */
#list{
  margin:0;
  width:555px;
  border-top:solid 2px #999999;
  border-left:solid 2px #999999;
  border-collapse:collapse;
  /* background-image:url(oks_bg01.gif); */
}

colgroup#center{
  width:195px;
}

colgroup#right{
  width:165px;
}

#list th{
  padding:0;
  height:20px;
  border-right:solid 2px #999999;
  border-bottom:solid 2px #999999;
  background-color:#bfe0f4;
}

#list td{
  padding:7px 5px;
  color:#1e1e1e;
  line-height:1.3em;
  vertical-align:middle;
  border-right:solid 2px #999999;
  border-bottom:solid 2px #999999;
}

/* contact */
table.mailform{
  margin:0 auto 0 0;
}

table.mailform th{
  padding:0 10px 0  0;
  width:150px;
  color:#232323;
  text-align:right;
  font-weight:normal;
  border-right:solid 2px #cccccc;
}

table.mailform th p{
  margin:0;
  padding:0;
  font:70% "Myriad Pro",Verdana,Arial,Helvetica,sans-serif;
  color:#0b479f;
  display:block;
}

table.mailform span{
  margin:0;
  padding:0;
  font-family:"Myriad Pro",Verdana,Arial,Helvetica,sans-serif;
  color:#ff0000;
}

input.text01{
  width:220px;
  ime-mode:active;
}

input.text02{
  width:220px;
  ime-mode:disabled;
}

input.text03{
  width:100px;
  ime-mode:disabled;
}

textarea{
  width:300px;
  height:100px;
  ime-mode:active;
  font-size:10pt;
}

/* link */
table.lin th{
  padding:0;
  width:200px;
  height:50px;
  font-size:1.3em;
  font-weight:normal;
}

table.lin td{
  padding:0;
  width:330px;
  font-size:1.3em;
  text-align:left;
}

.footer-offices .box-fb {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}

.footer-offices .box-fb iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.footer-offices {
  display: flex;
  padding: 0 5px;
  width: 100%;
}

.footer-offices .office {
  margin: 0 5px;
  max-width: 100%;
  flex: 1 50%;
  padding-top: 20px;
  padding-bottom: 10px;
}

.footer-offices iframe {
  margin-bottom: 10px;
}