@charset "utf-8";



/*------------------------------
フリーページ機能　共通
------------------------------*/
#contents-inner-page {line-height:1.6em;}
#contents-inner-page p {margin:0;}

#contents-inner-page h3 {}
#contents-inner-page h3 .point {font-size:16px; padding-right:1em; color:#039;}
#contents-inner-page h3 .orange {color:#F90;}
#contents-inner-page h3 .blue {color:#039;}

#contents-inner-page h4 {}
#contents-inner-page h4 .num {
color:#FA0;
font-size:30px;
font-family: "Century Gothic",Verdana,Arial,sans-serif;
padding:0 10px 0 0;
vertical-align:-5%;
}

#contents-inner-page .main_image{
    box-sizing: border-box;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
	margin:0 0 30px 0;
}


/*------------------------------紹介できる住宅会社------------------------------*/

#contents-inner-page #syokai table{
	width:100%;	
}

#contents-inner-page #syokai td{
	vertical-align:top;
}

#contents-inner-page #syokai td p{
	width:100%;	
}


#contents-inner-page #syokai td h5 {
	color:#339966;
	background: url(../../UsersDir/images/buy-01/indent_house.png) no-repeat 0 18px;
	font-weight:bold;
	font-size:16px;
	padding:17px 0 5px 22px;
}


/*------------------------------ご相談の流れ------------------------------*/

#contents-inner-page #soudan td{
	vertical-align:top;
}

#contents-inner-page #soudan h2{
	margin:60px 0 30px 0;
	padding:0;
}

#contents-inner-page #soudan h2 img{
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;

}

#contents-inner-page #soudan .btn_reserve{
    display: block;
    border-radius: 5px;
    background: #ffaa00 url(../../UsersDir/images/buy-01/indent_white.png) no-repeat 40px 20px;
    border: none;
    border-bottom: 6px solid #ee8800;
    text-align: center;
    color: #FFF;
    font-size: 20px;
	font-weight:bold;
    line-height: 1;
    letter-spacing: 3px;
    text-decoration: none;
    box-sizing: border-box;
    padding: 18px 25px 14px 25px;
    width: 345px;
    cursor: pointer;
}


#contents-inner-page #soudan .ul1 li { 
    padding:0 0 0 20px;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	margin:0 20px 20px 0px;
	background:url(/UsersDir/images/buy-01/dot.jpg) no-repeat 0 4px;
}



/*------------------------------お客様の声------------------------------*/
#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 .inquiry {
width:720px; height:219px;
margin:60px auto 0 auto;
box-sizing:border-box;
position:relative; line-height:1;
background-color:#FFF;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
}
#contents-inner-page .inquiry .bg {background:url(/contents/images/pages/common/inquiry_bg.jpg) no-repeat top left;width:720px; height:227px;}
#contents-inner-page .inquiry .h {font-size:22px; position:absolute; top:30px; left:150px; line-height:1.4; padding-right:30px; letter-spacing: 0.02em;}
#contents-inner-page .inquiry .h br {display:none;}
#contents-inner-page .inquiry .h br:last-child {display:block;}
#contents-inner-page .inquiry .tel {vertical-align:top; width:314px; height:105px; position:absolute; bottom:12px; left:30px;}
#contents-inner-page .inquiry .tel .text {border-radius:5px; padding:7px 5px 5px 5px; margin:0; color:#FFF; text-align:center; font-size:12px; letter-spacing:0.05em; background:#8C1;}
#contents-inner-page .inquiry .tel .num {margin:5px 0 5px 0; padding-left:46px; font-size:42px; font-family: "Century Gothic",Verdana,Arial,sans-serif;white-space:nowrap; background:url(/contents/images/pages/common/inquiry_tel.png) no-repeat 10px center; 
}
#contents-inner-page .inquiry .tel .num a {color:#000; text-decoration:none;}
#contents-inner-page .inquiry .tel .open {color:#555; font-size:12px; text-align:center;}
#contents-inner-page .inquiry .mail {vertical-align:top; width:314px; position:absolute; bottom:30px; right:30px;}
#contents-inner-page .inquiry .mail .mail_btn {border-radius:6px; font-size:28px; font-weight:bold; text-align:center; border:1px #F90 solid;
letter-spacing:5px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
height:87px; box-sizing:border-box; width:auto;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;

background-color:#F90;
background:-moz-linear-gradient(top, #FA0, #F90);
background:-webkit-linear-gradient(top, #FA0, #F90);
background:linear-gradient(to bottom, #FA0, #F90);
background:-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F90));
-pie-background:linear-gradient(top, #FA0, #F90);

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/

display:block;}

#contents-inner-page .inquiry .mail .mail_btn a {display:block; padding:31px 10px 22px 18px; color:#FFF; text-decoration:none;}
#contents-inner-page .inquiry .mail .mail_btn a:hover {opacity:0.5;}

/*================================
住宅ローン
================================*/
#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;
}

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





/*------------------------------
Century21 Awards 連続受賞
------------------------------*/
#contents-inner-page .awards h3{
height:32px;
color:#000000;
font-size:20px;
margin:0 0 20px 0; 
padding:9px 0 5px 25px;
position:relative;
font-weight:bold;
border:solid 1px #cc9900;
border-radius:0;
background-image: -moz-linear-gradient(top, #f5f1e3, #ece3cb);
background-image: -webkit-linear-gradient(top, #f5f1e3, #ece3cb);
background-image: linear-gradient(to bottom, #f5f1e3, #ece3cb);
}

#contents-inner-page .awards h3:before{
position: absolute;
top:10px;
left:10px;
content: '';
width: 6px;
height:26px;
background-color: #cc9900;
border-top:1px solid #b78900;
border-left:1px solid #b78900;
}

#contents-inner-page .awards h4{
color:#996600;
background:#ffffff;
font-size:18px;
border:solid 1px #dddddd;
margin:0 0 20px 0;
padding:13px 0 9px 15px;
}

#contents-inner-page .awards td{
padding:10px 0 10px 0;
vertical-align:top;
}

#contents-inner-page .awards .photo img {
background: #FFF none repeat scroll 0 0;
border:1px solid #CCC;
margin:0 0 5px 0;
padding:5px;
}


/* For Smartphone */
/*@media screen and (max-width: 560px) {


#contents-inner-pages #syokai tr{
	display: inline-block;
    text-align: left;
    border-bottom: 1px solid #CCC;
    width: 100%;
}

#contents-inner-page #syokai td{
	display: block;
    border: none;
    padding: 5px 5px 10px 10px;
    width: auto !important;
}

#contents-inner-page #syokai td img{
	max-height:146px;
	overflow:hidden;
}



お問い合わせ（ページ下部）

#contents-inner-page .inquiry {
margin:20px 10px 20px 10px; padding:15px;
border-radius:10px;
box-sizing:border-box;
line-height:1;
background-color:#FFF;
/* box-shadow 
box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
}
#contents-inner-page .inquiry .bg {display:none;}
#contents-inner-page .inquiry .h {text-align:center; font-size:16px; font-weight:bold; line-height:1.4;}
#contents-inner-page .inquiry .h br {display:block;}
#contents-inner-page .inquiry .h br:last-child {display:none;}

#contents-inner-page .inquiry .tel {width:100%; vertical-align:top; margin:10px 0 10px 0;}
#contents-inner-page .inquiry .tel .text {border-radius:3px; padding:7px 5px 5px 5px; margin:0; color:#FFF; font-size:12px; text-align:center; letter-spacing:0.05em; background:#049;}
#contents-inner-page .inquiry .tel .num {margin:9px auto 7px auto; padding:0px; color:#333;  font-size:35px; white-space:nowrap; background:none; text-align:center; font-weight:bold;}
#contents-inner-page .inquiry .tel .num a {color:#333; text-decoration:none;}
#contents-inner-page .inquiry .tel .num span { display:none;}
#contents-inner-page .inquiry .tel .open {font-size:12px; text-align:center;}

#contents-inner-page .inquiry .mail {vertical-align:top;}
#contents-inner-page .inquiry .mail .mail_btn {padding:17px 10px 15px 10px; border-radius:6px; font-size:18px; text-align:center; border:1px #F90 solid;
font-weight:bold; letter-spacing:2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
background-color:#F90;
background:-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70));
display:block;}
#contents-inner-page .inquiry .mail .mail_btn span {font-size:12px; letter-spacing:2px; margin-bottom:8px; padding-bottom:8px; border-bottom:1px #F70 solid;display:inline-block; font-weight:normal;}
#contents-inner-page .inquiry .mail .mail_btn a {display:block; color:#FFF; text-decoration:none;}
#contents-inner-page .inquiry .mail .mail_btn a:hover {opacity:0.5;}


	
}

*/