#shop #inner #topics h2{
background:url(img/barShop.gif) no-repeat 0 0;
height:35px;
margin:0;
text-indent:-9999px;
}

#shop #right #topics .txt p{
	margin-bottom:1%;
}

#shop #right .category{
	width:100%;
	margin-bottom:2%;
}
#shop #right .category ul{
	width:100%;
}
#shop #right .category li a{
	width: 19.5%;
	height:auto;
	max-width: 166px;
	max-height:58px;
	font-weight:bold;
	float: left;
	text-align: center;
	background: #efefef;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d3d3d3;
	border-bottom-color: #d3d3d3;
	border-left-color: #d3d3d3;
}

#shop #right .category ul .c5 a{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d3d3d3;
}

#shop #right .category ul .c1 a:hover{
	background: #ffb5a6;
}
#shop #right .category ul .c2 a:hover{
	background: #ffd3f2;
}
#shop #right .category ul .c3 a:hover{
	background: #fffbe1;
}
#shop #right .category ul .c4 a:hover{
	background: #e5ffe8;
}
#shop #right .category ul .c5 a:hover{
	background: #daf5ff;
}

#shop #container #right .tenant{
	width:100%;
	margin:0 0 2% 0;
	background:url(../common/img/bgDot.gif) repeat-x 0 bottom;
}
#shop #container #right .tenant h4{
	float:left;
	width:100%;
}
#shop #container #right .tenant dl.box{
	margin:0 1% 2% 0;
	width:90%;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}
#shop #container #right .tenant dt.floor{
	width:13%;
	float:right;
	max-height:25px;
	margin:0 0;
}
#shop #container #right .tenant dd{
	margin:0 0;
}

/*写真枠　カテゴリ分け*/
#shop #container #right #cafe .photo img{
	width:94%;
	border:#f9baac 5px solid;
}
#shop #container #right #boutique .photo img{
	width:94%;
	border:#ffb3e7 5px solid;
}
#shop #container #right #salon .photo img{
	width:94%;
	border:#f1e9af 5px solid;
}
#shop #container #right #clinic .photo img{
	width:94%;
	border:#c2edc7 5px solid;
}
#shop #container #right #hall .photo img{
	width:94%;
	border:#bdedf9 5px solid;
}



#shop #container #right .tenant .logo{
	width:100%;
	max-width:260px;
	max-height:41px;
	margin:0 auto;
}
/*お店タイトル　カテゴリ分け*/
#shop #container #right #cafe .tit{
	color:#ed4827;
	min-height:4.5em;
}
#shop #container #right #boutique .tit{
	color:#ed1aaa;
	min-height:3.5em;
}
#shop #container #right #salon .tit{
	color:#7a6700;
	min-height:3.5em;
}
#shop #container #right #clinic .tit{
	color:#3abb46;
	min-height:3.5em;
}
#shop #container #right #hall .tit{
	color:#2dbbe9;
	min-height:3.5em;
}

#shop #container #right .tenant .info{
	font-size:1.3rem;
	min-height:10em;
}

#shop #container #right .tenant .btn{
	margin:2% auto 0 auto;
	width:50%;
	min-width:135px;
}

/*お店情報　詳細*/
dl.moreinfo{
	font-size:1.2rem;
	margin:5px 0;
	width:96%;
	border-top:#CCC dotted 1px;
	padding:2%;
}
dl.moreinfo dt{
    float:left;
    width:5em;
    font-weight:bold;
    padding:0;
	clear:left;
}
dl.moreinfo dd{
    float:left;
    margin-left:5em;
    padding:0;
	clear:right;
}
@media only screen and (min-width: 320px) {
#shop #container #topics .txt{
margin:2% 2% 0 0 ;
width:98%;
float:left;
}
#shop #container #topics h2{
width:100%;
margin-right:0%;
}

/*shop list*/
#shop #container #right .tenant h4 img{
width:33%;
}
#shop #container #right .tenant dl.box{
width:48%;
}
}

@media only screen and (min-width: 600px) {
#shop #container #topics .txt{
margin:2% 0 0 0 ;
width:100%;
float:left;
}
/*shop list*/
#shop #container #right .tenant h4 img{
width:33%;
}
#shop #container #right .tenant dl.box{
width:48%;
}
}

@media only screen and (min-width: 960px) {
/*shop list*/
#shop #container #right .tenant h4 img{
width:22%;
}
#shop #container #right .tenant dl.box{
width:31%;
}
}
@media only screen and (min-width: 1185px) {
#shop #container #topics .txt{
margin:2% 0 0 0 ;
width:100%;
float:left;
}
/*shop list*/
#shop #container #right .tenant h4 img{
width:22%;
}
#shop #container #right .tenant dl.box{
width:31%;
}
}