@charset "utf-8";
/* CSS Document */


*{
	padding: 0;
	margin: 0;	
	}

.clearfix:after{  
visibility:hidden;
height:0;
display: block;
font-size: 0;  
content: " ";  
clear: both;  
	} 
a{
	text-decoration: none;
	color: black;
	}
ul{
    list-style: outside none none;
	}


#wrapper{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
    /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;	*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","serif";
	background: rgba(0, 0, 0, 0) url("images/bg_main.png") repeat-y scroll center -5em;
	font-weight: bold;
	}
	
#header{
	position: relative;
	width: 980px;
	margin: 0 auto;
	}
#head01, #head02{
	width: 980px;
	position: relative;	
	margin: 0 auto;
	}
#head01 img{
/*	width: 250px;*/
	float: right;
	}
#head03{
	width: 60%;
	float: left;
	}
#head03 h1{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
    font-size: 97%;
    letter-spacing: 0.3em;
    margin: 0;
    padding: 0.5% 0% 0 3.4%;
    text-align: left;
	height: auto;
	}
#head03 h2{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
    font-size: 68%;
    margin: 0;
    padding: 0% 0% 0 3.4%;
    text-align: left;
	height: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 100;
	}
#logo{
/*	width: 40%;*/
	float: left;
	}
#logo img{
	width: 98%;
	float: left;
	}
#g_menu{
	width: 980px;
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	}
#g_menu ul {
	overflow: hidden;
    margin: 30px auto;
    text-align: left;
    width: 100%;
	}
#g_menu ul a{
    background: #0a357e none repeat scroll 0 0;
    float: left;
    /*margin-right: 1.6%;
	padding: 1%;*/
	margin-right: 15px;
    padding: 10px;
    text-align: center;
    width: 13.3%;
	}
#g_menu ul a{
	color: #fff;
}
#g_menu ul a:first-child{
/*	padding: 1.05%;*/
	}
#g_menu ul a:last-child{
	margin-right: 0;
	}

#main_visual{
	width: 980px;
	margin: 0 auto;
	}	
#main_visual{
  color: #000;
  font-size: 110%;
  padding: 102px 0px;
  margin-bottom: 10px;
  letter-spacing: 4px;
  line-height: 1.6em;
  text-align: center;
  font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","serif";
  font-weight: bolder;
  text-shadow:  1px 1px 0 rgba(255, 255, 255, 4);
  /* text-shadow: rgba(255,255,255,1.0) 1px 1px 2px;*/
}

#main_visual p{
	font-size: 94%;
	}
#main_visual.sb_index{
	background: url(images/main01.jpg) no-repeat;
	}
#main_visual.sb_company{
	background: url(images/main02.jpg) no-repeat;
	}
#main_visual.sb_quarlity{
	background: url(images/main03.jpg) no-repeat;	
	}
#main_visual.sb_recruit{
	background: url(images/main05.jpg) no-repeat;	
	}

#main_visual_lead{
  position: absolute;
  left:0;
  top: 0;
  color: #000;
  font-size: 110%;
  padding: 102px 0px;
  margin-bottom: 10px;
  letter-spacing: 4px;
  line-height: 1.6em;
  text-align: center;
  font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","serif";
  font-weight: bolder;
  text-shadow:  1px 1px 0 rgba(255, 255, 255, 4);
  width: 100%;	
}
#main_visual_lead p{
  font-size: 94%;
}

#hp3{
	width: 980px;
	margin: 0 auto;	
}
#hp3 #company_merit{
	overflow: hidden;
	margin-bottom: 30px;
}
#hp3 #company_merit li{
	float: left;
	width: 202px;
	padding: 0 0 0 35px;
}
#hp3 #company_merit li p{
	font-size: 80%;
	line-height: 160%;
	padding: 15px 0 0 0;
}

h2.title{
    background: rgba(0, 0, 0, 0) url("images/bar_title.gif") repeat-x scroll top center;
    font-size: 150%;
	height: 50px;
    width: 100%;
	color: #FFF;
	line-height: 50px;
    text-align: center;
	padding: 0;
	margin: 0 0 30px 0;
}

#hp4{
	width: 980px;
	margin: 0 auto;	
}
#hp4 p.sentence{
	text-align: left;
	font-size: 90%;
	line-height: 160%;
	padding: 0 0 30px 0;
}

#hp4 .material_list{
	widht: 702px;
	margin: 0 auto 30px;
}

#hp4 .area_machine_list{
	overflow: hidden;
	width: 702px;
	margin: 0 auto 30px;
}
#hp4 .area_machine_list .item_left{
	background-color: #ffffff;
	float: left;
	width: 335px;
	min-height: 620px;
	border-bottom: 5px solid #bcc7dd;
}
#hp4 .area_machine_list .item_right{
	background-color: #ffffff;
	float: right;
	width: 335px;
	min-height: 620px;
	border-bottom: 5px solid #bcc7dd;
}

#hp4 .area_machine_list dl{
	
}
#hp4 .area_machine_list dl dt{
	font-size: 140%;
	padding: 20px 0;	
}
#hp4 .area_machine_list dl dd{
	font-size: 90%;
	line-height: 160%;
	text-align: justify;
	padding: 0 0 20px 0;
}

#hp4 .area_machine_list dl dd.partner_company{
	text-align: right;
}

#hp4 .area_machine_list dl dd.mb_border{
	border-bottom: 5px solid #bcc7dd;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

#hp5{
	width: 980px;
	margin: 0 auto;
}
	
#hp5 ul.equipment_list{
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#hp5 ul.equipment_list li{
	width: 299px;
	float: left;
	text-align: center;
	margin: 0 30px 30px 0;
	border-bottom: 5px solid #bcc7dd;
	margin-bottom: 30px;
}
#hp5 ul.equipment_list li.wide{
	width: 627px;
}

#hp5 ul.equipment_list li p{
	font-size: 90%;
	line-height: 160%;
	text-align: center;
	padding: 20px 0;
}
#hp5 ul.equipment_list li:nth-child(3),
#hp5 ul.equipment_list li:nth-child(5){
	margin-right: 0;	
}


#hp6{
	width: 980px;
	margin: 0 auto;
}
	
#hp6 ul.parts_list{
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#hp6 ul.parts_list li{
	width: 299px;
	float: left;
	text-align: center;
	margin: 0 30px 30px 0;
	border-bottom: 5px solid #bcc7dd;
	margin-bottom: 30px;
}

#hp6 ul.parts_list li p{
	font-size: 90%;
	line-height: 160%;
	text-align: center;
	padding: 20px 0;
}
#hp6 ul.parts_list li:nth-child(3n){
	margin-right: 0;	
}
	
	
h1{
    background: rgba(0, 0, 0, 0) url("images/bar_title.gif") repeat-x scroll 0 0;
    font-size: 150%;
    height: 100%;
    margin: 3% auto 1%;
    padding: 1% 0;
    text-align: center;
    width: 100%;
	color: #FFF;
	}
#hp8{
	width: 100%;
	margin: 0 auto;
	position:relative;
	text-align: center;
	background: #03328c;
    height: 3.3em;
	}
	
#hp8 #hp8_inner{
	width: 980px;
	margin: 0 auto;
}
#hp8 #hp8_inner h3{
	padding: 0 0 20px 0;	
}

#hp8 #hp8_inner .inspection_flow{
	width: 875px;	
	margin: -80px 0 50px 130px;
	border-bottom: 3px solid #03328c;
}
#hp8 #hp8_inner .inspection_flow dl{

}
#hp8 #hp8_inner .inspection_flow dl dt{
	background-color: #03328c;
	color: #ffffff;
	width: 410px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	margin: 0 0 10px 0;
}
#hp8 #hp8_inner .inspection_flow dl dd{
	font-size: 90%;
	line-height: 160%;
	text-align: left;
	padding: 0 0 25px;		
}

#hp8 #hp8_inner .botttmo_photo{
	width: 775px;
	padding: 0 0 20px 130px;
}


/*会社概要*/	
	
img#photo_sato{
	width: 160px;
	}

#greeting{
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}	
	
#greeting p{
	font-size: 90%;
	line-height: 1.5em;	
	}
#about{
	width: 980px;
	margin: 1.5em auto 0 auto;
	text-align: left;
	font-weight: 600;
	}
#about div.left{
	margin: 0 auto 0 auto;
	width: 50%;
	}
#about table{    
	font-size: 95%;
	width: 100%;
	}	
#about table td{    
	font-size: 95%;
    padding: 4% 4%;
	}	
#about table td.blue{
	background: #dbe2ef;
	border: 0;
	}	
#about div.right{
	margin: 0 auto;
	width: 40%;
	height: auto;
	}
iframe{   
	border: 1px solid #03328c;
    height: 390px;
    padding: 10px;
    width: 100%;
	margin: 0;
		}
	
	
	
	
	
h2{
	color: #03328c;
	font-size: 1.5em;
	padding: 0.7em 0;
	}
	
h3{
	color: #03328c;
	font-size: 120%s;
	}
.left{
	width: 70%;
	float: left;
	}

.right{
	width: 25%;
	float: left;
	padding-left: 1.5em;
	}
/*#hp3, #hp4, #hp5, #hp6{
	width: 100%;
	}*/

/*#hp3 img, #hp4 img, #hp5 img, #hp6 img, #hp8 img{
	margin-top: 10px;
	width : 70%;
	margin: 0 auto;
	}*/
	
#hp7{
	width: 100%;
	margin: 0 auto;
	position:relative;
	padding: 3em 0;
	background: #0a357e;
	}
#hp8{
	width: 100%;
	margin: 0 auto;
	position:relative;
	text-align: center;
	background: #03328c;
    height: 3.3em;
	}	

#hp9 img{
	width: 100%;
	margin-top: 40px;
	}

/*会社案内*/
#greeting .left{
	width: 780px;	
}
#greeting .right{
	width: 160px;	
}

#recruit_info{
	width: 980px;
	margin: 10px auto 0;	
}
#recruit_info .box_info01{
	overflow: hidden;
	margin: -30px 0 0 130px;
}
#recruit_info .box_info01 p{
	text-align: left;
    font-size: 90%;
    line-height: 1.5em;	
}
#recruit_info .box_info01 img.photo_R{
	float: right;
	margin: 0 0 20px 20px;
}

#recruit_info .box_info02{
    background: rgba(0, 0, 0, 0) url("images/img_recruitinfo02.png") no-repeat scroll right top;
	overflow: hidden;
	margin: -30px 0 0 130px;
}
#recruit_info .box_info02 p.conditions{
	text-align: left;
    font-size: 90%;
    line-height: 2em;
	margin-bottom: 50px;
}
#recruit_info .box_info02 img.photo_R{
	float: right;
	margin: 0 0 20px 20px;
}

#recruit_info .humanskill_list{
	margin: 0 0 10px 50px;
}
#recruit_info .humanskill_list li{
	display: inline-block;
	width: 265px;
	background-color: #03328c;
	color: #ffffff;
	text-align: center;
	padding: 15px;
	margin-left: 10px;
}
#recruit_info p.supplyment{
	text-align: left;
    font-size: 90%;
/*	padding-left: 70px;*/
	padding: 0 0 30px 70px;
}

#recruit_info .box_info03{
	overflow: hidden;
	margin: -30px 0 0 150px;
}
#recruit_info .box_info03 ul.staff_voice{
	overflow: hidden;
	margin-bottom: 40px;
}
#recruit_info .box_info03 ul.staff_voice li{
	float: left;
	width: 400px;
	text-align: left;
	min-height: 150px;
	line-height: 1.5em;
}
#recruit_info .box_info03 ul.staff_voice li:first-child{
	padding-right: 10px;
	margin-right: 10px;
	border-right: 2px dotted #999999;
}

#recruit_info .box_info03 p.conditions{
	text-align: left;
    font-size: 90%;
    line-height: 2em;
	margin-bottom: 50px;
}
#recruit_info .bnr_contact{
	margin-bottom: 50px;
}



/*サブメニュー*/

#g_menu2 ul {
/*    margin: 10% auto 5% auto;*/
	
    margin: 30px auto 50px auto;
    text-align: center;
    width: 980px;
}
#g_menu2 ul li{
	display: inline;
	/*
	*/}
	
#g_menu2 ul a {
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#09348b, endcolorstr=#0088c9));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#09348b, endcolorstr=#0088c9))";
	zoom: 1;
	background: -moz-linear-gradient(top, #09348b, #0088c9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #09348b, #0088c9);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #09348b, #0088c9);/* IE10+, W3C */
    color: #fff;
    font-size: 120%;
    margin-right: 1%;
	display: inline-block;
	padding: 10px;
	width: 279px;
}

/*フッター*/

div#footer{
	width: 100%;
	height: 300px;
	background: #03328c;
	color: #FFFFFF;
	font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","serif";
	text-align: center;
	}
div#footer_box{
	width: 980px;
	height: 230px;
	margin: auto;
	padding: 50px 0 0;
	}
div#footer ul li{
	display: block;
	float: left;
	padding: 3% 10%;
	}
div#footer div.left{
	width: 50%;
	height: 100%;
	text-align: left;
	color: #FFF;
	} 
div#footer div.left p.message{
	font-size: 140%;
	text-align: center;
	} 
div#footer div.left p.tel{
	padding: 2% 0;
	text-align: center;
	color: #FFF;
	}
div#footer div.left p.tel span{
	display: block;
	width: 60%;	
	color: #FFF;
	margin: 0 auto;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	-moz-transform:    scale( 1.2, 1 );  /* Firefox */
	-webkit-transform: scale( 1.2, 1 );  /* Chrome,Safari */
	-o-transform:      scale( 1.2, 1 );  /* Opera */
	-ms-transform:     scale( 1.2, 1 );  /* IE */
	transform:         scale( 1.2, 1 );  /* CSS3 */
	}
div#footer div.left p.open{
	font-size: 80%;
	text-align: center;
	}
div#footer div.right{
	width: 45%;
	height: 100%;
	text-align: left;
	color: #FFF;
	}
div#footer div.right p.c_name{
	font-size: 190%;
	font-weight: bold;	
	}	
div#footer div.right p.address{
	font-size: 100%;
	}
div#footer div.right ul{
	margin: 5% 0;
	}
div#footer div.right ul li{
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1%;
	}
div#footer div.right ul li a{
	color: #FFF;
	}


div#footer .tel a{
	color: #FFF;
	}
	
#to_pagetop{
	width: 980px;
	text-align: right;
	margin: 0 auto 30px;
}
	
/*-------------------------------------------------------------------------------------------------------------------------*/