/* ============================================================================ */
/* 全体の設定                                                                   */
/* ============================================================================ */
* {
	font-size:14px;
	margin:0px;
	padding:0px;
	word-break:break-all;
}
html {
	height:100%;
}

body{
	position:relative;
	min-height:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	color:#222222;
	letter-spacing:0.2em;
}

#wrapper {
	background-color:#ffffff;
	max-width:1100px;
	padding:10px 0 60px 0;
	margin:0 auto 0 auto;
}


h1,h2,h3 {
	display:block;
	text-align:center;
}
h1 {
	font-size:24px;
	padding:20px 0 20px 0;
}

h1 div {
	display:inline-block;
	font-size:24px;
	padding:0 5px 0 5px;
}

h2 {
	font-size:20px;
	padding:10px 0 10px 0;
}
h3 {
	font-size:18px;
	padding:5px 0 5px 0;
}

p {
	padding:8px 0 8px 0;
}

span {
	display:inline-block;
	vertical-align:middle;
}

table {
	border-collapse:collapse;
}

input[type="text"] {
	width:100%;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input[type="radio"] {
	width:19px;
	height:19px;
	margin:5px;
	vertical-align:middle;
}

input[type="checkbox"] {
	width:19px;
	height:19px;
	margin-right:5px;
	vertical-align:middle;
}

textarea {
	width:100%;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}




/* ============================================================================ */
/* ロゴ                                                                         */
/* ============================================================================ */
.logo {
	letter-spacing:0;
	margin-bottom:10px;
	border-bottom:solid 4px #007700;
	box-shadow:5px 5px 10px rgba(0,128,0,0.2);
}

.logo .table {
	display:table;
	max-width:1100px;
	width:100%;
	table-layout;fixed;
	margin:0 auto 0 auto;
}

.logo .left {
	display:table-cell;
	padding:8px;
	vertical-align:top;
	text-align:left;
}

.logo .left .top {
	line-height:1.5em;
}

.logo .left .bottom {
	color:#006600;
	font-size:38px;
	line-height:1.5em;
	text-stroke: 5px #ffffff;
	-webkit-text-stroke:1px #006600;
}


.logo .right {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.logo .right span {
	vertical-align:bottom;
	padding:0 5px 0 5px;
}

.logo .right .top .tel {
	color:#ff0000;
	font-size:150%;
	font-weight:bold;
	text-stroke: 5px #ffffff;
	-webkit-text-stroke:1px #ff7777;
}

@media screen and (max-width:800px) {

	.logo .table {
		display:block;
	}

	.logo .left {
		display:block;
		padding-bottom:0;
		text-align:center;
	}

	.logo .left .top {
		font-size:10px;
	}

	.logo .left .bottom {
		font-size:30px;
		padding-top:10px;
	}

	.logo .right {
		display:block;
		text-align:center;
		padding-bottom:5px;
	}


}


/* ============================================================================ */
/* フッタ                                                                       */
/* ============================================================================ */
footer {
	position:absolute;
	bottom:0;
	background-color:#dddddd;
	font-size:90%;
	width:100%;
	padding:10px 0 10px 0;
	text-align:center;
}




/* ============================================================================ */
/* 入力フォーム画面・入力確認画面                                               */
/* ============================================================================ */
.form {
	margin:0 15px 0 15px;
	border-top:solid 1px #444444;
	border-left:solid 1px #444444;
}

.form .table {
	display:table;
	width:100%;
}

.form .th {
	display:table-cell;
	background-color:#ddffdd;
	width:35%;
	padding:5px;
	vertical-align:middle;
	text-align:left;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.form .td {
	display:table-cell;
	background-color:#ffffff;
	padding:5px;
	vertical-align:top;
	text-align:left;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;

}

.form .td img {
	max-width:100%;
}

.form_bottom {
	padding:10px 0 10px 0;
	text-align:center;
}

.form .data-formblock {
	padding:5px;
}

.form span[data-need="必須"] {
	background-color:#ffeeee;
	color:#ff0000;
	margin-right:3px;
	padding:3px;
	border:solid 2px #ff0000;
	border-radius:5px;
}
.form span[data-need="必須"]:before {
	content:"必須";
}


.form span[data-need="任意"] {
	background-color:#eeeeff;
	color:#0000ff;
	margin-right:3px;
	padding:3px;
	border:solid 2px #7777ff;
	border-radius:5px;
}

.form span[data-need="任意"]:before {
	content:"任意";
}

.form span[data-icon="?"] {
	background-color:#ddffdd;
	color:#007700;
	font-size:105%;
	font-weight:bold;
	letter-spacing:0;
	line-height:1.0em;
	margin-left:5px;
	padding:3px;
	border:solid 3px #007700;
	border-radius:50%;
	user-select:none;
	cursor:pointer;
}

.form span[data-icon="?"]:before {
	content:"？";
}


@media screen and (max-width:800px) {

	.form  .table {
		display:block;
	}

	.form  .th {
		display:block;
		width:initial;
	}

	.form  .td {
		display:block;
	}

}




/* ============================================================================ */
/* 説明欄                                                                       */
/* ============================================================================ */
.question {
	position:relative;
	top:0;
	left:0;
}

.question .answer {
	position:absolute;
	top:5px;
	right:0;
	display:inline-block;
	width:50%;
	background-color:#ffffff;
	border:solid 2px #007700;
	border-radius:5px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.4);
}

.question .answer .box {
	margin:5px;
}
.question .answer img {
	width:100%;
}



/* ============================================================================ */
/* 問い合わせる物件欄                                                           */
/* ============================================================================ */
.bukkentray_list {

}

.bukkentray_list table {
	border-top:solid 1px #444444;
	border-left:solid 1px #444444;
}

.bukkentray_list th {
	background-color:#ddffdd;
	font-weight:normal;
	padding:5px;
	text-align:center;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.bukkentray_list td {
	padding:5px;
	text-align:center;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.bukkentray_list .btn_delete {
	padding:5px 10px 5px 10px;
}

.bukkentray_list .btn_submit {
	display:block;
	width:90%;
	margin:10px auto 10px auto;
	padding:10px 0 10px 0px;
}




/* ============================================================================ */
/* 写真項目欄                                                                   */
/* ============================================================================ */
.sus_photo_form {
	margin:5px;
}

.sus_photo_form .photo {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #444444;
}

.sus_photo_form .photo div {
	padding:5px 0 5px 0;
}
.sus_photo_form .btn_typechange {
	padding:10px;
	margin:0 10px 0 10px;
}

.sus_photo_form .btn_puramai {
	width:100%;
	margin: 3px 0 3px 0;
	padding:10px;
}




/* ============================================================================ */
/* JavaScript 入力不備エラー                                                    */
/* ============================================================================ */
#ERROR_box {
	text-align:center;
}

#ERROR_box .box {
	background-color:#ffffff;
	display:inline-block;
	margin:15px;
	padding:15px;
	border:solid 1px #aaaaaa;
	border-radius:5px;
	box-shadow:5px 5px 15px rgba(0,0,0,0.2);
}

.error_box {
	background-color:#ffdddd;
	color:#ff0000;
	margin:5px 0 5px 0;
	padding:5px;
}




/* ============================================================================ */
/* メッセージを表示する画面                                                     */
/* ============================================================================ */
.messageouter {
	border:dotted 1px #444444;
	margin:0 20px 0 20px;
	padding:20px 10px 20px 10px;
	text-align:center;
}

.messageouter .message {
	display:inline-block;
	text-align:left;
}

.messageouter .message ul {
	list-style-position:inside;
	margin:0 10px 0 10px;
}




/* ============================================================================ */
/* ボタン                                                                       */
/* ============================================================================ */
.btn {
	display:block;
	background: #dddddd;
	min-width:200px;
	margin:10px auto 10px auto;
	padding:14px 0 14px 0;

	font-size:14px;
	letter-spacing:0.2em;
	text-decoration:none;

	border-top:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	border-right:solid 2px #999999;
	border-bottom:solid 2px #999999;

	cursor:pointer;

}