/************************************************************************************
smaller than 820
*************************************************************************************/
@media screen and (max-width: 860px) {

.hf-wrap{
	width:90%;
}
#main_area{
	width:100%;
	height:200px;
	background:url("../img/top_logo_480.jpg") no-repeat center top;
}
#contents_area{
	width:96%;
	margin:20px auto 0;
}
.link_list{
	padding:10px 0 0 2%;
}
.link_list li{
	width:32%;
	height:auto;
	margin:0 5px 5px 0;
}
.link_list li img{
	width:100%;
	opacity:1.0;
}
.link_list p{
	display:none;
}
#contact_wrap{
	width:90%;
	padding:0;
}

}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {


}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

#main_area{
	height:133px;
	background:url("../img/top_logo_320.jpg") no-repeat center top;
}
.link_list{
	padding:4px 0 0 2%;
}
.link_list li{
	width:47%;
}



@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
		overflow-x:hidden;
	}
}