@charset "utf-8";

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

	filename:	detail.css
	created:	151203
	update:		151203
	
------------------------------------------------------------ */



body#about{
	
}

body#about p.lead{
	margin : 0 25px;
	font-size : 120%;
}
body#about .abouth2{
	margin-left : 25px;
	margin-top : 50px;
	background : url('../images/h2_bg_line.png') repeat-x;
	background-position : 50%;
}
body#about h2{
	background : #fff;
	color : #fff;
	font-size : 24px;
	line-height : 1em;
	display : inline-block;
	padding-right : 40px;
}
body#about h2 span{
	display : inline-block;
	font-weight : bold;
	padding : 10px 10px 16px 10px;
	background : #08a4d7 url('../images/h2_bg_mark.png') no-repeat;
	background-position : bottom center;
}

body#about ul#stepMenu{
	text-align : center;
	margin : 25px auto 120px 15px;
}
body#about ul#stepMenu li{
	float : left;
}

body#about h4{
	font-size : 24px;
	color : #0086bb;
	font-weight : bold;
	line-height : 1em;
	background : url('../images/h4_bg_mark.png') no-repeat;
	background-position : 0 3px;
	padding-left : 25px;
	margin : 15px 10px 20px 15px;
}
body#about h4 span{
	font-weight : bold;
}
body#about .inner{
	padding-top : 50px;
}
body#about .inner .steplead,
body#about .outsteplead{
	margin : 0 70px;
}

body#about h3{	
	font-size : 27px;
	color : #fff;
	font-weight : bold;
	margin : 0 270px;
	padding : 5px 30px 0px 135px;
}
body#about .inner .innerStep{
	margin : 30px 70px;
	padding : 20px;
}




/*--------------step1--------------*/
body#about #step1{
	text-align : center;
}
body#about #step1 h3{
	background : #f8c148 url('../images/bg_step1_h3.png') no-repeat;
	background-position : 0 50%;
	padding-left : 150px;
}
body#about #step1 .inner{
	background : url('../images/bg_step1_innner.png') no-repeat;
	background-position : top center;
}
body#about #step1 .inner .innerStep{
	background : #fdf4de url('../images/bg_step1_innderStep.png');
}
body#about #step1 .inner .innerStep .block01{
	background : #fff;
	width : 370px;
	float : left;
	min-height : 450px;
	_height : 450px;
}
body#about #step1 .inner .innerStep .block01 h5{
	color : #82820f;
	font-size : 18px;
	font-weight : bold;
	margin : 20px 15px 0px 50px;
}
body#about #step1 .inner .innerStep .block01 dl{
	padding-left : 20px;
	margin : 0 20px 20px 50px;
	background : url('../images/bg_step1_box1_dl.png') no-repeat;
	background-position : left top;
	_zoom :1;
}
body#about #step1 .inner .innerStep .block01 dl dt{
	float : left;
	margin-right : 5px;
	width : 40%;
	font-weight : bold;
}
body#about #step1 .inner .innerStep .block01 dl dd{
	margin-left : 40%;
}
body#about #step1 .inner .innerStep .block01 dl dd:after{
	content:".";display:block;height: 0;clear:both;visibility:hidden;
}
body#about #step1 .inner .innerStep .block01 p.udTxt{
	margin : 15px;
	text-align : center;
}


body#about #step1 .inner .innerStep .block02{
	background : #fff;
	width : 370px;
	float : right;
	min-height : 450px;
	_height : 450px;
}
body#about #step1 .inner .innerStep .block02 ul{
	margin-left : 20px;
}
body#about #step1 .inner .innerStep .block02 ul li{
	float : left;
	margin : 5px;
}
body#about #step1 .inner .innerStep .block02 p.btn{
	background : #dea62c;
	color : #fff;
	margin : 30px 40px 20px 40px;
	line-height : 1.4em;
	background : #e8380d url('../images/bg_step1_block02_btn.png') no-repeat;
	background-position : 100% 50%;
}
body#about #step1 .inner .innerStep .block02 p.btn a{
	color : #fff;
	font-weight : bold;
	display : block;
	padding : 5px 35px 5px 5px;
	text-align : center;
}

body#about #step1 .inner .innerStep .block03{
	background : #fff;
	padding : 15px;
	clear : both;
	margin-top : 20px;
}
body#about #step1 .inner .innerStep .block03 h4{
	margin-left : 0;
}
body#about #step1 .inner .innerStep .block03 .logoBlock{
	margin : 20px 110px;
	text-align : center;
	padding : 10px;
	border-radius : 10px;
	border : solid 5px #eae0cb;
}
body#about #step1 .inner .innerStep .block03 .logoBlock li{
	display : inline-block;
	margin : 5px 10px;
	*display : inline;
	*height : 54px;
}





/*--------------step2--------------*/
body#about #step2{
	text-align : center;
	margin-top : 170px;
}
body#about #step2 h3{
	background : #61b9b9 url('../images/bg_step2_h3.png') no-repeat;
	background-position : 0 50%;
	padding-left : 150px;
}
body#about #step2 .sTxt{
	font-size : 18px;
	font-weight : bold;
}
body#about #step2 h4{
	margin-top : 40px;
	margin-left : 70px;
	margin-bottom : 0;
}
body#about #step2 h5{
	color : #f16739;
	font-weight : bold;
	text-align : center;
	font-size : 20px;
	margin : 15px 15px 0 15px;
	line-height : 1.2em;
}
body#about #step2 h5 span{
	font-weight : bold;
	background : url('../images/bg_step2_h5.png') no-repeat;
	background-position : 0 50%;
	padding-left : 30px;
	display : inline-block;
}
body#about #step2 .inner{
	background : url('../images/bg_step2_innner.png') no-repeat;
	background-position : top center;
}
body#about #step2 .inner .innerStep{
	background : #fdf4de url('../images/bg_step2_innderStep.png');
	margin-top : 10px;
}

body#about #step2 .inner .innerStep .block01{
	background : #fff url('../images/bg_step2_box1.png') no-repeat;
	background-position : left 20%;
	margin-bottom : 20px;
	padding-top : 1px;
	min-height : 387px;
	padding-bottom : 10px;
}
body#about #step2 .inner .innerStep .block01 ul{
	margin-left : 475px;
}
body#about #step2 .inner .innerStep .block01 ul li{
	display : inline-block;
	margin : 3px 10px;
	*display : inline;
	*height : 54px;
}
body#about #step2 .inner .innerStep .block02{
	background : #fff url('../images/bg_step2_box2.png') no-repeat;
	background-position : left top;
	width : 370px;
	float : left;
	min-height : 357px;
}
body#about #step2 .inner .innerStep .block02 ul{
	margin-left : 35px;
	margin-top : 240px;
}
body#about #step2 .inner .innerStep .block03{
	background : #fff url('../images/bg_step2_box3.png') no-repeat;
	background-position : left top;
	width : 370px;
	float : right;
	min-height : 357px;
}
body#about #step2 .inner .innerStep .block03 ul{
	margin-left : 190px;
	margin-top : 260px;
}



/*--------------step3--------------*/
body#about #step3{
	text-align : center;
	margin-top : 170px;
}
body#about #step3 h3{
	background : #9b7aa3 url('../images/bg_step3_h3.png') no-repeat;
	background-position : 0 50%;
	padding-left : 120px;
}
body#about #step3 .inner{
	background : url('../images/bg_step3_innner.png') no-repeat;
	background-position : top center;
}
body#about #step3 .inner .innerStep{
	background : #fdf4de url('../images/bg_step3_innderStep.png');
	padding-bottom : 15px;
}
body#about #step3 ol{
}
body#about #step3 ol li{
	background : #fff;
	width : 378px;
	margin-bottom : 5px;
	text-align : center;
	padding-bottom : 6px;
	padding-top : 10px;
}
body#about #step3 ol li.step1,
body#about #step3 ol li.step3{
	float : left;
}
body#about #step3 ol li.step2,
body#about #step3 ol li.step4{
	float : right;
}
body#about #step3 ol li p{
	min-height : 4em;
	*height : 4em;
	padding-left : 80px;
}

body#about #step3 ol li.step1 p{
	background : url('../images/step3_no01.png') no-repeat;
	background-position : left top;
}
body#about #step3 ol li.step2 p{
	background : url('../images/step3_no02.png') no-repeat;
	background-position : left top;
}
body#about #step3 ol li.step3 p{
	background : url('../images/step3_no03.png') no-repeat;
	background-position : left top;
}
body#about #step3 ol li.step4 p{
	background : url('../images/step3_no04.png') no-repeat;
	background-position : left top;
}