/* CSS layout */
body{ background:#FFFFFF; color:#FFF; font-family: "HG丸?????M-PRO","sans-serif";}


body,h1,h2,h3,h4,h5,li,ul,a{ margin:0px; padding:0px; list-style:none; font-size:12px; text-decoration:none; color:#000000;}



/*比率を維持*/
.box-1 {
    position: relative;
}
.box-1::before {
    content: "";
    display: block;
    padding-top: 0;
}
.box-1 iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

/*ここまで*/



.box5 {
    width: 500px;
    height: 100px;
    padding: 30px 30px;
    margin: 30px 0;
    border: double 6px #CC3333;
}
.box5 p {
    margin: 0; 
    padding: 0;
}







.menu{ width:956px; margin:0 auto;}


.main{
    padding-bottom:30px;
}


.container{
    margin:0px auto;
	background:url('/smc/img/main_center_bg.png') repeat-y center;
	position:relative;
    min-height: 100%;
}

/*フォントサイズ*/
span.example1 { font-size: xx-large; }
span.example2 { font-size: x-large; }
span.example3 { font-size: large; }
span.example4 { font-size: medium; }
span.example5 { font-size: small; }
span.example6 { font-size: x-small; }
span.example7 { font-size: xx-small; }

span.example8 { font-size: 1.5em; }
span.example9 { font-size: 80%; }

span.example10 { font-size: larger; }
span.example11 { font-size: medium;
font-color: black; }



/*左側タイトル*/
span.subtitle1 {font-size: large;
color:white;

}

/*左側タイトル下線*/
h2{
  position: relative;
  display: inline-block;
  
}

/*以下で線を表示*/
h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px;/*線の上下位置*/
  display: inline-block;
  width: 180px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: white;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}









/* メインメニュー*/
.menu{ width:956px; margin:0 auto;}
.menu ul{ width:100%;}
.menu li:first-child{ float:left; width:20%; text-align:center; background:none;}
.menu li{ float:left; width:20%; text-align:center; line-height:58px;  background:url('/smc/img/head_menu_puip.png') no-repeat; 
font-size:16px; font-weight:bold;
}
.menu li a{ color:#ffffff; font-size:14px;display: block;}




.index_cont_box{ font-size:16px; float:left; margin-bottom:10px; padding-right:8px; /*border-right:solid #8b8b8b 3px;*/}
.index_cont_box2{ font-size:16px; font-weight:bold; float:left; margin-bottom:10px; padding-left:8px; border-left:solid #8b8b8b 3px;}
.index_cont_box3{ font-size:16px; font-weight:bold; float:left; margin-bottom:10px; padding-left:8px; margin-top:50px;}


.index_cont_box_txt{ line-height:180%; left:10px; top:5px;}

.index_cont_box_txt2{ line-height:180%; margin:5px 0;}




p.img_center{  
  text-align: center; }


.news{ border-bottom:dotted 1px #666; padding:5px 0;}

.line{ height:1px; border-top:solid 1px #CCC; padding:3px 0;}

.main_cont_box{ font-size:14px; font-weight:bold; margin-bottom:10px; padding-right:8px;}



.parent {
  /*親要素はrelativeに*/
  position: relative;
  overflow: hidden;
  margin: center;
}
.container2img{
    margin:0 auto;
    position:relative;
;

	
}






.parent2 {
  display: table;
  width: 100%;
  height: 100%;
}
.child {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}




.container2right{
    position: relative;
      display: block;
    left: 50%;
    height:100%;
    top: 280px;
    width:200px;
    float: left;
}

.container2left{
   position: relative;
      display: block;
    right: 60%;
    top: 280px;
    width: 250px;
    float: right;
}
.container2footer{
position: relative;
	bottom:0 auto;
	margin:center;
}

.container2footer{
position: relative;
	bottom:0 auto;
	margin:center;
}






#page_content {
	margin-left: 200px;
	margin-right: 200px;
}



#footer2 {
	clear: both;
	 position: relative;
    bottom: -216px;
    height:80px;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
    width:965px;
	text-align: center;
	background-color:#66CCFF;
}



#footer3 {
	clear: both;
	 position: relative;
    bottom: -200px;
    height:100px;
	color:#FFF;
	font-weight:bold;
	line-height:40px;
    width:965px;
	text-align: center;
	background:url('/smc/img/footer_bg2.png') repeat-x;
}







.foot_menu{ color:#FFF; margin-top:8px; font-size:16px; line-height: 0.5;}
.foot2_menu{ color:#FFF; margin-top:8px; font-size:16px;;}
.foot_menu a{ color:#FFF; font-size:14px;}

.info_mail{ float:right; margin-top:20px; font-size:14px;}
.info_mail a{ margin-top:20px; font-size:20px;}






<style type="text/css">
#slideshow {
   position: relative;
   width:  900px; /* 画像の横幅に合わせて記述 */
   height: 270px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: ;
   left:;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
</style>


.index_cont_box{ font-size:16px; font-family: Helvetica; font-weight:bold; float:right; margin:300px 300px 500px 50px; padding-left:8px; /*border-right:solid #8b8b8b 3px;*/}

.index_cont_box_txt{ line-height:180%; margin:0 auto; font-family: Helvetica;}


.news{ border-bottom:dotted 1px #666; padding:5px 0;}





.box13 {
    padding: 25px 5px 25px 5px;/* ボックスの長さ */
    margin: 1em 0;/*　ボックスの配置 */
    color: #FFF;
	background:#00AAFF ;
	word-break:keep-all;
    border-radius: 9px;
    text-align:center;
}
.box13 p {
    margin-right: 5px;
    padding: 0px;
}






/*会社概要テーブル*/

.table_company {
width: 500px;
border-collapse: separate;
border-spacing: 0px 15px;
font-size: 12px;

}

.table-design th, .table-design td {
text-align: center;
vertical-align: middle;
}

.table_company th,
.table_company td {
padding: 10px;
}

.table_company th {
vertical-align: middle;
margin :0 auto;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
font-weight: normal;
font-size: 15px;

}

.table_company th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 10px;
margin-top: -10px;
}


/* firefox */
@-moz-document url-prefix() {
table.company th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: black 10px solid;
margin-top: -10px;
}
}

table.company td {
background-image: url("/smc/img/com_title.png");
width: 400px;
padding-left: 20px;
}




function initMap() {
  var opts = {
    zoom: 15,
    center: new google.maps.LatLng(35.6807527,139.7670716)
  };
  var map = new google.maps.Map(document.getElementById("map"), opts);
}


/*採用情報枠線*/
.sample{
  padding:20px 10px;
  border-bottom:3px solid #2196F3;
  border-left:10px solid #EF5350;
  width:925px;
}

/*INDEX枠線*/
.sample2{
  padding:20px 10px;
  border-bottom:3px solid #2196F3;
  border-left:10px solid #EF5350;
  width:400px;
}




.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


.under {
  background: linear-gradient(transparent 75%, #EF5350 75%);
}







h6{
position: relative;
padding: 25px;
padding-left:5em;
 }
 h6::before{
content: "■";
font-size:5em;
position: absolute;
left: -1px;
top: 7px;
color: #2196F3;
 }
 h6::after{
content: "■";
font-size:4em;
position: absolute;
left: 9px;
top: 20px;
color: #EF5350;
 }
 
 
.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 10px;
  padding: 7px 10px;
  min-width: 120px;
  width: 40em;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 30%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
  line-height: 1.7;
}



h5 {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
  width: 60em;
}





.table-adoption{
	width:100%;
	
}






table, th, td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
}







table.type06 th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: center;
  background: #3f3f3f;
  color: #ffffff;
  font-size: medium; 
}
table.type06 td {
  width: 500px;
  padding: 10px;
  vertical-align: top;
  font-size: medium; 
}




table.type07 th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #3f3f3f;
  color: #ffffff;
  font-size: small; 
}
table.type07 td {
  width: 400px;
  padding: 10px;
  vertical-align: center;
  font-size: small; 
}






.examplea {/*親div*/
  position: relative;/*相対配置*/
  }

.examplea p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  font-size:12ex;
  top: 120px;
  left: 640px;
  }

.examplea img {
  width: 100%;
  }


.examplea2 {/*親div*/
  position: relative;/*相対配置*/
  }

.examplea2 p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  font-size:12ex;
  top: 120px;
  left: 40px;
  }

.examplea2 img {
  width: 100%;
  }








 

/*以下画像テーブル*/
table.brwsr1 {
margin: auto auto;
width: 956px;
border: none;
border-top: solid 2px #666;
border-bottom: solid 2px #666;
border-collapse: separate;
border-spacing: 0 10px;
background: #f5f5f5;
table-layout: fixed;
}

table.brwsr1 th {
vertical-align: middle;
height: 53px;
width: 20px;
border-right: solid 1px #666;
margin: 0;
text-align: center;
color: #333;
font-size: 16px;
font-weight: bold;
font-family: Helvetica;
}

table.brwsr1 td.data {
padding: 0;
margin: 0;
height: 53px;
width: 100px;
border: none;
color: #666;
font-size: 14px;
font-family: Helvetica;
line-height: 1.7;
text-align: left;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
}

table.brwsr1 td:fst-child {
padding: 0 0 0 10px;
vertical-align: middle;
}

table.brwsr1 td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #34495e;
}






/*以下設備内容テーブル*/
.tequipment_02{
width:42%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.tequipment_02 th{
width: 25%;
padding: 4px;
text-align: left;
font-size: large;
vertical-align: top;
color: #444;
background-color: #ccc;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.tequipment_02 td{
padding: 4px;
text-align:center;
font-size: medium;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}



p2 {
  font-style: italic;
}