@charset "utf-8";
/**
 * common.css
 * (c) FOURDIGIT Inc.
 */
/* head */
  .head {
    margin-bottom: 15px;
  }
  .head_for_new_yado {
    margin-bottom: 15px;
  }

/* pattern */
  .pattern {
    clear: both;
    margin-bottom: 30px;
  }
  .pattern .title {
    margin-bottom: 5px;
    font-weight: bold;
  }
  .pattern .box .title img {
    margin-left: 5px;
    vertical-align: top;
  }
  .pattern .box .content,
  .pattern .box .figure {
    width: 340px;
  }
  .pattern .box .thumbList {
    margin-top: 10px;
    margin-right: -10px;
  }
  .pattern .box .thumbList li {
    margin-right: 10px;
    margin-bottom: 10px;
  }

/* boxLR */
  .boxLR { zoom: 1; }
  .boxLR:after { content : ''; display : block; clear : both; }
  .boxLR .thumb {
    margin-bottom: 5px;
  }
  .boxLR .box01,
  .boxLR .box02 {
    width: 340px;
  }
  .boxLR .box01 { float: left; }
  .boxLR .box02 { float: right; }

/* boxLCR */
  .boxLCR { zoom: 1; }
  .boxLCR:after { content : ''; display : block; clear : both; }
  .boxLCR .thumb {
    margin-bottom: 5px;
  }
  .boxLCR .box01,
  .boxLCR .box02,
  .boxLCR .box03 {
    width: 220px;
  }
  .boxLCR .box01,
  .boxLCR .box02 { float: left; }
  .boxLCR .box03 { float: right; }
  .boxLCR .box01 { margin-right: 20px; }

/* resultList */
  .resultList,
  .resultList .content {
    clear: both;
  }
  .resultList .content {
    margin-bottom: 20px;
  }
  .resultList .content li {
    clear: none;
    margin-bottom: 0;
  }
  .resultList,
  .resultList .content,
  .resultList .head,
  .resultList .head_for_new_yado,
  .resultList .status {
    zoom: 1;
  }
  .resultList:after,
  .resultList .content:after,
  .resultList .head:after,
  .resultList .head_for_new_yado:after,
  .resultList .status:after { content : ''; display : block; clear : both; }
  .resultList .status {
    float: left;
  }
  .resultList .status li {
    float: left;
    margin-right: 5px;
    padding: 2px 4px;
    font-size: 77%;
    font-weight: bold;
    color: #ffffff;
  }
  .resultList .head {
    margin-bottom: 10px;
    border-top: 5px solid #dd0000;
    border-bottom: 1px solid #fde3e3;
    padding: 10px 15px;
    background-color: #fff2f2;
  }
  .resultList .head .rank {
  	float:left;
	width:74px;
  }
  .resultList .head .summary {
  	float:left;
	width:596px;
  }
  .resultList .head_for_new_yado {
    margin-bottom: 10px;
    border-top: 5px solid #dd0000;
    border-bottom: 1px solid #fde3e3;
    padding: 10px 5px;
    background-color: #fff2f2;
  }
  .resultList .head_for_new_yado .rank {
  	float:left;
	width:85px;
  }
  .resultList .head_for_new_yado .summary {
  	float:left;
	width:596px;
  }
  .resultList .status li.status01 { background-color: #868686; }
  .resultList .status li.status02 { background-color: #3399cc; }
  .resultList .statusIcon {
    float: right;
  }
  .resultList .statusIcon li {
    margin-left: 5px;
  }
  .resultList .titleArea {
    clear: both;
    padding-top: 10px;
    zoom: 1;
  }
  .resultList .newMember {
  	float:left;
	margin-right:5px;
  }
  .resultList .title {
    float: left;
    zoom: 1;
  }
  .resultList .title a {
    font-weight: bold;
    font-size: 123.1%;
    line-height: 140%;
  }
  .resultList .price {
    float: right;
    text-align: right;
    zoom: 1;
  }
  .resultList .price em {
    font-weight: bold;
    font-style: normal;
    font-size: 108%;
    line-height: 140%;
  }
  .resultList .price strong {
    font-size: 140%;
    font-weight: bold;
    color: #f80000;
  }
  .resultList .price em strong {
    font-size: 180%;
  }
  .resultList .wom {
    float: right;
    text-align: right;
    zoom: 1;
  }
  .resultList .wom em {
    font-weight: bold;
    font-style: normal;
    font-size: 108%;
    line-height: 140%;
  }
  .resultList .wom strong {
    font-size: 140%;
    font-weight: bold;
    color: #f80000;
  }
  .resultList .wom em strong {
    font-size: 180%;
  }
  .resultList .rating {
    float: right;
    text-align: right;
    zoom: 1;
  }
  .resultList .rating em {
    font-weight: bold;
    font-style: normal;
    font-size: 108%;
    line-height: 140%;
  }
  .resultList .rating strong {
    font-size: 140%;
    font-weight: bold;
    color: #f80000;
  }
  .resultList .rating em strong {
    font-size: 180%;
  }
  .resultList .figure {
    float: left;
    margin-bottom: 10px;
    width: 200px;
  }
  .resultList .figure .cap {
    font-weight: bold;
  }
  .resultList .profile {
    float: right;
    margin-bottom: 10px;
    width: 490px;
  }
  .resultList .profile .name {
    margin-top: 10px;
  }.
  .resultList .profile .priceOff {
    margin-top: 5px;
  }
  .resultList .profile .priceOff img {
    vertical-align: top;
  }
  .resultList .profile .priceOff em,
  .resultList .profile .priceOff em strong {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
  }
  .resultList .profile .priceOff em strong {
    color: #e80000;
  }
  .resultList .conditions {
    clear: both;
    margin-bottom: 5px;
    border-top: 1px solid #cecece;
    width: 100%;
  }
  .resultList .conditions th,
  .resultList .conditions td {
    padding: 10px;
    text-align: center;
  }
  .resultList .conditions th {
    padding: 5px 10px;
    background-color: #ececec;
  }
  .resultList .conditions td { border-bottom: 1px solid #cecece; }
  .resultList .conditions .secretPlan td { background-color: #fff6ed; }
  .resultList .conditions .plan { text-align: left; }
  .resultList .conditions .point { font-size: 77%; }
  .resultList .conditions .point strong {
    margin-left: 2px;
    font-size: 120%;
    color: #ff6600;
  }
  .resultList .conditions .planPrice,
  .resultList .conditions .discount strong,
  .resultList .conditions .lastRoom .room {
    color: #e80000;
    font-weight: bold;
  }
  .resultList .conditions .planStatus { width: 94px; }
  .resultList .conditions .planStatus li {
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
  }
  .resultList .conditions .planStatus li img { vertical-align: top; }
  .resultList .conditions .planPrice {
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
  }
  .resultList .conditions .planPrice span {
    font-size: 77%;
    font-weight: normal;
    color: #333;
  }
  .resultList .link {
    float: right;
  }
  .resultList .cap,
  .resultList .link li {
    float: left;
  }
  .resultList .link li {
    margin-left: 15px;
  }
  .resultList .link .toolTip {
    padding-left: 20px;
    line-height: 16px;
    background-color: transparent;
    background-image: url(../common/imgs/base/blt-question2.gif);
    background-repeat: no-repeat;
    background-position: left top;
    zoom: 1;
  }

/* searchResultNum */
  .searchResultNum,
  .searchResultNum .content {
    background-color: transparent;
    background-image: url(../imgs/result/bg-result-bottom.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    zoom: 1;
  }
  .searchResultNum .content {
    padding: 15px;
    background-image: url(../imgs/result/bg-result-top.gif);
    background-position: center top;
  }
  .searchResultNum:after,
  .searchResultNum .content:after,
  .searchResultNum .valuation:after { content : ''; display : block; clear : both; }
  .searchResultNum .num {
    float: left;
    width: 50%;
    font-size: 108%;
    line-height: 140%;
    font-weight: bold;
  }
  .searchResultNum .num strong {
    font-size: 167%;
    color: #f80000;
  }
  .searchResultNum .valuation {
    margin-top: 8px;
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
  }
  .searchResultNum .valuation li {
    float: left;
    margin-right: 10px;
  }
  .searchResultNum .valuation img {
    margin-right: 2px;
    vertical-align: top;
  }
  .searchResultNum .nav {
    float: right;
    width: 50%;
    text-align: right;
  }
  .searchResultNum .nav li {
    margin-right: -0.2em;
    display: inline;
  }
  .searchResultNum .nav li a,
  .searchResultNum .nav li a:hover,
  .searchResultNum .nav li strong,
  .searchResultNum .nav li span {
    margin-right: 0.0em;
    zoom: 1;
  }
  .searchResultNum .nav li strong {
    font-weight: bold;
    color: #000;
  }
  .searchResultNum .nav li span {
    color: #999;
  }

/* searchResultNum2 */
	.searchResultNum2,
	.searchResultNum2 .content {
		background-color: transparent;
		background-image: url(../imgs/result/bg-result-bottom.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		zoom: 1;
	}
	.searchResultNum2 .content {
		padding: 15px;
		background-image: url(../imgs/result/bg-result-top.gif);
		background-position: center top;
	}
	.searchResultNum2:after,
	.searchResultNum2 .content:after,
	.searchResultNum2 .valuation:after { content : ''; display : block; clear : both; }
	.searchResultNum2 .num {
		width: 100%;
		font-size: 108%;
		line-height: 140%;
		font-weight: bold;
	}
	.searchResultNum2 .num strong {
		font-size: 167%;
		color: #f80000;
	}
	.searchResultNum2 .valuation {
		margin-top: 8px;
		border-top: 1px solid #d9d9d9;
		padding-top: 10px;
	}
	.searchResultNum2 .valuation li {
		float: left;
		margin-right: 10px;
	}
	.searchResultNum2 .valuation strong {
		font-size: 140%;
		color: #000000;
	}
	.searchResultNum2 .valuation img {
		margin-right: 2px;
		vertical-align: top;
	}
	.searchResultNum2 .nav {
		text-align: right;
	}
	.searchResultNum2 .nav li {
		margin-right: -0.2em;
		display: inline;
	}
	.searchResultNum2 .nav li a,
	.searchResultNum2 .nav li a:hover,
	.searchResultNum2 .nav li strong,
	.searchResultNum2 .nav li span {
		margin-right: 0.0em;
		zoom: 1;
	}
	.searchResultNum2 .nav li strong {
		font-weight: bold;
		color: #000;
	}
	.searchResultNum2 .nav li span {
		color: #999;
	}

/* resultSort */
  .resultSort {
    clear: both;
    margin-bottom: 6px;
    zoom: 1;
  }
  .resultSort:after { content : ''; display : block; clear : both; }
  .resultSort dt,
  .resultSort dd {
    float: left;
    width: 620px;
  }
  .resultSort dt {
    margin-right: 15px;
    width: 60px;
    text-align: right;
    font-weight: bold;
  }
  .resultSort dd li {
    float: left;
    margin-right: 15px;
  }
  .resultSort dd li a,
  .resultSort dd li a:hover {
    background-position: left top!important;
  }
  .resultSort .linkCmn02 a,
  .resultSort .linkCmn02 strong {
    font-weight: bold;
  }
  .resultSort .linkCmn02 .toolTip a.toolTipSwitch {
    z-index: 10!important;
  }
  .resultSort .toolTipWrapper { z-index: 20; }

/* ftrRecommend */
  .ftrRecommend {
    clear: both;
    margin-top: 10px;
    /margin-top: 30px;
    padding: 0 0 13px 0;
    background-color: transparent;
    background-image: url(../imgs/detail/ftr-bg-recommend.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .ftrRecommend .content {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
    width: 680px;
    background-color: #fff;
  }
  .ftrRecommend .content li {
    float: left;
    border-left: 1px solid #ccc;
    padding: 0 10px 0 9px;
    width: 150px;
  }
  .ftrRecommend .content .first {
    border-left: 1px solid #fff;
  }
  .ftrRecommend .content .title {
    margin-bottom: 5px;
    font-weight: bold;
    color: #ff6600;
  }
  .ftrRecommend .content .thumb {
    float: left;
    margin-right: 10px;
  }
  .ftrRecommend .content .link a {
    padding-left: 10px;
    background-color: transparent;
    background-image: url(../common/imgs/base/blt-02.gif);
    background-repeat: no-repeat;
    background-position: left top;
  }
  .ftrRecommend .content .copy strong {
    font-size: 108%;
    font-weight: bold;
    color: #e80000;
  }