.centeringBox{
width:100%;
}

#applist {
margin:20px auto;
}
#applist a{
text-decoration: none;}

#applist .item{
width:50%;
margin:15px 0;
display: inline-block;
vertical-align:top;
}
/* ハックでIE6,7のみに適用 */
html*.item {
display: inline;
zoom: 1;
}

#applist .item a{
display: block;
width:300px;
margin:0 auto;
padding:10px;
background-color:#FFFFFF;
border:3px solid #ffffff;
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#applist .item a:hover{
border:3px solid #f3f3f3;
background-color:#FFFFF0;
}

#applist .item .img{
width:300px;
}

#applist .item .img img{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

#applist .item .text{
padding: 10px 0;
font-size:0.9em;
color:#666666;
}

@media screen and (min-width: 690px)  {
	#applist {
		/*width:690px;*/
	}
	#applist .item{
		width:50%;
	}
}

@media screen and (min-width: 1120px)  {
	#applist {
		/*width:1040px;*/
	}
	#applist .item{
		width:33.33%;
	}
}

@media screen and (min-width: 1470px)  {
	#applist {
		/*width:1390px;*/
	}
		#applist .item{
		width:25%;
	}
}