@charset "UTF-8";

/* reset */
body{
	margin:0;
	padding:0;
	text-align:left;
	font-size:88%;
	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
--------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

	/*--------------------------------------------------------
	  layout
	--------------------------------------------------------*/
	/* pph-header */
	#pph-header{
		width: 100%;
		padding-top: 25px;
		padding-left: 0px;
		padding-bottom: 10px;
		background-position: 5px top;
	}
	
	/* pph-inner */
	#pph-inner{
		min-width: 100%;
		padding-top: 0px;
		background-image: none;
	}
	
	/* pph-wrapper */
	#pph-wrapper{
		margin-right: 0px;
		float: none;
		padding-top: 80px;
		background-image : url(../map/inner_bg_1O.png);
		background-position:left top;
		background-repeat:repeat-x;
	}
	
	/* pph-title */
	#pph-title{
		margin-left: 0px;
	}
	
	.pph-layoutset-01 #pph-title{
		background-size: contain;
		max-width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	/* pph-main */
	#pph-main{
		float: none;
		margin-right: auto;
		margin-left: auto;
		width: 96%;
		padding-bottom: 20px;
	}
	
	#pph-main #concept{
		width: 100%;
	}
	
	#pph-main #company{
		width: 100%;
	}
	
	#pph-main #recruit{
		width: 100%;
	}
	
	#pph-main #access{
		width: 100%;
	}
	
	#pph-main #contactus{
		width: 100%;
	}
	
	#pph-main #privacy{
		width: 100%;
	}
	
	/* pph-aside */
	#pph-aside{
		width: 96%;
		padding-right: 0px;
		padding-bottom: 20px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* pph-footer */
	#pph-footer{
		padding-top: 25px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	/* pph-nav */
	#pph-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;
	}
	
}