#contentsArea {
	width:880px;
	margin:40px auto 50px auto;
	padding:0px;
	font-size:14px;
}


/* mainArea */
ul#mainArea {
	margin:20px 0 0 0;
	padding:0px;
	list-style:none;
}
ul#mainArea li.left {
	width:420px;
	float:left;
}
ul#mainArea li.right {
	width:420px;
	float:right;
}
ul#mainArea li:hover {
	opacity:0.7;
}


@media (max-width: 640px){

	#contentsArea {
		width: auto;
	}
	
	h3 img {
		max-width:460px;
		width:100%;
		height:auto;
	}
	
	/* mainArea */
	ul#mainArea li.left {
		width:auto;
		float:none;
		text-align:center;
	}
	ul#mainArea li.right {
		width:auto;
		float:none;
		text-align:center;
		margin-top:30px;
	}
	ul#mainArea li img {
		max-width:460px;
		width:100%;
		height:auto;
	}
	
}