/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------------   partner_001  --------------*/
/*-------------------------------------------*/
/*-------------------------------------------*/


/*-------------------------------------------*/
/*-------------   style.css  ----------------*/
/*-------------------------------------------*/

/*-----------------------*/
/*--- ステップエリア　---*/
/*-----------------------*/

/*--- オークション作成ステップ　---*/
.step_area_f {
	width: 800px;
	height: 138px;
	display: block;
	margin:0 auto 20px;
	background: url("/common2/images/bg/step_F.gif") left top no-repeat;
	}

#f_001 .step_area_f {
	background-position:0 0;
	}
#f_002 .step_area_f {
	background-position:0 -138px;
	}
#f_003 .step_area_f {
	background-position:0 -276px;
	}
#f_004 .step_area_f {
	background-position:0 -414px;
	}

/*--- G-Loan用ステップ　---*/
.step_area_g {
	width: 800px;
	height: 138px;
	display: block;
	margin:0 auto 20px;
	background: url("/common2/images/bg/step_G.gif") left top no-repeat;
	}

#g_001 .step_area_g {
	background-position:0 0;
	}
#g_002 .step_area_g {
	background-position:0 -138px;
	}
#g_003 .step_area_g {
	background-position:0 -276px;
	}
#g_004 .step_area_g {
	background-position:0 -414px;
	}

/*--------------------------*/
/*--- 画面下部ボタン関連 ---*/
/*--------------------------*/

/*-- オークションを作成するボタン--*/
.btn_auc_complet a{
	margin: 0 auto;
	width: 280px;
	height: 40px;
	display: block;
	background: url(/common2/images/btn/btn_auc_complet.gif) top left;
	}
.btn_auc_complet a:hover {
	background-position:bottom left;
	}

/*-- オークション確認へボタン--*/
.btn_aucconf a{
	margin: 0 auto;
	width: 280px;
	height: 40px;
	display: block;
	background: url(/common2/images/btn/btn_aucconf.gif) top left;
	}
.btn_aucconf a:hover {
	background-position:bottom left;
	}

/*-- ローン設定・月間支出入力へ戻るボタン--*/
.btn_loan_expense a{
	margin: 0 auto;
	width: 280px;
	height: 40px;
	display: block;
	background: url(/common2/images/btn/btn_loan_expense.gif) top left;
	}
.btn_loan_expense a:hover {
	background-position:bottom left;
	}

/*-- ローン選択画面へ戻るボタン--*/
.btn_selectloan a{
	margin: 0 auto;
	width: 280px;
	height: 40px;
	display: block;
	background: url(/common2/images/btn/btn_selectloan.gif) top left;
	}
.btn_selectloan a:hover {
	background-position:bottom left;
	}

/*-- オークション作成へ戻るボタン--*/
.btn_making_auc a{
	margin: 0 auto;
	width: 280px;
	height: 40px;
	display: block;
	background: url(/common2/images/btn/btn_making_auc.gif) top left;
	}
.btn_making_auc a:hover {
	background-position:bottom left;
	}

/*-- お借入れ目的の入力へボタン--*/
.btn_bor_purpose a{
	margin: 0 auto;
	width: 280px;
	height: 40px;
	display: block;
	background: url(/common2/images/btn/btn_bor_purpose.gif) top left;
	}
.btn_bor_purpose a:hover {
	background-position:bottom left;
	}

/*-- オークション作成を完了するボタン--*/
.btn_auc_complet a{
	margin: 0 auto;
	width: 280px;
	height: 40px;
	display: block;
	background: url(/common2/images/btn/btn_auc_complet.gif) top left;
	}
.btn_auc_complet a:hover {
	background-position:bottom left;
	}

/*-- 書類送付説明へボタン--*/
.btn_sendingdoc a{
	margin: 0 auto;
	width: 280px;
	height: 40px;
	display: block;
	background: url(/common2/images/btn/btn_sendingdoc.gif) top left;
	}
.btn_sendingdoc a:hover {
	background-position:bottom left;
	}



/*----------------------------*/
/*--- オークション方式選択 ---*/
/*----------------------------*/

#f_002 #input_area .input_area_mdl .input_ttl,
#f_001 #input_area .input_area_mdl .input_ttl {
	padding: 2px 3px 1px 8px;
	margin: 0 10px 10px 0;
	background: #5A923D;
	border: solid 2px #99CC00;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	}

#f_001 #input_area .input_area_mdl #render_rate,
#f_001 #input_area .input_area_mdl .total_value_area {
	padding-left:5px;
	font-size:118%;
	}
html*#f_001 #input_area .input_area_mdl #render_rate,
html*#f_001 #input_area .input_area_mdl .total_value_area {
	padding-left:0;
	}

/* オークション選択BOX */
#f_001 #input_area .input_area_mdl .select_auc .input_ttl {
	margin: 0;
	padding:5px;
	border: 2px solid #99CC99;
	background: #5A8787;
	}

#f_001 #input_area .input_area_mdl .select_auc {
	padding:0;
	width:100%;
	}

#f_001 #input_area .input_area_mdl .select_auc li {
	margin:0;
	}

#f_001 #input_area .input_area_mdl .select_auc #select_std {
	float:left;
	width:355px;
	padding:15px 7px 15px 15px;
	margin:0;
	}

#f_001 #input_area .input_area_mdl .select_auc #select_qik {
	float:right;
	width:355px;
	min-height: 130px;
	margin:0;
	padding:15px 15px 15px 8px;
	border-left:1px solid #CCC;
	}

#f_001 #input_area .input_area_mdl .select_auc #select_std p,
#f_001 #input_area .input_area_mdl .select_auc #select_qik p {
	margin:7px 7px 0;
	}

#f_001 #input_area .input_area_mdl .select_auc li.msg_error {
	border-top:1px solid #CCC;
	padding:10px 15px;
	}

#f_001 #input_area .input_area_mdl #render_rate {
	padding-right:10px;
	}

#f_001 #input_area .input_area_mdl #total_value {
	padding-right:5px;
	}

#f_001 #input_area .input_area_mdl #total_value_s {
	padding-left:10px;
	padding-right:5px;
	}

#f_002 #input_area .input_area_mdl li.input input,
#g_002 #input_area .input_area_mdl li.input input,
#f_002 #input_area .input_area_mdl li.input_file input,
#g_002 #input_area .input_area_mdl li.input_file input {
	font-size: 120%;
	border:solid 1px #999;
	padding: 3px 0 1px 4px;
	height: 21px;
	width:480px;
	float:left;
	}

#g_002 #input_area .input_area_mdl li.input_file .img_control input {
	font-size: 120%;
	border:solid 1px #999;
	padding: 3px 0 1px 4px;
	height: 21px;
	width:400px;
	float:left;
	}



#f_002 #input_area .input_area_mdl li.input_file input,
#g_002 #input_area .input_area_mdl li.input_file input {
	height: 28px;
	}

#f_002 #input_area .input_area_mdl li.input input,
#g_002 #input_area .input_area_mdl li.input input {
	width:480px;
/*--	*width:400px;--*/
}

#f_002 #input_area .input_area_mdl li.input_file,
#g_002 #input_area .input_area_mdl li.input_file {
 	float: none;
	}

#f_002 #input_area .input_area_mdl li.input_file ul,
#g_002 #input_area .input_area_mdl li.input_file ul {
	padding:0;
	margin:0;
	border:none;
	width:100%;
	clear: both;
	}

/* 説明文エリアの見出し */
#f_003 #output_area .output_area_mdl #expMaterial_area li.output_ttl,
#g_003 #output_area .output_area_mdl #expMaterial_area li.output_ttl,
#f_002 #input_area .input_area_mdl #exp_area li.input_ttl,
#g_002 #input_area .input_area_mdl #exp_area li.input_ttl,
#f_003 #output_area .output_area_mdl #exp_area li.output_ttl,
#g_003 #output_area .output_area_mdl #exp_area li.output_ttl {
	width:710px;
	margin:0 0 10px;
	padding-top:5px;
	padding-bottom:5px;
	float:none;
	}

/* フォントサイズ違いの微調整 */
#f_001 #input_area .input_area_mdl .select_auc .input_ttl input,
#f_001 #input_area .input_area_mdl .select_auc .input_ttl label {
	margin-top:.3em;
	}
#f_002 #input_area .input_area_mdl #exp_area .input_ttl p {
	padding-top:3px;
	}


/* ローンタイプの見出し */
#f_003 #output_area .output_area_mdl .loan_type {
	border: solid 2px #99CC99;
	width: 745px;
	background: #5A8787;
	padding: 6px 3px 5px 8px;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	letter-spacing: 4px;
	}

/* お借り入れの目的 */
#f_003 #textboxArea,
#g_003 #textboxArea{
	width:712px;
	height:400px;
	padding:5px;
	border:1px solid #dfdfdf;
	font-size:150%;
	overflow-y:scroll;
	}

/* タイトル内『？』右配置 */
#f_001 #input_area .input_area_mdl .select_auc .input_ttl span.btn_help,
#f_002 #input_area .input_area_mdl #exp_area li.input_ttl span.btn_help,
#g_002 #input_area .input_area_mdl #exp_area li.input_ttl span.btn_help {
	float:right;
	margin:0 5px;
	}

#f_001 #input_area .input_area_mdl .select_auc .input_ttl input,
#f_001 #input_area .input_area_mdl .select_auc .input_ttl label,
#f_002 #input_area .input_area_mdl #exp_area .input_ttl p,
#g_002 #input_area .input_area_mdl #exp_area .input_ttl p {
	float:left;
	vertical-align:middle;
	}

.page_info_main .msg_supplement {
	width:740px;
	}

#f_003 #output_area .output_area_mdl li.output_ttl {
	margin-right:0;
	}
#f_003 #output_area .output_area_mdl li.conf {
	padding-left:10px;
	}

#f_004 #customer_name {
	margin-right:15px;
	}

#g_001 .chk_privacy {
	margin-bottom:20px;
	}


/* ボタンエリア下部の※の上の余白 */
.btn_area .att {
	color:#666;
	margin:20px auto 0;
	text-align: left;
	width: 60%;
	}

/* ※の文字色 */
.att {
	color:#666;
	}

/* ※のインデント */
.ind_txt01 {
	text-indent:-1em;
	padding-left:1em;
	}

/* インデント１文字分 */
.ind01 {
	padding-left:1em;
	}
/* テキストエリアの幅調整 */
.input_area_mdl textarea,
.output_area_mdl textarea {
	width:98.7%;
	}

/* _mdl修正 */
html*#input_area .input_area_mdl,
html*#output_area .output_area_mdl{
	border-bottom:1px solid #FFF;/* safari */
	margin-bottom:-1px;/* safari */
	_padding-right:19px;/* IE6 */
	_padding-left:19px;/* IE6 */
	}

/* IE6でinputの上下ボーダー出すための対応 */
#input_area .input_area_mdl li input {
	_margin-top:1px;/* IE6 */
	_margin-bottom:1px;/* IE6 */
	}

/* FF2表示崩れ対応 */
.msg_error {
	clear:both;
	}

#bigTitle{
	font-size:130%;
	font-weight: bold;
	}


/*------------------------*/
/*------- clearFix -------*/
/*------------------------*/

#f_002 #input_area .input_area_mdl #expMaterial_area li.input_ttl,
#f_001 .input_area_mdl .select_auc:after,
#f_002 #input_area .input_area_mdl li.input_file li:after,
#g_002 #input_area .input_area_mdl li.input_file li:after,
#f_001 #input_area .input_area_mdl .select_auc .input_ttl:after,
#f_002 #input_area .input_area_mdl #exp_area li.input_ttl:after,
#g_002 #input_area .input_area_mdl #exp_area li.input_ttl:after,
#g_003 #input_area .input_area_mdl #exp_area li.input_ttl:after,

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both; /* DW */
	}


*html #f_002 #input_area .input_area_mdl #expMaterial_area li.input_ttl,
*html #f_001 .input_area_mdl .select_auc,
*html #f_002 #input_area .input_area_mdl li.input_file li,
*html #g_002 #input_area .input_area_mdl li.input_file li,
*html #f_001 #input_area .input_area_mdl .select_auc .input_ttl,
*html #f_002 #input_area .input_area_mdl #exp_area li.input_ttl,
*html #g_002 #input_area .input_area_mdl #exp_area li.input_ttl,
*html #g_003 #input_area .input_area_mdl #exp_area li.input_ttl,

*html .clearfix {
	display: inline-block;
	}

*:first-child+html #f_002 #input_area .input_area_mdl #expMaterial_area li.input_ttl,
*:first-child+html #f_001 .input_area_mdl .select_auc,
*:first-child+html #f_002 #input_area .input_area_mdl li.input_file li,
*:first-child+html #g_002 #input_area .input_area_mdl li.input_file li,
*:first-child+html #f_001 #input_area .input_area_mdl .select_auc .input_ttl,
*:first-child+html #f_002 #input_area .input_area_mdl #exp_area li.input_ttl,
*:first-child+html #g_002 #input_area .input_area_mdl #exp_area li.input_ttl,
*:first-child+html #g_003 #input_area .input_area_mdl #exp_area li.input_ttl,

*:first-child+html .clearfix {
	display: inline-block;
	}


*html #f_002 #input_area .input_area_mdl #expMaterial_area li.input_ttl,
*html #f_001 .input_area_mdl .select_auc,
*html #f_002 #input_area .input_area_mdl li.input_file li,
*html #g_002 #input_area .input_area_mdl li.input_file li,
*html #f_001 #input_area .input_area_mdl .select_auc .input_ttl,
*html #f_002 #input_area .input_area_mdl #exp_area li.input_ttl,
*html #g_002 #input_area .input_area_mdl #exp_area li.input_ttl,
*html #g_003 #input_area .input_area_mdl #exp_area li.input_ttl,

*html .clearfix {
	height: 1%;
	}


*:first-child+html #f_002 #input_area .input_area_mdl #expMaterial_area li.input_ttl,
*:first-child+html #f_001 .input_area_mdl .select_auc,
*:first-child+html #f_002 #input_area .input_area_mdl li.input_file li,
*:first-child+html #g_002 #input_area .input_area_mdl li.input_file li,
*:first-child+html #f_001 #input_area .input_area_mdl .select_auc .input_ttl,
*:first-child+html #f_002 #input_area .input_area_mdl #exp_area li.input_ttl,
*:first-child+html #g_002 #input_area .input_area_mdl #exp_area li.input_ttl,
*:first-child+html #g_003 #input_area .input_area_mdl #exp_area li.input_ttl,

*:first-child+html .clearfix {
	height: 1%;
	}


#f_002 #input_area .input_area_mdl #expMaterial_area li.input_ttl,
#f_001 .input_area_mdl .select_auc,
#f_002 #input_area .input_area_mdl li.input_file li,
#g_002 #input_area .input_area_mdl li.input_file li,
#f_001 #input_area .input_area_mdl .select_auc .input_ttl,
#f_002 #input_area .input_area_mdl #exp_area li.input_ttl,
#g_002 #input_area .input_area_mdl #exp_area li.input_ttl,
#g_003 #input_area .input_area_mdl #exp_area li.input_ttl,

.clearfix {
	display: block;
	}