@charset "utf-8";
/* ***********************************************************
*
* Since:			2008-03-17
* Modified:			2008-03-17
* Guideline:		Ver.1.00
* Editor:			JUN HISANAGA(SONAR.Inc)
* Last Modified:	JUN HISANAGA(SONAR.Inc)
*
* ***********************************************************
*/

/* CSS Document */
	
/* 住宅ローンの選び方 */	
body#loan h2 , body#loanSelect h2 , body#loanTop h2{
	background-image:url(../img/loan/title.gif);
	}
	
body#loan .bottomMargin10 {
	margin:0 0 10px 0;
	}
	
body#loan .AtamaTable {
	padding:5px 0px 5px 10px;
	border: solid 1px #000000;
	border-collapse: collapse
	}

body#loan .AtamaTable td{
	padding:4px 0px 10px 4px;
	border: solid 1px #000000;
	}

body#loan .AtamaTable th{
	padding:1px 1px 1px 1px;
	border: solid 1px #000000;
	}

body#loan #bgGreen {
	background: #C0D6C0;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
	}
	
body#loan #bgGreen2 {
	background: #C0D6C0;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	}

body#loan #bgGreen3 {
	background: #C0D6C0;
	width: 400px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	}

body#loan #bgGreen400 {
	background: #C0D6C0;
	width: 380px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
	}

body#loan #sponsor {
	text-align: right;
	margin-top: 50px;
	margin-bottom: 50px;
	}

body#loan #contents  ol {
	margin: 15px 20px 15px 30px;
	list-style: decimal;
	}

body#loan .kanogakuTable {
	padding:5px 0px 5px 10px;
	border: solid 1px #000000;
	border-collapse: collapse
	}

body#loan .kanogakuTable td{
	padding:2px 0px 10px 2px;
	border: solid 1px #000000;
	text-align: center;
	}

body#loan .kanogakuTable th{
	padding:1px 1px 1px 1px;
	border: solid 1px #000000;
	background: #C2E3A8;
	}
	
	body#loan .kanogakuTable caption {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #51822A;
	}

body#loan #boxGreen {
	border: 1px solid #006600;
	width: 300px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
body#loan #boxGreen2 {
	border: 1px solid #006600;
	width: 400px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

body#loan #List3 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}

body#loan #List5 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}

body#loan .bottomMargin10 dt {
	font-weight: bold;
	color: #51822A;
	background: url(../img/guide/circle_green.gif) no-repeat;
	padding-left: 12px;
	padding-top: 0px;
	margin-top: 10px;
	}

body#loan .bottomMargin10 dd {
	margin-left: 10px;
	}

body#loan .bottomMargin10 dl {
	margin-left: 5px;
	margin-top: 0px;
	padding-top: 0px;
	}
	
body#loan .bottomMargin10 #List3 dt {
	font-weight: bold;
	color: #51822A;
	background: url(../img/guide/circle_green.gif) no-repeat;
	padding-left: 12px;
	padding-top: 0px;
	margin-top: 0px;
	}

body#loan .bottomMargin10 #List5 dt {
	font-weight: bold;
	color: #51822A;
	background: url(../img/guide/circle_green.gif) no-repeat;
	padding-left: 12px;
	padding-top: 0px;
	margin-top: 0px;
	}

body#loan .hensaiTable {
	border: 1px solid #666666;
	border-collapse: collapse
	}

body#loan .hensaiTable th {
	background: #D6F1BA;
	border: 1px solid #666666;
	}

body#loan .hensaiTable .midashi {
	background: #DFEADF;
	border: 1px solid #666666;
	text-align: center;
	}

body#loan .hensaiTable td {
	border: 1px solid #666666;
	padding: 6px;
	}

body#loan .hensaiTable caption {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #51822A;
	}

body#loan .kinriTable {
	border: 1px solid #666666;
	border-collapse: collapse
	}

body#loan .kinriTable th {
	background: #D6F1BA;
	border: 1px solid #666666;
	}

body#loan .kinriTable .midashi {
	background: #BAD1BA;
	border: 1px solid #666666;
	}

body#loan .kinriTable td {
	border: 1px solid #666666;
	}

body#loan .kinriTable caption {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #51822A;
	}

body#loan .hensaiTable ul {
	margin: 5px;
	list-style: square;
	padding: 0px 0px 10px 10px; 
	_padding: 0px 0px 10px 8px; 
	}

body#loan .hensaiTable li {
	padding: 0px 0px 5px 0;
	}

body#loan .kuriageTable {
	border: 1px solid #666666;
	border-collapse: collapse
	}

body#loan .kuriageTable th {
	background: #D6F1BA;
	border: 1px solid #666666;
	padding: 3px;
	}

body#loan .kuriageTable .midashi {
	background: #E4EDE4;
	border: 1px solid #666666;
	padding: 5px;
	}

body#loan .kuriageTable td {
	border: 1px solid #666666;
	padding: 5px;
	}

body#loan .kuriageTable caption {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #51822A;
	}

body#loan .syohiyoTable {
	border: 1px solid #666666;
	border-collapse: collapse
	}

body#loan .syohiyoTable th {
	background: #D6F1BA;
	border: 1px solid #666666;
	}

body#loan .syohiyoTable .midashi {
	background: #E4EDE4;
	border: 1px solid #666666;
	}

body#loan .syohiyoTable td {
	border: 1px solid #666666;
	text-align: left;
	padding: 5px;
	}

body#loan .syohiyoTable caption {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #51822A;
	}
	
body#loan .karikaeTable {
	border: 1px solid #666666;
	border-collapse: collapse
	}

body#loan .karikaeTable th {
	background: #D6F1BA;
	border: 1px solid #666666;
	}

body#loan .karikaeTable .midashi {
	background: #E4EDE4;
	border: 1px solid #666666;
	}

body#loan .karikaeTable td {
	border: 1px solid #666666;
	text-align: left;
	padding: 5px;
	}

body#loan .karikaeTable caption {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #51822A;
	}
	
body#loan  .bottomMargin10 #karikaeList {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
	list-style: square;
	}
body#loan .syohiyoTable dl {
	text-align: left;
	margin-left: 10px;
}

body#loan  .bottomMargin10 p {
	margin-top: 5px;
	margin-bottom: 5px;
}

body#loan .syoruiTable {
	border: 1px solid #666666;
	border-collapse: collapse
	}

body#loan .syoruiTable th {
	background: #D6F1BA;
	border: 1px solid #666666;
	}

body#loan .syoruiTable .midashi {
	background: #FFFFFF;
	border: 1px solid #666666;
	text-align: left;
	}

body#loan .syoruiTable td {
	border: 1px solid #666666;
	text-align: left;
	padding: 5px;
	}

body#loan .syoruiTable caption {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #51822A;
	}
	
body#loan .syoruiTable2 {
	border: 1px solid #666666;
	border-collapse: collapse
	}

body#loan .syoruiTable2 th {
	background: #D6F1BA;
	border: 1px solid #666666;
	}

body#loan .syoruiTable2 .midashi {
	background: #E3ECE3;
	border: 1px solid #666666;
	text-align: left;
	}

body#loan .syoruiTable2 td {
	border: 1px solid #666666;
	text-align: center;
	padding: 5px;
	}

body#loan .syoruiTable2 caption {
	float: none;
	text-align: left;
	font-weight: bold;
	color: #51822A;
	}
	
	
body#loanSelect dl#selectMenu {
	width:950px;
	margin:0 0 15px 0;
	padding:0;
	}
body#loanSelect dl#selectMenu dt {
	width:950px;
	margin:0;
	padding:0;
	background-image:url(../img/loan/head_select_menu.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
body#loanSelect dl#selectMenu dd {
	width:930px;
	margin:0 0 15px 0;
	padding:10px;
	border-style:solid;
	border-color:#E4E4E4;
	border-width:1px;
	}
body#loanSelect dl#selectMenu dd ul {
	margin:0;
	padding:0;
	}
body#loanSelect dl#selectMenu dd ul:after {
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
	content: ".";
	display: block;
	color: #ffffff;
	clear: both;
	}

body#loanSelect dl#selectMenu dd ul li {
	min-height:16px;
	margin:0 15px 0 0;
	padding:2px 0 2px 20px;
	list-style-position:inside;
	list-style-type:none;
	background-image:url(../img/arrow_box_green.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	}
body#loanSelect dl#selectMenu dd ul li#onMenu {
	background-image:url(../img/arrow_box_yellow.gif);
	font-weight:bold;
	color:#51822A;
	}
body#loanSelect div#iframeArea {
	width:800px;
	margin:0 auto 15px auto;
	padding:0 30px;
	}

/* TOP */	
body#loanTop h3 {
	width:740px;
	height:130px;
	background-image:url(../img/loan/head_top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	padding:0;
	}
body#loanTop h4 {
	margin-top:15px;
	}
body#loanTop ul.topMenu{
	margin:0 45px -10px 45px;
	padding:0;
	}
body#loanTop ul.topMenu:after {
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
	content: ".";
	display: block;
	color: #ffffff;
	clear: both;
	}
body#loanTop ul.topMenu li {
	width:190px;
	min-height:16px;
	margin:0 0 10px 0;
	padding:2px 0 2px 20px;
	list-style-position:inside;
	list-style-type:none;
	background-image:url(../img/arrow_box_green.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	}
body#loanTop div#otherLoanGuide {
	margin:0 0 15px 0;
	padding:15px 45px 0 45px;
	border-top-style:dotted;
	border-top-color:#CCCCCC;
	border-top-width:1px;
	}
body#loanTop div#otherLoanGuide:after {
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
	content: ".";
	display: block;
	color: #ffffff;
	clear: both;
	}
body#loanTop dl#otherLoan {
	margin:0 0 15px 0;
	padding:0;
	float:left;
	}
body#loanTop dl#otherLoan dt {
	margin:0;
	padding:2px 0 2px 20px;
	background-image:url(../img/arrow_box_green.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
body#loanTop dl#otherLoan dd {
	margin:5px 0 0 0;
	padding:0;
	}
body#loanTop dl#otherLoan dd ul {
	margin:5px 0 0 30px;
	padding:0;
	}
body#loanTop dl#otherLoan dd li {
	margin:0 0 10px 0;
	list-style-image:url(../img/arrow_gray.gif);
	}
body#loanTop p#bestRate {
	text-align:right;
	float:right;
	}
	
