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

/*リセットcss・今だけ表示用に設置*/
dl,dt,dd,p{	margin: 0px; padding: 0px;}
body{ font-size:12px;}



/*
・メインコンテンツ内ウィジット使用時ID #container (広い幅用)
・サイドウィジット使用時ID #primaryもしくは#secondary・#tertiary (狭い幅用)
  ※使用テーマにより変わります。

  ※フッターへの設置は サイドウィジットと同じスタイル(狭い幅用) を追加指定して下さい。#footer・#colophon等
  ※Twenty Eleven では #primaryがメイン部分で使用していますのでご注意下さい。

*/


/* CSS ここから使用↓ */


/* = ローン計算フォーム
-------------------------------------------------------------- */

/* ---------------- メイン・サイド共通 */

#loan_box{
	overflow: hidden;
	/zoom:1;
}

.loan_calcform,
.loan_result{
	float: left;
	border-radius:4px;
	padding: 1%;
	width: 100%;
}

.loan_calcform dl,
.loan_result dl{
	float: left;
	width: 100%;
}

/* dt内emテキスト(借入金額の50%まで)*/
.loan_calcform dt em {
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	display: block;
}

/* dd 縦調節 */
.loan_calcform dd.loan_dd1{ padding-top: 4%; }


/*入力欄幅*/
.loan_calcform select,
.loan_calcform dd input{
	padding: 2px;
	margin: 0px 4px 0px 0px;
	width: 50px;
	border-radius:4px;
	font-size:14px;
}

/* input 上記の内容で試算する */
p.loan_submit{
	clear: both;
	text-align: center;
	border-top: 1px dotted #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}

.loan_calcform p.loan_submit input{	padding: 6px;}




/* ---------------- 計算フォーム .loan_calcform */

.loan_calcform{
	background: #f8f8f8;
}


/*メイン*/
#container .loan_calcform{
	width: 48%;
}

/*サイド*/
#primary .loan_calcform,
#secondary .loan_calcform,
#tertiary .loan_calcform{
	width: 99%;
}

.loan_calcform dt {
	float: left;
	clear:left;
	background: #C8DCF0;
	font-weight: bold;
	border-radius:4px;

	width: 45%;
	padding: 3%;
	margin: 1%;
}

.loan_calcform dd {
	float: left;
	font-size:9px;

	width: 42%;
	padding: 1%;
}


/* ---------------- 試算結果 .loan_result */

.loan_result{
	background: #FBEADB;
}

/*メイン*/
#container .loan_result{
	width: 46%;
	margin-left:5px;
}

/*サイド*/
#primary .loan_result,
#secondary .loan_result,
#tertiary .loan_result{
	width: 99%;
	margin-left:0px;
}


.loan_result dt {
	float: left;
	clear:left;
	background: #FFFEFB;
	border-radius:4px;

	width: 40%;
	padding: 2%;
	margin: 1%;
}

.loan_result dd {
	float: left;
	font-weight: bold;
	text-align: right;

	width: 48%;
	padding: 1%;
	margin: 1%;

}

/*  */