@charset "utf-8";

/* ============================================================================= */
/*   HOME (2021-06-10 update) */
/* ============================================================================= */

/*---------------------------------------------------- */
/* Banners */
/*---------------------------------------------------- */

@media screen and (min-width:641px){
#banner_area_1,
#banner_area_2{
	width:640px;
	margin:5px auto 5px auto;
	padding:0px 0px 10px 0px;
	text-align:center;
	}

ul.banner{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
}

@media screen and (min-width:481px) and (max-width:640px){
#banner_area_1,
#banner_area_2{
	width:480px;
	margin:5px auto 5px auto;
	padding:0px 0px 10px 0px;
	text-align:center;
	}

ul.banner{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
}

@media screen and (max-width:480px){
#banner_area_1,
#banner_area_2{
	width:320px;
	margin:5px auto 5px auto;
	padding:0px 0px 10px 0px;
	text-align:center;
	}

ul.banner{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
}


ul.banner li.edge,
ul.banner li{
	width:150px;
	margin:5px 5px 5px 5px;
	padding:0px;
	list-style:none;
	float:left;
	}

ul.banner li a:link,
ul.banner li a:visited,
ul.banner li a:hover,
ul.banner li a:active{
	display:block;
	}

ul.banner li a img{
	width:150px;
/*	height:46px;*/
	display:block;
	}



#banner_area_3{
	width:320px;
	margin:5px auto 5px auto;
	padding:0px 0px 10px 0px;
	text-align:center;
	}

#banner_area_3 a img{
	margin:5px 5px 5px 5px;
	padding:0px;
	width:150px;
	float:left;
	}


.clear{
	clear:both;
	padding:10px 0px 0px 0px;
	border-bottom:3px dotted #cccccc;
	}