@charset "utf-8";
@import "../../css/common.css";
/*-----------------------------------------------------*/
/* 相伝レポート(index.html) style css */
/*-----------------------------------------------------*/
/* リセット */
#contact *{margin:0;padding:0;}
#contact{}

/* h1：タイトル */
#contact h1{margin:0 auto 0.6em;}

/* h2 */
#contact h2{
	margin:0 auto 0.6em;
	text-align:center;
}

/* リード文 */
#contact p.read{margin:0 0 1.8em;text-align:center;}

#contact p.yoyaku-read{
	margin:0 0 1em;
	text-align:center;
}

/* お電話でのご予約 */
/* ---------------------------------------- */
#contact ul.tel{
	margin:0 0 1em 10px;
	padding:0;
}

/* clear hack */
#contact ul.tel{zoom:1;}
#contact ul.tel:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#contact ul.tel li{
	margin:0 16px 0 0;
	display:inline;
}

/* ---------------------------------------------------------------- */
/* top-area */
/* ---------------------------------------------------------------- */
#top-area{
	width:630px;
	margin:0 auto 1em;
}

#top-area dl{
	padding:8px 0 8px;
	background:url('../../common_img/dotline.gif') repeat-x 0 0;
}

/* clear hack */
#top-area dl{zoom:1;}
#top-area dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#top-area dl dt{
	width:100px;
	float:left;
	padding:2px 0;
	background:#ecfce1;
	border-left:5px solid #76ba42;
}

#top-area dl dt span{
	margin:0 0 0 8px;
	display:block;
}

#top-area dl dd{
	width:510px;
	float:right;
}

#top-area dl dd span{
	font-size:1.2em;
	color:#e84526;
	font-weight:bold;
}

#contact p.sub{margin:0 0 0 10px;}

/* ---------------------------------------------------------------- */
/* form：申込みフォーム */
/* ---------------------------------------------------------------- */
form{margin:0;padding:0;}

/* table */
table#contact-form{
	width:620px;
	margin:0 auto 1.8em;
	border:1px solid #ccc;
	border-collapse:collapse;
}

/* th */
#contact-form th{
	width:160px;
	padding:8px 10px;
	font-weight:normal;
	text-align:left;
	background:#ecfce1;
	border:1px solid #ccc;
}

#contact-form th span{
	margin:0 0 0 6px;
	padding:2px 2px 3px 4px;
	color:#fff;
	background:#e84526;
	font-size:0.8em;
}

/* td */
#contact-form td{
	padding:8px 0 8px 8px;
	text-align:left;
	border:1px solid #ccc;
}

#contact-form td span{font-size:0.8em;}
#contact-form td strong{color:red;}
#contact-form td span.note{color:#e84526;font-size:1em;}

/* input */
#contact-form input{margin-right:8px;}

/* 入力エリア：フォーム長さ */
#contact-form input.base{width:180px;}
#contact-form input.long{width:210px;}
#contact-form input.post{width:70px;}
#contact-form textarea{width:400px;}
#contact-form textarea.short{height:3em;}
#contact-form textarea.long{height:6em;}

/* 入力フォーム：セルエラー表示 */
table#contact-form tr.error th,
table#contact-form tr.error td{
	background-color: #fceaea;
}

table#contact-form tr.error th{font-weight:bold;}

/* ---------------------------------------------------------------- */
/* サンクス、エラー */
/* ---------------------------------------------------------------- */
#text-area{
	line-height:1.6;
	text-align:center;
}

/* h2 */
#text-area h2{margin:0 auto 1.2em;}

#text-area p{margin:0 auto 2em;}

#error{
	margin:0 auto 2em;
	text-align:center;
}

#error p{
	margin:0 auto;
	padding:0;
	font-weight:bold;
	font-size:1.2em;
	color:red;
}

/* ---------------------------------------------------------------- */
/* btn：ボタン */
/* ---------------------------------------------------------------- */
#btn-conf{margin:0 auto 3.8em;text-align:center;}

#btn *{margin:0;padding:0;}
#btn{margin:0 auto 3em;}

#btn ul{
	width:480px;
	margin:0 auto;
	text-align:center;
}

/* clear hack */
#btn ul{zoom:1;}
#btn ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#btn li{list-style-type:none;}

#btn li.left{float:left;}
#btn li.right{float:right;}

/* ---------------------------------------------------------------- */