@charset "utf-8";

@import url("/contents/style/recommend.css");

#contents-inner-top {margin:0 auto 0 auto; height: 462px; text-align:center;}
#contents-inner-top img{border:none;}


#contents-inner-top ul.main_image {width:780px; margin:0 auto 0 auto; box-sizing:border-box; overflow:hidden;}
#contents-inner-top ul.main_image li {float:left; margin-right:25px;}
#contents-inner-top ul.main_image li:last-child {margin-right:0;}
#contents-inner-top ul.main_image li img {vertical-align:top;}


#contents-inner-top .top_mgt {display:none;}


/*------------------------------------------ top_slide ----------------------------------------*/

.img_slide{
	position:relative;
	margin:0 0 50px 0;
}

.infiniteslide li{
	float:left;
}

.tree{
	width:100%;
    position:absolute;
    bottom:0px;
    height:56px;
    background: url(../images/top/img_slide/tree.png) repeat-x;
}



/*---------------------------- btn ---------------------------*/

.btn_regist{
    display: block;
    border-radius: 5px;
    background: #ee4433;
    border: none;
    border-bottom: 6px solid #dd3322;
    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;
    margin: 50px auto 0 auto;
    width: 600px;
    cursor: pointer;
}

.btn_more{
    display: block;
    border-radius: 5px;
    background: #ffaa00;
    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;
    margin: 50px auto 0 auto;
    width: 600px;
    cursor: pointer;
}





/*---------------------------- form ---------------------------*/
#contents-inner-top .top_form {
margin:0 0 30px 0; padding:0; box-sizing:border-box;
background:#FFFFF1;
border-radius:10px;
position:relative;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
}
#contents-inner-top .top_form .inn {padding:20px;}
#contents-inner-top .top_form .kane {position:absolute; top:-15px; right:0;}


/* 不動産オンライン査定（contents） */
#contents-inner-top .top_form table.form {margin:16px 0 0 0; padding:0; font-size:18px; border-collapse:collapse;}
#contents-inner-top .top_form table.form tr {border-top:1px solid #DDD;} 
#contents-inner-top .top_form table.form th {width:200px; padding:20px 20px 20px 0;}
#contents-inner-top .top_form table.form td {width:450px; padding:20px 0 20px 0;}
#contents-inner-top .top_form table.form th, #contents-inner-top .top_form table.form td {vertical-align:top; box-sizing:border-box;}
#contents-inner-top .top_form table.form input {margin:0 5px 10px 0;}
#contents-inner-top .top_form table.form label {margin:0 20px 0 0;}
#contents-inner-top .top_form table.form .item {width:100%; background:#CB9; border-radius:5px; color:#FFF; font-weight:bold; white-space:nowrap; padding:5px 0 3px 0; text-align:center; float:left; letter-spacing:0.15em; margin-bottom:5px;}
#contents-inner-top .top_form table.form .supplement {color:#9a9a9a;}
#contents-inner-top .top_form table.form .sml {color:#666; font-size:12px; font-weight:normal; display:block; text-align:right;}
#contents-inner-top .top_form table.form .value,
#contents-inner-top .top_form table.form .value_type,
#contents-inner-top .top_form table.form .value_add {}
#contents-inner-top .top_form table.form .value_add br {display:none;}


/* [無料]相談ボタン */
#contents-inner-top .form_btn_pos {text-align:center;}
#contents-inner-top .top_form_btn {
width:540px; margin:20px auto 20px auto; padding:12px 12px 10px 45px; box-sizing:border-box;
border:1px solid #F90;	
background-color:#F90;
background:url(../images/top/form_btn_indent.png),-moz-linear-gradient(top, #FA0, #F70);
background:url(../images/top/form_btn_indent.png),-webkit-linear-gradient(top, #FA0, #F70);
background:url(../images/top/form_btn_indent.png),linear-gradient(to bottom, #FA0, #F70);
background:url(../images/top/form_btn_indent.png),-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70));
-pie-background:url(../images/top/form_btn_indent.png),linear-gradient(top, #FA0, #F70);
background-repeat:no-repeat; background-position:5% center;
border-radius:10px; cursor:pointer;
color:#FFF; font-size:30px; font-weight:bold; letter-spacing:2px; text-decoration:none;

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


/*---------------------------- PM部 ---------------------------*/
#contents-inner-top .intro_pm {
margin:0 0 30px 0; padding:30px 20px 0 20px; box-sizing:border-box; border-radius:10px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
}

#contents-inner-top .intro_pm p {margin:30px auto 30px auto; text-align:center;}

#contents-inner-top .intro_pm ul.staff {overflow:hidden; padding-left:10px;}
#contents-inner-top .intro_pm ul.staff li {float:left; width:190px; margin:0 30px 30px 0;}
#contents-inner-top .intro_pm ul.staff li:nth-child(3n) {margin:0 0 30px 0;}
#contents-inner-top .intro_pm ul.staff li a {color:#000; text-decoration:none;}
#contents-inner-top .intro_pm ul.staff li img {vertical-align:top;
/* 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-top .intro_pm ul.staff li dl {margin-top:10px; border-left:5px solid #039; padding-left:5px;}
#contents-inner-top .intro_pm ul.staff li dl dt {font-weight:bold;}
#contents-inner-top .intro_pm ul.staff li dl dt span {font-weight:normal; font-size:14px; margin-right:5px;}
#contents-inner-top .intro_pm ul.staff li dl dd {font-size:14px;}


/*---------------------------- 賃貸部 ---------------------------*/
#contents-inner-top .intro_rent {
margin:0 0 30px 0; padding:30px 20px 0 20px; box-sizing:border-box; border-radius:10px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
}

#contents-inner-top .intro_rent p {margin:30px auto 30px auto; text-align:center;}

#contents-inner-top .intro_rent .sub_h {
position: relative;
background-color: #5BB;
color:#FFF;
font-size:25px;
font-weight:bold;
text-align:center;
width:720px;
margin:30px auto 30px -35px;
padding:20px 0 16px 0;
line-height:1;
box-sizing:border-box;	
text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
}
#contents-inner-top .intro_rent .sub_h br {display:none;}
#contents-inner-top .intro_rent .sub_h:before,
#contents-inner-top .intro_rent .sub_h:after {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
}
#contents-inner-top .intro_rent .sub_h:before {
left: 0;
border-width: 0 15px 15px 0;
border-right-color: #399;
}
#contents-inner-top .intro_rent .sub_h:after {
right: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-top-color: #399;
}

#contents-inner-top .intro_rent ul.staff {overflow:hidden; padding-left:10px;}
#contents-inner-top .intro_rent ul.staff li {float:left; width:300px; margin:0 30px 30px 0;}
#contents-inner-top .intro_rent ul.staff li:nth-child(2n) {margin:0 0 30px 0;}
#contents-inner-top .intro_rent ul.staff li img {vertical-align:top;
/* 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-top .intro_rent ul.staff_ch {overflow:hidden; padding-left:10px;}
#contents-inner-top .intro_rent ul.staff_ch li {float:left; width:135px; margin:0 30px 30px 0;}
#contents-inner-top .intro_rent ul.staff_ch li div {/*height:135px; overflow:hidden;*/
/* 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-top .intro_rent ul.staff_ch li div img {width:135px;}
#contents-inner-top .intro_rent ul.staff_ch li:nth-child(4n) {margin:0 0 30px 0;}
#contents-inner-top .intro_rent ul.staff_ch li a {color:#000; text-decoration:none;}
#contents-inner-top .intro_rent ul.staff_ch li img {vertical-align:top;}
#contents-inner-top .intro_rent ul.staff_ch li dl {margin-top:10px; border-left:5px solid #039; padding-left:5px;}
#contents-inner-top .intro_rent ul.staff_ch li dl dt {font-weight:bold; padding-top:3px;}
#contents-inner-top .intro_rent ul.staff_ch li dl dt span {font-weight:normal; font-size:14px; margin-right:5px;}
#contents-inner-top .intro_rent ul.staff_ch li dl dd {font-size:14px;}


/*---------------------------- 5つの特徴 ---------------------------*/
#wrap_add #feature {margin:0;}
#wrap_add #feature .block-inner {margin-bottom:50px;}
#wrap_add #feature .read {font-size:18px; text-align:center; padding:30px 0 30px 0; line-height:1.8;}
#wrap_add #feature .read strong {color:#C00;}
#wrap_add #feature #block1 .read strong {color:#039; display:block;}

#wrap_add #feature .block {display:block; 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;
}
#wrap_add #feature #block4 ul {width:560px;}
#wrap_add #feature #block4 ul li {margin-bottom:10px;}
#wrap_add #feature #block4 ul li:first-child {margin-bottom:0;}
#wrap_add #feature #block5 ul {padding:30px; background:url(../images/top/feature_05_img.png) no-repeat right top;}
#wrap_add #feature #block5 ul li {width:450px; font-weight:bold; margin-bottom:20px;}
#wrap_add #feature #block5 ul li:last-child {margin-bottom:0;}
#wrap_add #feature #block5 .js {margin:40px auto 0 auto;}
#wrap_add #feature #block5 .js .h {display:block; margin:0 auto 0 auto;}
#wrap_add #feature #block5 .js table {margin:30px auto 30px auto;}
#wrap_add #feature #block5 .js table td {text-align:left; vertical-align:top; font-size:14px; line-height:1.8;}
#wrap_add #feature #block5 .js table td strong {font-size:18px;}
#wrap_add #feature #block5 .js table td img {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;}
#wrap_add #feature #block5 .js table td.img {width:245px;}
#wrap_add #feature #block5 .js table td.txt {width:220px;}
#wrap_add #feature #block5 .js table td.space {width:20px;}


#wrap_add .news .date {color:#339966; font-size:18px; font-weight:bold;}
#wrap_add p {font-size:18px; line-height:1.8;}
#wrap_add table {border-collapse: collapse;}
#wrap_add table td {vertical-align:top;}



/*---------------------------- お客様の声 ---------------------------*/
#wrap_add #voice {margin:0; padding:50px 0 50px 0; background:#EEE;}
#wrap_add #voice .block-inner {margin-top:30px;}
#wrap_add #voice table {margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #FFF;}
#wrap_add #voice table td {text-align:left; vertical-align:top; font-size:16px; line-height:1.6;}
#wrap_add #voice table td strong {font-size:18px; color:#039;}
#wrap_add #voice table td img {border:5px solid #FFF; box-sizing:border-box; width:140px;
/* 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;}
#wrap_add #voice table:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}


/*---------------------------- よくあるご質問 ---------------------------*/
#wrap_add #faq {margin:0; padding:0 0 100px 0;}
#wrap_add #faq .block-inner {margin-top:30px;}
#wrap_add #faq table {margin:50px 0 0 0; padding:0 0 50px 0; border-bottom:2px solid #EEE; border-collapse:separate;}
#wrap_add #faq table td {text-align:left; vertical-align:top; line-height:1.6;}
#wrap_add #faq table td.icon_q {width: 70px; padding-bottom: 20px; vertical-align: top;}
#wrap_add #faq table td.icon_a {vertical-align: top;}
#wrap_add #faq table td.h {padding:8px 0 0 0; font-weight:bold; font-size:24px; color:#333333; vertical-align:middle;}
#wrap_add #faq table td.text {padding-top:13px;  font-size:18px; line-height:1.6; vertical-align:top;}
#wrap_add #faq table:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}


/*---------------------------- facebook ---------------------------*/
#wrap_add #fb {margin:0; padding:50px 0 50px 0; background:#EEE;}
#wrap_add #fb .block-inner {margin:0 auto 0 auto; text-align:center;}


/*------------------------------ 5つの無料サポート -----------------------------*/
#wrap_add p.txt_center {text-align:center;}
#wrap_add ul.support {margin:30px 0 0 0;}
#wrap_add ul.support:after {content:""; clear:both; display:block;}
#wrap_add ul.support li {float:left; width:480px; height:140px; box-sizing:border-box; border-radius:10px; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
 margin:0 40px 40px 0;}
#wrap_add ul.support li:nth-child(2n) {margin-right:0;}
#wrap_add ul.support li a {display:block; padding:30px;}
#wrap_add ul.support li:last-child {border-radius:0; box-shadow:none; text-align:center; padding:25px;}


/*------------------------------ news -----------------------------*/
#wrap_add .news {}
#wrap_add .news table {width:100%;}
#wrap_add .news table td:first-child {width:640px; padding-right:40px; box-sizing:border-box;}
#wrap_add .news table td .inn {
height:120px;
overflow-x:hidden;
overflow-y:scroll;
padding:0 10px 0 0;
box-sizing:border-box;
}


#wrap_add img.img_right {padding-left:40px;}
#wrap_add .bnr {margin-top:60px;}
#wrap_add table.pic {margin-top:50px;}





/*-------------------------- open_house -------------------------*/
#contents-inner-top .open_house {margin:30px 0 0 0;}
#contents-inner-top .open_house .h{margin:0 0 15px 0;}

#contents-inner-top .open_house  td{vertical-align:top;}

#contents-inner-top .open_house  .tb1{
margin:0; padding:0;
width:690px;
box-sizing:border-box;
}

#contents-inner-top .open_house  .td1{
padding:0;
margin:0;
}

#contents-inner-top .open_house  .inner{
margin:0; padding:0;
position:relative;
}

#contents-inner-top .open_house  .summaryTd{ padding:0; width:40%;}


#contents-inner-top .open_house  .new {
position:absolute;
top:0;
left:0;
}

#contents-inner-top .open_house  .im1{
margin:0 20px 0 0;
}

#contents-inner-top .open_house  .im2{
position:absolute;
top:15px;
right:0;
}

#contents-inner-top .open_house  .div1{
padding:0;
margin:0 0 10px 0;
font-size:20px;
font-weight:bold;
}

#contents-inner-top .open_house .inner .time{
margin:0 0 10px 0;
padding:10px 0 8px 15px;
font-size:16px;
font-weight:bold;
color:#620;
border-left:6px solid #E51;
}

#contents-inner-top .open_house  .div1 .type{font-size:14px; color:#555; font-weight:bold;}
#contents-inner-top .open_house  .redText{color:#C00;}

#contents-inner-top .open_house  ul{
margin:10px 0 0 0;
font-size:14px;
}
#contents-inner-top .open_house  li{
margin:0 0 7px;
padding:0 0 0 25px;
white-space:nowrap;
}
#contents-inner-top .open_house  li.shozai{background:url(../images/top/label_syozai.png) no-repeat left center;}
#contents-inner-top .open_house  li.kotsu{background:url(../images/top/label_kotsu.png) no-repeat left center;}
#contents-inner-top .open_house  li.menseki{background:url(../images/top/label_menseki.png) no-repeat left center;}
#contents-inner-top .open_house  li.chikunen{background:url(../images/top/label_chikunen.png) no-repeat left center;}

#contents-inner-top .open_house  .cmntTd{padding:10px; background:#f2f2f2;}

#contents-inner-top .open_house  .cmnt_sale{
margin:0;
padding:0;
font-size:10px;
}

#contents-inner-top .open_house  .line{
height:2px;
background-image:url(../images/line_dotted_9a9a9a.gif);
margin:6px 10px 6px 0;
}

#contents-inner-top .open_house .separate
{border-top:1px solid #DDD; width:690px; margin:20px auto;}


#contents-inner-top .open_house .cmnt_sale .openhouse_memo{color:#06C; margin:0 0 5px 0;}


/*-------------------------- contact -------------------------*/
#contents-inner-top .contact {
margin:30px auto 0;
width:690px;
height:160px;
position:relative;
background:url(../images/top/contact_tel.png) no-repeat;
}
#contents-inner-top .contact .mail{
position:absolute;
top:78px;
right:18px;
}

/*-------------------------- 非公開物件 -------------------------*/
#contents-inner-top .member {
    background: url("../images/top/member_bg.jpg") no-repeat scroll center center;
    height: 150px;
    margin: 0;
    position: relative;
    width: 690px;
	box-sizing:border-box;
}
#contents-inner-top .member ul {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 20px;
}
#contents-inner-top .member li {}
#contents-inner-top .member li:first-child {margin-bottom:4px;}
#contents-inner-top .member li img {vertical-align:bottom;}