@charset "UTF-8";
/*////////////////////////////////////////////////////////////
mansion100% - mansion.css for "mansion" category.

Copyright (C) NEXT Co,. Ltd. All right reserved.
------------------------------------------------------------

    0. Import External CSS
    1. Common
    2. Title, Header
    3. Detail
        3-1. Main Layout
        3-2. Common
        3-3. Main Info
        3-4. User Comment
        3-5. Other Cost & Remarks
        3-6. Related Theme
        3-7. Others Interest
        3-8. Similar Property

////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
    0. Import External CSS
   ------------------------------------------------------------ */
@import "common.css";

/* ------------------------------------------------------------
    1. Common
   ------------------------------------------------------------ */
ul.blockStepAction {
    width: 640px;
    margin: 30px 0 30px 340px;
}

ul.blockStepAction li {
    float: left;
	margin-right: 15px
}

p.navPropertyTop {
    margin: 0 0 30px 0;
}

p#propertyCopy {
/*    margin: -10px 0 5px 0;*/
    margin: 0 0 5px 0;
}

/* ------------------------------------------------------------
    2. Title, Header
   ------------------------------------------------------------ */

/* --- Title --- */
div.blockPropertyTitle {
    position: relative;
	width: 980px;
	margin-bottom: 10px;
}

div.blockPropertyTitle h1 {
    width: 330px;
	font-size: 123.1%;
	font-weight: bold;
}

div.blockPropertyTitle h1.advance {
	padding-left: 70px;
	background: url(/shared/images/txt_advance_01.gif) no-repeat 0 3px;
}

div.blockPropertyTitle h1.onSale {
	padding-left: 70px;
	background: url(/shared/images/txt_onsale_01.gif) no-repeat 0 3px;
}

div.blockPropertyTitle h1.soldOut {
	padding-left: 70px;
	background: url(/shared/images/txt_soldout_01.gif) no-repeat 0 3px;
}

/* --- Meta --- */
div.blockPropertyTitle ul.itemInfo01 {
    position: absolute;
    top: 5px;
    right: 135px;
    width: 440px;
    text-align: right;
}

div.blockPropertyTitle ul.itemInfo01 li,
div.blockPropertyTitle ul.itemInfo01 li dl,
div.blockPropertyTitle ul.itemInfo01 li dl dd,
div.blockPropertyTitle ul.itemInfo01 li dl dt {
    display: inline;
}

div.blockPropertyTitle ul.itemInfo01 li {
    margin-left: 10px;
}

/* information amount */
div.blockPropertyTitle p.infoAmount {
    position: absolute;
    top: 2px;
    right: 0;
	width: 87px;
	height: 22px;
	padding-top: 6px;
	padding-left: 28px;
	background: url(/shared/images/bcg_info_amount1_01.gif) no-repeat 0 0;
	color: #656565;
	line-height: 1.2;
	white-space: nowrap;
}
div.blockPropertyTitle p.infoAmountLv1 {}
div.blockPropertyTitle p.infoAmountLv2 {
    background-image: url(/shared/images/bcg_info_amount2_01.gif);
}
div.blockPropertyTitle p.infoAmountLv3 {
    background-image: url(/shared/images/bcg_info_amount3_01.gif);
}
div.blockPropertyTitle p.infoAmountLv4 {
    background-image: url(/shared/images/bcg_info_amount4_01.gif);
}
div.blockPropertyTitle p.infoAmountLv5 {
    background-image: url(/shared/images/bcg_info_amount5_01.gif);
}

div.blockPropertyTitle p.infoAmount span {
    margin-left: 4px;
}

/* --- Nav --- */
div.blockPropertyNav {
    position: relative;
	width: 980px;
	border-bottom: 1px solid #eb800e;
}

div.blockPropertyNav ul.navContent01 {
    position: relative;
	top: 1px;
	left: 5px;
}

div.blockPropertyNav ul.navContent01 li {
    float: left;
    margin-right: 5px;
}

div.blockPropertyNav ul.blockStepAction {
    position: absolute;
	top: 0;
	left: 0;
    margin-top: 0;
	margin-bottom: 0;
}

/* --- Header --- */
div.blockPropertyDetailHeader {
    position: relative;
    width: 940px;
    padding: 25px 20px 10px;
}

/* --- Walking Time --- */
div.blockPropertyDetailHeader div.itemWalkingTime01 {
    position: relative;
    float: left;
	width: 52px;
	height: 52px;
	margin-top: 10px;
    margin-right: 18px;
	background: url(/mansion/detail/images/bcg_walking_time_01.gif) no-repeat 0 0;
}

div.blockPropertyDetailHeader div.itemWalkingTime01 p.number {
    position: absolute;
	top: 15px;
	left: 7px;
}

/* --- Keyword --- */
div.blockPropertyDetailHeader div.itemKeywords01 {
    float: left;
    width: 460px;
    margin-top: 10px;
}

div.blockPropertyDetailHeader div.itemKeywords01 ul li {
    display: inline;
    margin-right: 3px;
    padding: 2px;
    background: #fbe28a;
    line-height: 1.6;
}

/* --- Status-01 --- */
div.blockPropertyDetailHeader div.itemStatus01 {
    float: right;
    width: 380px;
}

div.blockPropertyDetailHeader div.itemStatus01 div.inner {
    float: right;
    margin: 10px 0 0;
    background: url(/shared/images/box_rounded_01_btm_l.gif) no-repeat left bottom;
}

div.blockPropertyDetailHeader div.itemStatus01 div.inner div {
    padding-bottom: 10px;
    background: url(/shared/images/box_rounded_01_btm_r.gif) no-repeat right bottom;
}

div.blockPropertyDetailHeader div.itemStatus01 ul {
    background: url(/shared/images/box_rounded_01_top_l.gif) no-repeat left top;
}

div.blockPropertyDetailHeader div.itemStatus01 ul li {
    padding: 0 10px;
    text-align: right;
}

div.blockPropertyDetailHeader div.itemStatus01 ul li.firstChild {
    padding-top: 10px;
    background: url(/shared/images/box_rounded_01_top_r.gif) no-repeat right top;
}

/* --- Status-02 --- */
div.blockPropertyDetailHeader div.itemStatus02 {
    clear: both;
    width: 940px;
    padding-top: 10px;
}

div.blockPropertyDetailHeader div.itemStatus02 ul.note01 {
    color: #ff3300;
}

/* --- Photo Viewer Flash --- */
div.swfPhotoCloud01 {
    height: 345px;
}

/* ------------------------------------------------------------
    3. Detail
   ------------------------------------------------------------ */

/*  3-1. Main Layout
   ------------------------------------------------- */
div.propertyDetailContent {
    width: 971px;
    margin-bottom: 30px;
    padding: 9px 0 9px 9px;
    background: #eeeeee;
}

div.propertyDetailContent div.primary {
    float: left;
    width: 669px;
    margin-bottom: 10px;
    background: #ffffff;
}

div.propertyDetailContent div.secondary {
    float: right;
    width: 293px;
    margin-bottom: 10px;
}

div.propertyDetailContent div.tertiary {
    clear: both;
    width: 941px;
    padding: 20px 10px;
    background: #ffffff;
}

/*  3-2. Common
   ------------------------------------------------- */
div.blockRecommendedPoint01,
div.blockPropertyBasicInfo01,
div.blockModelroomInfo01,
div.blockPoweredBy01,
div.blockSaleSchedule01,
div.blockPropertyMap {
    width: 649px;
    padding: 15px 10px 30px;
}

div.blockPoweredBy01 { /* override */
	padding-top: 0;
	padding-bottom: 0;
}

/*  3-3. Main Info
   ------------------------------------------------- */
/* --- Recommended Point --- */
div.blockRecommendedPoint01 dl {
    padding: 15px;
    border: 1px solid #cecece;
}

div.blockRecommendedPoint01 dl dt {
    float: left;
	width: 133px;
}

div.blockRecommendedPoint01 dl dd {
    float: right;
	width: 469px;
	padding-left: 15px;
	background: url(/shared/images/bcg_line_04.gif) repeat-y 0 0;
}

/* --- Property InfoE --- */
table.tblPropertyInfo01 {
    margin-bottom: 5px;
}

table.tblPropertyInfo01 tr.lastChild th,
table.tblPropertyInfo01 tr.lastChild td {
    padding-bottom: 20px;
    border-bottom: 2px solid #eeeeee;
}

/* --- Price --- */
table.tblPropertyInfo01 td.rowPrice p {
    float: left;
    width: 190px;
}

table.tblPropertyInfo01 td.rowPrice dl.priceRange01 {
    float: right;
    width: 255px;
}

table.tblPropertyInfo01 td.rowPrice dl.priceRange01 dt {
    float: left;
    clear: both;
    width: 90px;
    padding-top: 4px;
}

table.tblPropertyInfo01 td.rowPrice dl.priceRange01 dd {
    float: right;
    width: 165px;
}

/* --- Contact --- */
ul.propertyContact01 li {
    margin: 6px 10px;
    background: url(/shared/images/bcg_line_04.gif) repeat-y 140px 0;
}

ul.propertyContact01 li dl dt {
    float: left;
    width: 125px;
    padding-top: 3px;
}

ul.propertyContact01 li dl dd {
    float: right;
    width: 473px;
}

ul.propertyContact01 li.rowWebsite dl dd a {
    padding-left: 17px;
    background: url(/shared/images/ico_blank_01.gif) no-repeat 0 3px;
    font-weight: bold;
}

ul.propertyContact01 li.rowTel dl dd {
    font-size: 123.1%;
    font-weight: bold;
}

ul.propertyContact01 li.rowTel dl dd {
    color: #333333;
}

/* --- Modelroom Info --- */
div.blockModelroomInfo01 {
    padding-bottom: 0;
}

div.blockModelroomInfo01 div.itemInfo01 {
    margin: 0 0 0 10px;
}

div.blockModelroomInfo01 div.itemInfo01 p {
    margin-bottom: 10px;
}

div.blockModelroomInfo01 table.tblModelroomInfo01 {
	margin-bottom: 10px;
}

/* reservation info */
dl.itemReservationInfo01 {
	margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #cecece;
}

dl.itemReservationInfo01 dd {
	padding-top: 5px;
	padding-left: 10px;
}

dl.itemReservationInfo01 dd ul li.officialSite {
	padding-left: 0;
    background: none;
	font-size: 116%;
}

dl.itemReservationInfo01 dd ul li.officialSite a {
    padding-left: 17px;
    background: url(/shared/images/ico_blank_01.gif) no-repeat scroll 0 3px;
}

dl.itemReservationInfo01 dd ul li.tel span {
	font-size: 85%;
}

/* --- Powered By --- */
div.blockPoweredBy01 p.note01 {
	margin-left: 1em;
	text-indent: -1em;
	font-size: 93%;
}

/* --- Map --- */
div.blockPropertyMap {
    padding-top: 0;
    padding-bottom: 0;
}

/* --- Related Company --- */
div.blockRelatedCompany {
    margin: 0 15px 20px;
    padding: 10px 0;
    border: 1px solid #cccccc;
    background: url(/mansion/detail/images/bcg_related_company_01.gif) no-repeat 0 10px;
}

div.blockRelatedCompany h3 {
    float: left;
    width: 82px;
    margin-right: 10px;
}

div.blockRelatedCompany table {
    float: left;
    width: 530px;
    margin-top: 10px;
}

div.blockRelatedCompany table th {
    width: 73px;
    padding: 5px 0;
    vertical-align: top;
}

div.blockRelatedCompany table td {
    padding: 5px 0;
    line-height: 1.3;
}

div.blockRelatedCompany table td li {
    display: inline;
    margin-right: 10px;
}

div.blockRelatedCompany table td a {
    color: #333333;
}

/*  3-4. User Comment
   ------------------------------------------------- */
div.blockUsersComments {
    width: 290px;
    margin: 0 3px 20px 0;
    padding-bottom: 20px;
    background: url(/shared/images/box_dropshadow_01_btm.gif) no-repeat bottom left;
}

div.blockUsersComments h3 {
    margin-bottom: 5px;
}

div.blockUsersComments dl {
    width: 271px;
    margin: 0 5px;
}

div.blockUsersComments dl dt {
    margin-bottom: 5px;
    padding-left: 15px;
    background: #eeeeee url(/shared/images/ico_arrow_04.gif) no-repeat 5px 50%;
    font-weight: bold;
}

div.blockUsersComments dl dt a {
    color: #333333;
}

div.blockUsersComments dl dd ul li {
    margin: 0 0 5px;
    padding: 0 15px 5px;
    border-bottom: 2px solid #eeeeee;
}

div.blockUsersComments dl dd ul li.lastChild {
    margin-bottom: 10px;
    border-bottom: none;
}

div.blockUsersComments dl dd ul li span.commentAuthor {
    color: #666666;
}

/* --- Comment --- */
div.blockUsersComments dl.itemComments dd ul li img {
    margin: 0 3px;
    vertical-align: middle;
}

div.blockUsersComments dl.itemFavorite dd ul li span.commentAuthor {
    display: block;
}

div.blockUsersComments dl.itemRelatedTheme dd ul li em {
    display: block;
    font-weight: bold;
}

/*  3-5. Other Cost & Remarks
   ------------------------------------------------- */
div.propertyDetailContent div.tertiary dl.otherCost,
div.propertyDetailContent div.tertiary dl.remarks {
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: url(/shared/images/bcg_line_05.gif) repeat-x left bottom;
    font-size: 77%;
}

div.propertyDetailContent div.tertiary dl.otherCost dt,
div.propertyDetailContent div.tertiary dl.remarks dt {
    float: left;
    width: 100px;
}

div.propertyDetailContent div.tertiary dl.otherCost dt img,
div.propertyDetailContent div.tertiary dl.remarks dt img{
    vertical-align: middle;
}

div.propertyDetailContent div.tertiary dl.otherCost dd,
div.propertyDetailContent div.tertiary dl.remarks dd {
    float: left;
    width: 830px;
}

div.propertyDetailContent div.tertiary ul.extraNote01 {
    color: #999999;
    font-size: 77%;
}

div.propertyDetailContent div.tertiary ul.extraNote01 li {
    margin-bottom: 5px;
}

div.propertyDetailContent div.tertiary p.updateInfo {
    text-align: right;
    font-size: 77%;
}

/*  3-6. Related Theme
   ------------------------------------------------- */
div.blockRelatedTheme {
    margin-bottom: 60px;
}

div.relatedThemeContent01 {
    float: left;
    position: relative;
    width: 312px;
    margin-right: 22px;
}

div.blockRelatedTheme div#theme03 {
    margin-right: 0;
}

div.relatedThemeContent01 h4 {
    padding: 3px 0 10px 57px;
    font-weight: bold;
}

div.relatedThemeContent01 h4 a:link,
div.relatedThemeContent01 h4 a:visited {
    text-decoration: none;
}

div.relatedThemeContent01 h4 a:hover,
div.relatedThemeContent01 h4 a:active {
    text-decoration: underline;
}

ul.totalComment {
    position: absolute;
    top: 0;
    left: 5px;
    padding-left: 3px;
    background: url(/shared/images/bcg_comment_01_l.gif) no-repeat 0 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}

ul.totalComment li {
    width: 44px;
    padding: 2px 3px 10px 0;
    background: url(/shared/images/bcg_comment_01_r.gif) no-repeat 100% 0;
    text-align: center;
    white-space: nowrap;
}

ul.totalComment li span {
    font-size: 10px;
    font-weight: normal;
}

div.relatedThemeContent01 p.excerpt01 {
    margin: 0 0 3px 5px;
    margin-bottom: 3px;
    font-size: 77%;
    line-height: 1.3;
}

div.relatedThemeContent01 p.excerpt01 a {
    color: #666666;
}

div.relatedThemeContent01 ul.listComment {
    margin: 10px 0 3px 5px;
    padding: 2px 7px 2px 20px;
    background: #e7e7e7 url(/shared/images/ico_comment_01.gif) no-repeat 3px 50%;
    color: #666666;
    font-size: 77%;
}

div.relatedThemeContent01 ul.listComment a {
    margin: 0 3px;
    color: #666666;
}

div.relatedThemeContent01 p.moreLink {
    margin-top: 10px;
}

/*  3-7. Others Interest
   ------------------------------------------------- */
div.blockOthersInterest table#tblOthersBookmark {
    width: 980px;
}

div.blockOthersInterest table#tblOthersBookmark td.date {
    width: 107px;
}

div.blockOthersInterest table#tblOthersBookmark td.author {
    width: 176px;
    padding-left: 6px;
    text-align: center;
}

div.blockOthersInterest table#tblOthersBookmark td.comment {
    width: 690px;
}

/*  3-8. Similar Property
   ------------------------------------------------- */
div.blockSimilarProperty {
    margin-bottom: 40px;
}