@charset "utf-8";

/*================================
お家をお渡しするまで
================================*/
div::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
div#flowBox01, div#flowBox02, div#flowBox03, div#flowBox04, div#flowBox05, div#flowBox06 { margin: 0 auto; background-position: left top; background-repeat: no-repeat; position: relative; font-size:12px; line-height:1.4; }
div#flowBox01 { width: 667px; height: 241px; background-image: url('../../UsersDir/images/page/data/flowbox01_bg.jpg'); }
div#flowBox02 { width: 668px; height: 211px; background-image: url('../../UsersDir/images/page/data/flowbox02_bg.jpg'); }
div#flowBox03 { width: 668px; height: 395px; background-image: url('../../UsersDir/images/page/data/flowbox03_bg.jpg'); }
div#flowBox04 { width: 668px; height: 277px; background-image: url('../../UsersDir/images/page/data/flowbox04_bg.jpg'); }
div#flowBox05 { width: 671px; height: 710px; background-image: url('../../UsersDir/images/page/data/flowbox05_bg.jpg'); }
div#flowBox06 { width: 667px; height: 448px; background-image: url('../../UsersDir/images/page/data/flowbox06_bg.jpg'); }
div#flowBox01 p, div#flowBox02 p, div#flowBox03 p, div#flowBox04 p, div#flowBox05 p, div#flowBox06 p { display: block; position: absolute; }
div#flowBox01 p { width: 188px; top: 133px; left: 18px; }
div#flowBox02 p { width: 200px; top: 120px; left: 18px; }
div#flowBox03 p { width: 463px; top: 110px; left: 115px; }
div#flowBox04 p { bottom: 52px; right: 14px; }
div#flowBox05 p.box05_1 { width: 156px; top: 65px; left: 146px; }
div#flowBox05 p.box05_2 { width: 150px; top: 130px; right: 150px; }
div#flowBox06 p { width: 320px; bottom: 30px; left: 30px; }


/*================================
高槻で暮らす
================================*/
div#takatsuki-three-box { width: 634px; height: 368px; margin: 10px auto; background-color: rgb(242, 231, 209); }
div.three-box01, div.three-box02, div.three-box03 { display: block; width: 201px; height: 341px; float: left; background-position: left top; background-repeat: no-repeat; font-size:12px; line-height:1.4; }
div.three-box01 { background-image: url('../../UsersDir/images/page/data/box01_bg.jpg'); margin: 13px 0px 15px 7px; }
div.three-box02 { background-image: url('../../UsersDir/images/page/data/box02_bg.jpg'); margin: 13px 9px; }
div.three-box03 { background-image: url('../../UsersDir/images/page/data/box03_bg.jpg'); margin: 13px 6px 15px 0px; }
div.three-box01 p, div.three-box02 p, div.three-box03 p { position: relative; top: 200px; padding:0 10px; }
div.takatsukiBox { margin: 10px auto; }
div.takatsukiBox table { margin: 0px auto; text-align: center; }
div.takatsukiBox img { padding: 3px; border: 1px solid rgb(204, 204, 204); margin: 0px auto; }


/*================================
住宅ローン
================================*/
.blue-big { color: rgb(0, 104, 183); font-weight: bold; }
#mortgage {}
#mortgage p {}
#mortgage img { display: block; margin: 20px auto; }
#mortgage h4 { font-size: 16px; font-weight: bold; letter-spacing: 0.1em; background-image: url('../../UsersDir/images/page/data/point_icon.jpg'); background-position: 10px 10px; background-repeat: no-repeat; text-indent: 80px; height: 24px; line-height: 24px; margin-top: 30px; padding-bottom: 10px; background-color: rgb(0, 104, 183); color: rgb(255, 255, 255); font-weight: bold; padding: 10px; margin: 0px auto;}
#mortgage span.red-big { font-size: 24px; font-weight: bold; color: rgb(204, 3, 15); }
#mortgage ul { display: block; width: 720px; margin: 20px auto; border: 5px solid rgb(4, 104, 180); border-collapse: collapse; border-radius: 10px; }
#mortgage ul li { list-style: outside none none; padding: 15px; letter-spacing: 0.05em; background-image: url('../../UsersDir/images/page/data/check_icon.gif'); background-position: 10px 8px; background-repeat: no-repeat; text-indent: 20px; border-bottom: 1px dashed rgb(204, 204, 204);}
#mortgage ul li:last-child {border-bottom:none;}
#loan-flow { margin: 30px auto; }
#loan-flow table { border-radius: 10px; }
#loan-flow table tr th, #loan-flow table tr td { padding: 10px; border: 1px solid rgb(223, 223, 223); border-collapse: separate; margin: 5px; border-radius: 10px; }
#loan-flow table tr th { background-color: rgb(111, 177, 225); color: rgb(255, 255, 255); font-weight: bold; text-align: center; }
#loan-flow table tr td { line-height: 160%; background-color: rgb(255, 255, 255); }
tr.space { height: 15px; background: transparent url('../../UsersDir/images/page/data/arrow.png') no-repeat scroll center top; }
h5.type01, h5.type02, h5.type03 { background-position: left top; background-repeat: no-repeat; height: 33px; line-height: 33px; text-indent: 185px; margin: 20px auto 0; background-color: rgb(239, 239, 239); }
h5.type01 { background-image: url('../../UsersDir/images/page/data/type01-title.jpg'); }
h5.type02 { background-image: url('../../UsersDir/images/page/data/type02-title.jpg'); }
h5.type03 { background-image: url('../../UsersDir/images/page/data/type03-title.jpg'); }
.merritt span.type-title, .demerit span.type-title { color: rgb(255, 140, 0); font-weight: bold; display: block; padding-top: 0px; padding-bottom: 0px; }
.financial { margin-bottom: 20px; }
#mortgage div.financial a img { display: block; float: left; margin: 0px; padding: 0px; }
.rate-system, .rate-system ol { margin: 0px auto; }
.rate-system ol { display: block; padding: 10px; border: 1px solid rgb(204, 204, 204); }
.rate-system ol li { display: block; }



/*================================
茨木市・高槻市・三島郡の学校区
================================*/
.school-detail table, .school_address, .school_name{ width:720px; margin:10px 0 50px 0; background:#ffffff; }
.school-detail table, .school-detail th, .school-detail td{ border-collapse: collapse; border:1px solid #d9d9d9; }
.school-detail table th{ background:#f5f5f5; padding:5px 10px; }
.school-detail table td{ padding:5px 10px; }
.school-detail_table_header{ color:#ffffff; background:#2b9de7; text-align:center; font-size:14px; font-weight:bold; }
.school_name th{ width:130px; }
.school_address{ font-size:13px; line-height:20px; }
.school_address th{ width:130px;}