@charset "utf-8";
/* ===================================================================
	use toppage
=================================================================== */

header{	border-top: 4px solid #84b617;}
#title_area {
	background: url(../images/bg_title_area.png) center bottom repeat-x;
}

.read_area {
	padding: 25px 0 50px;
	text-align: center;
}
.read_area .read_ttl {
	margin: 15px;
}
.cont_area {
	background: #fff;
	box-shadow:rgba(122, 105, 80, 0.3) 0px 0px 8px 2px;
	-webkit-box-shadow:rgba(122, 105, 80, 0.3) 0px 0px 8px 2px;
	-moz-box-shadow:rgba(122, 105, 80, 0.3) 0px 0px 8px 2px;
	margin-bottom: 70px;
	padding: 5px;
	position: relative;
}
.cont_area .fuki {
	bottom: -14px;
	margin-left: -18px;
	left: 65px;
	position: absolute;
}
.cont_area .vertical_area {
	float: left;
	padding-top: 90px;
	position: relative;
	text-align: center;
	width: 130px;
}
.cont_area .vertical_area .vt_ttl {
	padding-left: 8px;
}
.cont_area .vertical_area .ttl_icon {
	left: 50%;
	margin-left: -55px;
	position: absolute;
	top: -45px;
}
.cont_area .text_area {
	border-left: 1px dotted #9c9c9c;
	float: left;
	line-height: 1.8;
	padding: 50px 50px 65px;
	width: 740px;
}
.cont_area .text_area .sub_ttl {
	border-bottom: 1px solid #baa089;
	margin-bottom: 15px;
	padding: 10px 0 10px 10px;
}
.cont_area .text_area .sub_ttl span.txt {
	border-left: 8px solid #86b71b;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 3px 0 3px 10px;
}
.cont_area .text_area .l_cont,
.cont_area .text_area .r_cont {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
}

/*----------------------------------------------------
	first
----------------------------------------------------*/
#first {
	background: url(../images/first_arrow.png) center bottom no-repeat;
	margin-bottom: 25px;
	padding-bottom: 40px;
	position: relative;
}
#first .sub_ttl {
	bottom: 60px;
	left: 50%;
	margin-left: -305px;
	position: absolute;
}
#first .cont_area {
	margin-bottom: 50px;
	padding: 60px 0 90px;
}
#first .cont_area .text {
	float: left;
	padding: 0 60px;
	width: 490px;
}
#first .cont_area .text .ttl {
	margin-bottom: 25px;
}
/*----------------------------------------------------
	STEP1
----------------------------------------------------*/
#set1 .text_area .line_wrap {
	border: 1px solid #d3d3d3;
	padding: 25px;
}
#set1 .text_area .c_ttl {
	margin-bottom: 15px;
}
#set1 .text_area .box1 {
	padding : 0 0 40px 0;
	position: relative;
}
#set1 .text_area .box1 .text_1 {
	bottom: 200px;
	position: absolute;
	right: -15px;
	z-index: 20
}
#set1 .text_area .box1 .photo_list {
	padding-top: 25px;
	position: relative;
	z-index: 30
}
#set1 .text_area .box1 .photo_list li {
	float: left;
	width: 230px;
}
#set1 .text_area .box1 .photo_list li +li {
	margin-left: 25px;
}
#set1 .text_area .box2 .r_cont {
	margin-left: 20px;
	width: 450px;
}
#set1 .text_area .box3 {
	padding-top: 15px;
	text-align: center;
}
#set1 .text_area .box3 .c_txt {
	margin-top: 10px;
}
#set1 .text_area .box3 .l_cont ,
#set1 .text_area .box3 .r_cont {
	background: url(../images/set1_arrow_01.png) center top no-repeat;
	padding-top: 45px;
}
#set1 .text_area .box3 .l_cont .line_wrap,
#set1 .text_area .box3 .r_cont .line_wrap{
	min-width: 294px;
	padding: 25px 29px 20px 29px;
}
#set1 .text_area .box3 .r_cont {
	margin-left: 31px;
}
/*----------------------------------------------------
	STEP2
----------------------------------------------------*/
#set2 .text_area {
	min-height: 315px;
	padding-top: 60px;
}
#set2 .l_cont {
	margin-right: 40px;
	vertical-align: top;
	width: 350px;
}
#set2 .r_cont {
	vertical-align: top;
	position: relative;
}
#set2 .r_cont #img_circle{
	bottom: -55px;
	left: -75px;
	position: absolute;
}
/*----------------------------------------------------
	STEP3
----------------------------------------------------*/
#set3 .text_area {
	padding: 55px 50px 40px;
}
#set3 .photo{
	margin-top: 50px;
	text-align: center;
}
/*----------------------------------------------------
	set_last
----------------------------------------------------*/
.last_wrap {
	background: url(../images/last_bg.png) repeat;
	padding: 70px 0 45px;
}
#set_last {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
}
#set_last .text_area .text_box {
	padding-bottom: 40px;
}
#set_last .text_area .l_cont {
	padding: 0 20px 0 15px;
	position: relative;
	vertical-align: top;
}
#set_last .text_area .box1 .l_cont .img {
	text-align: center;
	width: 238px;
}
#set_last .text_area .r_cont {
	vertical-align: top;
	width: 430px;
}
#set_last .text_area .af_ttl {
	margin-bottom: 25px;
	text-align: center;
}
#set_last .text_area .text_1 {
	bottom: 5px;
	position: absolute;
	right: -450px;
}
#set_last .text_area .text_2 {
	bottom: 5px;
	position: absolute;
	right: -365px;
}