@charset "UTF-8";
/*============================================================
/sph/contents.css
contact
==========*/
																					
#contents_{text-align:left;}
#contents_ p{font-size:14px;line-height:22px; margin-bottom:10px;}
#contents_ p:last-child{margin-bottom:0;}

#contents_ h2{
	width:94%;
	margin:0 auto 15px;
	padding:10px;
	box-sizing:border-box;
	font-size:16px;
	font-weight:bold;
	border:1px solid #cccccc;
	border-top:4px solid #cccccc;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );}
#contents_ h3{
	width:100%;
	margin-bottom:10px;
	padding:5px;
	box-sizing:border-box;
	font-size:14px;
	line-height:22px;
	font-weight:700;
	border:1px solid #cccccc;
	color:#666;/*--------------color--------------*/
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );}
#contents_ h3 span{
	display:block;
	border-left:4px solid #cccccc;
	padding-left:10px;}

#contents_ .box{
	width:94%;
	margin:0 auto 15px;
	padding:10px;
	box-sizing:border-box;
	font-size:14px;
	border: 1px solid #CCC;
	background-color:#FFF;}

/*--------------------
contact
-------------------*/

#contents_ #reservation em.required {
    color: #FF6600;}
#contents_ #reservation span {
    font-size: 12px;
    font-weight: bold;
    color: #F97E0D;}

#contents_ #reservation table{
	width:94%;
	margin:0 auto 15px;
	border:1px solid #CCC;
	border-collapse: collapse;
	box-sizing:border-box;
	background-color:#FFF;}
	
#contents_ #reservation table tr{
	border-bottom:1px solid #CCC;}

#contents_ #reservation table tr th{
	display:block;
	padding:10px;
	box-sizing:border-box;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	background-color:#F7F7F7;}

#contents_ #reservation table tr td{
	display:block;
	padding:10px;
	box-sizing:border-box;}

/*=====input=====*/

#contents_ #reservation table input[type="text"]{
	width: 150px;
	height:30px;
	font-size:14px;
	border:1px solid #CCC;
	border-radius:0;
	box-sizing:border-box;
	-webkit-appearance: none;}

#contents_ #reservation table tr td textarea{
	width:100%;
	vertical-align:bottom;}

/*=====査定不動産の種別は何ですか。=====*/
#contents_ #reservation table .kind input[type="radio"]{
	margin:0 3px 0 5px;}
#contents_ #reservation table .kind input[type="text"]{
	margin:10px 5px 0 5px;}
	
/*=====ご希望の沿線・駅はどこですか？=====*/
#contents_ #reservation table .station input[type="text"]{
	width:30%;
	margin:0 5px 10px 0;}
#contents_ #reservation table .station input.wayside{
	width:40%;}

/*=====ご予算は？=====*/
#contents_ #reservation table select.budget{
	width:50%;
	height:30px;}

/*=====間取りは？=====*/
#contents_ #reservation table input.floor{
	width:15%;
	margin-bottom:10px;}
#contents_ #reservation table select.floor_select{
	width:50%;
	height:30px;}

/*=====戸建、土地を選択された方は入力して下さい=====*/
#contents_ #reservation table select.area{
	width:50%;
	height:30px;
	margin-bottom:10px;}
#contents_ #reservation table select.area:last-child{
	margin-bottom:0;}

/*=====マンションを選択された方は入力して下さい=====*/
#contents_ #reservation table select.mansion{
	width:50%;
	height:30px;}

/*=====ご購入予定時期=====*/
#contents_ #reservation table .scheduled input[type="radio"]{
	margin:0 3px 0 5px;}

/*=====個人情報====*/

#contents_ #reservation table input.name{
	width:50%;
	margin-bottom:10px;}
#contents_ #reservation table input.name:last-child{
	margin-bottom:0;}
#contents_ #reservation table input.mail{
	width:70%;}
#contents_ #reservation table input.address{
	width:100%;}
#contents_ #reservation table input.tel{
	width:50%;}
#contents_ #reservation table .contact input[type="radio"]{
	margin:0 3px 0 5px;}
#contents_ #reservation table .contact input:first-child[type="radio"]{
	margin-left:0;}

#contents_ #reservation table input.number{
	width:30%;
	margin-bottom:10px;}
#contents_ #reservation table input.button{
	-webkit-appearance: none;
	padding:0 3px;
	height:30px;
	margin:0 0 10px 5px;
	vertical-align: top;
	border:1px solid #CCC;
	box-sizing:border-box;
	background-color:#FFF;}
#contents_ #reservation table input.address{
	width:80%;}

/*=====margin_clear====*/

#contents_ #reservation table input.left_clear{
	margin-left:0;!important}

/*=====個人情報の取り扱いについて〜確認画面へ=====*/

#contents_ #reservation .pp_box{
	width:94%;
	margin:0 auto 15px;
	text-align:center;}
#contents_ #reservation .pp_box p.agree{
	line-height:25px;}
#contents_ #reservation .pp_box p.agree input{
	width:25px;
	height:25px;
	margin-right:5px;}
#contents_ #reservation .pp_box p.agree span{
	font-size:16px;
	vertical-align:top;
	color:#000;}

#contents_ #reservation .submit{
	margin-bottom:15px;
	text-align:center;
	vertical-align:top;}

/*=====thanks=====*/

#contents_ .thanks p{
	text-align:center;}