@charset "utf-8";

/*------------------------------------------------------ max 960px  ---------------- */
@media only screen and (max-width: 960px) {
	body {
		background: url() 0 0 no-repeat;
		background-color:#fff4f3;
	}
	
}


/*------------------------------------------------------ max 838px  ---------------- */
@media only screen and (max-width: 838px) {
	#maincatch3 { display: none;}
	#maincatch3_1 { display: block;}
}

/*------------------------------------------------------ max 815px  ---------------- */
@media only screen and (max-width: 815px) {
	#banner01 { line-height:1.2em;font-size:14px;}
	#banner02 { line-height:1.2em;font-size:14px;}
	#banner03 { line-height:1.2em;font-size:14px;}
	#banner04 { line-height:1.2em;font-size:14px;}
}

/*------------------------------------------------------ max 768px  ---------------- */
@media only screen and (max-width: 768px) {
	#banner01 { line-height:1.2em;font-size:12px;}
	#banner02 { line-height:1.2em;font-size:12px;}
	#banner03 { line-height:1.2em;font-size:12px;}
	#banner04 { line-height:1.2em;font-size:12px;}
}

/*------------------------------------------------------ max 715px  ---------------- */
@media only screen and (max-width: 715px) {
	#contents dl.notice dd span {
		line-height: 3.0em;
	}
	#banner01 {
		width: 44%;
		height: ;
		margin: 1%;
		padding: 1%;
		color: #696969;
		font-size: 16px;
		float: left;
	}
	#banner02 {
		width: 44%;
		height: ;
		margin: 1%;
		padding: 1%;
		color: #696969;
		font-size: 16px;
		float: left;
	}
	#banner03 {
		width: 44%;
		height: ;
		margin: 1%;
		padding: 1%;
		color: #696969;
		font-size: 16px;
		float: left;
	}
	#banner04 {
		width: 44%;
		height: ;
		margin: 1%;
		padding: 1%;
		color: #696969;
		font-size: 16px;
		float: left;
	}
	#banner05 {
		width: 44%;
		height: ;
		margin: 1%;
		padding: 1%;
		float: left;
	}
	#banner06 {
		width: 44%;
		height: ;
		margin: 1%;
		padding: 1%;
		float: left;
	}
}

/*------------------------------------------------------ max 575px  ---------------- */
@media only screen and (max-width: 575px) {
	#banner01 { font-size:12px;}
	#banner02 { font-size:12px;}
	#banner03 { font-size:12px;}
	#banner04 { font-size:12px;}
}

/*------------------------------------------------------ max 565px  ---------------- */
@media only screen and (max-width: 565px) {
	#recycle .recycle_boxL {
		width:100%; 
		margin: 0;
	}
	#recycle .recycle_boxR {
		width:100%; 
		margin: 0;
	}
}


/*------------------------------------------------------ max 555px  ---------------- */
@media only screen and (max-width: 555px) {
	#slides2 { display: none;}
}

/*------------------------------------------------------ max 510px  ---------------- */
@media only screen and (max-width: 510px) {
	#maincatch {
		left: 5px;
		top: 5px;
	}
	#maincatch1 {
		left: 30px;
		top: 30px;
	}
	#maincatch2 {
		left: 60px;
		top: 100px;
	}
	#maincatchlogo {
		position: absolute;
		left: 60px;
		top: 60px;
		z-index: 4;
	}
	
}

/*------------------------------------------------------ max 440px  ---------------- */
@media only screen and (max-width: 440px) {
	.box2_1 { width: 100%;}
	.box2_2 { width: 100%;}
	#banner01 {
		clear: both;
		width: 90%;
		height: ;
		margin: 1%;
		padding: 3%;
		color: #696969;
		font-size: 16px;
	}
	#banner02 {
		clear: both;
		width: 90%;
		height: ;
		margin: 1%;
		padding: 3%;
		color: #696969;
		font-size: 16px;
	}
	#banner03 {
		clear: both;
		width: 90%;
		height: ;
		margin: 1%;
		padding: 3%;
		color: #696969;
		font-size: 16px;
	}
	#banner04 {
		clear: both;
		width: 90%;
		height: ;
		margin: 1%;
		padding: 3%;
		color: #696969;
		font-size: 16px;
	}
	#banner05 {
		clear: both;
		width: 90%;
		height: ;
		margin: 1%;
		padding: 3%;
	}
	#banner06 {
		clear: both;
		width: 90%;
		height: ;
		margin: 1%;
		padding: 3%;
	}
}

/*------------------------------------------------------ max 350px  ---------------- */
@media only screen and (max-width: 350px) {
	#maincatch { display: none;}
	#maincatch1 {
		left: 5px;
		top: 5px;
	}
	#maincatch2 {
		left: 20px;
		top: 70px;
	}
	#maincatchlogo {
		position: absolute;
		left: 20px;
		top: 30px;
		z-index: 4;
	}
	
}