/* 共通要素の設定 */
body {
	margin: 0px;
	padding: 0px;
}

.wd-ads {
	margin: 10px;
}
.wa-ads a{
	font-size: 12px!important;
}
.main #ove{
	font-size:13px;
	margin-botom:15px;
	padding:0 3px;
}
.wd-ads table{
	font-size: 12px!important;
}

.wd-ads td{
	padding: 3px;
	font-size: 10px!important;
}

#container {
	width: 760px;
	border-top: 1px solid #EEF9EB;
}

p, li, h1, h2, h3, h4, h5, h6, form, input {
	margin: 0px;
	padding: 0px;
}

form {
	font-size: 12px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

img {
	border: 0px;	
}

img.arrow {
	vertical-align:middle;
}

.clear {
clear: both;
}

/* 基本テーブル定義 */

table.area-table {
	width: 760px;
}

table.area-table td.main-area {
	width: 580px;
	vertical-align:top;
	font-size:12px;
}

table.area-table td.menu-area {
	width: 170px;
	vertical-align:top;
	background: #EDF5E8;
	padding:0px;
	margin:0px;
	border-right: solid 1px #ccc;
}

table.area-table td.all-area {
	width: 760px;
	vertical-align:top;
}

.m_c {
margin-bottom: 0;
}

.sear{
margin: 5px 0 0;
padding: 0;
height: 25px;
}

#recom {
margin-top: -4px;
margin-bottom: 10px;
padding: 0;
}
html>/**/ body #recom, x:-moz-any-link, x:default
{
margin-top: -19px;
margin-bottom: 0;
}
*html body #recom
{
margin-top: -19px;
margin-bottom: 0;
}
*+html body #recom
{
margin-top: -19px;
margin-bottom: 0;
}

.ti {text-indent: -9999px;display:none;height: 0.1em;}
.recom_waku th{
	background: url(http://www.j-homeloan.jp/navi/images/recome_waku.jpg);
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding:3px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #B4AF9C;
	border-left: 1px solid #ccc;
}
.recom_waku .z01{
 	width: 20%;
}
.recom_waku .z02{
 	width: 14%;
}
.recom_waku .z03{
 	width: 15%;
}
.recom_waku .z04{
 	width: 17%;
}
.recom_waku .z05{
 	width: 14%;
}
.recom_waku .z06{
 	width: 10%;
}
.recom_waku .z07{
 	width: 10%;
}

.recom_waku th span {
	display: block;
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #e7e7e7;
}

.recom_waku td span {
	display: block;
	margin-bottom: 2px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #e7e7e7;
}

.recom_waku .loan{
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #0D0D17;
	background: url(/navi/images/waku02.jpg);
	vertical-align: top;
}

.recom_waku .name{
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
}

.recom_waku td{
	padding: 2px 3px;
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #B4AF9C;
	border-left:1px solid #f2f2f2;
	color: #313333;
	line-height: 1.1em;
	text-align: center;
}

.m_c2 {
width: 560px;
margin: 10px 0 10px!important;
padding-bottom: 5px;
border-right: 0px solid #e7e7e7;
border-bottom: 0px double #e7e7e7;
line-height: 1.1em;
}
.m_c2 td {
padding: 2px 3px;
border-left: 0px solid #e7e7e7;
border-bottom: 0px solid #e7e7e7;
border-collapse: collapse;
vertical-align: top;
}
.b1{
width: 18%;
}
.b2{
width: 17%;
}
.b3{
width: 18%;
}
.b4{
width: 17%;
}
.b5{
width: 20%;
}
.m_c2 .button{
padding-top: 10px;
text-align: center;
border-top: 1px dotted #ccc;
}

.map_list {
	margin-top:1px;
	border-top: 1px dotted #7F9DB9;
}
.map_list td{
	padding:1px;
}

#main-contents {
	padding: 5px 0px 0px 5px;
	width: 580px !important;
	width /**/: 580px;
}
.main #main-contents h1 {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding: 10px 5px 10px 0;
	text-align: right;
}
.main #main-contents h1 a {
	text-decoration: none;
}

#all-contents {
	padding: 5px 0px 0px 5px;
	width: 750px !important;
	width /**/: 750px; 
	font-size: 12px; 
}

#page-top {
	margin-top: 18px;
	text-align: right;
	clear: both;
}

#sub-contents {
	padding: 1px 10px 8px 2px;
	width: 168px !important;
	width /**/: 180px; 
}

#search_bar {
	background: url(/images/bar_search.jpg) no-repeat top left;
	width: 750px;
	height: 25px;
}

#search_bar h1 {
	font-size: 14px;
	color: #12451E;
	padding: 5px 0px 0px 4px;
}

#pankuzu {
	font-size: 12px;
	padding: 7px 0px 17px 4px;
color: #333333;
}
#pankuzu a {
color: #333333;
}
#pankuzu a:hover {
color:#F26522;
}

/* サイドメニュー定義 */

#sidemenu-top {
	margin-right: 0px;
	margin-top: 0px;
	background: #12451E;
	height: 1px;
}

#sidemenu,
.sidemenu {
	margin-right: 0px;
	margin-top: 0px;
	width: 170px;
	background-color: #EDF5E8;
	font-size: 12px;
}

#menu,
.menu {
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	width: 170px;
	font-size: 12px;
	background-color: #EDF5E8;
	margin-bottom:70px;
}

#menu .size {
font-size: 12px;
}

#menu1 {
	padding: 0px;
	width: 170px;
	font-size: 12px;
	background-color: #FFFFCC;
}

#menu ul,
.menu ul {
	padding-bottom: 10px;
}

.bank #menu ul,
.links #menu ul{
_padding-top: 10px;
}

#menu ul li ul li,
.menu ul li ul li {
padding: 12px 0 0 0;
_padding: 12px 0 0 0;
}

#menubar,
.menubar {
	position: relative;
	width: 170px;
	height:30px;
	_height:25px;
	text-align:center;
	background: url(/images/sidemenu_head.jpg) left top no-repeat;
	padding: 3px 0px 5px 0px;
	_padding: 5px 0px 5px 0px;
	margin:0px;
}

#menubar b,
#menubar,
.menubar b,
.menubar {
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

.main #menu li.list,
.main .menu li.list,
.loan #menu li.list,
.loan .menu li.list {
	padding: 11px 4px 9px 23px;
	_padding: 12px 4px 9px 23px;
	height:14px;
	_height:13px;
	text-align:left;
	background: url(/images/menu.jpg) no-repeat  1px top;
}

#menu li.list,
.menu li.list {
	padding: 7px 4px 7px 23px;
	_padding: 9px 4px 7px 23px;
	text-align:left;
	background: url(/images/menu.gif) no-repeat  1px top;
}

.bank #menu li.list,
.links #menu li.list{
	padding: 11px 4px 7px 23px;
	_padding: 12px 4px 7px 23px;
	height:16px;
	_height:34px;
	text-align:left;
	background: url(/images/menu.jpg) no-repeat  1px top;
}

.main #menu li.list_of,
.main .menu li.list_of,
.loan #menu li.list_of,
.loan .menu li.list_of {
	padding: 11px 4px 9px 23px;
	_padding: 10px 4px 9px 23px;
	text-align:left;
	background: url(/images/menu_of.jpg) no-repeat  1px top;
}

.bank #menu li.list_of,
.links #menu li.list_of {
	padding: 12px 4px 9px 23px;
	_padding: 13px 4px 9px 23px;
	text-align:left;
	background: url(/images/menu_of.jpg) no-repeat  1px top;
}


#menu1 li.loan {
	padding: 10px 4px 9px 23px;
	_padding: 10px 4px 9px 23px;
	text-align:left;
	background: url(/images/menu1.gif) no-repeat 1px top;
}

#menu1 li.loan_of {
	padding: 10px 4px 9px 23px;
	_padding: 10px 4px 9px 23px;
	text-align:left;
	background: url(/images/menu1.gif) no-repeat 1px top;
}

#top_bar,
.top_bar {
	background: url(/images/bar_corner.jpg) no-repeat top left;
	width: 580px;
	height: 25px;
}
#top_bar,
.top_bar {
	margin-top: 0px;
}

#top_bar h1,
.top_bar h1 {
	font-size: 14px;
	color: #12451E;
	padding: 5px 0px 0px 4px;
}

#top_bar h2,
.top_bar h2,
#top_bar h3,
.top_bar h3,
#top_bar p,
.top_bar p {
	font-size: 14px;
	font-weight: bold;
	color: #12451E;
	padding: 5px 0px 0px 4px;
}

#top_bar b,
.top_bar b {
	font-size: 14px;
	color: #12451E;
	padding: 10px 0px 0px 4px;
}

#top_bar_s,
.top_bar_s {
	background: url(/images/bar_colum.jpg) no-repeat top left;
	width: 285px;
	height: 25px;
padding: 0!important;
margin: 0!important;
}

#top_bar_s h3,
.top_bar_s h3,
.top_bar_s h2,
.top_bar_s p  {
	font-weight: bold;
	font-size: 14px;
	color: #12451E;
	padding: 5px 0px 0px 4px;
}

#othernews {
	font-size: 12px;
	color: #666;
	padding: 5px 5px 20px 5px;
}
#othernews ul li{
	line-height: 1.3 !important;
}

/* ニュース定義 */

#newscopy {
	width: 560px;
	padding: 10px 0px 0px 5px;
	font-size: 15px;
}

#date {
	text-align: right;
	width: 560px;
	font-size: 12px;
	color: #666666;
	padding: 2px 0px 2px 0px;
}

#archive,
.archive {
	width: 570px;
	padding: 0px 3px 0px 5px;
	font-size: 14px;
	line-height:23px;
}
.archive {
	width: 570px;
	padding: 10px 3px 0px 5px;
	font-size: 14px;
	line-height:23px;
	font-weight: bold;
	color: #0F411B;
	text-decoration: underline;
}

#archive .box{
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
}

#archive ul {
	color: #666666;
}
#archive ul li {
	padding: 4px 0px 5px 0px;
}
#archive ul li a{
font-weight: bold;
}

#archive img {
float: left;
margin: 5px 7px 10px 0;
border-top: 0px solid #cccccc;
border-left: 0px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 1px;
}
#archive img.pat{border: 0;}

#archive b,
#archive strong {
	color: #CC0000;
	font-size: 15px;
}
#archive td b,
#archive td strong{
	color: #333333;
	font-size: 15px;
}
#archive .small {
	font-size: 12px;
}
#archive .sub_box {
	border: 1px dotted #ccc;
	margin-top: 10px;
	padding: 7px;
}
#archive .new {
	color: #FF6666;
	padding-left: 15px;
	font-weight: bold;
}

#ovead,
.ovead {
	font-size: 13px;
	padding: 0px 3px 0px 3px;
	width: 570px;
	background-color:#ECF5FA;
	line-height:22px;
}

#ovead a,
.ovead a {
	color: #3366CC;
	font-size: 13px;
}

#ovedet,
.ovedet {
	font-size: 13px;
	padding: 0px 3px 0px 3px;
	width: 750px;
	background-color:#ECF5FA;
	line-height:22px;
}

#ovedet a,
.ovedet a {
	color: #3366CC;
	font-size: 13px;
}


#ove,
.ove {
	font-size: 13px;
	margin-bottom: 15px;
	padding: 0px 3px 0px 3px;
}
 
#ove a,
.ove a {
	color: #0033CC;
	font-size: 13px;
}

#word_charge {
	padding:4px;
	width:430px;
}

#linkto {
	padding:4px;
}

#ad {
	margin-right: 10px;
	margin-top: 10px;
	width: 580px;
	height: 50px;
	border: solid 1px #CCCCCC;
	padding:4px 4px 4px 7px;
}

/* 住宅ローン一覧定義 */
#loanname {
	padding:4px;
	width:285px;
	font-weight:bold;
}

#bankname {
	padding:4px;
	width:285px;
	font-weight:bold;
}

#loaninfo {
	padding:4px;
	font-weight:bold;
}

#li {
	padding:4px;
	font-size:14px;
}

/* 住宅ローンQ&A */
.expert img{
	padding:1px;
	border:1px solid #ccc;
}

#expert-p,
.expert-p {
	padding:5px;
	width:560px;
	background-color:#ECE9D8;
}

#profile {
	font-size:13px;
	line-height:19px;
	padding:3px 0px 0px 0px;
	width:450px;
}

#q_a,
.q_a {
	font-size:14px;
	line-height:19px;
	padding:4px;
	margin:0 0 10px 0;
	width:560px;
}

.q_text {
	width: 564px;
	font-size:14px;
	line-height:19px;
	padding: 7px 7px 15px 7px;
	margin:0 0 5px 0;
	border-left: 1px solid #ffcc66;
	border-right: 1px solid #ffcc66;
	border-bottom: 1px solid #ffcc66;
	background: #fff;
}

.qa {
	font-size:12px;
	color:#FF6666;
	padding-left: 5px;
	padding-bottom: 10px;
}
.qa li {
	line-height: 1.8!important;
}

.qa .new {
	color:#000;
}

.qa .new2 {
	font-weight: bold;
}

.ask {
	margin:0 0 0 0;
}
.ask a:hover{
	background: none;
}

.expert-hstry {
	background: url(/images/expert-hstry.gif) no-repeat top left;
	color:#12451E;
	font-size:15px;
	font-weight:bold;
	width:580px;
	height:22px;
	padding: 2px 0px 0px 0px;
}
.ry img {
border: 1px solid #ccc;
margin: 3px 0;
_margin: 0;
}
.sub-t {
	color:#FF6600;
	font-size:14px;
	font-weight:bold;
	line-height;22px;
}

#expertprofile {
	font-size:14px;
	line-height;22px;
	width:430px;
	margin-left:8px;
}

#colomnist {
	padding:5px;
	width:550px;
	background-color:#ECE9D8;
}


/*  住宅ローンに関するコラム  */
#top_colum {
	width: 275px!important;
	font-size: 12px;
	padding: 4px 5px 2px 5px;
	line-height: 19px;
	margin-bottom: 0;
}

#top_colum title{
	font-size: 13px;
	color:#F00;
	font-weight:bold;
}

.main #top_colum .ya {
display: block;
float: right;
height: 26px;
width: 83px;
margin: 0 0 0 0px;
padding: 4px 0 0 23px;
text-align: left;
background: url(/images/next.jpg) left top no-repeat;
}

.main #top_colum .ya  a{
text-decoration: none;
}

.sbox {
padding: 0;
margin: 0;
_margin: -20px 0 0 0;
line-height: 1.4;
}
.sbox .ques {
font-size: 12px;
}

#top_colum img,
.sbox .navi01 img{
float: left;
margin: 4px 4px 6px 0;
border-top: 0px solid #bbbbbb;
border-left: 0px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
padding: 1px;
}
.main #top_colum .new {
padding-left: 5px;
color: #999999;
}
.sbox .navi02{
text-align: right!important;
margin-top: 10px;
margin-left: 150px;
}

/* 文字スタイル定義 */
.jpmini {font-size: 10pt; line-height:128%}
.jpmain {font-size: 14px; line-height:136%; font-weight: normal; text-decoration: none; font-style: normal}
td.jpmain{padding: 5px 2px 5px 3px; vertical-align: middle;}
.jpmini td{padding: 5px 5px 4px 5px;}
.jpmini td a { font-size: 12px; font-weight: bold;}
.jpbig {padding: 1px;font-size: 12pt; line-height:120%; font-weight: normal; text-decoration: none; font-style: normal}
.jpbig h3,
.jpbig p {font-size: 14px;}

h1 {font-size: 16px; line-height:120%; color: #333333;}

.line {line-height:16px;}
.host  {color: #669900;}

/* リンクの上に行ったときに文字色、背景変える(サイト全体) */
a {color:#0F411B; text-decoration:underline}
a:hover {color:#F26522; text-decoration:underline; background-color: #FFFFCC}
a:active {color:#0F411B; text-decoration:underline; background-color: #FFFFCC}

/* prリンク（広告） */
.pr_link {
display: block;
padding: 4px 0 27px 0;
font-size: 10px;
color: #666666;
background: url(images/home_text.jpg) no-repeat;
}
.l2{
padding: 4px 5px 27px 0;
margin: 10px 0 0 0;
background: url(images/home_text.jpg) right top no-repeat;
}
.l2 a{
font-weight: bold;
color: #FE4510;
font-size: 14px;
}

.pr_link a{
font-weight: bold;
color: #FE4510;
background: #F9FCF8;
font-size: 14px;
}
.pr_link a:hover{
font-weight: bold;
color: #FF6600;
background: #FFFFCC;
font-size: 14px;
}

/* 全文検索 */
.module-search{
text-align: left;
color: #666;
margin: 10px 0 5px 5px;
}

.sea_box {
width: 130px;
border: 1px solid #7F9DB9;
}
.sea_img {
padding: 0;
margin: 0;
vertical-align: bottom;
}

/* フッター定義 */
#footer {
	width: 760px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	background-color: #0F411B;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

#footer a {
	text-decoration: none; 
	color: #FFFFFF;
	background-color: #0F411B;
}


/* 保険ライフバナー */
.prbanner{
	width:168px;
	margin-left:6px;
}

.prbanner p{
	text-align:center;
	margin:3px 0px 5px;
	line-height:16px;
}


/* アコムバナー */
.prbanner2{
	width:120px;
	margin-left:25px;
}

.pr_txt{
	margin:10px 5px 0 10px;
	line-height:1.4;
}

.pr_txt red{
	color:#F00;
	font-weight:bold;
}
