@charset "Shift_JIS";

/* reset */
body{
	margin:0;
	padding:0;
	text-align:left;
	font-size:68%;
	line-height:1.6;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo ;
	color:#333333;
	background-color:#ffffff;
}

html,body,h1,h2,h3,h4,h5,p,div,ul,li{
	margin:0;
	padding:0;
	list-style:none;
}

img{
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
}

/*--------------------------------------------------------
  layout
--------------------------------------------------------*/

/* hpb-skip */
#hpb-skip{
	display:none;
}

/* hpb-container */
#hpb-container{
	
	position:relative;
}

/* hpb-header */
#hpb-header{
	width:992px;
	padding-top:48px;
	padding-left:32px;
	padding-bottom:65px;
	position:relative;
	background-image : url(header_bg_1O.png);
	background-position:32px top;
	background-repeat:no-repeat;
	overflow:hidden;
	zoom:1;
}

/* hpb-inner */
#hpb-inner{
	width:100%;
	min-width:1024px;
	padding-top:80px;
	background-image : url(inner_bg_1O.png);
	background-position:left top;
	background-repeat:repeat-x;
	overflow:hidden;
	zoom:1;
}

/* hpb-wrapper */
#hpb-wrapper{
	width:100%;
	margin-right:-250px;
	float:left;
}

/* hpb-title */
#hpb-title{
	margin-left:32px;
}

.hpb-layoutset-01 #hpb-title{
	width:387px;
	height:50px;
	position:relative;
	background-image : url(top_mainimg_1O.png);
	background-position:top left;
	background-repeat:no-repeat;
}

/* hpb-main */
#hpb-main{
	float:left;
	position:relative;
	margin-right:267px;
	margin-left:32px;
	padding-top:22px;	
}

#hpb-main #concept{
	width:700px;
}

#hpb-main #company{
	width:700px;
}

#hpb-main #recruit{
	width:700px;
}

#hpb-main #access{
	width:700px;
}

#hpb-main #contactus{
	width:700px;
}

#hpb-main #privacy{
	width:700px;
}

/* hpb-aside */
#hpb-aside{
	width:180px;
	padding-right:70px;
	float:right;
}

/* hpb-footer */
#hpb-footer{
	padding-top:85px;
	padding-bottom:30px;
	padding-left:32px;
	position:relative;
	overflow:hidden;
	zoom:1;
}

/* hpb-nav */
#hpb-nav{
	position:absolute;
	top:48px;
	left:320px;
	z-index:1;
}


/* =======================================================
  レスポンシブ設定
======================================================= */
@media screen and (max-width: 568px) {

	/*--------------------------------------------------------
	  layout
	--------------------------------------------------------*/
	/* hpb-header */
	#hpb-header{
		width: 100%;
		padding-top: 25px;
		padding-left: 0px;
		padding-bottom: 10px;
		background-position: 5px top;
	}
	
	/* hpb-inner */
	#hpb-inner{
		min-width: 100%;
		padding-top: 0px;
		background-image: none;
	}
	
	/* hpb-wrapper */
	#hpb-wrapper{
		margin-right: 0px;
		float: none;
		padding-top: 80px;
		background-image : url(inner_bg_1O.png);
		background-position:left top;
		background-repeat:repeat-x;
	}
	
	/* hpb-title */
	#hpb-title{
		margin-left: 0px;
	}
	
	.hpb-layoutset-01 #hpb-title{
		background-size: contain;
		max-width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	/* hpb-main */
	#hpb-main{
		float: none;
		margin-right: auto;
		margin-left: auto;
		width: 96%;
		padding-bottom: 20px;
	}
	
	#hpb-main #concept{
		width: 100%;
	}
	
	#hpb-main #company{
		width: 100%;
	}
	
	#hpb-main #recruit{
		width: 100%;
	}
	
	#hpb-main #access{
		width: 100%;
	}
	
	#hpb-main #contactus{
		width: 100%;
	}
	
	#hpb-main #privacy{
		width: 100%;
	}
	
	/* hpb-aside */
	#hpb-aside{
		width: 96%;
		padding-right: 0px;
		padding-bottom: 20px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* hpb-footer */
	#hpb-footer{
		padding-top: 25px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	/* hpb-nav */
	#hpb-nav{
		position: relative;
		top: 0px;
		left: 0px;
		border-top-color: #333333;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-color: #333333;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	
}