@charset "utf-8";
/* CSS Document */

/* garage110.com
-----------------------------------------------------*/
#contents ul {
	list-style: none;
	margin-left: 21px;
}
#contents li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 227px;
	margin: 0 16px 20px 0;
	font-size: 14px;
}
#contents li a {
	display: inline-block;
	padding-bottom: 14px;
	background: url(image/photogallery.gif) no-repeat center bottom;
}
#contents li.tate a {
	background-size: 169px 14px;
}
#contents li.tate a {
	margin-left: 29px;
}
#contents li.column2,
#contents li.column3 {
	margin-right: 0;
}
#contents li.column2 a,
#contents li.column3 a {
	margin-right: 16px;
}
#contents li.column2 {
	width: 486px;
}
#contents li.column3 {
	width: 729px;
}
#contents li.set,
#contents li.free {
	width: auto;
}
#contents li.set a,
#contents li.none a {
	background: none;
}

/****************************************************/

@media screen and (max-width: 600px) {
/****************************************************
    600px未満に適用
****************************************************/
#contents ul {
	margin: 0 auto;
	text-align: center;
}
#contents li {
	text-align: left;
}
#contents li.column3 {
	width: 486px;
}
#contents li.set,
#contents li.free {
	margin-right: 0;
}
#contents li.set a img {
	width: 100%;
}

/****************************************************/
}

@media screen and (max-width: 500px) {
/****************************************************
    500px未満に適用
****************************************************/
#contents li.column2 a,
#contents li.column3 a {
	margin-right: 0;
}
#contents li.column2,
#contents li.column3 {
	width: 227px;
}

/***************************************************/
}
}