@charset "utf-8";
/* CSS Document */


/*--------------------------------
　各種ローンのお申込み　扉ページ
--------------------------------*/

.flow {
	width: 580px;
	margin: 0px auto 30px auto;
	background: url(/loanentry2/inc/images/bg_flow04.gif) 0 0 repeat-y;
}
.step_01,
.step_02,
.step_03,
.step_04 {
	width: 579px;
	padding-right: 1px;
	overflow: hidden;
}

.flow_ttl,
.flow_img,
.flow_detail {
	float: left;
}
.flow_ttl,
.flow_img {
	width: 100px;
	text-align: center;
}
.flow_img {
	padding: 10px 0px;
}
.flow_detail {
	width: 359px;
	padding: 10px;
}
.step_01 .flow_img,
.step_01 .flow_detail,
.step_02 .flow_img,
.step_02 .flow_detail,
.step_03 .flow_img,
.step_03 .flow_detail {
	border-bottom: 1px solid #FFF;
}

/* Step1 */
.step_01 {
	background: url(/loanentry2/inc/images/flow_top.gif) 0 0 no-repeat;
}
.step_01 .flow_ttl {
	padding-top: 10px;
	background: url(/loanentry2/inc/images/flow_r1.gif) 0% 0% no-repeat #89c5e2;
}

/* Step2 */
.step_02 {
	background: url(/loanentry2/inc/images/bg_flow02.gif) 0 0 repeat-y;
}
.step_02 .flow_ttl {
	padding-top: 30px;
	background: url(/loanentry2/inc/images/arrow_flow02.gif) 0% 0% no-repeat;
}

/* Step3 */
.step_03 {
	background: url(/loanentry2/inc/images/bg_flow03.gif) 0 0 repeat-y;
}
.step_03 .flow_ttl {
	padding-top: 30px;
	background: url(/loanentry2/inc/images/arrow_flow03.gif) 0% 0% no-repeat;
}

/* Step4 */
.step_04 {
	background: url(/loanentry2/inc/images/flow_bottom.gif) 0% 100% no-repeat;
}
.step_04 .flow_ttl {
	padding-top: 30px;
	background: url(/loanentry2/inc/images/arrow_flow04.gif) 0% 0% no-repeat;
}
.step_04 .flow_detail ul {
	padding-left: 5px;
}
.step_04 .flow_detail li {
	margin-bottom: 3px;
	padding-left: 10px;
	background: url(/loanentry2/inc/images/icon_arrow.gif) 0px 1px no-repeat;
	color: #cc3333;
}

.table-type01 a.typeA span.paL20 {
	_padding-left: 0px!important;/* IE6での改行リンクのずれを調整 */
}


/*--------------------------------
　各種ローンのお申込み　下層
--------------------------------*/
.loan_ttl {
	width: 480px;
	margin: 20px auto 30px auto;
	padding: 15px 0px;
	text-align: center;
	border-top: 1px solid #9d9da1;
	border-bottom: 1px solid #9d9da1;
}


.gray_box,
.gray_line {
	width: 550px;
	margin: 10px auto;
	padding: 10px 20px 0px 20px;
	clear: both;
}

.gray_line{
	padding: 10px 20px 10px 20px;
}

.gray_box ul,
.white_box ul {
	padding: 3px 0px 10px 0px;
}
.gray_box ul li,
.white_box ul li {
	width: 265px;
	float: left;
	line-height: 150%;
}
.gray_box ul li img {
	padding-bottom: 5px;
}

.paT40{ padding-top: 40px !important;}


/*--------------------------------
ローン増額のお申込みの流れ　扉ページ
--------------------------------*/
.flow-zogaku {
	width: 580px;
	margin: 0px auto 30px auto;
	background: url(/loanentry2/inc/images/bg_flow03.gif) 0 0 repeat-y;
}

.flow-zogaku .step_03 {
	background: url(/loanentry2/inc/images/flow_bottom_step3.gif) bottom no-repeat;
	padding-bottom: 12px;
}

.flow-zogaku .step_03 .flow_detail,
.flow-zogaku .step_03 .flow_img {
	border: none;
}
/*--------------------------------
ローン増額のお申込みの流れ　下層
--------------------------------*/
.loan_ttl_zougaku {
	border-bottom: none;
	margin-bottom: 0;
	padding: 5px 0;
}

.loan_ttl p {
	width: 379px;
	margin: 0 auto;
}

.loan_ttl p span {
	display: block;
	padding: 5px 5px 5px 50px;
	line-height: 1.2;
}

.white_box {
	width: 550px;
	margin: 0 auto;
}

.white_box ul li {
	width: 265px;
	float: left;
	line-height: 150%;
}
