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

.fixbar, .bread, .mainbody, .footer-link, .footer-menu, .footer-bnr, .r-side, .sp-nav, .foot-contact, .foot-tel-btn, .foot-tel, #header p, .gmapbody, .pc-none, .printnone, .slide{
	display: none;
}
.pc-search{
	display: inherit;
}
#header .head-inner, .inner, .pc-cont, .leftcont {
	width:100%;
}
.property-table{
    border-left: 1px solid #666;
    border-top: 1px solid #666;
}
.property-table th, .property-table td {
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}
.property-table th, .detail th, .article-info th {
    background: #fff;
}

.detail table {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
	    float: none;
    margin: 0;
    width:100%;
}
.detail td, .detail th {
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}

.article-info .table-top {
    border-top: 1px solid #666;
}
.article-info th, .article-info td {
    border-bottom: 1px solid #666;
}


.pc-search {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 10px 20px;
}

.serch-listbox, .serch-listbox2 {
    border: 1px solid #ddd;
    margin: 0 0 50px;
}

.serch-listbox ul, .serch-listbox2 ul {
    padding: 20px 20px 0;
}

.serch-listbox li, .serch-listbox2 ul li ul li {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 1em;
    width: 24%;
}

.trade-box-ttl{
	background:#F5F5F5;
	padding: 10px 20px;
}
.trade-box-ttl .shopname{
	vertical-align:top;
}

.trade-box-ttl .shopname .icon{
	width:29px;
	height:auto;
	margin:0 0 0 0.5em;
}
.trade-box-ttl .shoptel a{
	text-decoration:none;
	color:#FF8000;
}
.trade-box-ttl .shoptel:before {
	margin:0 10px 0 0;
	content:" ";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../autonomy_img/icon_shoptel.png) no-repeat right center;
	background-size:16px 16px;
	vertical-align: baseline;
}
.trade-box .shopmail a{
	background:#FF8000;
	color:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	padding:10px 0;
}
.trade-box .shopmail a:before {
	margin:0 10px 0 0;
	content:" ";
	display:inline-block;
	width:20px;
	height:16px;
	background: url(../autonomy_img/icon_mail.png) right center;
	background-size:20px 16px;
	vertical-align: middle;
}
/*業者情報*/
.trade-info{
	margin:20px 0 0 0;
}
.trade-photo{
	width:260px;
	 float:left;
	 margin:10px 20px 0 0;
}
.trade-photo li{
	width: 260px;  /* トリミングしたい幅 */
}
.shop-photo{
	width: 260px;  /* トリミングしたい幅 */
	height: 240px;  /* トリミングしたい高さ */
	overflow: hidden;
	position: relative;
	margin:0 0 20px 0;
}
.shop-photo img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}


.trade-info table{
	width:680px;
	background:#fff;
	float:left;
	margin:10px 0 0 0;
	border-top:1px #ddd solid;
}
.trade-info th{
	background:#f5f5f5;
}
.trade-info th, .trade-info td{
	padding:5px 10px;
	border-bottom:1px #ddd solid;
}
.trade-info th{
	background:#f5f5f5;
	width:10em;
}
.trade-info td{
	padding:5px 10px;
}
/*業者コメント*/
.trade-shop{
	border:3px #eee solid;
	padding:17px;
}
.shop-person{
	width: 60px;  /* トリミングしたい幅 */
	height: 60px;  /* トリミングしたい高さ */
	overflow: hidden;
	position: relative;
	float:left;
}
.shop-person img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}

.trade-comment{
	width:840px;
	float:left;
	margin:0 0 0 20px;
	line-height:1.5;
}
.shop-head{
	font-weight:bold;
	margin:0 1em 0 0;
}

.trade-box-ttl{
	font-size: 0;
}
.trade-box-ttl li{
	display: inline-block;
	font-weight:bold;
}
.trade-box-ttl .shopname{
	width:70%;
	font-size:12px;
	vertical-align:top;
}

.trade-box-ttl .shoptel{
	width:30%;
	text-align:right;
	font-size: 20px;
}