@charset "utf-8";



/* 60分 無料電話相談 お申し込み
---------------------------------------------*/

h2 {
	width: 714px;
	height: 92px;}

#consult_top {
	z-index: 1;
	position: relative;
	width: 668px;
	padding: 30px 23px 0 23px;}

h3 {
	width: 668px;
	height: 95px;}

#caution {
	width: 668px;
	height: 108px;
	margin-top: 28px;}

/* こんな悩みがありませんか？ */

#trouble {
	z-index: 1;
	position: relative;
	width: 668px;
	height: 566px;
	padding: 33px 23px 20px 23px;}

#trouble h4 {
	width: 328px;
	height: 31px;
	margin: 0 340px 0 0;}

#trouble ul {
	z-index: 1;
	position: relative;
	width: 668px;
	height: 326px;}

#trouble ul li#trouble_li01 {
	position: absolute;
	top: 35px; left: 0px;
	width: 300px;
	height: 114px;}

#trouble ul li#trouble_li02 {
	position: absolute;
	top: 10px; left: 378px;
	width: 255px;
	height: 97px;}

#trouble ul li#trouble_li03 {
	position: absolute;
	top: 116px; left: 270px;
	width: 300px;
	height: 114px;}

#trouble ul li#trouble_li04 {
	position: absolute;
	top: 229px; left: 401px;
	width: 255px;
	height: 97px;}

#trouble ul li#trouble_li05 {
	position: absolute;
	top: 177px; left: 10px;
	width: 255px;
	height: 97px;}

#trouble_ttl {
	position: absolute;
	top: 367px; left: 23px;
	width: 668px;
	height: 232px;}

#trouble_text {
	z-index: 1;
	position: absolute;
	top: 503px; left: 235px;
	width: 450px;
	height: 120px;
	color: #333;
	font-size: 14px;
	line-height: 1.8em;}


/* 電話相談の流れ */

#telflow {
	z-index: 1;
	position: relative;
	width: 668px;
	padding: 33px 23px 40px 23px;}

#telflow h4 {
	width: 196px;
	height: 31px;
	margin: 0 472px 30px 0;}

#telflow ul li {
	width: 668px;
	color: #333;
	font-size: 14px;
	margin-bottom: 8px;}

#telflow_text {
	width: 665px;
	color: #333;
	font-size: 14px;
	line-height: 1.7em;
	padding: 7px 0 0 3px;}


/* 無料相談のお申し込みはこちらまで */

#telformbox {
	z-index: 1;
	position: relative;
	width: 668px;
	padding: 16px 23px 60px 23px;}

#telformbox h3 {
	width: 421px;
	height: 31px;
	margin-right: 247px;
	margin-bottom: 20px;}

#telformbox h3.checkttl {margin-top: 1em;}

table {
	width: 666px;
	border-collapse: separate;
	border-spacing: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.4em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;}

th {
	width: 179px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding-top: 1px;
	padding-left: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #ededed;}

td {
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;}

input,
textarea {
	color: #333;
	word-break:break-all;
	word-wrap:break-word;
	outline: none;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;}

.input {
	height: 20px;
	padding: 2px 7px;
	border: 1px solid #ccc;}

.name,
.tel,
.mail {
	width: 284px;}

.address1 {
	width: 98px;}

.address2 {
	width: 437px;}

textarea {
	overflow: auto;
	width: 431px;
	height: 101px;
	line-height: 1.3em;
	padding: 7px;
	border: 1px solid #ccc;}

#telformbox ul li {
	margin-bottom: 5px;}

#telformbox ul li:last-child {
	margin-bottom: 0;}

#telformbox table th img {
	padding-top: 1px;
	vertical-align: top;}

#submit {
	margin: 20px auto;
	text-align: center;}

.inline {display: inline;}

#submit .check,
#submit .submit,
#submit .back {
	display: inline;
	border: none;
	transition:all 0.5s ease;
	text-indent: -9999px;
	cursor: pointer;
	outline: none;}

#submit .check {
	background-image: url(../img/btn_check.jpg);
	width: 186px;
	height: 44px;}


#submit .submit {
	background-image: url(../img/btn_submit.jpg);
	width: 186px;
	height: 44px;}


#submit .back {
	background-image: url(../img/btn_back.jpg);
	width: 119px;
	height: 45px;}

#submit .check:hover {background-image: url(../img/btn_check_o.jpg);}
#submit .submit:hover {background-image: url(../img/btn_submit_o.jpg);}
#submit .back:hover {background-image: url(../img/btn_back_o.jpg);}


/* エラー */
#errormsgbox {margin-bottom: 1em;}

#errormsgbox p {margin-bottom: 0;}
#errormsgbox em,
.errormsg em {
	font-size: smaller;
	color: #f00;
	font-style: normal;}

.checkmsg {margin-bottom: 1.5em;}