html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	text-decoration: none;
	list-style: none;
}

html{
	height:100%;
/*	font-size: 62.5%;*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: 1;
	width: 100%;
	/* min-width: 960px; */
	min-width: 960px;
}

/*------------
 
* よく使う色　
* 緑  #006532
* 赤  #c6000b
*  
--------------*/


/*------------
 共通
--------------*/
.center{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.word_section{
	text-align: center;
}

.red{
	color:#c6000b;
}

.left{
	float: left;
}
.right{
	float: right;
}

.int_img, #greeting_img{
	text-indent: -999999px;
}

/*------------
 header
--------------*/
#header{
	border-top:10px solid #006532;
}
#viewer {
	margin: 0 auto;
	width:100%;
	height: 400px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

#slider{
	position: relative;
}

/*文字スライダー*/
#slider2{
	position: absolute;
	top:0;	
	width: 100%;
}

#slider2 #viewer2{
	height: 400px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#slider2 #viewer2 img {
	top: 0;
	left: 0;
	position: absolute;
	width: 960px;
}

/*S_NAV*/
#header_title{
	width: 82%;
}
#toggle{
	background: #e5e5e5;	
}
#toggle .logo{
	float: left;
	width: 28%;
}
#toggle .logo img{
	width: 100%;
}
h1{
	float: right;
	width: 72%;
}

h1 img{
	width: 100%;
}

#menu{
	position: relative;
	z-index: 10000;
}

#menu li.nav_red{
	background: #c6000b;
}
#menu li.nav_green{
	background: #006532;
}

#menu li:hover{
	opacity: 0.8;
}


/*PC_NAV*/
#pc_nav_upper{
	border-bottom: 2px #c6000b solid ;
	padding:17px 0;
}

#pc_nav_box ul{
	margin: 20px auto ;
}

#pc_nav_box li{
	list-style: none;
	width: 217px;
	float: left;
	margin-bottom: 1px;
}
#pc_nav_box li a{
	text-decoration: none;
}

#PC_nav_beginner,#PC_nav_access{
	margin-right: 20px;
}

#pc_nav_box  li:hover img{
	opacity: 0.8;
}

/*----------TOPへもどる-----------*/
#pageTop{
	z-index: 10000;
    position:fixed;
    right:20px;
    bottom:20px;
    text-align:center;
	opacity: 1;
    border-radius:25px;
}
#pageTop a{
    color:#fff;
    font-size:200%;
    line-height:1em;
    padding:0.4em 0.5em 0;
    text-decoration:none;
    display:block;
    cursor:pointer;
}

/*------------
 SECTION1
--------------*/
#section1 .center{
	background: url(/images/white_img01.jpg) no-repeat bottom center;
	background-size:cover ;
}

/*------------
 10のポイント
--------------*/
#point_upper{
	background: url(/images/point_title_bg.jpg) center bottom no-repeat;
	background-size:cover;
}

#points_title{
	position: relative;
}

#point_text{
	position: absolute;
	left: 1%;
	top:5%;
}

#point_title_img{
	width: 920px;
	margin-left: auto;
	margin-right: auto;	
}

#ten_points{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}

#ten_points p{
	float: left;
	width: 50%;	
	background:#328250 ;
}
#ten_points p:nth-child(even){
	background:#006532 ;	
}

#ten_points p img{
	width: 100%;	
}

/*------------
 CONTACT
--------------*/
.contact{
	padding-top:20px;
	padding-bottom: 20px;
}
.contact p img{
	width: 100%;
}

.contact .left img:hover{
	opacity: 0.6;
}

.contact_upper p{
	width: 49%;
}

/*------------
 SECTION2
--------------*/
#section2 .center{
	background: url(/images/white_img02.jpg) no-repeat bottom center;
	background-size:cover ;
}


/*------------
 インタビュー
--------------*/
#int_biginner h2{
	width: 100%;
	color: #fff;
	background: #c6000b;
	padding: 1% 0;
	text-align: center;
}


/*インタビュー共通*/
.int_text{
	color:#fff;
	font-size: 1.8em;
	line-height: 2;
}
#int02{
	background-color: #006532;
	border-bottom:10px solid #c6000b;
}
#int01,#int03{
	background-color: #c6000b;
	border-bottom:10px solid #006532;
}
.int_inner{
	position: relative;	
}
.interview_box h3{
	position: absolute;	
	top:2%;
	z-index: 1;
}

/*インタビュー2*/
#int02 .int_inner02{
	width: 780px;
	float: right;
	position: relative;
	z-index: 10;
	margin-top: 10%;
}
#int02 .int_text{
	float: left;	
	width: 450px;
	padding-top: 7%;
	padding-bottom: 5%;	
}
#int02 .int_img{
	float: right;	
	width: 310px;	
	overflow: hidden;
	background:url(/images/int_bigi_img02.png) no-repeat right bottom ;
	background-size:contain ;	
}

/*経験者*/
#int_expert h2{
	width: 100%;
	color: #fff;
	background: #006532;
	padding: 1% 0;
	text-align: center;
}

/*インタビュー1*/
#int01 .int_inner02{
	width: 780px;
	float: left;
	position: relative;
	z-index: 100;
	margin-top: 5%;
}
#int01 .int_text{
	float: right;	
	width: 450px;
	padding-top: 12%;
	padding-bottom: 5%;
}
#int01 .int_img{
	float: left;	
	width: 310px;	
	overflow: hidden;
	background-color: red;
	background:url(../images/int_bigi_img01.png) no-repeat left bottom ;
	background-size:contain ;
}

/*インタビュー3*/
#int03 .int_inner02{
	width: 780px;
	float: right;
	position: relative;
	z-index: 10;
	margin-top: 5%;
}
#int03 .int_text{
	float: left;	
	width: 450px;
	padding-top: 12%;
	padding-bottom: 5%;
}
#int03 .int_img{
	float: right;	
	width: 310px;	
	overflow: hidden;
	background-color: red;
	background:url(../images/int_exp_img01.png) no-repeat left bottom ;
	background-size:contain ;
}

#int03 .int_img2{
	float: right;	
	width: 310px;	
	overflow: hidden;
	background-color: red;
	background:url(../images/int_exp_img01+.png) no-repeat left bottom ;
	background-size:contain ;
}

/*------------
 SECTION3
--------------*/
#section3{
	background: url(/images/comment_bg.jpg) no-repeat bottom center;
	background-size:cover ;
}

/*------------
 代表挨拶
--------------*/
#greeting{
	border-bottom:10px solid #006532;	
}

#greeting h2{
	width: 100%;
	color: #fff;
	background: #006532;
	padding: 1% 0;
	text-align: center;
}

#greeting_box{
	padding-top: 3%;
	padding-bottom: 3%;
	background: url(/images/greeting_bg.jpg) center center no-repeat;
	background-size:cover ;
}

#greeting_text{
	/*width: 50%;
	float: right;*/
	color:#000;
	font-size: 1.6em;
	line-height: 2;	
	padding-top: 3%;
	padding-bottom: 3%;	
}
#greeting_text{
	padding-right: 20px;
}

#greeting_img{
	width: 45%;
	float: left;
	background:url(/images/greeting_img.png) no-repeat bottom left;
	background-size:contain;
/* 	background-size:100% ; */
}
#sign{
	float: right;
}
#sign img{
	vertical-align: top;
}

/*------------
 SECTION4
--------------*/
#section4 .center{
	background: url(/images/white_img03.jpg) no-repeat bottom center;
	background-size:cover;
}

/*------------
 requirements 募集要項
--------------*/
#requirements{
	background: #fff5eb;	
	padding-bottom: 3%;
	border-bottom:10px solid #006532;	
}
#requirements h2{
	width: 100%;
	color: #fff;
	background: #c6000b;
	padding: 1% 0;
	text-align: center;
}

#requirements h3{
	margin-top: 3%;
}

#requirements table{
	font-size: 1.5em;
	color: #000;
	line-height: 1.5;
}

/*交通整理*/
#traffic h4{
	background:url(/images/rec_traffic_h4_bg.jpg) repeat-x center center;
	background-size:60% ;
	margin-top: 35px;
}

#traffic table{
	margin-left: 30px;
	margin-top: 30px;
	border-collapse: collapse;
	background:url(../images/rec_trafic_img.jpg) no-repeat top right ;
}
#traffic table th{
	width: 90px;
	text-align: left;
	border-right: #c6000b solid 2px;
}

#traffic table td{
	padding-bottom: 50px;
	padding-left: 25px;
}

/*現場作業員*/
#site_worker h4{
	background:url(/images/rec_work_h4_bg.jpg) repeat-x center center;
	margin-top: 35px;
}

#site_worker table{
	margin-left: 30px;
	margin-top: 30px;
	border-collapse: collapse;
	background:url(/images/rec_worker_img.jpg) no-repeat bottom right ;
	width: 95%;
	max-width: 960px;
}
#site_worker table th{
	width: 90px;
	text-align: left;
	border-right: #006532 solid 2px;
}

#site_worker table td{
	padding-bottom: 50px;
	padding-left: 25px;
}

/*------------
 SECTION5
--------------*/
#section5{
	background: url(/images/access_word_bg.jpg) no-repeat bottom center;
	background-size:cover;
}

/*------------
アクセス
--------------*/
#access{
	background: #c6000b;
	padding-bottom: 20px;
}
#access h2{
	width: 100%;
	color: #fff;
	background: #006532;
	padding: 1% 0;
	text-align: center;
}
#access_inner{
	font-size: 1.3em;
	color:#fff;	
	padding-top: 80px;
	margin-top: 50px;
	background: url(/images/access_title.jpg) top no-repeat;
}
#access_inner .access_tel img{
	vertical-align: middle;
}
.mapbox,.map{
	width: 760px;
	height: 400px;
}

.mapbox,.map{
	border-bottom:10px solid #006532;	
}

#kouyou,#hamada{
	margin-top: 20px;
}

/*本社*/
#heade_office{
	width: 760px;
	float: right;
}
#heade_office .access_address{
	text-align: right;
}
/*横川支店*/
#yokogawa{
	clear: both;
	background:url(/images/access_kouyou_img.jpg) no-repeat top right;
}
#yokogawa .access_address{
	text-align: left;
}

/*高陽支店*/
#kouyou{
	clear: both;
	background:url(/images/access_hamada_img.jpg) no-repeat top left;
	width: 100%;
}
#kouyou .access_address{
	text-align: right;
}
#kouyou .map{
	float: right;
	width: 760px
}

/*浜田営業所*/
#hamada{
	clear: both;
	width: 100%;
	background:url(../images/access_img04.jpg) no-repeat top right ;
}
#hamada .access_address{
	text-align: left;
}
#hamada .map{
	float: left;
	width: 760px
}


/*------------
会社概要
--------------*/
#company{
	background: #fff5eb;
}
#company h2{
	width: 100%;
	color: #fff;
	background: #c6000b;
	padding: 1% 0;
	text-align: center;	
}

#company h3{
	margin-top: 30px;
}

#company h4{
	background:url(/images/rec_traffic_h4_bg.jpg) repeat-x center center;
	margin-top: 35px;
}

#company table{
	font-size: 1.5em;
	color: #000;
	line-height: 1.5;
}
#company  table{
	margin-left: 30px;
	margin-top: 30px;
	border-collapse: collapse;
	width: 95%;
	max-width: 960px;
}
#company  table th{
	width: 120px;
	text-align: left;
	border-right: #c6000b solid 2px;
	vertical-align: top;
}

#company  table td{
	padding-bottom: 50px;
	padding-left: 25px;
}
/*住所*/
#about_address div{
	margin-bottom: 10px;
}
#about_address .right{
	width: 630px;
}
/*役員*/
#about_officer div{
	margin-bottom: 10px;	
}
#about_officer .right{
	width: 630px;
}

#pdf{
	width: 420px;
	margin-left: 10px;
	background:url(../images/pdf_bg.jpg) bottom right no-repeat;
}
#pdf a:hover{
	opacity: 0.8;
}

/*------------
FOOTER
--------------*/
#footer{
	padding: 45px 0 65px;
	text-align: center;
	font-size: 22px;
}

/*-----------------------------------------------
メディアクエリ
-----------------------------------------------*/
/*幅960以上の場合*/
@media screen and (min-width: 960px) {
	 #s_nav{
		 display: none;
	}
	#pc_nav{
		 display: block;		
	}
}

/*幅960以下の場合*/
@media screen and (max-width: 960px) {
	 #s_nav{
		 display: block;
	}		
	#pc_nav{
		 display: none;	
	}	
	.contact img:hover{
		opacity: 0.6;
	}	

	#traffic table{
		/*background:url(/images/rec_trafic_img_s.jpg) no-repeat center right ;*/
	}		
	#site_worker table{
		background:url(/images/rec_worker_img_s.jpg) no-repeat bottom right ;
	}	
	
}

/*IE8 ハック*/
#ie8 .int_img,#ie8 #greeting_img{
	background-image: none;
}

#ie8 #int01 .int_inner02{
	background:url(../images/int_bigi_img01.png) no-repeat right bottom ;
	background-size:contain ;
}

#ie8 #int02 .int_inner02{
	background:url(../images/int_bigi_img02.png) no-repeat left bottom ;
	background-size:contain ;
}

#ie8 #int03 .int_inner02{
	background:url(../images/int_exp_img01.png) no-repeat right bottom ;
	background-size:contain ;
}

#ie8 #greeting_inner{
	background:url(/images/greeting_img.png) no-repeat bottom left;	
}


/*------------
 clearfix
--------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */