body{
font-family:Helvetica,Arial,"�q���M�m�p�S ProN W3","Hiragino Kaku Gothic ProN","���C���I",Meiryo,"���S�V�b�N��","Yu Gothic",sans-serif;
background-color: #e9e5df;
color:#333;
font-size: 14px;
}
a {text-decoration:none;color:#333;}
a:hover {text-decoration: underline;}

@media (min-width:560px) {
#container {
	width: 650px;
	margin: auto;
	}
.brand_img img {
	width: 200px;
	margin-top: 20px;
	}
.category_img img {
	width: 350px;
	margin-top: 20px;
	margin-left: 150px;
	}
.kobo {
	width: 350px;
	margin-top: 20px;
	margin-left: 150px;
	}
}
@media (max-width:559px) {
#container {
	width: 100%;
	}
.brand_img img {
	width: 40%;
	margin-top: 10px;
	}
.category_img img {
	width: 60%;
	margin-top: 20px;
	margin-left: 20%;
	}
.kobo {
	width: 60%;
	margin-top: 20px;
	margin-left: 20%;
	}

}

#mainContents h2 {
	text-align: center;
	font-size: 110%;
}
#mainContents .img-caption {
	margin: 0;
	text-align: center;
	font-size: 80%;
}
#mainContents .subtext {
	margin: 0;
	text-align: center;
	font-size: 80%;
}
#mainContents ul {
	margin: 20px 0 0 0;
	padding: 0;
}
#endContents {
	text-align: center;
	font-size: 110%;
	margin: 20px 0 0 0;
	padding: 20px 0;
	border-top: 1px dotted #ccc;
}

@media (min-width:560px) {
#mainContents li {
	float: left;
	list-style: none;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
}
#mainContents li:nth-child(3n) {
	margin-right: 0;
}
}


@media (max-width:559px) {
#mainContents li {
	float: left;
	list-style: none;
	width: 47%;
	margin-right: 6%;
	margin-bottom: 6%;
}
#mainContents li:nth-child(2n) {
	margin-right: 0;
}
}