@charset "Shift_JIS";



/******************************************************
 head
******************************************************/
#head {
	position: relative;
	width: 100%;
	max-width: 1110px;
	height: 90px;
	margin: 0px auto;
}

#head h1 {
	font-size: 10px;
	line-height: 12px;
	color: #999;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 8px;
	width: 960px;
}

#head h2 {
	position: absolute;
	width: 280px;
	top: 30px;
	left: 0px;
}

#h_symbol {
	position: absolute;
	width: 192px;
	top: 30px;
	right: 20px;
}



/******************************************************
 clear fix
******************************************************/

#menu:after,
#pankuzu:after {
	display: block;
	clear: both;
	content: '';
}

#menu,
#pankuzu {
	zoom: 1;
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {


	/******************************************************
 head
******************************************************/

	#head {
		width: 100%;
		height: 50px;
	}

	#head h2 {
		position: absolute;
		width: 200px;
		top: 10px;
		left: 1%;
	}

	#head h2 img {
		width: 100%;
	}


	#h_symbol {
		position: absolute;
		width: 150px;
		top: 5px;
		right: 1%;
	}

	#h_symbol img {
		width: 100%;
	}


}

@media screen and (max-width: 480px) {
	#head {
		width: 100%;
		height: 70px;
	}

	#head h2 {
		width: 50%;
		top: 20px;
		left: 10px;
	}

	#h_symbol {
		width: 35%;
		top: 20px;
		right: 10px;
	}
}