/***********************************************/
/*  住宅ローン比較・検討サイト        */
/***********************************************/



/*******   ページ全体の指定   *******/

body {
        font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
        margin: 0;
        padding: 0;
        font-size: 12px;
        color: #333333;
        background-color: #FAF7F3;
}

a:link {
        color: #004080;
        font-size: 12px;
}

a:hover {
        color: #005EBB;
        font-size: 12px;
        text-decoration: none;
}

a:visited {
        color: #004080;
        font-size: 12px;
}

p {
        margin: 10px 0 15px 0;
        line-height: 160%;
        letter-spacing: 0px;
}


/******   見出し要素の設定   ******/

h1 {
        margin: 20px 0px 0px 5px;
        padding: 0px 0px 0px 5px;
        color: #444444;
        letter-spacing: -1px;
	font-size: 18px;
	text-align: left;
}
h2 {
	font-size:16px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px 2px 7px 35px ;
	background: url(images/site00.jpg) no-repeat;
	line-height: 100%;
        letter-spacing: -1px;
	color: #444444;
}

h3 {
	font-size:16px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin: 40px 0px 0px 0px ;
	padding: 5px 2px 3px 45px ;
	background: url(images/site03.gif) no-repeat;
	line-height: 180%;
	color: #7A7A23;
}

h4 {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 2px 0px 2px 0px ;
	padding: 8px 10px 10px 10px ;
        letter-spacing: 0px;
	background: url(images/menu01.gif) no-repeat;
}





/*******  メイン  *******/

#main {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 780px;
        border-right:  solid 0px #C6C6C6;
        border-bottom: solid 0px #C6C6C6;
        border-left: solid 0px #C6C6C6;
        background-color: #FFFFFF;
}



/*******     ヘッダー    *******/

#header {
        margin: 0;
        width: 780px;
        height: 80px;
        border-top: solid 4px #6B9C08;
        border-bottom: solid 2px #CEE3A0;
        background-color: #F1F1F3;
        font-family:Verdana;
        background-image: url(images/site01.jpg);
        background-repeat: no-repeat;
}

.head {
        margin: 0 auto 0 auto;
        padding: 0px 0px 0px 5px;
        text-align: left;
        font-size: 10px;
        color: #444444;
        line-height: 150%;
	border: 0px solid #999999;
        text-decoration: none;
}

#header-left {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	border: 0px solid #999999;
}


#header-right {
        float: right;
        text-align: right;
        width: 295px;
        height: 50px;
        margin: 5px 0px 0px 0px;
        padding: 0px 3px 0px 0px;
        font-size: 15px;
	background: url(images/top02.jpg) no-repeat;
        color: #666666;
        line-height: 150%;
	border: 0px solid #777777;
        text-decoration: none;
}

#header-right a {
        padding: 6px 10px 5px 20px;
        font-size: 12px;
	background: url(images/menu00.gif) no-repeat;
	background-position: left center;
        color: #666666;
}

#header-right a:hover { 
        color: #005EBB;
        text-decoration: none;
}

/********    グローバルナビ    ********/

#gnavi-head {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 780px;
        height: 30px;
        text-align: left;
	background: #F1F1F4;
	border-bottom:1px #F8F9FA solid;
}

.gnavi-header { 
        margin: 0 auto 0 auto;
        padding: 0;
        width: 780px;
        height: 30px;
        background-image: url(images/site07.gif);
}

.gnavi-header a { 
        color: #004080;
	float:left;
	padding:9px 10px 0px 10px;
	display:block;
	width:auto;
        height: 21px;
	border-right:1px #AAC1B0 solid;
        text-decoration: none;
}

.gnavi-header a:visited { 
        color: #005EBB;
}

.gnavi-header a:hover { 
        color: #005EBB;
        background-color: #EFEFEE;
        text-decoration: underline;
}

.gnavi-header a:active {
        color: #FF0000;
}

.h-entry { 
        color: #ED0000;
        background-image: url(images/site02.gif);
        background-color: #F2F6FB;
	float:left;
	padding:9px 10px 0px 10px;
	display:block;
	width:auto;
        height: 21px;
	border-right:1px #E6E6FA solid;
        text-decoration: none;
}

/********    下層グローバルナビ    ********/

#gnavi-head1 {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 780px;
        height: 25px;
        text-align: left;
	background: #FFFFFF;
	border-bottom:2px #F1F1F4 solid;
}

.gnavi-header1 { 
        margin: 0 auto 0 auto;
        padding: 0;
        width: 780px;
        height: 25px;
	background: #F8F9FA;
}

.gnavi-header1 a { 
        color: #666666;
	float:left;
	padding:7px 10px 0px 10px;
	display:block;
	width:auto;
        height: 18px;
	border-right:1px #EEEEEE solid;
        text-decoration: none;
}

.gnavi-header1 a:visited { 
        color: #666666;
}

.gnavi-header1 a:hover { 
        color: #005EBB;
        background-color: #F8F9FA;
        text-decoration: underline;
}

.gnavi-header1 a:active {
        color: #FF0000;
}

.h-entry1 { 
        color: #CD5454;
        background-image: url(images/site10.gif);
        background-color: #FAEEEE;
	float:left;
	padding:7px 10px 0px 10px;
	display:block;
	width:auto;
        height: 18px;
	border-right:1px #E6E6FA solid;
        text-decoration: none;
}


/********    トピックパス    ********/

#topic-pa {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 780px;
        height: 25px;
        text-align: left;
        background: #FFFFFF;
        color: #666666;
        border-bottom: solid 1px #F1F1F1;
}

.topic-path {   
        margin: 8px 0px 8px 30px;
        padding: 0px 0px 0px 0px;
        float:left;   
}   
.topic-path li {   
        float:left;   
        line-height:110%;   
        list-style-type:none;   
}   
.topic-path li a {   
        margin-right:5px;   
        padding-right:16px;   
        background:url(images/point00.gif) no-repeat right center;   
        text-decoration: none;
}  




/********     コンテンツ   ********/

#body-contents {
        margin: 3px;
        padding: 0px;
        background-color: #FFFFFF;
}


/********    メインコンテンツ   ********/

#c-box {
        margin: 0;
        padding: 0;
        float: right;
        width: 565px;
}


#contents {
        float: right;
        margin: 0;
        padding: 5px 5px 0 5px;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0px;
        width: auto;
}


#contents a {
        margin: 10px 0 15px 0;
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 160%;
}


/********    sideメニュー    ********/

#menu {
        float: left;
        margin: 0 0 15px 0;
        padding: 0;
        width: 190px;
        letter-spacing: 0px;
        text-align: left;
        background-image: url(images/site01.gif);
}

.menu-cont {
        margin: 0 0 5px 3px;
        padding: 5px 2px 2px 2px;
        width: 180px;
        text-align: left;
        background-image: url(images/site00.gif);
}


.menu-cont a{
        color: #004080;
        display: block;
        width:auto;
	border-top: solid 1px #C6C6C6;
        border-right: solid 1px #C6C6C6;
        border-bottom: solid 1px #C6C6C6;
        border-left: solid 1px #C6C6C6;
        padding: 6px 0 5px 20px;
        font-size: 12px;
	background: url(images/point01.gif) no-repeat;
	background-position: left center;
}

.menu-cont a:hover{
        color: #005EBB;
	text-decoration: none;
	background: url(images/point03.gif) no-repeat;
	background-position: left center;
        background-color: #FFFFFF;
}


.menu-ad {
        margin: 0 0 7px 3px;
        padding: 5px 2px 2px 2px;
        width: 180px;
        text-align: left;
        background-image: url(images/site00.gif);
}


.menu-ad a{
        color: #004080;
        margin: 10px 4px 0 4px;
        font-size: 12px;
}

.menu-ad a:hover{
        color: #005EBB;
}


#menu p {
        margin: 10px 4px 0 4px;
        line-height: 150%;
}

.entry {
        color: #ED0000;
        display: block;
        width:auto;
	border-top: solid 1px #c6c6c6;
        border-right: solid 1px #c6c6c6;
        border-bottom: solid 1px #c6c6c6;
        border-left: solid 1px #c6c6c6;
        padding: 6px 0 5px 20px;
        font-size: 12px;
	background: url(images/point03.gif) no-repeat;
	background-position: left center;
        background-color: #ffffff;
}



/********    フッター   ********/

#footer {
        clear: both;
        margin: 0;
        padding: 4px 0px 15px 0px;
        text-align: left;
        font-size: 12px;
        width:780px;
        color: #333333;
        background-color: #EEEEEE;
	background: url(images/foot.gif) repeat-x;
}

#footer a {
        color: #333333;
        font-size: 12px;
 }

#footer a:hover {
        color: #333333;
}

#footer p {
        padding: 0px 10px 0px 10px;
        color: #333333;
        font-size: 12px;
}

/********    見出しアクセント   ********/

.point01 {   
        margin:1px 5px 1px 0px;   
        padding:0px 0px 0px 25px;   
        background:url(images/point01.gif) no-repeat left center;   
        line-height: 150%;
}

.point02 {   
        margin:1px 5px 1px 0px;   
        padding:0px 0px 0px 25px;   
        background:url(images/point02.gif) no-repeat left center;   
        line-height: 150%;
}

.point04 {   
        margin:1px 5px -10px 0px;   
        padding:0px 0px 0px 15px;   
        color: #444444;
	background-position: left center;
        background:url(images/point04.gif) no-repeat left center;   
        line-height: 150%;
	font-weight:bold;
}

.point05 {   
        margin:1px 5px -10px 0px;   
        padding:0px 0px 0px 20px;   
	background-position: left center;
        background:url(images/point05.gif) no-repeat left center;   
        line-height: 150%;
	font-weight:bold;
        color:#C4663B;
}

.point06 {   
        margin:1px 5px -10px 0px;   
        padding:0px 0px 0px 40px;   
	background-position: right center;
        background:url(images/point06.gif) no-repeat left center;   
        line-height: 150%;
}

.point07 {   
        margin:1px 5px -10px 0px;   
        padding:0px 0px 0px 20px;   
	background-position: left center;
        background:url(images/point07.gif) no-repeat left center;   
        line-height: 150%;
	font-weight:bold;
	color:#555555;
}

.point08 {   
        margin:1px 5px -10px 0px;   
        padding:0px 0px 0px 20px;   
	background-position: left center;
        background:url(images/point08.gif) no-repeat left center;   
        line-height: 150%;
	font-weight:bold;
        color:#C4663B;
}

.point09 {   
        margin:1px 5px -10px 0px;   
        padding:0px 0px 0px 20px;   
	background-position: left center;
        background:url(images/point09.gif) no-repeat left center;   
        line-height: 150%;
	font-weight:bold;
        color:#F1163B;
}

.point10 {   
        margin:1px 0px -10px 0px;   
        padding:0px 0px 0px 15px;   
        color: #444444;
	background-position: left center;
        background:url(images/point10.gif) no-repeat left center;   
        line-height: 150%;
	font-weight:bold;
}


.site00 {   
	font-weight:bold;
	color:#333333;
	margin: 25px 0px 2px 0px ;
	padding: 2px 10px 0px 10px ;
        letter-spacing: 0px;
	display:block;
        width:auto;
        border-left: solid 8px #7AB53D;
        background-color: #EFF7E0;
}

.site04 {   
        margin:1px 5px -7px 0px;   
        padding:2px 0px 2px 27px;   
        background:url(images/site04.gif) no-repeat left center;   
	font-weight:bold;
        line-height: 150%;
	color: #7A7A21;
}

.site06 {   
        margin:20px 5px -7px 0px;   
        padding:5px 0px 5px 35px;   
        font-size: 16px;
        background:url(images/site06.gif) no-repeat left center;   
	font-weight:bold;
        line-height: 150%;
	color: #8A3A20;
}

.site08 {   
        margin:1px 0px -5px 0px;   
        padding:10px 0px 2px 30px;   
        background:url(images/site08.gif) no-repeat left center;   
	font-weight:bold;
        line-height: 150%;
	color: #7A7A21;
}

.site09 {   
        margin:3px 0px -5px 0px;   
        padding:12px 0px 0px 35px;   
        background:url(images/site09.gif) no-repeat left center;   
        font-size: 16px;
	font-weight:bold;
        line-height: 150%;
	color: #672302;
}

.site11 {   
        margin:1px 0px -5px 0px;   
        padding:10px 0px 0px 32px;   
        background:url(images/site11.gif) no-repeat left center;   
	font-weight:bold;
        line-height: 150%;
	color: #7A7A21;
}

.site12 {   
        margin:1px 0px -5px 0px;   
        padding:10px 0px 0px 35px;   
        background:url(images/site12.gif) no-repeat left center;   
	font-weight:bold;
        line-height: 150%;
	color: #7A7A21;
}

.site13 {   
        margin:1px 0px -5px 0px;   
        padding:10px 0px 2px 30px;   
        background:url(images/site13.gif) no-repeat left center;   
	font-weight:bold;
        line-height: 150%;
	color: #7A7A21;
}

/******** 　広告用・見出し　   ********/

.point-ad {   
	font-weight:bold;
	color:#777777;
	margin: 35px 0px 20px 0px ;
	padding: 2px 20px 0px 10px ;
        letter-spacing: 0px;
        text-align: right;
	display:block;
        width:380px;
        border-right: solid 8px #B9D1E8;
        background-color: #EDF4FC;
}

.right-ad {   
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	font-size: 13px;
        text-align: right;
	font-weight:bold;
	color:#888888;
}

.point-ad-top {   
	font-weight:bold;
	color:#777777;
	margin: 0px 0px 20px 0px ;
	padding: 2px 20px 0px 10px ;
        letter-spacing: 0px;
        text-align: right;
	display:block;
        width:auto;
        border-right: solid 8px #B9D1E8;
        background-color: #EDF4FC;
}


/******* 汎用ボックス *******/

.center-l {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 260px;
        border: 0px solid #999999;
	float: left;
	font-size: 100%;
}

.center-r {
	margin: 5px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 260px;
        border: 0px solid #999999;
	float: right;
	font-size: 100%;
}

.center-l1 {
	margin: 5px 0px 5px 0px;
	padding: 0px 5px 0px 5px;
	width: 260px;
        border: 1px solid #F1F1F1;
	float: left;
}

.center-r2 {
	margin: 5px 5px 5px 0px;
	padding: 0px 5px 0px 5px;
	width: 260px;
        border: 1px solid #F1F1F1;
	float: right;
}

.l-355 {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 355px;
        border: 0px solid #999999;
	float: left;
	font-size: 100%;
}

#r-165 {
	margin: 5px 0px 5px 0px;
	padding: 10px 0px 0px 5px;
	width: 165px;
        border: 1px solid #999999;
	float: right;
	font-size: 12px;
}

#r-165 a {
        font-size: 12px;
}

.ad-s {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width:auto;
        border: 0px solid #EEEEEE;
	background: #FFFFFF;
	float: none;
	font-size: 100%;
}

/******* 文字を変えるブロック要素 *******/

#midasi {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
        color: #333333;
        line-height: 160%;
}

#midasi a:link {
        color: #004080;
        font-size: 12px;
}

#midasi a:hover {
        color: #005EBB;
        font-size: 12px;
        text-decoration: none;
}

#midasi a:visited {
        color: #004080;
        font-size: 12px;
}


#midasi1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
        color: #333333;
        line-height: 160%;
}

#midasi1 a:link {
        color: #004080;
        font-size: 12px;
}

#midasi1 a:hover {
        color: #005EBB;
        font-size: 12px;
        text-decoration: none;
}

#midasi1 a:visited {
        color: #004080;
        font-size: 12px;
}

.mini {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
        color: #333333;
        line-height: 140%;
}

/******* 文字を装飾するCSS *******/

.r{
	color:#CF304B;
}

.rb{
	font-weight:bold;
	color:#D02F2F;
}

.ch{
	font-weight:bold;
	color:#333333;
        background-color : #F9D5CF; 
}

.right {   
	margin: 0px 10px 0px 0px ;
	padding: 0px 0px 0px 0px ;
        text-align: right;
}

/******* トップページ画像用CSS *******/

.aa-top {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 530px;
        height: 124px;
	border: 4px solid #669900;
        background-image: url(images/top.jpg);
}

.aa-top01 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 530px;
        height: 85px;
	border: 4px solid #6B9C08;
        background-image: url(images/top01.jpg);
}

#top-box {
	margin: 5px 10px 10px 0px;
	padding: 1px 4px 1px 5px;
	width: 210px;
	color:#0B5394;
        background: #EEEEEE;
	border: 3px solid #C1BFC0;
	float: right;
        font-size: 12px;
}

#top-box p {
        margin: 1px 1px 1px 1px;
        line-height: 120%;
}

/******* 装飾するCSS *******/

.aa-1 {
	margin: 10px 1px 10px 1px;
	padding: 1px 5px 1px 5px;
        background: #F4F4F4;
	border: 1px solid #F4F4F4;
}
.aa-2 {
	margin: 10px 1px 10px 1px;
	padding: 1px 5px 1px 5px;
        background: #FFF8F0;
	border: 1px solid #F4F4F4;
}

.aa-3 {
	margin: 10px 1px 10px 1px;
	padding: 1px 10px 1px 10px;
        border-bottom: dotted 1px #CCCCCC;
}

.aa-4 {
	margin: 10px 1px 10px 1px;
	padding: 1px 40px 1px 40px;
        border-bottom: dotted 1px #CCCCCC;
}

.aa-5 {
	margin: 10px 1px 10px 1px;
	padding: 1px 5px 1px 5px;
        background: #FFFFFF;
	border: 1px solid #F1F1F1;
}

.aa-n1 {
	margin: 10px 40px 10px 40px;
	padding: 1px 10px 1px 10px;
        background: #FFFFFF;
	border: 1px solid #F4F4F4;
}

.aa-n2 {
	margin: 0px 0px 0px 0px;
	padding: 1px 20px 1px 20px;
        background: #FFFFFF;
}

.aa-n3 {
	margin: 10px 1px 10px 1px;
	padding: 1px 10px 1px 10px;
}

.aa-n4 {
	margin: 10px 1px 10px 1px;
	padding: 1px 40px 1px 40px;
}


.reia-n1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 80px 0px 0px;
}

.reia-n2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 0px;
}


/******* 画像への文字の廻り込み設定 *******/

.image-fl {
	float: left;
	clear: both;
	margin-right: 15px;
}
.image-fr {
	float: right;
	clear: both;
	margin-left: 15px;
}


/******* テーブル要素 *******/

.list01 { 
        margin : 0; 
        padding : 0; 
        position : relative; 
        border-collapse : collapse; 
        vertical-align : middle; 
        width : 490px; 
        font-size: 14px;
} 
.list01 th { 
        border : 1px solid #cccccc; 
        border-width : 1px 1px 1px 1px; 
        background-color : #F3F3F3; 
        text-align : left; 
} 
.list01 td { 
        border : 1px solid #cccccc; 
        border-width : 1px 1px 1px 1px; 
        text-align : left; 
        line-height: 160%;
} 

.list02 { 
        margin : 0; 
        padding : 0; 
        position : relative; 
        border-collapse : collapse; 
        vertical-align : middle; 
        width : 525px; 
        font-size: 14px;
} 
.list02 th { 
        border : 1px solid #cccccc; 
        border-width : 1px 1px 1px 1px; 
        background-color : #F3F3F3; 
        text-align : center; 
} 
.list02 td { 
        border : 1px solid #cccccc; 
        border-width : 1px 1px 1px 1px; 
        text-align : left; 
        line-height: 160%;
} 


.list03 { 
        margin : 0; 
        padding : 0; 
        position : relative; 
        border-collapse : collapse; 
        vertical-align : middle; 
        width : 525px; 
        font-size: 14px;
} 
.list03 th { 
        border : 1px solid #cccccc; 
        border-width : 1px 1px 1px 1px; 
        background-color : #F3F3F3; 
        text-align : left; 
} 
.list03 td { 
        border : 1px solid #cccccc; 
        border-width : 1px 1px 1px 1px; 
        text-align : left; 
        line-height: 160%;
} 


.list04 { 
        margin : 0; 
        padding : 0; 
        position : relative; 
        border-collapse : collapse; 
        vertical-align : middle; 
        width : 545px; 
        font-size: 14px;
} 
.list04 th { 
        border : 1px solid #cccccc; 
        border-width : 0px 0px 0px 0px; 
        background-color : #FFFFFF; 
        vertical-align : top; 
        text-align : left; 
} 
.list04 td { 
        border : 1px solid #cccccc; 
        border-width : 0px 0px 0px 0px; 
        text-align : left; 
        line-height: 160%;
} 

.list05 { 
        margin : 0; 
        padding : 0; 
        position : relative; 
        border-collapse : collapse; 
        vertical-align : middle; 
        width : 525px; 
        font-size: 14px;
} 
.list05 th { 
        border : 1px solid #cccccc; 
        border-width : 1px 1px 1px 1px; 
        background-color : #F3F3F3; 
        text-align : center; 
} 
.list05 td { 
        border : 1px solid #cccccc; 
        border-width : 1px 1px 1px 1px; 
        text-align : right; 
        line-height: 160%;
} 

/******* アンカー要素 *******/

#tab {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#tab1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#tab2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        text-align : right; 
}