@charset "shift_jis";

/* --------------------------------
かりる用CSS
-------------------------------- */

/* --------------------------------
content :: main
-------------------------------- */
div#content div.main div h2 {
margin-bottom: 6px;
}

div#content div.main div h3 {
margin-bottom: 4px;
margin-top: 14px;
color: #3F6633;
font-size: 1.2em;
font-weight: bold;
}

div#content div.main div p {
line-height: 160%;
width: 570px;
}

div#content div.main div table {
margin-top: 16px;
border-left: 1px #999999 solid;
border-top: 1px #999999 solid;
width: 570px;
}

div#content div.main div th,
div#content div.main div td {
padding: 8px 8px;
border-bottom: 1px #999999 solid;
border-right: 1px #999999 solid;
}

div#content div.main div th {
background-color: #EDF8F0;
text-align: center;
vertical-align: middle;
width: 102px;
}

div#content div.main div td {
line-height: 160%;
width: 450px;
}

div#content div.main div thead th {
padding-left: 10px;
padding-right: 10px;
background-color: #D1EDDA;
font-weight: bold;
text-align: left;
width: auto;
}

div#content div.main div thead th div {
padding-top: 4px;
padding-left: 0;
float: left;
}

div#content div.main div thead th div a {
padding-bottom: 0px;
padding-top: 4px;
}

div#content div.main div thead th div a span.title {
margin-right: 4px;
padding-right: 20px;
padding-top: 6px;
background-image: url(../image/ic_pdf.gif);
background-repeat: no-repeat;
background-position: right;
}

div#content div.main div thead th div a span.spec {
font-size: 0.8em;
font-weight: normal;
}

div#content div.main div thead th div.pdf {
padding-top: 0;
float: right;
}

div#content div.main div thead th div.pdf a {
padding: 0;
background-image: none;
}

div#content div.main div thead th div.pdf img {
margin: 0 0 2px 10px;
margin-left: 10px;
}


/* --------------------------------
content :: menu
-------------------------------- */
div#content div.menu ul.category li {
list-style-image: url(../image/ar05.gif);
}

/* --------------------------------
7つのローンプラン　トップ
-------------------------------- */
#content .planBox {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 548px;
	background: url(loanplan/images/planbox_bg.gif) repeat-y right top;
	border: solid 1px #CCC;
	margin: 0 10px 10px;
	padding: 0!important;
}

#content .planBox div {
	margin: 0!important;
	padding: 0!important;
}

#content .planBox .flleft {
	text-decoration: none;
	width: 388px;
	float: left;
	dipslay: block;
	padding: 15px 0 25px;
	position: relative;
}

#content .planBox .flleft:hover {
	background: #F7F7F7;
	cursor: pointer;
}

#content .planBox .flleft .title {
	width: 285px;
	font-size: 20px;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
}

#content .planBox .flleft .title span {
	font-size: 14px;
	line-height: 14px;
}

#content .plan1 .flleft .title { border-left: solid 5px #E9546B; }
#content .plan2 .flleft .title { border-left: solid 5px #F29558; }
#content .plan3 .flleft .title { border-left: solid 5px #ECBD00; }
#content .plan4 .flleft .title { border-left: solid 5px #A8BF00; }
#content .plan5 .flleft .title { border-left: solid 5px #74AA8D; }
#content .plan6 .flleft .title { border-left: solid 5px #00A7EA; }
#content .plan7 .flleft .title { border-left: solid 5px #007EC7; }
#content .plan8 .flleft .title { border-left: solid 5px #9070AF; }
#content .plan9 .flleft .title { border-left: solid 5px #00A7EA; }
#content .plan10 .flleft .title { border-left: solid 5px #508d02; }
#content .plan11 .flleft .title { border-left: solid 5px #00A7EA; }
#content .plan12 .flleft .title { border-left: solid 5px #00A7EA; }

#content .planBox .flleft .shito {
	width: 285px;
	padding: 0 0 0 15px;
}

#content .planBox .flleft .shito span {
	font-size: 11px;
}

#content .planBox .flleft .note {
	width: 285px;
	font-size: 11px;
	line-height: 1.4;
	margin: 4px 0 0;
	padding: 0 0 0 15px;
}

#content .planBox .flleft .gendo {
	width: 75px;
	position: absolute;
	top: -1px;
	right: 20px;
}

#content .planBox .flright {
	width: 140px;
	float: right;
	padding: 7px 10px 7px!important;
}

#content .planBox .flright p {
	margin: 0 0 4px;
}

#content .planBox .flright p a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* --------------------------------
詳細ページ
-------------------------------- */
/*テーブル内のテーブル*/
#content .innerTb {
	width: 100%!important;
	margin: 4px 0 10px!important;
}

#content .innerTb th, 
#content .innerTb td {
	text-align: center;
	padding: 4px;
}

#content .innerTb th {
	width: 120px!important;
	background: #FFF!important;
}

#content .innerTb td {
	width: auto!important;
}

/* リフォーム */
#content .reformTb {
	width: 570px!important;
}

#content .reformTb th {
	width: 102px!important;
}

#content .reformTb td {
	width: auto!important;
}

#content .reformTb td.w80 {
	width: 80px!important;
}

#content .reformTb td table th {
	width: 80px!important;
}

/* --------------------------------
flow
-------------------------------- */
#content .btnArea {
	text-align: center;
	width: 540px;
	margin: 20px 0;
}

#content .btnArea p {
	text-indent: -9999px;
	width: 173px!important;
	height: 42px!important;
	margin: 0 auto!important;
	padding: 0!important;
}

#content .btnArea.clear_fix .web, #content .btnArea.clear_fix .smp {
	margin-right: 10px!important;
	float: left;
}

#content .btnArea.clear_fix .fax {
	float: right;
}

#content .btnArea p a {
	width: 173px;
	height: 42px;
	display: block;
	margin: 0!important;
	padding: 0!important;
}

#content .btnArea .web a { background: url(loanplan/images/flow_b_web.gif) no-repeat left top; }
#content .btnArea .smp a { background: url(loanplan/images/flow_b_smp.gif) no-repeat left top; }
#content .btnArea .fax a { background: url(loanplan/images/flow_b_fax.gif) no-repeat left top; }

#content .btnArea a:hover {
	background-position: left bottom;
}

#content .reformbtnArea {
	width: auto!important;
	margin-left: 95px;
}