@charset "Shift_JIS";
/******************************************************/
/* Copyright (C) SKYONLINE, Inc. All Rights Reserved. */
/******************************************************/

/*個別設定（背景画像・色等（カスタマイズ）
※レイアウトなどの変更が必要な場合は「base.css」を修正してください*/


/* common
---------------------------------------------------- \*/
/*ページ全体*/
body {
	/*ページ全体の文字色*/
	color: #333333;
	/*ページの背景色（背景画像がない場合に有効）*/
	background-color: #E7EFEC;
	/*画像フォルダを変更した場合はパスに注意*/
	background-image: url(bg.gif);
	/*背景画像：横方向に並べる場合は[repeat-x]、縦方向に並べる場合は[repeat-y]*/
	background-repeat: repeat;
}


/* link
---------------------------------------------------- \*/
/*ハイパーリンク色の指定です*/
a:link {color: #CDCDCD;}
a:visited {color: #CDCDCD;}
a:active {color: #FDFDFD;}
a:hover {color: #FDFDFD;}


/* List
---------------------------------------------------- \*/
/*試算結果表示の下部にある注意書き部分の文字色です*/
.kaitou {color: #666666;}


/* header
---------------------------------------------------- \*/
/*ページ最上部（ヘッダー部分）です*/
#header {
	/*ここはヘッダー（ヘッダー画像含む）部分の更に下敷きとなる背景画像の指定です*/
	/*ヘッダー画像のパスはHTMLファイルで指定します*/
	/*画像フォルダを変更した場合はパスに注意*/
	background-image: url(header_bg.jpg);
	/*背景画像：横方向に並べる場合は[repeat-x]、縦方向に並べる場合は[repeat-y]*/
	/*背景画像：全体に並べる場合は[repeat]、並べない（778x60ピクセルの画像を敷く）場合は[no-repeat]*/
	background-repeat: no-repeat;
	/*ヘッダー画像領域の高さ指定*/
	height: 30px;
	/*ヘッダー部分の枠線色指定*/
	border: 1px solid #339999;
}

#header img.logo {
	/*ヘッダー画像の横幅指定*/
	width: 250px;
}


/* content
---------------------------------------------------- \*/
/*コンテンツ「大枠」内の設定です*/
#content {
	/*背景色の指定（背景画像を指定したときは画像が優先して表示されます）*/
	background-color: #EEEEEE;
	/*画像を使用する場合は[url()]内に画像のパスを設定してください*/
	background-image: url();
	/*背景画像：横方向に並べる場合は[repeat-x]、縦方向に並べる場合は[repeat-y]*/
	background-repeat: repeat;
	/*線の太さ（このCSSファイル最下部にある[.clear-line]と対になります）*/
	border-top-width: 5px;
	/*線の色*/
	border-top-color: #515151;
}


/* second
---------------------------------------------------- \*/
/*コンテンツ「中枠」内の設定です*/
#second-main {
	/*背景色の指定（背景画像を指定したときは画像が優先して表示されます）*/
	background-color: #FFFFFF;
	/*画像を使用する場合は[url()]内に画像のパスを設定してください*/
	background-image: url();
	/*背景画像：横方向に並べる場合は[repeat-x]、縦方向に並べる場合は[repeat-y]*/
	background-repeat: repeat;
}


/*ページ内の上下に表示する説明や注意文の設定です*/

/*試算フォーム上に表示する説明部分の背景色*/
.box-loan_1 {background-color: #FFFF99;}

/*試算結果の下に表示する注意文部分の背景色*/
.box-loan_2 {background-color: #E1E1E1;}


/* loan
---------------------------------------------------- \*/
/*ローン試算フォームの「表」設定です*/

/*表全体の背景色*/
table.t-loan {background-color: #FFFFFF;}

/*表のキャプション部分*/
table.t-loan caption {
	/*文字の色*/
	color: #00612B;
	/*文字の左側にある線の色*/
	border-left-color: #339999;
}

/*表内左側部分（項目名）*/
table.t-loan th {
	/*背景色*/
	background-color:#C9ECBD;
	/*文字色*/
	color:#333333;
	/*枠線の色*/
	border-top:1px solid #CCCCCC;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #CCCCCC;
}

/*表内右側部分（説明書き）*/
table.t-loan td {
	/*文字の大きさ（フォントサイズ）*/
	font-size:x-small;
	/*背景色*/
	background-color:#FFFFFF;
	/*文字色*/
	color: #666666;
	/*枠線の色*/
	border-top:1px solid #CCCCCC;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #CCCCCC;
}

/*表内中側部分（入力フォーム部分）*/
table.t-loan td.cell-1 {
	/*背景色*/
	background-color:#CECECE;
	/*文字色*/
	color: #333333;
	/*枠線の色*/
	border-top:1px solid #CCCCCC;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #CCCCCC;

}

/*表内中側部分（試算結果表示フォーム部分）*/
table.t-loan td.cell-2 {
	/*背景色*/
	background-color:#FFFF99;
	/*文字色*/
	color: #333333;
	/*枠線の色*/
	border-top:1px solid #CCCCCC;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #CCCCCC;
}

/*表内下部分（試算ボタン部分）*/
table.t-loan td.form-btn {
	/*背景色*/
	background-color: #76C793;
}


/* Form tag styles
---------------------------------------------------- \*/
/*試算結果の金額表示部分*/
.ReadOnly {
	/*背景色*/
	background-color: #CCCCCC;
	/*文字色*/
	color: #333333;
}


/* footer
---------------------------------------------------- \*/
/*ページ最下部（フッター部分）の背景色指定です*/
#footer-1,#footer-2 {
	/*背景色の指定（背景画像を指定したときは画像が優先して表示されます）*/
	background-color: #339999;
	/*画像を使用する場合は[url()]内に画像のパスを設定してください*/
	background-image: url();
	/*背景画像：横方向に並べる場合は[repeat-x]、縦方向に並べる場合は[repeat-y]*/
	background-repeat: repeat;
}

/*フッター上部のボーダー設定です*/
.footer-line {
	/*線の太さ（このCSSファイル上辺りにある[#content]と対になります）*/
	height: 5px;
	/*線の色*/
	background-color: #515151;
}