@charset "utf-8";

h3{font-size: 18px;}
#mainContainer #Single .title h1{font-size: 18px;}
hr{clear: both;}
.cb{clear: both;}

.search{
    width: 812px;
    position: relative;
    background: url(/img/building/search_bg_middle.png) repeat-y left top;
    margin: 0px auto;
    padding: 15px 22px 0px 22px;
}
.search:before{
    width: 856px;
    height: 5px;
    content: " ";
    position: absolute;
    left: 0px;
    top: -5px;
    background-image: url(/img/building/search_bg_top.png);
}
.search:after{
    width: 856px;
    height: 7px;
    content: " ";
    position: absolute;
    left: 0px;
    bottom: -7px;
    background-image: url(/img/building/search_bg_bottom.png);
}
.search>p{
    background: url(/img/building/bukkenkensaku.png) no-repeat left center;
    font-size: 14px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 26px;
}
.search .left{
    width: 200px;
    float: left;
}
.search .left>p{
    font-size: 14px;
    font-weight: bold;
}
.search .left ul{
    background-color: #f7f7f7;
    border: 1px solid #c3c3c3;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.search .left ul li{
    border-top: 1px solid #c3c3c3;
    cursor: pointer;
}
.search .left ul li.checked{
    background: url(/img/building/area_checked.png) no-repeat left top;
}
.search .left ul li:first-child{
    border-top: none;
}
.search .left ul li span{
    display: inline-block;
    background: url(/img/building/area_arrow.png) no-repeat left center;
    margin: 0px 0px 0px 7px;
    padding: 2px 0px 1px 10px;
}
.search .left ul li.checked span{
    background: url(/img/building/area_arrow_checked.png) no-repeat left center;
    color: #ffffff;
}

.search .right{
    width: 580px;
    float: right;
    margin: 0px 0px 15px 0px;
}
.search .note {
    text-align: right;
}
.search .note span {
    color: #ff0000;
    font-color: #ff0000;
    margin-top: 10px;
}

.search .right>div{
    width: 270px;
    float: right;
}
.search .right>div>p{
    font-size: 11px;
    margin: 0px 0px 4px 0px;
}
.search .right>div>p span{
    font-size: 14px;
    font-weight: bold;
}
.search .right>div:first-child{
    float: left;
}

.search .right ul{
    overflow: hidden;
}
.search .right ul li{
    clear: both;
    overflow: hidden;
    cursor: pointer;
    margin: 10px 0px 0px 0px;
}
.search .right ul li:first-child{
    margin: 13px 0px 0px 0px;
}
.search .right ul li p{
    width: 15px;
    height: 15px;
    float: left;
    color: #9b9b9b;
    line-height: 15px;
}
.search .right ul li p:first-child{
    width: 80px;
    color: #000000;
    font-size: 11px;
    text-align: right;
    line-height: 15px;
    margin: 0px 3px 0px 0px;
}
.search .right ul li .graph{
    width: 0px;
    float: left;
}
.search .right ul li .graph div{
    width: 100%;
    height: 15px;
    float: left;
    position: relative;
    background: url(/img/building/graph_bg_y.png) repeat-x left top;
}
.search .right ul li div.before{
    width: 5px;
    height: 15px;
    float: left;
    background-image: url(/img/building/graph_bg_y_left.png);
}
.search .right ul li div.after{
    width: 5px;
    height: 15px;
    float: left;
    background-image: url(/img/building/graph_bg_y_right.png);
    margin: 0px 3px 0px 0px;
}

.search .right ul li.checked .graph div{
    background: url(/img/building/graph_bg_g.png) repeat-x left top;
}
.search .right ul li.checked div.before{
    background-image: url(/img/building/graph_bg_g_left.png);
}
.search .right ul li.checked div.after{
    background-image: url(/img/building/graph_bg_g_right.png);
}


.search .right .inputT,
.search .right .inputR{
    clear: both;
    margin: 15px auto 0px;
}
.search .right .inputT{
    width: 215px;
}
.search .right .inputR{
    width: 252px;
}
.search .right input{
    width: 57px;
    text-align: right;
}

.search .total{
    width: 176px;
    float: right;
    margin: 23px 31px 25px 0px;
}
.search .total p{
    width: 76px;
    float: left;
    background: url(/img/building/total.png) no-repeat left top;
    font-size: 48px;
    line-height: 1;
    padding: 23px 0px 0px 0px;
}
.search .total img{
    width: 74px;
    float: right;
    display: block;
}

.list100{
    width: 860px;
    overflow: hidden;
    margin: 17px 0px 0px 0px;
}
.list100>p{
    width: 197px;
    float: left;
    margin: 4px 15px 0px 0px;
}
.list100>p span{
    color: #ce2b37;
    font-size: 16px;
    font-weight: bold;
}
.list100>select{
    width: 135px;
    float: right;
}

.list100>.overItem{
    width: 347px;
    height: 28px;
    background: url(/img/building/overItem_middle.png) repeat-x left top;
    position: relative;
    color: #f22626;
    line-height: 29px;
    margin: 0px 0px 0px 0px;
    padding: 0px 6px 0px 4px;
}
.list100>.overItem:before{
    width: 9px;
    height: 28px;
    content: " ";
    position: absolute;
    left: -9px;
    top: 0px;
    background-image: url(/img/building/overItem_left.png);
}
.list100>.overItem:after{
    width: 4px;
    height: 28px;
    content: " ";
    position: absolute;
    right: -4px;
    bottom: 0px;
    background-image: url(/img/building/overItem_right.png);
}

.list100 + table{
    width: 860px;
    clear: both;
    border: 1px solid #e7e7e7;
    border-collapse: collapse;
    margin: 5px auto 0px;
}
.list100 + table thead tr{
    background-color: #efefef;
}

.list100 + table tbody tr td{
    border: 1px solid #e7e7e7;
    text-align: center;
    padding: 4px 0px 4px 0px;
}
.list100 + table tbody tr td>p{
    text-align: right;
    padding-right: 4px;
}
.list100 + table tbody tr td .f14{
    font-size: 14px;
}
.list100 + table tbody tr td:first-child>img{
    width: 68px;
    height: 68px;
    display: block;
    float: left;
    border: 1px solid #cfcfcf;
    margin: 0px 0px 0px 5px;
}
.list100 + table tbody tr td:first-child div{
    float: none;
    margin: 0px 0px 0px 80px;
}
.list100 + table tbody tr td:first-child div.billname{
    float: none;
    margin: 0px 0px 0px 80px;
}
.list100 + table tbody tr td:first-child div.billname p.f14{
    line-height:18px;
}
.list100 + table tbody tr td:first-child div.hide{
    width: 0px;
    height: 0px;
    position: relative;
}
.list100 + table tbody tr td:first-child div.onM{
    width: 400px;
    height: 400px;
    display: none;
    position: absolute;
    left: -60px;
    top: -175px;
    background: url(/img/building/onM_bg.png) repeat-x left top;
    z-index: 2;
    padding: 12px 0px 20px 0px;
}
.list100 + table tbody tr td:first-child div.onM:before{
    width: 28px;
    height: 432px;
    content: " ";
    position: absolute;
    left: -28px;
    top: 0px;
    background-image: url(/img/building/onM_left.png);
}
.list100 + table tbody tr td:first-child div.onM:after{
    width: 20px;
    height: 432px;
    content: " ";
    position: absolute;
    right: -20px;
    top: 0px;
    background-image: url(/img/building/onM_right.png);
}
.list100 + table tbody tr td:first-child div.onM img{
    width: 400px;
    height: 400px;
}
.list100 + table tbody tr td:first-child .recommend img{
	position: absolute;
	left: -80px;
	top: -4px;
	border: none;
}

.list100 + table tbody tr .buttonsLM>div{
    position: relative;
	text-align: left;
	padding-left: 8px;
}
.list100 + table tbody tr .buttonsLM img{
    display: table-cell;
    cursor: pointer;
	display:block;
}
.list100 + table tbody tr .buttonsLM img.map{
    margin: 5px 0px 0px 0px;
}

.list100 + table tbody tr .buttonsLM ul{
    width: 154px;
    display: none;
    position: absolute;
    right: 2px;
    top: 75px;
    background: url(/img/cover/popup_middle.png) repeat-y top left;
    text-align: left;
    padding: 3px 0px 8px 13px;
    z-index: 1;
}
.list100 + table tbody tr .buttonsLM ul:before{
    width: 167px;
    height: 14px;
    content: " ";
    position: absolute;
    right: 0px;
    top: -14px;
    background: url(/img/cover/popup_top.png) no-repeat top left;
}
.list100 + table tbody tr .buttonsLM ul:after{
    width: 167px;
    height: 6px;
    content: " ";
    position: absolute;
    right: 0px;
    bottom: -6px;
    background: url(/img/cover/popup_bottom.png) no-repeat top left;
}

.list100 + table tbody tr .buttonsLM ul a,
.list100 + table tbody tr .buttonsLM ul button{
    background: url(/img/cover/arrow.png) no-repeat left center;
    line-height: 25px;
    text-decoration: none;
    padding: 0px 0px 0px 11px;
}
.list100 + table tbody tr .buttonsLM ul input{
    width: 30px;
    height: 30px;
    border: none;
    background: url(/img/cover/button.png) no-repeat left top;
    cursor: pointer;
}
.list100 + table tbody tr .buttonsLM ul input:first-child{
    width: 100px;
    height: 32px;
    background: url(/img/cover/input_bg.png) no-repeat left top;
    cursor: text;
    color: #b2b2b2;
    margin: 0px 3px 0px 0px;
    padding: 0px 0px 0px 7px;
}






.list100 + table tbody tr.combi td div{
    float: left;
    margin: 0px 12px 0px 12px;
}
.list100 + table tbody .combi p{
    color: #909090;
}
.list100 + table tbody .combi p span{
    color: #000000;
}
.list100 + table tbody tr.even td{
    background-color: #f5f5f5;
}
.coverList tbody td {
    cursor:pointer;
}
.coverList table tbody tr.bgBlue td{
    background-color: #e2f7ec;
}











.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */