@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}
body {
	-webkit-text-size-adjust: none;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
/*----------------------------------------
cmn
----------------------------------------*/


span.break {
	display:block;
}


.box_condo_detail h2 {
	margin-bottom:10px;
}


body .inner.breadcrumbs {
	margin-bottom:20px;
}

.breadcrumbs li a {
	background-image:url(/hre/haseko-chukai/tw/common/images/level.png);
	background-repeat:no-repeat;
	background-position:center right;
	margin-right:8px;
	padding-right:16px;
	color:#DD4026;
}



#contents {
	clear:both;
	margin-bottom:40px;
}

#syutoken_detail #footer .btn_contact,
#privacy .btn_contact,
#corporate .btn_contact {
	display:none;

}

.text_explain {
	margin-bottom:20px;
	font-size:87.5%;
}


#contents .note {
	margin-bottom:4%;
}

.box_condo h2 span {
	margin-right:10px;
}
.box_condo h2 span img {
	height:34px;
	vertical-align:middle;
}


.btn_agree p {
	display:none;
}

#privacy .btn_agree p.block {
	display: block;
}


.box_sp {
	display:none;
}

.text_read .note, dd p.note {
	font-size: 85%;
	margin-top: 10px;
}
h2 {
	clear: both;
}
strong {
	color: #f84e74;
	font-weight: bold;
}
img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.none {
	display: none;
}
#header {
	z-index: 1000;
}
#colorbox {
	z-index: 1000;
}
.ie7 * {
	zoom: 1;
}
.ie8 * {
	zoom: 1;
}
.btn_print {
	text-align: center;
	padding-top: 20px;
	display: none;
}
.appear .btn_print {
	display: block;
}
.appear .btn_close {
	display: none;
}
.btn_close {
	text-align: center;
	display: block;
	padding-top: 20px;
	font-size: 87.5%;
}
#pic_main {
	text-align: center;
	margin-bottom: 40px;
	border-bottom: 4px solid #dd4026;
}
.pic_large {
	text-align: center;
}
.text_read {
	text-align: center;
	font-size: 87.5%;
	margin-bottom: 40px;
	clear: both;
}
.text_read span {
	display: block;
	line-height: 2em;
}

.catchcopy {
	background-color:#dd4026;
	border-bottom:4px solid #ffba00;
	margin-bottom:20px;
}

.catchcopy p {
	text-align:center;
	font-size:160%;
	max-width:1000px;
	margin:0px auto;
	padding:2% 0;
	color:#fff;
}


.cmn #contents h1 {
	text-align:center;
	font-size:240%;
	color:#dd4026;
	margin-bottom:20px;
}

.text_select_result {
	float:left;
	margin-right:10px;
	line-height:36px;
}

.select_result {
	padding:5px;
	width:30%;
}


.box_select {
	margin-bottom:20px;
}


.box_condo li {
	border:1px solid #DD4026;
	padding:4%;
	margin-bottom:4%;
	clear:both;
	position:relative;
}

.pic_condo {
	width:50.1%;
	float:left;
}


.text_condo {
	width:46%;
	float:right;
}

.text_condo dl {
	border-bottom:1px dashed #DD4026;
	padding-bottom:20px;
	margin-bottom:20px;
}

.text_condo dt {
	float:left;
	width:20%;
	line-height:1.3em;
	font-size:87.5%;

	
}

.text_condo dd {
	float:left;
	width:80%;
	font-size:87.5%;
}

.icon_new {
	background-color:#DD4026;
	display:block;
	color:#fff;
	text-align:center;
	width:70px;
	height:70px;
	line-height:70px;
	position:absolute;
	top:0;
	left:0;
	
}


.box_list_detail {
	clear:both;
	margin-bottom:30px;
}

.btn_page {
	clear:both;
	text-align:center;
	

}

.btn_page ul{
	float:right;


}



.box_condo li .btn_page li  {
	border: none;
	clear:none;
	padding: inherit;
	margin-bottom:0px;
	display:inline;
	float:left;
	max-width:200px;
	width:200px;
	margin-left:20px;
	
}


.btn_page li a {
	color:#fff;
	text-align:center;
	display:block;
	padding:4% 2%;
	text-decoration:none;
	background-color:#BD0609;
}

.btn_page li a span {
	background-image:url(/hre/haseko-chukai/tw/common/images/icon_arrow.png);
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:left 2px;

}




.box_condo_detail h2  .icon_new {
	position:static;
	display:inline;
	height:auto;
	width:auto;
	padding:0px 10px;
	margin-right:10px;
}

.btn_page li.btn_add a {
	background-color: #CC7F00;
}


/*----------------------------------------
top
----------------------------------------*/

#info {
	margin-bottom: 40px;
	clear:both;
}

#info #new_condo {
	float: left;
}
#info #notice {
	float: right;
}
#info h2 {
	font-size: 150%;
	border-bottom: 1px solid #e0533b;
	margin-bottom: 20px;
}

#info li dt {
	color:#dd4026;
}

#info li {
	margin-bottom:20px;
}
#info li dd {
	font-size:87.5%;
}


.box_info {
	width: 47.8%;
	float: left;
}

.bx-controls-direction .bx-prev {
	left: 0;
	position: absolute;
	top: 36%;
	z-index: 3000;
}
.bx-controls-direction a {
	display: block;
}
.bx-controls-direction {
	z-index: 2000;
}
.bx-controls-direction .bx-next {
	right: 0;
	position: absolute;
	top: 36%;
	z-index: 3000;
}


#list_pr li dt {
	margin-bottom:10px;
	color:#e0533b;
}



.gmap {
	padding-top:60%;
	height:0;
}


.active {
	display:block;
}



#top .box_tab {

	clear:both;
}


/*----------------------------------------
detail
----------------------------------------*/



.list_use {
	clear:both;
	margin-bottom:4%;
}

.list_use li {
	float:left;
	display:inline;
	width:50%;
}


.list_use li.active a {
	background-color:#dd4026;
	color:#fff;
}


.list_use li a {
	display:block;
	text-align:center;
	padding:20px 10px;
	background-color: #D5B88E;
	color:#333;
	text-decoration:none;
}





body .inner.list_syutoken {
	clear:both;
	margin-bottom:4%;
}

.list_syutoken li {
	float:left;
	display:inline;
	width:50%;
}


.list_syutoken li a:hover {
	background-color:#dd4026;
	color:#fff;
}


.list_syutoken li a {
	display:block;
	text-align:center;
	padding:20px 10px;
	background-color: #D5B88E;
	color:#333;
	text-decoration:none;
}

.list_syutoken_investment a {
	border-right:1px solid #fff;
}

.box_condo h2 {
	margin-bottom:10px;
}






.pic_investment {
    float: left;
    text-align: center;
    width: 48%;
}








.detail_map {
	width:48%;
	float:right;
	padding-top:36%;
	
}

.search_map {
	max-width:1000px;
	margin:0px auto 40px;
	position:relative;
	clear:both;
}



.list_search_map {
	margin-bottom:4%;
	text-align:center;
}



.list_search_map li {
	display:inline;
	width:50%;
	font-size:120%;

}

.list_search_map li input {
 -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}


.list_search_map li span{
	margin-right:3px;
}
.list_search_map li span img {
    vertical-align: middle;
    width: 30px;
}

.list_search_investment {
	margin-right:4%;
}



/*
.list_search_map li.active a {
	background-color:#dd4026;
	color:#fff;
}


.list_search_map li a {
	display:block;
	text-align:center;
	padding:20px 10px;
	background-color: #D5B88E;
	color:#333;
	text-decoration:none;
}

*/

.box_outward {
	margin-bottom:4%;
}
.pic_madori a,
.large_pic_condo li {
    background-image: url(/hre/haseko-chukai/tw/common/images/icon_zoom.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


.pic_madori {
	width:48%;
	float:left;
	text-align:center;
}

.pic_madori img {
	height:360px;
}

.pic_madori a {
	display:block;
}



.pic_madori a img:hover,
.large_pic_condo a img:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	
}



.blth {
	border-left:1px solid #dd4026;
}



.outline {
	border-top:1px solid #dd4026;
	border-left:1px solid #dd4026;
	border-right:1px solid #dd4026;
	clear:both;
}


.outline table {
	width:100%;
	margin-bottom:40px;
}


.outline table thead th {
	text-align:center;
	padding:1%;
	border-bottom:1px solid #dd4026;
	color:#dd4026;
	
	font-size:140%;
}


.outline table tbody th {
	width:24%;
	border-bottom:1px solid #dd4026;
	background-color:#fcf4e3;
	padding:1%;
	font-size:87.5%;
}


.outline td{
	border-left:1px solid #dd4026;
	border-bottom:1px solid #dd4026;
	padding:1%;
	font-size:87.5%;
}

.text_read_outline {
	margin-bottom:20px;
	font-size:87.5%;
	
}
.large_pic_condo {
    float: left;
    width: 48%;
}



.thumb_pic_condo {
    float: right;
    width: 48%;
}


.thumb_pic_condo li {
	width:21.7%;
	float:left;
	display:inline;
	margin-right:4.34%;
	margin-bottom:2.94%;
}


.thumb_pic_condo li img {
	max-height:70px;
}


.thumb_pic_condo li.thumb_pic_condo_04,
.thumb_pic_condo li.thumb_pic_condo_08,
.thumb_pic_condo li.thumb_pic_condo_012,
.thumb_pic_condo li.thumb_pic_condo_016,
.thumb_pic_condo li.thumb_pic_condo_020,
.thumb_pic_condo li.thumb_pic_condo_024 {
	margin-right:0;
}


.btn_contact {
	text-align:center;
	margin-bottom:60px;
}

.btn_contact a {
	display:block;
	max-width:200px;
	background-color:#DD4026;
	color:#fff;
	text-decoration:none;
	padding:20px;
	margin:0px auto;
}


/*----------------------------------------
corporate
----------------------------------------*/

.box_greeting {
	margin-bottom:6%;
	clear:both;
}


.box_greeting h2 {
	margin-bottom:20px;
}


.box_greeting h3 {
	margin-bottom:10px;
}

.box_greeting p {
	margin-bottom:15px;
	font-size:87.5%;
}




.box_outline dl {_height: 1px;min-height: 1px;}
.box_outline dl:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}


.box_outline dl {
    border-bottom: 1px solid #eeeeee;
    display: block;
    padding: 20px 0;
}


.box_outline dl dt {
 background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    float: left;
    font-size: 87.5%;
    font-weight: bold;
    margin: 0;
    padding: 3px;
    text-align: center;
    width: 23%;
}



.box_outline dl dd {
    color: #635f5b;
    float: right;
     font-size: 87.5%;
    line-height: 1.8em;
    margin: 0;
    width: 75%;
}







/*----------------------------------------
privacy
----------------------------------------*/



#privacy .text_address {
	text-align:right;
	margin-bottom:20px;
}
#privacy .text_date {
	text-align:right;
}


.box_privacy.gray {
	margin:40px auto;
	clear:both;
	background-color:#eee;
	max-width:960px;
	padding:20px;
}


.box_privacy h2 {
	margin-bottom:20px;
}

.box_privacy h3{
	font-size:100%;
	margin-bottom:10px;
}

.box_privacy p {
	font-size:87.5%;
	margin-bottom:15px;
	
}


.btn_agree {
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
}

.btn_agree a {
	display:block;
	max-width:200px;
	background-color:#DD4026;
	color:#fff;
	text-decoration:none;
	padding:20px;
	margin:0px auto;
}


.list_agree {
	text-align:center;
	padding:20px 0px;
	border:1px solid #d75945;
}

.list_agree li {
	display:inline;
	margin:0px 20px;
}


.list_agree li a {
}




.breadcrumbs {
	max-width:1000px;
	margin:0px auto 20px;
	clear:both;
}



.breadcrumbs li {
	float:left;
	display:inline;
	font-size:87.5%;
	
}









#tooltip
{
    text-align: left;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
	font-size:87.5%;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }



#corporate .officer li span{
	margin-right:10px;
}



@media screen and (max-width: 1000px) {




}

@media screen and (max-width: 791px) {


/*----------------------------------------
detail
----------------------------------------*/


.icon_new {
    background-color: #dd4026;
    color: #fff;
    display: block;
    height: 40px;
    left: 0;
    line-height:40px;
    position: static;
    text-align: center;
    top: 0;
	margin-bottom:2%;
    width:100%;
}

.pic_condo {
    float: none;
    width: auto;
	text-align:center;
	margin-bottom:20px;
}


.text_condo {
    float: none;
    width: auto;
	clear:both;
}

.box_list_detail {
	margin-bottom:0px;
}


.box_condo li {
	padding:0;

}
.box_condo li div {
	padding:2%;

}

}
@media screen and (max-width: 640px) {

.box_sp {
	display: block;
}

.box_pc {
	display:none;
}

.cmn #contents h1 {
	font-size:160%;
}


body .inner.list_syutoken {
	margin-bottom:20px;
}


body .inner.list_syutoken li {
	margin-bottom:20px;
	display:block;
	float:none;
	width:auto;
}





.list_syutoken_investment a {
	border:none;
}

body .inner.list_syutoken li a {
	padding:10px;
}

.list_search_investment {
	margin-right:0;
}


.list_search_map li {
	display:block;
	float:none;
	width:auto;
	margin-bottom:10px;
}




 .box_condo_detail h2 .icon_new {
    display: block;
	line-height:1em;
    margin-right: 0px;
    padding:5px;
	width: auto;
	max-width:70px;
	height:auto;
	font-size:75%;
    position: static;
	margin-bottom:5px;
}

 .box_condo_detail h2 {
	 font-size:120%;
	 margin-bottom:10px;

 }
 
 .select_result {
	 width:auto;

 }

.box_info {
    float: none;
    width: auto;
}


#info #new_condo {
    float: none;
    width: auto;
}


#info #notice {
    float: none;
	clear:both;
    width: auto;
}


.catchcopy p {
	font-size:120%;
	width:93.75%;
	margin:0px auto;
	text-align:left;
}


.outline table tbody th {
	display:block;
	width:auto;
	clear:both;
}


.outline td{
	display:block;
	width:auto;
	border-left:none;
	clear:both;
}



.list_search_map {
	width:93.75%;
	margin:0px auto 4%;
}


.gmap {
	max-width:93.75%;
	margin:0px auto;
	padding-top:360px;

}




.pic_investment {
    float: none;
    text-align: center;
    width: auto;
	margin-bottom:20px;
}





.blth {
	border-left: none;
}


.box_column03 li {
    float: left;
    margin-bottom: 4%;
    margin-right: 4%;
    width: 48%;
}

.box_column03 li.column03_02,
.box_column03 li.column03_04,
.box_column03 li.column03_06,
.box_column03 li.column03_08,
.box_column03 li.column03_010 {
	margin-right:0px;
}
.box_column03 li.column03_03,
.box_column03 li.column03_05,
.box_column03 li.column03_07,
.box_column03 li.column03_09 {
	margin-right: 4%;
}


.bx-viewport {
	max-width:86%;
	margin:0px auto;
}
.bx-controls-direction img {
	width:60%;
}

.box_condo li .btn_page {
	text-align:center;
}

.box_condo li .btn_page ul {
	width:100%;
	margin-bottom:20px;
}

.box_condo li .btn_page li {

    display: inline;
    float: none;
	margin:0px 10px;
    max-width: 120px;
    padding: inherit;
    width: 120px;
}



.box_condo li .btn_page li a {
	display:inline;
	padding:2% 4%;
	font-size:87.5%;
}


.pic_madori {
	width:auto;
	float:none;
	margin-bottom:4%;
}


#fnav {
	width:93.75%;
	margin:0px auto 40px;
	border-top:1px solid #dd4026;
}


#fnav li {
	float:none;
	display:block;
	width:100%;
	border-bottom:1px solid #dd4026;
	border-right:1px solid #dd4026;
	border-left:1px solid #dd4026;
	padding:5px 0;
}
#fnav li a {
    border-left: none;
}



#fnav li.gnav_hre a {
    border-right: none;
}



.ftel {
	line-height:1.2em;
	text-align:center;
}


.box_ftel span {
	display:block;
}


.ofiicehour {
	font-size:75%;
}


}

@media screen and (max-width: 480px) {


.box_condo li div {
	padding-bottom:0px;
}

.box_condo li .btn_page li {
    display: block;
	width:100%;
	max-width:inherit;
	margin-left:0px;
	margin-right:0px;

}

span.break {
	display: inline;
}

.box_condo li .btn_page li a {
    display: block;
	padding:2% 4%;
	width:88%;
	margin:0px auto;
	font-size:87.5%;
}

.box_condo li .btn_page li.btn_detail a {
	margin-bottom:20px;
}

body .inner.fbnr  {
	margin-bottom:40px;
}

}