@charset "shift_jis";

/***************************************************************************************************
	/before.asp Layout
***************************************************************************************************/
#beforeLayout{
}
#beforeLayout img{
	vertical-align : bottom ;
}
#beforeLayout a{
	color : #630 ;
}
#beforeLayout a:hover{
	color : #f60 ;
}
#beforeLayout p{
	margin : 0 ;
}

/*************************************************
	.header
*************************************************/
#beforeLayout .header{
	margin : 0 0 30px ;
}
#beforeLayout .header h1{
	padding : 0 3px 8px ;
	border-bottom : #c4a56c 2px solid ;
}
#beforeLayout .header ul{
	padding : 10px 0 3px 8px ;
	border : #efe5d9 1px solid ;
	border-top : none ;
	background : url("../_img/ehonnavi_before/bg_before_header.png") left center repeat ;
}
#beforeLayout .header ul li{
	float : left ;
	margin : 0 6px 7px 0 ;
	width : 200px ;
	height : 62px ;
	background-color : #fff ;
}
#beforeLayout .header ul li a{
	display : table ;
	width : 198px ;
	height : 60px ;
	border : #efe5d9 1px solid ;
}
#beforeLayout .header ul li a span{
	display : table-cell ;
	width : 198px ;
	height : 60px ;
	text-align : center ;
	vertical-align : middle ;
	font-weight : bold ;
}


#beforeLayout .header-comment p{
	padding : 15px ;
	border : #c4a56c 1px solid ;
}
/*************************************************
	.body
*************************************************/
#beforeLayout .body{
	margin : 0 0 20px ;
}
#beforeLayout .body h2{
	padding : 0 3px 5px ;
	border-bottom : #c4a56c 2px solid ;
	font-size : 116.7% ;
	font-weight : bold ;
}
#beforeLayout .body dl{
	border : #efe5d9 1px solid ;
	border-top : none ;
}
#beforeLayout .body dl dt{
	padding : 10px ;
	font-weight : bold ;
	background : url("../_img/ehonnavi_before/ico_before_body_close.png") 595px 16px no-repeat ;
	cursor : pointer ;
}
#beforeLayout .body dl.open dt{
	background-image : url("../_img/ehonnavi_before/ico_before_body_open.png") ;
}
#beforeLayout .body dl dt span{
	display : block ;
	padding : 0 0 0 34px ;
	background : url("../_img/ehonnavi_before/ico_question.png") left center no-repeat ;
	line-height : 20px ;
}
#beforeLayout .body dl dd{
	display : none ;
	padding : 8px 20px 5px 44px ;
	background : url("../_img/ehonnavi_before/ico_anser.png") 10px 7px no-repeat ;
	color : #666 ;
}
#beforeLayout .body dl.open dd{
	display : block ;
}
#beforeLayout .body dl dd p{
	margin : 0 0 10px ;
}
#beforeLayout .body dl dd p strong{
	font-weight : bold ;
	color : #000 ;
}
#beforeLayout .body p.pagetop{
	width : auto ;
	margin : 10px 0 0 ;
	font-size : 100% ;
}
#beforeLayout .body p.pagetop a{
	padding : 1px 0 1px 17px ;
	background : url("../_img/ehonnavi_before/ico_pagetop.png") left center no-repeat ;
}
/*************************************************
	.form
*************************************************/
#beforeLayout .form{
	margin : 65px 0 0 ;
	padding : 15px ;
	border : #efe5d9 4px solid ;
}
#beforeLayout .form p{
	margin : 0 auto 30px ;
}
#beforeLayout .form p.btn{
	padding : 0 130px ;
}
#beforeLayout .form p.btn a{
	display : block ;
	background : #630 ;
	border-radius : 5px ;
	line-height : 50px ;
	font-size : 133.3% ;
	font-weight : bold ;
	color : #fff ;
	text-align : center ;
	text-decoration : none ;
}
#beforeLayout .form p.btn a:hover{
	background : #855b33 ;
}
#beforeLayout .form p.last{
	margin : 0 ;
}