@charset "utf-8";

#title_area{
  	background : #ceb3d3 url('../images/faq/tbg.jpg') repeat-x bottom;
	padding : 0 0 30px 0;
	margin : 0 0 50px 0;
	}
#title_area .title_area_content{
	width : 980px;
	margin : 0 auto;
	font-size : 15px;
	background : url('../images/faq/t_image.png') no-repeat right top;
	height : 464px;
	}
#title_area .title_area_content h1{
	margin : 0 0 30px 0;
	}
#title_area .title_area_content h2{
	font-size : 46px;
	margin : -20px 0 0 0;
	color : #fff;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	}

#qa{
	margin : 0 0 100px 0;
	}
.list{
	width : 900px;
	margin : 0 auto;
}
.list ol li{
	position:relative;
	margin-bottom:20px;
	padding-bottom:38px;
	background:url('../images/faq/line_shadow.png') no-repeat bottom center;
}
.list ol li.q10{
	background:none;
}
.list ol li p.ico{
	float:left;
	padding:0 42px 0 8px;
}
.list ol li p.btn{
	z-index : 100;
	position:absolute;
	right:10px;
	top:5px;
}
.list ol li dl{
	float:left;
	width:720px;
	padding : 0;
	margin : 0;
}
.list ol li dl dt{
	position:relative;
	margin:3px 0 10px 0;
	font-size:1.25em;
	font-weight:bold;
	color:#b98786;
	z-index:11;
}
.list ol li dl dd{
	position:relative;
	line-height:1.5;
	font-size:1.09em;
	z-index:11;
}
.list ol li p.deco01{
	position:absolute;
	right:0px;
	bottom:10px;
	z-index:1;
}
.list ol li p.deco02{
	position:absolute;
	right:0px;
	bottom:10px;
	z-index:1;
}
.list ol li p.deco03{
	position:absolute;
	right:0px;
	bottom:17px;
	z-index:1;
}
.list ol li p.deco04{
	position:absolute;
	left:75px;
	top:-29px;
}
.list ol li p.deco05{
	position:absolute;
	right:0px;
	top:-29px;
	z-index:1;
}


#request{
	width:900px;
	margin:-130px auto 30px auto;
	padding-top : 130px;
}
#request h4{
	margin-bottom:18px;
	text-align:center;
}
#request p.txt{
	margin-bottom:25px;
	text-align:center;
}




/* 全体レイアウト
----------------------------------------*/
.form-area table.form-tbl{
	width:900px;
	margin:0 auto 30px auto;
	border-collapse:collapse;
	border:1px solid #d6d6d4;
}
.form-area table.form-tbl td table{
	width:auto;
	border:none;
}
.form-area table.form-tbl th,
.form-area table.form-tbl td{
	border:1px solid #d6d6d4;
	text-align:left;
}
.form-area table.form-tbl th{
	width:150px;
	padding:15px 10px 15px 10px;
	background:#f7f7f7;
	color:#4c4c4c;
	font-weight:bold;
	line-height:1.6;
	vertical-align:middle;
}
.form-area table.form-tbl th span.hs{
	color:#F00;
}

.form-area table.form-tbl td{
	padding:15px 10px 7px 10px;
	background:#FFF;
}
.form-area table.form-tbl td table td{
	padding:0 20px 0 0;
	border:none;
}
.form-area table.form-tbl td p{
	padding:0 0 8px;
}
.form-area table.form-tbl .zip img{
	padding-bottom:3px;
}


/* form-thanks
----------------------------------------*/
div.form-thanks{

}

div.form-thanks p{
	margin:0 0 20px 0;
	line-height:1.8;
}
div.form-thanks p.btn-top{
	margin:30px 0 20px 0;
}
div.form-thanks p.btn-top a{
	padding:10px 30px;
	background-color:#8dc21f;
	color:#FFF;
	font-weight:bold;
	font-size:1.14em;
}

/* form-btn
----------------------------------------*/
.form-area ul.form-btn{
	width:320px;
	margin:0 auto;
}
.form-area ul.form-btn li{
	width:144px;
	height:30px;
	float:left;
	margin-right:20px;
}
.form-area ul.form-btn li input{
	width:144px;
	height:30px;
	border:none;
	cursor:pointer;
}
.form-area ul.form-btn li.b-conf{
	float:none;
	margin:0 auto;
	background:url(../images/faq/btn_conf_ov.png) no-repeat left top;
}
.form-area ul.form-btn li.b-send {
	float: left;
	background:url(../images/faq/btn_send_ov.png) no-repeat;
}
.form-area ul.form-btn li.b-back {
	float: right;
	margin-right:0;
	background:url(../images/faq/btn_back_ov.png) no-repeat;
}

.form-area ul.form-btn li.b-conf input{
	background:url(../images/faq/btn_conf.png) no-repeat left top;
}
.form-area ul.form-btn li.b-send input {
	background: url(../faq/common/btn_send.png) no-repeat;
}
.form-area ul.form-btn li.b-back input {
	background: url(../images/faq/btn_back.png) no-repeat;
}


/* input、textareaの基本スタイル ***************************************************************** */
/* 必要に応じてスタイルを修正してください */
/* 通常時のスタイル */
.form-area input.ipt-usually,
.form-area textarea.ipt-usually {
	padding: 4px;
	border: 1px solid #d6d6d4;
	background: #FFF;
}
.form-area textarea {
	font-size: 1.2em;
}

/* focus時のスタイル→jsでclassをadd,removeを制御 */
.form-area input.ipt-focus,
.form-area textarea.ipt-focus {
	border: 1px solid #ef7a00;
	background: #FFFBD7;
}

/* 入力エリアの横幅指定用 ********************************************************************* */
/* 必要に応じで追加・削除してください */
.form-area .ipt-w50 { width: 50px; }
.form-area .ipt-w60 { width: 60px; }
.form-area .ipt-w180 { width: 180px; }
.form-area .ipt-w300 { width: 300px; }
.form-area .ipt-w460 { width: 460px; }


/* エラーメッセージ *************************************************************************** */
/* 必要に応じでスタイルを修正してください */
.form-area .e-style {
	margin-bottom: 1em;
	border: 2px solid #FBB0B1;
	background-color: #F5E6E6;
	padding: 10px;
	color: #F00;
}
.form-area .e-style p {
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}
.form-area .e-style ul {
	padding-left: 1em;
}
.form-area .e-style li {
	font-size: 1.2em;
	text-align: left;
}