@charset "Shift_JIS";

p{
	margin: 0;
}

img{
	border: none;
}

#wrapper{
	width: 740px;
	margin: 0 auto;
	text-align: center;
}

#wrapper h1{
	margin: 0;
	padding: 0;
	line-height: 1;
}



/*
 *
 * 共通
 *
 */

/* ローカルナビ */
.localnav{
	margin: 0 0 20px;
	padding: 6px 0 4px 20px;
	list-style: none;
	background: #eee;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.localnav li{
	display: inline;
	margin: 0;
	padding: 4px 5px 5px 0;
}

.localnav .current{
	margin-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	background: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #ccc;
}

.localnav li a{
	padding-left: 10px;
	background: url(../../images/btn-icon.gif) no-repeat;
}

/* ページトップリンク */
.totop{
	clear: both;
	margin: 0 20px 20px 0;
	font-size: 10px;
	text-align: right;
}

/* ボックス */
#lineup,
#about,
#jutaku,
#chouki{
	width: 700px;
	margin: 0 auto 50px;
	text-align: left;
}

#lineup h2,
#about h2,
#jutaku h2,
#chouki h2{
	margin: 0 0 20px 0;
	padding: 20px 0 0.2em;
	font-size: 18px;
	font-weight: bold;
	color: #8e8e8e;
	border-bottom: 1px solid #e5e5e5;
}

.data_heading{
	margin-bottom: 3px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	border-left: 7px solid #e5e5e5;
}



/*
 *
 * ラインアップ
 *
 */

#lineup .category{
	width: 172px;
	border-top: 3px solid #cccc33;
	border-bottom: 1px solid #cccc33;
	background: #ffffcc;
}

#lineup .category .title{
	margin: 10px 10px 5px 10px;
	font-weight: bold;
	font-size: 14px;
}

#lineup .category .title span{
	margin-right: 5px;
	color: #cccc33;
}

#lineup .category .description{
	margin: 0 10px 10px 30px;
	color: #666633;
	font-size: 10px;
	line-height: 1.2;
}

#lineup .end{
	margin: 0 auto 10px;
	padding: 2px 0;
	color: #cb3434;
	text-align: center;
	background: #ffcccc;
	border-bottom: 1px solid #cb3434;
}

#lineup .end span{
	font-size: 14px;
	font-weight: bold;
}

#lineup #yugu_service{
}

#lineup #yugu_service .image{
	float: left;
	width: 95px;
	margin: 0 10px;
}

#lineup #yugu_service .title{
	margin: 0 0 5px;
	padding: 10px 0 0;
	font-size: 14px;
	font-weight: bold;
}

#lineup #yugu_service .text{
	margin: 10px;
}

.ttl_kotei{
	font-size: 10px;
	background: #e5e5e5;
	border-top: 3px solid #ffffff;
	border-right: 1px solid #cecece;
}

.ttl_hendou{
	font-size: 10px;
	background: #e5e5e5;
	border-top: 3px solid #ffffff;
	border-left: 1px solid #ffffff;
}

.ttl_hendou p, .ttl_kotei p{
	margin: 0;
}

.line td{
	border-bottom: 1px solid #cecece;
	font-weight: bold;
}

.rate_txt{
	font-size: 24px;
	line-height: 1.6;
}

.rate_txt_yugu{
	font-size:24px;
	color: #0066ff;
	line-height: 1.6;
}

#shape{
	width: 460px;
	height: 59px;
	background: url(../images/j_loan/shape.gif) no-repeat;
}

#shape p{
	margin: 0;
	padding: 10px 0 0 160px;
}

.cell td{
	border-bottom: 1px dotted #cecece;
}

#houhu{
	width: 436px;
	height: 17px;
	text-align: center;
	color: #0066ff;
	background: url(../images/j_loan/ttl_houhu.gif) no-repeat;
}

#yajirushi{
	width: 90px;
	height: 100%;
	margin:0;
	background: url(../images/j_loan/l_yajirushi_03c.gif) repeat-y;
}

#reform{
	width: 174px;
	background: url(../images/j_loan/bg_reform.gif) repeat-y;
}


/*
 *
 * 住宅ローン金利のご説明
 *
 */

#about .block{
	margin-bottom: 50px;
}

#about .block h3{
	margin: 0;
	padding: 5px 5px 3px 5px;
	font-size: 11pt;
	background: #e6e6e6;
}

#about .block table{
	width: 100%;
	margin: 0 0 10px;
	border: 1px solid #e6e6e6;
	background: #e6e6e6;
}

#about .block table th{
	padding: 5px;
	color: #0066ff;
	text-align: left;
	background: #daeafa;
	border: 1px solid #ffffff;
}

#about .block table td{
	padding: 5px;
	background: #ffffff;
}

#about .block table td.items{
	font-size: smaller;
	background: #ffffcc;
}

#about .block .notes{
	margin: 0 0 20px;
	padding: 0 0 0 1em;
	font-size: smaller;
	text-indent: -1em;
}

#about .system .data_heading{
	margin: 0 0 20px;
	border-bottom: 1px dotted #cecece;
}

#about .system .description{
	margin: 0 0 20px 20px;
}

#about .system h3{
	margin: 0 0 5px 20px;
	font-size: 10pt;
}

#about .system h3.fix span{
	padding: 2px;
	background: #c9e9ff;
}

#about .system h3.float span{
	padding: 2px;
	background: #ffcdcd;
}

#about .system ul{
	margin: 0 0 20px 40px;
	padding: 0;
}

#about .system .image{
	text-align: center;
}


/*
 *
 * 住宅ローン金利
 *
 */

#jutaku h2{
	margin-bottom: 5px;
}

#jutaku h2 span.date{
	color: #333333;
	font-size: 10pt;
	font-weight: normal;
	background: #ffffcc;
}

#jutaku h2 span.date strong{
	color: #0066ff;
}

#jutaku h2 span.sub{
	color: #333333;
	font-size: 10px;
	font-weight: normal;
}

#jutaku .reconside{
	margin: 0 0 20px;
	font-size: 10px;
	color: #999999;
	text-align: right;
}

#jutaku .description{
	margin: 0 0 20px;
}

#jutaku .reconside2{
	margin: 0;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

#jutaku .notes{
	margin: 0 0 30px 240px;
	padding: 0;
	color: #999999;
	list-style: none;
}

#jutaku .tradeitem{
	margin: 0 0 30px 240px;
}

#jutaku .tradeitem .title span{
	font-weight: bold;
	padding: 2px;
	background: #ffffcc;
}

#jutaku .tradeitem .description{
	margin: 0;
	font-size: 10px;
}


/*
 *
 * 長期固定商品
 *
 */

#chouki .description{
	margin: 0 0 20px;
}

#chouki .description{
	margin: 0 0 20px;
}

#chouki .kotei_data{
	margin: 0 0 5px;
}

#chouki .kotei_data tr td{
	border-bottom: 1px dotted #cccccc;
}

#chouki .data_description{
	margin: 0 0 40px;
}

.plan{
	height: 40px;
	color: #0066ff;
	font-weight: bold;
	background: #daeafa;
}