@charset "UTF-8";

/* カードローン
-------------------------------------------------------------------------------- */

/* ●見出し-------------------- */

.autoloan_shindan_menu li {
	float: left;
}

.loan_headline2_block {
	margin:0 0 20px;
}

.loan_headline2_box {
	background: url(../img_common/elements/2col/h2_bg_top.gif) top no-repeat;
}

.loan_headline2_inner {
	background: url(../img_common/elements/h2_bg_btm.gif) bottom repeat-x;
	padding:12px 10px 10px 10px;
}

.loan_headline2_inner h2 {
	font-size: 138.5%;
}

.loan_headline2_inner h2.ttl_icon_01,
.loan_headline2_inner h2.ttl_icon_02,
.loan_headline2_inner h2.ttl_icon_03,
.loan_headline2_inner h2.ttl_icon_04,
.loan_headline2_inner h2.ttl_icon_05,
.loan_headline2_inner h2.ttl_icon_06,
.loan_headline2_inner h2.ttl_icon_07 {
	padding-left: 36px;
}

.loan_headline2_inner h2.ttl_icon_01 { background: url(../img_freehtml/personal/service/autoloan/icon_ttl_01.gif) 0 0 no-repeat; }
.loan_headline2_inner h2.ttl_icon_02 { background: url(../img_freehtml/personal/service/autoloan/icon_ttl_02.gif) 0 0 no-repeat; }
.loan_headline2_inner h2.ttl_icon_03 { background: url(../img_freehtml/personal/service/autoloan/icon_ttl_03.gif) 0 0 no-repeat; }
.loan_headline2_inner h2.ttl_icon_04 { background: url(../img_freehtml/personal/service/autoloan/icon_ttl_04.gif) 0 0 no-repeat; }
.loan_headline2_inner h2.ttl_icon_05 { background: url(../img_freehtml/personal/service/autoloan/icon_ttl_05.gif) 0 0 no-repeat; }
.loan_headline2_inner h2.ttl_icon_06 { background: url(../img_freehtml/personal/service/autoloan/icon_ttl_06.gif) 0 0 no-repeat; }
.loan_headline2_inner h2.ttl_icon_07 { background: url(../img_freehtml/personal/service/autoloan/icon_ttl_07.gif) 0 0 no-repeat; }


.loan_faq_link_block {
	border: 3px solid #d9d9d9;
	padding: 12px 17px;
}


/* ●トップ-------------------- */

.icon_maru {
	background: url(../img_freehtml/personal/service/loan_common/icon_maru.gif) 0px 0 no-repeat;
	padding: 5px 0 10px 36px;
}

.icon_sankaku {
	background: url(../img_freehtml/personal/service/loan_common/icon_sankaku.gif) 0px 0 no-repeat;
	padding: 5px 0 10px 36px;
}

.icon_batsu {
	background: url(../img_freehtml/personal/service/loan_common/icon_batsu.gif) 0px 0 no-repeat;
	padding: 5px 0 10px 36px;
}

.font_lll{
	font-size:132%;
}


/* ●FAQ-------------------- */

.question_box {
	_padding-top: 1em;
	border-top: 1px solid #fff;
	background: url(../img_freehtml/personal/service/loan_common/icon_faq_q.jpg) 0px 3px no-repeat;
	padding: 14px 0 14px 54px;
	font-weight: bold;
	font-size: 115%;
}

.answer_box {
	margin-bottom: 20px;
	background: url(../img_freehtml/personal/service/loan_common/icon_faq_a.jpg) 0px 3px no-repeat;
	padding: 14px 0 14px 54px;
}

.answer_box .answer_lead {
	color: #c00;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 108%;
}


/* ●ご利用までの流れ-------------------- */

.nagare_headline4_block {
	margin: 0 0 20px;
}

.nagare_headline4_box {
	background-color: #bedcf3;
	color: #3b3b3b;
	padding: 8px;
	font-size: 123.1%;
	font-weight: bold;
}

.nagare_headline4_box img {
	margin-right:10px;
}

.nagare_raiten_block {
	margin-bottom:30px;
}

.nagare_raiten_block .nagare_raiten_img {
	float: left;
	width: 200px;
}

.nagare_raiten_block .nagare_raiten_txt {
	zoom: 1;
	overflow: hidden;
}

.nagare_raiten_block .nagare_raiten_txt h5 {
	font-size: 135.1%;
	margin-bottom: 10px;
}

.nagare_raiten_block .nagare_raiten_txt .f_red {
	color: #e73f00;
}

.nagare_raiten_block .inquiry_number_inner {
	padding: 10px 10px 10px 20px;
	margin-top: 5px;
	background-color: #eee;
}

.nagare_raiten_block .q,
.loan_faq_link_block .q {
	background:url(../img_freehtml/personal/service/loan_common/q.gif) 0 2px no-repeat;
	padding: 4px 0 4px 30px;
}

.nagare_raiten_block .nagare_raiten_left {
	float: left;
	width: 48%;
	margin-right:2%
}

.nagare_raiten_block .nagare_raiten_right {
	overflow: hidden;
	zoom: 1;
}


/* オートローン
-------------------------------------------------------------------------------- */

.loan_tab_menu li {
	float: left;
}

/* シミュレーション */

.col2_frame {
	
}

.col2_frame .col2_left {
	float: left;
	width: 325px;
}

.col2_frame .col2_right {
	float: right;
	width: 325px;
}


/* 条件比較シート */

.auto_simu_table_block {
	margin: 0 0 20px;
}

.auto_simu_table_block table {
	width:100%;
	border-collapse: collapse;
}

.auto_simu_table_block th {
	padding: 6px;
	font-weight: bold;
}

.auto_simu_table_block td {
	padding: 6px;
	border-spacing: 0;
}

.hosyou_per {
	border: 1px solid #FFA700;
	padding: 4px;
	background-color: #fffbbe;		
}

.hosyou_per02 {
	border: 1px solid #cccccc;
	padding: 4px;
}

.hosyou_per02 .float_r {
	float: right;
}

.auto_simu_table_block .border_style_01 {
	border: 1px solid #ccc;
}

.auto_simu_table_block .border_style_02 {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.auto_simu_table_block .border_style_03 {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.auto_simu_table_block th.no_p,
.auto_simu_table_block td.no_p {
	padding: 0;
	line-height: 1;
}


.border_orange {
	border: 1px solid #FFA700 !important;
}



/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- //
 *
 * シュミュレーション 共通
 *
// ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.simu_input_focus {
	background: #c7fffa;
}
.simu_input_error {
	background: #fcecff;
}
.simu_input_success {
	background: #e3ffe4;
}
.simu_input_disabled {
	background: gray;
	opacity: 0.5;
	cursor: default !important;
	pointer-events: none;
}
.simu_error_message {
	display: none;
	color: red;
	margin-left: 10px;
	font-weight: bold;
}
.simu_input_s {
	text-align: right;
	font-weight: bold;
	font-size: 197%;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- //
 *
 * シュミュレーション
 *
// ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#simu_age01 {

}
#simu_age02 {

}
#simu_salary {

}
#simu_loan {

}
#simu_trigger_container {

}
#simu_trigger {
	cursor: pointer;
}
#simu_res_display01 {
	display: none;
}
#simu_res_display02 {
	display: none;
}
#simu_res_display03 {
	display: none;
}
