@charset "utf-8";
/* ======================== ﾌﾜｼ｡ ==========================

	[01]:要素リセット
	[02]:共通スタイル
	[03]:リンクスタイル
	[04]:ヘッダー要素
	
======================================================== */


/* -------------------------[01]:施工事例スタイル*/
ul.pref_list li{
	display: inline-block;
	padding: 2px 20px 2px 0;
}

section.sortBox {
	margin-bottom: 30px;
}

div.resultBox	{ padding: 0px; }
div.resultBox table.table	{ margin-bottom: 10px; }
div.resultBox .photoData	{ vertical-align: top; padding: 0 10px 10px 0; }
div.resultBox .photoData img	{ max-width: 100%; }
div.resultBox table tbody tr td.text-right	{ text-align:right; }
table.table td.cell-btn { background: #fff; padding:0; }
a.btn { display: inline-block; background:#55838d; padding: 3px 6px; border-radius:2px; color: #fff; }
a.btn:hover { opacity: 0.6; }

.beforAfter	{ padding: 0; width: 100%; margin: 10px auto; background:#f4f4f4; padding-top:20px;  }
.beforAfter .baComment	{ clear:both; text-align:left; width: 100%; margin:20px 0; padding: 20px;}
.beforAfter .baData .beforeBox	{ width: 48%; float: left; }
.beforAfter .baData .afterBox		{ width: 48%; float: right; }
.beforAfter .baData .capsBox		{ padding: 0 0 10px 0; font-weight: bold; font-size: 110%; text-align: center; }
.beforAfter .baData .photoData	{ width: 85%; margin:0 auto; }
.beforAfter .baData .photoData img	{ max-width: 100%; }





div.noResult	{ color:#990000; font-weight:bold; text-align:center; margin:50px auto; }