@charset "utf-8";

/* 
############################################################
複数のページにまたがる、共通したパーツ(抜き出して配置できるパーツ)用のページ
【読み込み範囲】全ファイル
############################################################
*/

/* = ui 矢印
----------------------------------------------- */
/* arrow6x8 */
.ui-arrowOrangeL6x8 {
    overflow: hidden;
    width: 6px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat 0 -20px;
}
.ui-arrowWhiteL6x8 {
    overflow: hidden;
    width: 6px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -10px -20px;
}
.ui-arrowBlueL6x8 {
    overflow: hidden;
    width: 6px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -20px -20px;
}
.ui-arrowBlackL6x8 {
    overflow: hidden;
    width: 6px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -30px -20px;
}
.ui-arrowOrangeR6x8 {
    overflow: hidden;
    width: 6px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -40px -20px;
}
.ui-arrowWhiteR6x8 {
    overflow: hidden;
    width: 6px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -50px -20px;
}
.ui-arrowBlueR6x8 {
    overflow: hidden;
    width: 6px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -60px -20px;
}
.ui-arrowBlackR6x8 {
    overflow: hidden;
    width: 6px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -70px -20px;
}

/* arrow8x6 */
.ui-arrowOrangeB8x6 {
    overflow: hidden;
    width: 8px;
    height: 6px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -20px -10px;
}

/* arrow7x10 */
.ui-arrowOrangeL7x10 {
    overflow: hidden;
    width: 7px;
    height: 10px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat 0 -30px;
}
.ui-arrowWhiteL7x10 {
    overflow: hidden;
    width: 7px;
    height: 10px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -10px -30px;
}
.ui-arrowBlueL7x10 {
    overflow: hidden;
    width: 7px;
    height: 10px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -20px -30px;
}
.ui-arrowOrangeR7x10 {
    overflow: hidden;
    width: 7px;
    height: 10px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -40px -30px;
}
.ui-arrowWhiteR7x10 {
    overflow: hidden;
    width: 7px;
    height: 10px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -50px -30px;
}
.ui-arrowBlueR7x10 {
    overflow: hidden;
    width: 7px;
    height: 10px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -60px -30px;
}


/* arrow8x12 */
.ui-arrowOrangeL8x12 {
    overflow: hidden;
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat 0 -40px;
}
.ui-arrowWhiteL8x12 {
    overflow: hidden;
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -10px -40px;
}
.ui-arrowBlueL8x12 {
    overflow: hidden;
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -20px -40px;
}
.ui-arrowOrangeR8x12 {
    overflow: hidden;
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -40px -40px;
}
.ui-arrowWhiteR8x12 {
    overflow: hidden;
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -50px -40px;
}
.ui-arrowBlueR8x12 {
    overflow: hidden;
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -60px -40px;
}
.ui-arrowBlackR8x12 {
    overflow: hidden;
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -70px -40px;
}


/* arrow10x15 */
.ui-arrowWhiteL10x15 {
    overflow: hidden;
    width: 10px;
    height: 15px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -10px -55px;
}

.ui-arrowWhiteR10x15 {
    overflow: hidden;
    width: 10px;
    height: 15px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -50px -55px;
}

.ui-arrowBlackL10x15 {
    overflow: hidden;
    width: 10px;
    height: 15px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -30px -55px;
}

.ui-arrowBlackR10x15 {
    overflow: hidden;
    width: 10px;
    height: 15px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -70px -55px;
}


/* arrow12x8 */
.ui-arrowWhiteB12x8 {
    overflow: hidden;
    width: 12px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -50px -70px;
}
.ui-arrowWhiteT12x8 {
    overflow: hidden;
    width: 12px;
    height: 8px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -65px -70px;
}


.ui-arrowFlowRight {
    overflow: hidden;
    width: 19px;
    height: 24px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -205px;
}
.ui-arrowFlowRightS {
    overflow: hidden;
    width: 12px;
    height: 15px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -25px -205px;
}
.ui-arrowFlowRightL {
    overflow: hidden;
    width: 37px;
    height: 28px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -40px -225px;
}



/* = ui アイコン
----------------------------------------------- */
.ui-lupeWhite {
    overflow: hidden;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left top;
}

.ui-labelCategorySmall {
    font-size: 76.9%; /*10px*/
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(6, 0, 1, .2);
    padding-top: 4px;
    padding-bottom: 3px;
    line-height: 1;
}

/* マンション */
.ui-labelCategory-condominium {
    background-color: #397db2;
}
/* 一戸建て */
.ui-labelCategory-independent-house {
    background-color: #d84d57;
}
/* 団地 */
.ui-labelCategory-multi-unit-apartment {
    background-color: #649f21;
}
/* 店舗 */
.ui-labelCategory-shop {
    background-color: #6f4896;
}

/* 見学会 */
.ui-labelCategory-openroom {
    background-color: #639f21;
}
/* セミナー */
.ui-labelCategory-seminar {
    background-color: #397db2;
}
/* 相談会 */
.ui-labelCategory-consultation {
    background-color: #d84d57;
}

.ui-labelCategoryPref {
    background-color: #111;
}


.ui-labelCategoryBdr {
    font-size: 76.9%; /*10px*/
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 3px;
    line-height: 1;
    border: 1px solid;
    width: 78px;
}
/* マンション */
.ui-labelCategoryBdr.ui-labelCategory-condominium {
    background: #e1ecf5;
    color: #397db2;
    border-color: #397db2;
}
/* 一戸建て */
.ui-labelCategoryBdr.ui-labelCategory-independent-house {
    background: #f8e3e5;
    color: #d84d57;
    border-color: #d84d57;
}
/* 団地 */
.ui-labelCategoryBdr.ui-labelCategory-multi-unit-apartment {
    background: #e8f0de;
    color: #649f21;
    border-color: #649f21;
}
/* 店舗 */
.ui-labelCategoryBdr.ui-labelCategory-shop {
    background: #ebe4f1;
    color: #6f4896;
    border-color: #6f4896;
}
/*資料請求可*/
.ui-labelCategoryBdr.ui-labelPamph {
    background: #f7fafa;
    color: #111;
    border-color: #b8c8ca;
}
/*初心者向け/デザイン・プランニング/資金計画・ローン/物件探し/戸建て/その他*/
.ui-labelCategoryBdr.ui-labelBeginner,
.ui-labelCategoryBdr.ui-labelCategory-design,
.ui-labelCategoryBdr.ui-labelCategory-loan,
.ui-labelCategoryBdr.ui-labelCategory-property-search,
.ui-labelCategoryBdr.ui-labelCategory-house,
.ui-labelCategoryBdr.ui-labelCategory-other {
    background: #ffefe4;
    color: #ed6103;
    border-color: #ed6103;
}
/*開催間近*/
.ui-labelCategoryBdr.ui-labelRecent {
    background: #fff;
    color: #ec0000;
    border-color: #ec0000;
}


.ui-labelCategoryBdrL {
    font-size: 115.4%; /*15px*/
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 0 8px;
    line-height: 1;
    border: 1px solid;
    box-sizing: border-box;
    width: 100px;
}
.ui-labelCategoryBdrL.ui-label-beginner {
    background: #ffefe4;
    color: #ed6103;
    border-color: #ed6103;
}
.ui-labelCategoryBdrL.ui-label-recent {
    background: #fff;
    color: #ec0000;
    border-color: #ec0000;
}


.ui-iconPr {
    display: inline-block;
    font-size: 76.9%; /*10px*/
    text-align: center;
    width: 24px;
    padding: 4px 0 2px;
    background-color: #fcbd24;
    font-weight: bold;
}

.ui-labelNew {
    font-size: 76.9%; /*10px*/
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(6, 0, 1, .2);
    padding-top: 4px;
    padding-bottom: 3px;
    background-color: #f00;
    line-height: 1;
}

.ui-pamphLabel {
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #b8c8ca;
    background-color: #f7fafa;
    font-size: 76.9%; /*10px*/
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
}
.ui-pamphLabel span {
    vertical-align: middle;
}
.ui-pamphLabel .icon {
    margin-right: 7px;
    margin-top: -1px;
}


.ui-askLabel {
    text-align: center;
    width: 90px;
    box-sizing: border-box;
    border: 1px solid #b8c8ca;
    background-color: #f7fafa;
    font-size: 76.9%; /*10px*/
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    border-radius: 3px;
}
.ui-askLabel span {
    vertical-align: middle;
}
.ui-askLabel .icon {
    margin-right: 4px;
    margin-top: -2px;
}

/* = ui-labelRequired
----------------------------------------------- */
.ui-labelRequired {
    display: inline-block;
    font-size: 76.9%; /*10px*/
    color: #fff;
    background-color: #ef6000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 5px 2px;
    vertical-align: middle;
}

/* = ui-labelNoRequired
----------------------------------------------- */
.ui-labelNoRequired {
    display: inline-block;
    font-size: 76.9%; /*10px*/
    color: #fff;
    background-color: #8199a2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 5px 2px;
    vertical-align: middle;
}

/* = ui-iconClipOrange
----------------------------------------------- */
.clipYet .ui-iconClip,
.ui-iconClipOrange {
    display: inline-block;
    width: 17px;
    height: 18px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -20px -90px;
}

/* = ui-iconClipWhite
----------------------------------------------- */
.clipAlready .ui-iconClip,
.ui-iconClipWhite {
    display: inline-block;
    width: 17px;
    height: 18px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -90px;
}

/* = ui-iconClipWhiteS
----------------------------------------------- */
.ui-iconClipWhiteS {
    display: inline-block;
    width: 12px;
    height: 14px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -70px;
}

/* = ui-iconClipWhiteL
----------------------------------------------- */
.clipAlready .ui-iconClipL,
.ui-iconClipWhiteL {
    display: inline-block;
    width: 22px;
    height: 24px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -135px;
}

/* = ui-iconClipOrangeL
----------------------------------------------- */
.clipYet .ui-iconClipL,
.ui-iconClipOrangeL {
    display: inline-block;
    width: 22px;
    height: 24px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -25px -135px;
}

/* = ui-iconListNew
----------------------------------------------- */
.ui-iconListNew {
    color: #fff;
    font-weight: bold;
    font-size: 92.3%; /*12px*/
    font-family: Univers, sans-serif;
}

/* = ui-iconListPr
----------------------------------------------- */
.ui-iconListPr {
    color: #111;
    font-weight: bold;
    font-size: 92.3%; /*12px*/
    background-color: #fcbd24;
    padding: 4px 0;
    width: 36px;
    text-align: center;
    font-family: Univers, sans-serif;
}


/* = ui-iconTrashcan
----------------------------------------------- */
.ui-iconTrashcan {
    display: inline-block;
    width: 14px;
    height: 16px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -185px;
}

/* = ui-iconSlideArrowL
----------------------------------------------- */
.ui-iconSlideArrowL {
    display: inline-block;
    width: 20px;
    height: 37px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -265px;
}

/* = ui-iconSlideArrowR
----------------------------------------------- */
.ui-iconSlideArrowR {
    display: inline-block;
    width: 20px;
    height: 37px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -25px -265px;
}

/* = ui-iconWrenchOrange
----------------------------------------------- */
.ui-iconWrenchOrange {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -305px;
}

/* = ui-iconSmallBook
----------------------------------------------- */
.ui-iconSmallBook {
    display: inline-block;
    width: 14px;
    height: 10px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -330px;
}

/* = ui-iconSmallBookNew
----------------------------------------------- */
.ui-iconSmallBookNew {
    display: inline-block;
    width: 16px;
    height: 11px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -30px -330px;
}

/* = ui-iconSmallEvent
----------------------------------------------- */
.ui-iconSmallEvent {
    display: inline-block;
    width: 13px;
    height: 12px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -15px -330px;
}

/* = ui-iconStar
----------------------------------------------- */
.favoriteAlready .ui-iconStar,
.favoriteYet .uiInner:hover .ui-iconStar,
.ui-iconStar {
    display: inline-block;
    width: 14px;
    height: 13px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -345px;
}

/* = ui-iconStarGray
----------------------------------------------- */
.favoriteYet .ui-iconStar,
.favoriteAlready .uiInner:hover .ui-iconStar,
.ui-iconStarGray {
    display: inline-block;
    width: 14px;
    height: 13px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -15px -345px;
}

/* = ui-borderLabel
----------------------------------------------- */
.ui-borderLabel {
    display: inline-block;
    font-size: 84.6%; /*11px*/
    border: 1px solid #b8c8ca;
    width: 58px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
    background-color: #f7fafa;
}


/* = ui-iconClipCircleS
----------------------------------------------- */
.ui-iconClipCircleS {
    display: inline-block;
}
.ui-iconClipCircleS .uiInner {
    display: inline-block;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    width: 24px;
    height: 19px;
    padding-top: 5px;
    vertical-align: middle;
    text-align: center;
    background-color: #ed6103;
    border: 1px solid #ed6103;
}


/* = ui-iconAleat
----------------------------------------------- */
.ui-iconAleat {
    display: inline-block;
    width: 40px;
    height: 35px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -360px;
}


/* = ui-iconRenoCouncil
----------------------------------------------- */
.ui-iconRenoCouncil {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -430px;
}

/* = ui-iconTel
----------------------------------------------- */
.ui-iconTel {
    display: inline-block;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -30px -460px;
}

/* = ui-iconTelMid
----------------------------------------------- */
.ui-iconTelMid {
    display: inline-block;
    width: 20px;
    height: 19px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -50px -460px;
}

/* = ui-iconTelLarge
----------------------------------------------- */
.ui-iconTelLarge {
    display: inline-block;
    width: 27px;
    height: 27px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat left -460px;
}


/* = ui-iconImageZoom
----------------------------------------------- */
.ui-iconImageZoom {
    display: inline-block;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -30px -160px;
}


/* = ui-iconBlank
----------------------------------------------- */
.ui-iconBlank {
    display: inline-block;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -20px -230px;
}

/* = ui-iconCheck
----------------------------------------------- */
.ui-iconCheck {
    display: inline-block;
    width: 20px;
    height: 18px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -7px -403px;
}

/* = ui-iconErrorMessage
----------------------------------------------- */
.ui-iconErrorMessage {
    display: inline-block;
    width: 24px;
    height: 21px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -40px -360px;
}

/* = ui-iconLoupe
----------------------------------------------- */
.ui-iconLoupe {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -30px -305px;
}


/* = ui-labelCat
----------------------------------------------- */
.ui-labelCat {
    border: 1px solid;
    border-radius: 3px;
    font-size: 76.9%; /*10px*/
    display: inline-block;
    width: 80px;
    text-align: center;
    padding: 3px 3px 2px;
}
.ui-labelCat.labelCat-condominium {
    border-color: #397db2;
    background-color: #e1ecf5;
    color: #397db2;
}
.ui-labelCat.labelCat-independent-house {
    border-color: #d84d57;
    background-color: #f8e3e5;
    color: #d84d57;
}


/* = ui-iconCalender
----------------------------------------------- */
.ui-iconCalender {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -50px -305px;
}


/* = ui-iconBeginner
----------------------------------------------- */
.ui-iconBeginner {
    display: inline-block;
    width: 14px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -100px -305px;
}


/* = ui-iconClose
----------------------------------------------- */
.ui-iconClose {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../img/common/icon/sprite_icon_images.png) no-repeat -95px -255px;
}