#inn-box ul.category {
	list-style: none;
	margin: 0px 0px 0px 30px;
	clear: both;
}
#inn-box ul.category li {
	margin: 0px 20px 20px 0px;
	float: left;
	line-height: 0;
	text-align: center;
	width: 200px; /*HTMLファイルを% 4に変更された場合、140pxに変更してください*/
	background: url(none);
	padding: 0px;
}
#inn-box ul.category li a {
	line-height: 1.5em;
}
#inn-box ul.category li img {
	display: block;
	margin: 0px auto 2px;
	border-style: none;
  max-width:90px;
}

/* カテゴリ・グループのフリースペース内全体の指定 */
#inn-box div.cg_freespace_01 {
	margin:0 30px 30px 30px;
	padding:0 0 0 0;
}
#inn-box div.cg_freespace_02 {
	margin:0 30px 30px 30px;
	padding:0 0 0 0;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
#inn-box div.cg_freespace_01 p,
#inn-box div.cg_freespace_02 p {
	margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
#inn-box div.cg_freespace_01 ul,
#inn-box div.cg_freespace_02 ul {
	margin:0 0 10px 0;
}
.cate_reco_put{
  display:table;
}

.cate_reco_put li{
  display:table-cell;
  width:33%;
  position:relative;
background: none !important;
}
.cate_reco_put .rank{
  display:block;
  text-align:center;
  color:#666;
  font-weight:bold;
}

.cate_reco_put .img{
  display:inline-block;
  width:100%;
  text-align:center;
  vertical-align:middle;
}
.cate_reco_put li >a{
  display:block;
  padding:5%;
}
.cate_reco_put .price{
  display:block;
  color:#f00;
  font-weight:bold;
}