@charset "UTF-8";

/*---------------------------------------------

Style CSS (for HTML5)
coded by cloud-box

---------------------------------------------*/

html {
background: #fff;
font-size: 14px;
}

body {
background: #fff;
font-size: 1em;
line-height: 1.8;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #000;
-webkit-text-size-adjust: none;
}

h1, h2, h3, h4 {
line-height: 1.3;
font-size: 1em;
}


* html hr{/* for -IE6 */
  margin:0;
}
*:first-child+html hr{/* for IE7 */
  margin:0;
}

a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	}

/*///// input css hack /////*/
body, form {
     margin:0;
     padding:0;
     border:0;
     outline:0;
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
}

select, input, textarea, button { 
     vertical-align:middle; 
     font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; 
     position:relative; 
     margin: 0 4px 2px 0;
     *margin-right:3px; 
     top:-1px;  
}

input { 
     line-height: 16px; 
}

button, input[type="button"] {
     overflow:visible; 
     height:22px;
     padding:0 3px;
}

select { 
     height: 20px; 
     line-height: 20px;
}

input[type="checkbox"],
input[type="radio"] { 
     border:none; 
     top:-2px;
     top:0\9;
     margin-right:2px; 
     margin-right: 0\9; 
}

/* Page Area */

#page {
overflow: hidden;
margin:0 auto;
}

a{
	color:#000;
	}
a:hover{
	color:#656565;
	}


header{
	width:100%;
	height:110px;
	background:url(../img/bg-img.jpg) repeat 0 0;
	}
	header>div{
		width:960px;
		overflow:hidden;
		margin:0 auto;
		padding-top:26px;
		}
header h1{
	display:inline-block;
	float:left;
	margin:0 0 0 20px;
	}

nav{
	width:100%;
	overflow:hidden;
	background:url(../img/nav-bg.jpg) repeat 0 0;
	}
nav ul{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	background:url(../img/nav-bg2.jpg) no-repeat 0 0;
	padding-left:19px;
	}
nav li{
	float:left;
	}
nav li img:hover{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	}
	
div#contents{
	width:100%;
	margin:0 auto;
	clear:both;
	}
p#intro{
	color:#C19A35;
	font-weight:bold;
	font-size:16px;
	padding:40px 0 45px;
	text-align:center;
	}
section#project{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:60px;
	}
	section#project dl.p1{
		width:225px;
		overflow:hidden;
		float:left;
		}
		section#project dl.p1 dt img{
			padding-bottom:25px;
			}
	section#project dl.p1 dd{
		margin-top:25px;
		background:url(../img/btn01_on.jpg) no-repeat 0 0;
		}
	section#project dl.p1 dd a:hover img{
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
	}

	section#project dl.p2{
		width:225px;
		overflow:hidden;
		float:left;
		margin:0 142px;
		}
		section#project dl.p2 dt img{
			padding-bottom:25px;
			}
	section#project dl.p2 dd{
		margin-top:25px;
		background:url(../img/btn02_on.jpg) no-repeat 0 0;
		}
	section#project dl.p2 dd a:hover img{
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
	}
	
	section#project dl.p3{
		width:225px;
		overflow:hidden;
		float:left;
		}
		section#project dl.p3 dt img{
			padding-bottom:25px;
			}
		section#project dl.p3 dd{
			margin-top:25px;
			}
			
/*-////////////////////NEWS////////////////////-*/
	
section#news{
	background:url(../img/bg-img.jpg) repeat 0 0;
	overflow:hidden;
	width:100%;
	padding:50px 0;
	}
	
	section#news iframe{
		width:960px;
		height:340px;
		border:none;
		margin:0 auto;
		display:block;
	}
		
/*-////////////////////TALENT////////////////////-*/
section#talent div.inner{
	width:960px;
	margin:0 auto;
	padding:50px 20px;
	clear:both;
	}
section#talent h1{
	padding-bottom:30px;
	}
section#talent div.inner > div{
	width:280px;
	float:left;
	margin-bottom:30px;
	text-align:center;
	}
section#talent div.inner > div{
	margin-left:60px;
	}
section#talent div.inner > div.non{
	margin-left:0px;
	}

/*-////////////////////SPACE////////////////////-*/
section#space{
	clear:both;
	width:960px;
	margin:0 auto;
	padding:0 20px 0;
	overflow:hidden;
	}
section#space h1{
	padding-bottom:30px;
	}
section#space div.inner{
	}
section#space div.inner div{
	width:278px;
	float:left;
	text-align:center;
	margin-left:63px;
	}
section#space div.inner div:nth-child(2){
	margin-left:0px;
	}

/*-////////////////////COMPANY////////////////////-*/
section#company{
	clear:both;
	background:url(../img/bg-img.jpg) repeat 0 0;
	overflow:hidden;
	width:100%;
	padding:50px 0;
	}
section#company div.inner{
	width:960px;
	margin:0 auto;
	}
section#company div.inner h1{
	padding-bottom:18px;
	}

/*COMPANYボックス部分*/

section#company div.wrap{
	width:895px;
	height:auto;
	background:#fff;
	border:1px solid #ccc;
	margin:0 auto;
	padding:40px 0 40px 30px;
	}
	section#company div.wrap dl{
		display:block;
		overflow:hidden;
	}
	
	section#company div.wrap dl dt{
		width:240px;
		text-align:right;
		display:block;
		overflow:hidden;
		padding:0 30px 25px;
		float:left;
		font-weight:800;
	}
	
	section#company div.wrap dd{
		width:520px;
		text-align:left;
		display:block;
		overflow:hidden;
		padding:0 30px 25px;
		float:left;
		border-left:#ccc solid 1px;
	}

/*-////////////////////CONTACT////////////////////-*/
section#contact{
	clear:both;
	overflow:hidden;
	width:100%;
	padding:50px 0 60px;
	}
section#contact div.inner{
	width:960px;
	margin:0 auto;
	}
section#contact div.inner h1{
	padding-bottom:18px;
	}

/*CONTACTボックス部分*/

section#contact div.wrap{
	width:895px;
	background:#fff;
	margin:0 auto;
	padding:25px 0 0 30px;
	overflow:hidden;
	border:#ccc solid 1px;
	}

/*form 部品*/
.form_button_confirm{
	width:220px;
	height:46px;
	color:#666;
	border:#666 solid 1px;
	border-radius:4px;
	text-align:center;
	background:#fff;
	cursor:pointer;
	}
.form_button{
	height:46px;
	color:#666;
	border:#666 solid 1px;
	border-radius:4px;
	text-align:center;
	background:#fff;
	cursor:pointer;
	}


#formall{
	margin:0 auto 40px;
}

#formall p.note{
	font-size:85%;
	padding:0 0 40px 0;
}

#formall table{
	width:100%;
}

#formall th{
	width:270px;
	font-weight:normal;
	color: #666;
	text-align:right;
	padding:0 30px 25px 0;
}

#formall th.submit{
	text-align:left;
	padding:50px 0 0 300px;
}

#formall th span{
	color: #C00;
}

#formall td{
	border-left:#ccc solid 1px;
	padding:0 0 25px 30px;
}
#formall td textarea{
	border:#ccc solid 1px;
}

#formall .confirm{
	margin:20px auto;
}

#formall .error{
	color: #C00;
}


/*-////////////////////FOOTER////////////////////-*/
footer{
	width:100%;
	clear:both;
	background:url(../img/bg-img.jpg) repeat 0 0;
	padding:25px 0;
	overflow:hidden;
	}
footer div.link{
	width:100%;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
	}
footer div.link ul{
	width:100%;
	display: -webkit-flex; /* Safari */
	display: flex;
  justify-content: center;
	}
	footer div.link ul:first-child{
		margin:0 0 20px 0;
		}
footer div.link li{
	float: left;
	width: 210px;
	margin-left: 50px;
	font-size: 11px;
	text-align: center;
	}
	footer div.link li:first-child{
		margin:0;
		}
footer div.link li a{
	color:#999;
	}
footer section{
	width:1000px;
	margin:0 auto;
	font-size:11px;
	text-align:center;
	color:#999999;
	}
footer section a{
	display:block;
	width:210px;
	float:left;
	margin-left:52px;
	color:#999;
	}
footer section a:hover{
	color:#666666;
	}

footer section a:first-child{
	margin-left:0px;
	}
	
p.copy{
	clear:both;
	text-align:center;
	margin:40px 0 50px;
	}
	/*///// BACK TO TOP 20160705 ADD /////*/
	footer p.nav-up {
	position: fixed;
	bottom: 95px;
	left: 50%;
	margin-left: 515px;
}
footer p.nav-up a{
	display:block;
	width:40px;
	height:40px;
	padding:10px;
	background:#cccccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
footer p.nav-up a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
	
	
	/*///// privacy 20160411add /////*/

	section#privacy{
	clear:both;
	overflow:hidden;
	width:100%;
	padding:0 0 60px;
	}
section#privacy div.inner{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	}
section#privacy div.inner h1{
	padding-bottom:18px;
	}
	
	section#privacy div.inner ul{
		width:830px;
		height:160px;
		margin:0 auto;
		display:block;
		overflow:auto;
		padding:20px 50px;
		border:#ccc solid 1px;
		font-size:85%;
	}
	
	section#privacy div.inner ul li{
		list-style: decimal;
		margin-bottom:7px;
	}
	
	section#privacy div.inner ul li.note{
		display:block;
		padding:20px 0;
	}
	
	/*///// sns 20161031add /////*/
	section#sns{
		clear:both;
		overflow:hidden;
		width:100%;
		padding: 0 0 60px;
		}
	section#sns div.inner{
		width:960px;
		margin:0 auto;
		overflow:hidden;
		}
	section#sns div.inner div.twt{
		float:left;
		margin-right:55px;
		border:1px solid #ccc;
		border-radius: 4px;
		}