@charset "utf-8";

*
{
 margin: 0;
 padding: 0;
}

li {
  list-style: none;
}

table {
  width: 100%;
  margin-bottom: 20px;
}

h2 {
  text-align: left;
  width: 100%;
  background: #1D348D;
  font-size: 140%;
  color: #fff;
  padding: 20px 10px;
  margin-top: 40px;
  margin-bottom: 20px;
}

h3 {
text-align: left;
  width: 100%;
  background: #1D348D;
  font-size: 120%;
  color: #fff;
  padding: 5px;
  margin-top: 40px;
  margin-bottom: 20px;
}

#header {
  width: 100%;
  height: 60px;
  position: relative;
  background: #000;
}

#header #t1{
  position: absolute;
  color: #ff218c;
  font-size: 44px;
  font-weight: bold;
  top: 2px;
  left: 4px;
  margin-left: 10px;
}

#header #t2{
  position: absolute;
  color: #1D348D;
  font-size: 44px;
  font-weight: bold;
  top: 0px;
  left: 0px;
  margin-left: 10px;
}

#header #company{
  left: 50px;
  top: 15px;
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-left: 10px;
}

#header #english{
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

#header a {
  float: right;
  padding-right: 10px;
  padding-top: 5px;
}



/*      全体（footerを除く）      */

#container
{
 width: 100%;
 background-image : url(../products/head_bg.gif);
 background-repeat: repeat-x;
}
#container #top_video { 
  width: 100%;
}

#contents {
  width: 1000px;
  text-align: center;
  margin: 30px auto 100px auto;
}
#contents img {
  width: calc(100% - 10px);
}

/*        全体終わり          */

/*       タイトル部分         */
#top_header_area {
  width: 100%;
  background-image : url(../products/head_bg.gif);
  background-repeat: repeat-x;
  /*position: absolute;*/
}

/* #header
{
 height: 34px;
 position: relative;
}
* html #header {
behavior: expression(IEPNGFIX.fix(this));
} */

.titlenema
{
 position: absolute;
 top: 0;
 z-index: 100;
}

.sp
{
 margin-left: 439px;
}
.sp2
{
 margin-left: 540px;
}
.map {
 margin-left: 15px;
}

/*       タイトル部分終わり         */

/*       フラッシュ部分         */

#flashbg
{
 width: 100%;
background-color: #E8E8E8;
}

#flash_c
{
 height: 270px;
 background-color: #ffffff;
}

/*       フラッシュ部分終わり         */

/*       メニュー部分         */
#menu{
  overflow: hidden;
}
#menu_list {
  width: 100%;
}
#menu_list li {
  float: left;
  color: #ffffff;
  text-align: center;
  width: calc((100% - 9px) / 9);
  height: 45px;
  border-right: 1px #ccc solid;
}
.menu_on {
  background: #1D348D;
  color: #fff;
}
.menu_off {
  background: #999999;
  color: #fff;
}
.menu_on a,
.menu_off a {
  font-size: 16px;
  line-height: 2.5;
}
.menu_on a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
.menu_off a{
  color: #fff;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
.menu_off:hover {
  background: #4A5CA3;
  color: #fff;
}



/*        商品メニュー         */

#menu2
{
 height: 100px;
 background-image : url(../products/cobrabg.gif);
 background-repeat: no-repeat;
 background-position: right top;
 background-color: #cccccc;
 border-bottom: 1px solid;
}
#menu_p
{
 height: 100px;
 background-image : url(../products/pipereturnbg.gif);
 background-repeat: no-repeat;
 background-position: right top;
 background-color: #cccccc;
 border-bottom: 1px solid;
}
#menu3
{
 height: 100px;
 background-image : url(../products/rockmanbg.gif);
 background-repeat: no-repeat;
 background-position: right top;
 background-color: #cccccc;
 border-bottom: 1px solid;
}

#menu_list1
{
 width: 600px;
}
#menu_list1 dl dd
{
 float: left;
 border-left: 1px solid;
}

.celecta,.celectb,.celectc,.lista,.listb,.listc,.listb a,.listb a span,.listc a,.listc a span,.celecta a,.celecta a span,.selectb a,.selectb a span,.lista a,.lista a span
{
 display: block;
 /*width: 199px;*/
 width: 159px;
 height: 25px;
}

#menu_list1 dl dd.lista
{
 background-image : url(../products/cobramenu.gif);
 background-repeat: no-repeat;
}

#menu_list1 dl dd.listb
{
 background-image : url(../products/rockmanmenu.gif);
 background-repeat: no-repeat;
}

#menu_list1 dl dd.listc
{
 background-image : url(../products/pipereturnmenu.gif);
 background-repeat: no-repeat;
}

.lista a:hover, .celecta, .celecta a:hover
{
 background-image : url(../products/cobramenusel.gif);
}
.listb a:hover, .celectb, .celectb a:hover
{
 background-image : url(../products/rockmanmenusel.gif);
}
.listc a:hover, .celectc, .celectc a:hover
{
 background-image : url(../products/pipereturnmenusel.gif);
}

#menu_list1 p
{
 margin-top: 8px;
}

/*        商品メニュー終わり         */

/*       メニュー部分終わり        */

/*       メイン（内容部分）        */

#topic
{
 padding-top: 13px;
}

#topic_l
{
 /* float: left; */
 /* width: 585px; */
}

#topic_l p
{
 padding: 8px 20px 8px 0;
}
/*  インラインフレーム内（news&topic)   */
#topic_f ul
{
 list-style: none;
 width: 540px;
}

#topic_f ul li
{
 display: block;
 height: 23px;
 padding: 10px 0 0 10px;
 border-bottom: 1px dashed #333333;
}

/*  インラインフレーム内（news&topic)おわり   */

#topic_l img.more
{
 clear: both;
 text-align: right;
 margin: 8px 0 5px 0;
}

#topic_l img.tel
{
 margin: 10px 0 10px 0;
}

#topic_r
{
 float: left;
 width: 215px;
}

#topic_r dl
{
 background-image : url(../products/top_t_bg.gif);
 background-repeat: none;
 height: 335px;
}

#topic_r dl dt span
{
 display: block;
 text-align: center;
 padding-top: 27px;
}

/*       メイン（内容部分）        */

/*       会社概要        */

#company img.com-tit
{
 margin: 10px 0 10px 0;
}

#company ul
{
 width: 751px;
 margin: 8px 0 8px 24px;
 list-style: none;
}


#company ul li
{
 float: left;
}



#company ul li span
{
 display: block;
 width: 580px;
 margin: 8px;
 line-height: 1.5em;
}

.name
{
 margin-left: 50px;
}

#company table
{
 width: 719px;
 margin: 8px 0 0 40px;
 border: 1px #333333 solid;
 border-collapse: collapse;
}
#company table tr td
{
 border: 1px #333333 solid;
 border-collapse: collapse;
 padding: 5px 0 5px 10px;
}

#company table tr td.title-com
{
 width: 225px;
 background-color: #cccccc;
}

#company table tr td.main-com
{
width: 492px;
}

.space
{
 margin-left: 202px;
}

#video_area {
	width: 100%;
  overflow: hidden;
}
#video_area  .video {
	float: left;
	width: 45%;
	margin: 10px;
}
#video_area  .video video{
	width: 100%;
}

/*       会社概要終わり        */
/*     メールフォーム      */

#mail img
{
 margin: 25px 0 20px 10px;
}

#mail img.b_add
{
 margin: 5px 0 20px 85px;
}

#mail p
{
 margin: 50px 0 25px 0;
}

#mail table
{
 width: 630px;
 margin: 5px 0 25px 85px; 
}

#mail table,#mail table td
{
 border: 1px #E3E3E3 solid;
 border-collapse: collapse;
}

#mail table td input,#mail table td textarea
{
 width: 380px;
}

.formheight
{
 height: 150px;
}

#mail table td.title
{
 width: 250px;
 height: 25px;
 background-color: #e3e3e3;
 color: #555555;
 padding-left: 15px;
 border: 1px #cccccc solid;
 border-collapse: collapse;

}

.put_mess
{
 margin-left: 85px !important;
}

.cen
{
 text-align: center !important;
}

.link tr
{
 height: 25px;
}
.link tr td
{
 padding: 5px 0 5px 15px;
}
/*       メールフォーム終わり        */

/*               コブラ工程説明                */
#cobratopic img.pic
{
 margin: 20px 0 15px 80px;
}

#cobratopic table
{
 width: 640px;
 margin: 10px 0 15px 80px;
}

.border
{
 border: 1px solid;
 padding-left: 3px;
}

.tit
{
 text-align: center;
 border-bottom: 1px solid;
}

.line ul
{
 list-style: none;
 width: 640px;
 height: 44px;
 border: 1px solid #000000;
 margin: 10px 0 15px 80px;

}

.line ul li
{
 float: left;
 font-size: 14px;
 padding:3px;
}


/*               コブラ工程説明終わり                */

/*               パイプリターン工程説明                       */
.ble
{
 font-size: 14px;
 color: #4652A1;
}

.pipu
{
  width: 760px !important;
  margin-left: 10px !important;
}
.lis
{
  width: 504px;
}
.border-p
{
 border: 1px solid;
 padding-left: 8px;
}

.line-p
{
  font-family: sans-serif;
  text-align: center;
  border: 1px solid #000000;
  border-collapse: collapse;
}

.line-p tr td
{
  font-size: 15px;
}

.model
{
  width: 100px;
  border: 1px solid #000000;
}
#pipureturn_suitable {
  border: solid 1px #000;
}
#pipureturn_suitable h4 {
  background: #999;
  font-size: 300%;
  font-weight: normal;
  color: #fff;
  text-align: left;
  padding: 5px;
}
#pipureturn_suitable ul {
  
}
#pipureturn_suitable ul li {
  list-style: none;
  text-align: left;
  font-size: 150%;
  padding: 10px;
}


/*               パイプリターン工程説明                       */


/*               パイプリターン改築工法                       */

#pipereturn_kaichiku_suitable ul {
  
}
#pipereturn_kaichiku_suitable ul li {
  list-style: none;
  text-align: left;
  font-size: 150%;
  padding: 10px;
}

#pipereturn_kaichiku_suitable_img ul {
  overflow: hidden;
}
#pipereturn_kaichiku_suitable_img ul li {
  width: 30%;
  float: left;
}

#pipereturn_kaichiku_suitable_img ul li img {
  height: 300px;
}
#pipereturn_kaichiku_suitable_img ul li p {
  font-size: 100%;
}

#pipereturn_kaichiku_detail {

}

#pipereturn_kaichiku_detail {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-collapse: collapse;
  width: 100%;
  line-height: 2;
}
#pipereturn_kaichiku_detail th {
  font-size: 140%;
  text-align: center;
  font-weight: bold;
  background-color: #e3e3e3;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#pipereturn_kaichiku_detail td {
  font-size: 140%;
  padding: 10px;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  vertical-align: middle;

}


/*               パイプリターン改築工法                       */

/*               ロックマン工程説明                */
.flo-roc
{
 list-style: none;
 margin: 15px 0 10px 0;
}

.flo-roc li
{
 float: left;
 margin-right: 5px;
}

.roc-w
{
 width: 235px;
 font-size: 11px;
 margin-top: 50px;
 padding: 8px;
}

.r-pic
{
 padding-top: 30px;
}

/*        サイトマップ        */

#sitemap table
{
 width: 751px;
 margin:10px 0 300px 65px;
}

#sitemap table tr td ul
{
 list-style: none;
 width: 300px;
 padding: 10px 0 25px 24px;
 float: left;
}

#sitemap table tr td ul li.arro
{
 padding:5px 0 5px 25px;
 height: 20px;
 background-image : url(../products/smap-arro.gif);
 background-repeat: no-repeat;
 background-position: 8px 5px;
}

.sm-ho
{
 background-image : url(../products/smap-hom.gif);
 background-repeat: no-repeat;
 padding:5px 0 5px 25px;
 height: 20px;
}

.sm-02
{
 background-image : url(../products/smap-02.gif);
 background-repeat: no-repeat;
 padding:5px 0 5px 25px;
 height: 20px;
}
.sm-03
{
 background-image : url(../products/smap-03.gif);
 background-repeat: no-repeat;
 padding:5px 0 5px 25px;
 height: 20px;
}
.sm-04
{
 background-image : url(../products/smap-04.gif);
 background-repeat: no-repeat;
 padding:5px 0 5px 25px;
 height: 20px;
}
/*        サイトマップ終わり        */
/*        プライバシーポリシー        */

#privacy table
{
 width: 700px;
 margin-left: 42px;
}

#privacy table tr td ul
{
 margin-left: 30px;
}

/*        プライバシーポリシー終わり        */
/*     採用情報      */
#recruit table
{
 width: 719px;
 margin: 8px 0 20px 40px;
 border-collapse: collapse;
}
#recruit table tr td,#recruit table tr th
{
  border: 1px #333333 solid;
  border-collapse: collapse;
  padding: 5px 10px 5px 10px;
}
#recruit table tr th
{
  font-style:normal;
  font-weight:normal;
  width: 225px;
  background-color: #cccccc;
}
#recruit table tr td
{
  width: 492px;
}
#recruit table tr td .addr2
{
  width:90%;
}
#recruit table tr td .nowrap
{
  white-space: nowrap;
}
#recruit table tr td textarea
{
  width:100%;
  height:200px;
}
#recruit table tr td input[type="button"],
#recruit table tr td input[type="submit"]
{
  padding: 3px;
}
#recruit table tr td.submit
{
  border: none;
  text-align: center;
  padding: 15px 0 5px 10px;
}
#recruit table tr td input#back
{
  margin-right: 100px;
}
#recruit div.title {
  font-size: 1.5em;
  width: 719px;
  margin: 0 0 10px 40px;
  padding:3px 0;
  /*color:#4652a1;*/
  color:#333;
  border-bottom:solid 1px #000;
}
#recruit div.description{
  width: 719px;
  margin: 0 0 10px 40px;
}
#recruit div#access {
  padding:10px;
  color: #333;
  line-height:1.5em;
}
/*    >>> 募集要項      */
#recruit div.income-model{
  line-height:1.8em;
  font-size:1.0em;
}
#recruit div.table-title{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  width: 719px;
  height: 1.5em;
  margin: 0 0 0 40px;
  font-size: 1.1em;
  font-weight: normal;
  color: #f5f5f5;
  background-color: #696969;
  text-align: left;
  padding: 0.5em;
}
#recruit table.staff tr th, #recruit table.staff tr td{
  font-size: 14px;
  font-weight: normal;
}
#recruit div.table-title.bcdb{
  color: #f5f5f5;
  background-color:#44617b;
}
#recruit div.table-title.bcdg{
  color: #f5f5f5;
  background-color: #478384;
}
#recruit div.table-title.bcdy{
  color: #f5f5f5;
  background-color: #daa520;
}
#recruit table#construction tr th{
  color: #333;
  background-color:#8fd2ff;
}
#recruit table#maintenance tr th{
  color: #333;
  background-color:#e4fab1;
}
#recruit table#business tr th{
  color: #333;
  background-color: #fae8b4;
}
/*     募集要項 <<<     */
.appflow >ul {
  width: 100%;
  text-align:center;
}
.appflow >ul>li {
  list-style:none;
  display: inline-block;
  font-size: 12px;
  width: 25%;
  padding: 10px 0;
  margin:5px;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.appflow >ul>li {
  color:gray;
  background:#CCCCCC;
}
.appflow >ul>li.sel{
  color:#FFF;
  background:#5286d7;
}
.application_form{
}
.application_form th{
  font-style:normal;
  font-weight:normal;
  padding:8px;
  background:#D5D5D5;
  width:140px;
}
.box-center{
  text-align: center;
}
span.req-mark{
  color: #C00;
  font-size: medium;
  margin: 0 4px;
}
#recmsg{
  padding: 50px 0;
  text-align: center;
}
.errorInput{
  color:#ff0000;
  font-size:12px;
}
/*     採用情報終わり      */
/*       技術情報 20180926 add       */

#technical_info img.com-tit
{
 margin: 10px 0 10px 0;
}

#technical_info ul
{
 width: 719px;
margin: 0 auto;
 list-style: none;
}

#technical_info ul li
{
 height: 23px;
 padding: 10px 0 0 10px;
 border-bottom: 1px dashed #333333;
}
#technical_info #video {
 width: 719px;
margin: 20px auto 10px auto;
}
#technical_info #video p {
margin-bottom: 10px;
}

#technical_info .video_left {
	float: left;
	width: 350px;
	margin: 10px 0;
}
#technical_info .video_right {
	float: right;
	width: 350px;
	margin: 10px 0;
}
#technical_info video {
	width: 100%;
}
#technical_info div.txt_area {
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
#technical_info div.txt_area p {
	margin: 10px auto;
}
#technical_info div.txt_area .area_left {
	float: left;
	width: 370px;
	margin: 10px 0;
}
#technical_info div.txt_area .area_right {
	float: right;
	width: 370px;
	margin: 10px 0;
}

/*       技術情報終わり        */
/*       フッター        */

#footer
{
  text-align: center;
  clear: both;
}

#footer p
{
  height: 50px;
  width: 100%;
  background: #000;
  color: #fff;
  vertical-align: middle;
  line-height: 4;
}

/*       フッター終わり        */
.cleardiv
{
 clear: both;
}


.txt_center {
	text-align: center;
}
.txt_left {
	text-align: left;
}

.note {
  text-align: left;
  font-size: 120%;
  color: red;
}