@charset "utf-8";


/*------------------------------page------------------------------*/
h2.text {}


#contents-inner-page {line-height:1.8em; color:#333;}
#contents-inner-page p {margin:0;}


#contents-inner-page .voice {margin:0;}
#contents-inner-page .voice h4 {
font-weight:normal;
color:#069;
background: url(../../UsersDir/images/common/voice_h4.png) no-repeat top left;
margin:10px 0 0;
height:28px;
line-height:28px;
border-bottom:2px solid #b4c7d8;
padding:0 0 5px 40px;
}
#contents-inner-page .voice table {border:2px solid #d2e1ef; background:url(../../UsersDir/images/common/voice_bg.gif) repeat;}
#contents-inner-page .voice table td {padding:10px 20px;}



/*------------------------------よくあるご質問------------------------------*/
#contents-inner-page table.faq {border-bottom:1px dotted #ccc; padding-bottom:10px;}
#contents-inner-page table.faq td {padding: 5px;}



/*------------------------------お問い合わせ------------------------------*/
#contents-inner-page .common_contact {
width:644px;
height:418px;
background:url(../../UsersDir/images/common/contact_bg.png) no-repeat top center;
padding:0 23px;
margin:-28px 0 0;
z-index:10;
line-height:normal;
}
#contents-inner-page .common_contact .inner {
position:relative;
width:644px;
height:418px;
}
#contents-inner-page .common_contact .inner img.btn {
position:absolute;
top:160px;
/*left:23px;*/
}
#contents-inner-page .common_contact .inner table.contact_info {
position:absolute;
width:450px;
left:97px;
bottom:20px;
}
#contents-inner-page .common_contact .inner table.contact_info td {
text-align:center;
padding:0;
}
#contents-inner-page .common_contact .inner table.contact_info td.text {
font-size:16px;
font-weight:normal;
}
#contents-inner-page .common_contact .inner table.contact_info td.tel {
color:#069;
font-size:50px;
font-weight:bold;
background:url(../../UsersDir/images/common/contact_tel.png) no-repeat center left;
padding:0 0 0 75px;
}


/*================================
住宅ローン
================================*/
#contents-inner-page .loan h3 {margin:0; padding:0; background:none; border-radius:0; height:auto;}

#contents-inner-page .loan .trouble {position:relative;}
#contents-inner-page .loan .trouble table {margin:0 0 10px 0; font-size:16px;}
#contents-inner-page .loan .trouble td {margin:0; padding:0; vertical-align:top;}
#contents-inner-page .loan .trouble td.item01,
#contents-inner-page .loan .trouble td.item03{
width:265px; height:70px; padding:20px 20px 0 65px;
}
#contents-inner-page .loan .trouble td.item02,
#contents-inner-page .loan .trouble td.item04 {
width:265px; height:70px; padding:20px 10px 0 65px;
}
#contents-inner-page .loan .trouble td.item01 {background: url(../../UsersDir/images/page/loan/trouble01.png) no-repeat top left;}
#contents-inner-page .loan .trouble td.item02 {background:url(../../UsersDir/images/page/loan/trouble02.png) no-repeat top left;}
#contents-inner-page .loan .trouble td.item03 {background:url(../../UsersDir/images/page/loan/trouble03.png) no-repeat top left;}
#contents-inner-page .loan .trouble td.item04 {background:url(../../UsersDir/images/page/loan/trouble04.png) no-repeat top left;}

#contents-inner-page .loan .solution {}
#contents-inner-page .loan .solution table.waku {
padding:20px; border:4px solid #e6e6e6;
}

#contents-inner-page .loan .voice {}
#contents-inner-page .loan .voice h4 {
font-size:18px; font-weight:bold; color:#6C3;
background: url(../../UsersDir/images/page/loan/voice_h4.png) no-repeat top left;
margin:10px 0 0; padding:0 0 5px 40px;
height:28px; line-height:28px;
border-bottom:2px solid #e6e6e6;
}
#contents-inner-page .loan .voice p {line-height:1.8em;}
#contents-inner-page .loan .voice table {border:2px solid #e6e6e6; background:url(../../UsersDir/images/page/loan/voice_bg.gif) repeat;}
#contents-inner-page .loan .voice table td {padding:10px 20px;}

#contents-inner-page .loan .faq {}
#contents-inner-page .loan .faq p {line-height:1.8em;}
#contents-inner-page .loan .faq td {padding:5px;}

#contents-inner-page .loan .contact {
position:relative;
width:680px; height:370px;
border:5px solid #f8b500; border-radius:5px;
background-image: -moz-linear-gradient(top, #FFF, #f3f3f3);
background-image: -webkit-linear-gradient(top, #FFF, #f3f3f3);
background-image: linear-gradient(to bottom, #FFF, #f3f3f3);
}
#contents-inner-page .loan .contact .h {position:absolute; top:35px; left:45px;}
#contents-inner-page .loan .contact .btn {position:absolute; top:115px; left:19px;}
#contents-inner-page .loan .contact table.contact_info {
position:absolute; left:120px; bottom:20px;
}
#contents-inner-page .loan .contact table.contact_info td {
text-align:center; padding:0;
}
#contents-inner-page .loan .contact table.contact_info td.text {
font-size:16px; font-weight:normal;
}
#contents-inner-page .loan .contact table.contact_info td.tel {
font-size:50px; font-weight:bold;
background:url(../../UsersDir/images/page/loan/contact_tel.png) no-repeat 0 12px;
padding:0 0 0 50px;
}



/*------------------------------不動産購入の進め方　ここから↓------------------------------*/

#contents-inner-page .p_bold {
	font-weight:bold;
}

#contents-inner-page .mB30 {
    margin-bottom: 30px;
}

#contents-inner-page .mB15 {
    margin-bottom: 15px;
}

#contents-inner-page .mT10 {
    margin-top: 10px;
}

#contents-inner-page .mT15 {
    margin-top: 15px;
}

#contents-inner-page .mT40 {
    margin-top: 40px;
}

#contents-inner-page .mB20 {
    margin-bottom: 20px;
}

#contents-inner-page .mB50 {
    margin-bottom: 50px;
}

#contents-inner-page .mR20 {
    margin-right: 20px ! important;
}

#contents-inner-page dl.iconTitle {
    width: 650px;
    margin: 15px auto 0px;
    padding: 9px;
}

#contents-inner-page dl.iconTitle:after {
    content: "";
    display: block;
    clear: both;
}

#contents-inner-page dl.iconTitle dt.headBookS {
    height: 24px;
    padding: 2px 0px 0px 30px;
    font-size: 17px;
    font-weight: bold;
    background-image: url(../../UsersDir/images/guide/buy/icon_book.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#contents-inner-page dl.iconTitle dd {
    padding: 4px 0px 0px 30px;
}

#contents-inner-page dl.iconTitle dd:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}

#contents-inner-page .ovflowH {
    overflow: hidden;
}

#contents-inner-page div.allowStepL {
    clear: both;
    width: 640px;
    margin: 0px auto;
    padding: 20px 0px 0px 20px;
}

#contents-inner-page .floatL {
    float: left;
}

#contents-inner-page div.whiteBox .allowStepL .floatL a {
	width: 300px;
	height: 23px;
	display: block;
	background: url('../../UsersDir/images/guide/buy/bg_allow_back.gif') no-repeat scroll 0% 0% transparent;
	padding: 5px 0px 8px 15px;
	text-decoration: none;
	font-size:14px;
	font-weight: bold;
	color: rgb(34, 34, 34)
}

#contents-inner-page div.whiteBox .allowStepL .floatL a:hover {
    width: 300px;
    height: 23px;
    display: block;
    background: url(../../UsersDir/images/guide/buy/bg_allow_back.gif) no-repeat scroll 0% 0% transparent;
    padding: 5px 0px 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: rgb(233, 35, 170);
}


#contents-inner-page .floatR {
    float: right;
}

#contents-inner-page dl.iconTitle p.floatR img {
    overflow: hidden;
}

#contents-inner-page .floatR img {
    margin-left: 20px;
}

#contents-inner-page div.whiteBox .allowStepL .floatR a {
	width: 300px;
	height: 23px;
	display: block;
	background: url('../../UsersDir/images/guide/buy/bg_allow_go.gif') no-repeat scroll 0% 0% transparent;
	padding: 5px 0px 8px 15px;
	text-decoration: none;
	font-size:14px;
	font-weight: bold;
	color: rgb(34, 34, 34);
}

#contents-inner-page div.whiteBox .allowStepL .floatR a:hover {
    width: 300px;
    height: 23px;
    display: block;
    background: url(../../UsersDir/images/guide/buy/bg_allow_go.gif) no-repeat scroll 0% 0% transparent;
    padding: 5px 0px 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: rgb(233, 35, 170);
}

#contents-inner-page div.contslinkAreaGy {
    border: rgb(224, 224, 224) solid 1px;
    clear: both;
    margin: 20px auto 0 auto;
    padding: 0px;
    background: none repeat scroll 0% 0% rgb(249, 249, 249);
}

#contents-inner-page div.contslinkAreaGy ul {
    margin: 25px;
    padding: 0px;
}

#contents-inner-page div.contslinkAreaGy ul li {
    float: left;
    margin-bottom: 7px;
    width: 50%;
}

#contents-inner-page div.contslinkAreaGy ul:after {
    content: "";
    display: block;
    clear: both;
}

#contents-inner-page div.contslinkAreaGy:after {
    content: "";
    display: block;
    clear: both;
}

#contents-inner-page .font_b {
    font-weight: bold;
}

#contents-inner-page .whiteBox table.Step01Table {
    border: 1px solid rgb(0, 0, 0);
    border-collapse: collapse;
    margin: auto;
}

#contents-inner-page .whiteBox table.Step01Table th {
    background: none repeat scroll 0% 0% rgb(204, 204, 204);
    border: 1px solid rgb(0, 0, 0);
    padding: 30px;
}

#contents-inner-page .whiteBox table.Step01Table td {
    border: 1px solid rgb(0, 0, 0);
    padding: 30px;
}

#contents-inner-page ul.checkListBox {
    list-style: outside none none;
}

#contents-inner-page ul.checkListBox li {
    margin-top: 10px;
    float: left;
    width: 100%;
    list-style-image: url(../../UsersDir/images/guide/buy/icon_check.gif);
    list-style-position: inside;
    color: rgb(216, 146, 0);
    font-weight: bold;
    margin-left: 10px;
    padding-left: 1em;
    text-indent: -2em;
}

#contents-inner-page .whiteBox ul.checkListBoxFull {
    list-style: outside none none;
}

#contents-inner-page .whiteBox ul.checkListBoxFull li {
    margin-top: 10px;
    list-style-image: url(../../UsersDir/images/guide/buy/icon_check.gif);
    list-style-position: inside;
    color: rgb(216, 146, 0);
    font-weight: bold;
    padding-left: 1em;
    text-indent: -2em;
}

li {
    list-style: none;
}

#contents-inner-page ul.checkListBox li:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}

#contents-inner-page .whiteBox dl.iconTitle dt.headPikariS {
    height: 28px;
    padding: 7px 0px 0px 30px;
    font-size: 17px;
    font-weight: bold;
    background-image: url(../../UsersDir/images/guide/buy/icon_pikari.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#contents-inner-page .headIllustCmt {
    background-image: url(../../UsersDir/images/guide/buy/icon_pikari.gif);
    background-position: left 5px;
    background-repeat: no-repeat;
    padding: 10px 30px;
    font-size: 13px;
    font-weight: normal;
    margin-top: 15px;
}

#contents-inner-page .headIllustCmt {
    background-image: url(../../UsersDir/images/guide/buy/icon_pikari.gif);
    background-position: left 5px;
    background-repeat: no-repeat;
    padding: 10px 30px;
    font-size: 13px;
    font-weight: normal;
    margin-top: 15px;
}

#contents-inner-page .whiteBox dl.YellowArea {
    clear: both;
    width: 570px;
    margin: 0px;
    padding: 20px;
    background: none repeat scroll 0% 0% rgb(255, 249, 233);
}

#contents-inner-page .whiteBox ul.YellowAreaOL {
    clear: both;
    width: 590px;
    margin: 0px;
    padding: 15px;
    background: none repeat scroll 0% 0% rgb(255, 249, 233);
}

#contents-inner-page .whiteBox .YellowAreaOL li {
    margin-bottom: 4px;
    color: rgb(216, 146, 0);
    font-size: 14px;
    font-weight: bold;
    padding-left: 1em;
    text-indent: -1em;
}

#contents-inner-page .whiteBox dl.YellowArea:after {
    content: "";
    display: block;
    clear: both;
}

#contents-inner-page .whiteBox .YellowArea dt {
    margin-bottom: 7px;
    color: rgb(0, 0, 0);
    font-size: 17px;
    font-weight: bold;
}

#contents-inner-page .whiteBox dl.iconTitle dd dl.YellowArea dd {
    padding: 4px 0px 0px 20px;
}

#contents-inner-page .whiteBox .printArea {
    width: 600px;
    margin: 0px auto;
    padding: 20px 25px;
    background-color: rgb(247, 247, 247);
}

#contents-inner-page .whiteBox .printArea .fSS {
    clear: both;
    line-height: 130%;
    font-size: 10px;
}


/*------------------------------不動産購入の進め方　ここまで↑------------------------------*/