@charset "Shift_JIS";



/******************************************************
 head
******************************************************/
#head{
	position:relative;
/*	width:960px;*/
	width: 1080px;
	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:20px;
}
#head h2 img {
	width:280px;
}

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



/******************************************************
 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:40px;
}
#head h2{
	width:50%;
	top:5%;
	left:1%;
}

#h_symbol{
	width:35%;
	top:4%;
	right:1%;
}
}