@charset "utf-8";

/************************************************************ 共通部分 **/
#article h2#bukken-archive-text {
    background:  url(/images/search/bg_bukkentext.jpg) no-repeat;
    background-color: #000;
    min-height: 40px;
    height: auto!important;
    height: 40px;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    line-height: 40px;
    padding: 0 0 0 15px;
}

#bukken-archive-text span.contact-text{
    margin-left:15px;
    font-size: 12px;
    display: block;
    float:left;
}

#bukken-archive-text span.archive-title{
    float:left;
    display: block;
}

#bukken-archive-text span.archive-bkn{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 265px;
    float:left;
}

.arhive .summary table {
    margin: 10px auto;
}
.achive-summary h2 {
    background: none repeat scroll 0 0 #727272;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    margin: 0 0 10px;
    position: relative;
}
.achive-summary h2 span.summary-left {
    border-left: 3px solid #FFFFFF;
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 0 0 0 5px;
}
.achive-summary table {
    width: 680px;
    margin: auto;
    font-weight: normal;
    text-align: center;
}
.achive-summary table tr:hover {
    background: #eee;
}
.achive-summary th,
.achive-summary td {
    padding: 2px 0;
}
.achive-summary td {
    border-bottom: 1px dotted #aaa;
    font-size: 90%;
}
.achive-summary td.ichijikin span {
    width: 42px;
    display: inline-block;
    font-size: 90%;
}
.achive-summary td.id_price span {
    font-weight: bold;
    font-size: 125%;
    color: #ED4B03;
    width: auto;
    padding:1px;
}
.achive-summary tr.ttl_table th {
    background: #565656;
    color: #fff;
    text-align: center;
    font-weight: normal;
    padding: 2px 0 0 0;
    font-size: 90%;
}
.achive-summary tr.ttl_table th.layout {
    width: 53px;
    *width: 60px;
}
.achive-summary tr.ttl_table th.go-list,
.achive-summary tr.ttl_table th.go-detail {
    width: 64px;
    _width:60px;
    *width:60px;
}
.achive-summary tr.ttl_table th.go-detail2 {
    width: 86px;
}
.achive-summary tr.ttl_table th.floor {
    width: 34px;
    _width:40px;
    *width:40px;
}
.achive-summary tr.ttl_table th.area {
    width: 41px;
    _width: 50px;
    *width: 50px;
}
.achive-summary tr.ttl_table th.price {
    width: 42px;
    _width:80px;
    *width:80px;
}
.achive-summary tr.ttl_table th.other-price {
    width: 145px;
    _width:200px;
    *width:200px;
}
.achive-summary tr.ttl_table th.check-select {
    width: 38px;
}
.achive-summary td.btn {
    border-radius: 3px;
}
.achive-summary td.detail  {
    border: 1px solid #e7a800;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, center top, center bottom,
    from(#ffe492), to(#ffb400));
    background-image: -webkit-linear-gradient(top, #ffe492, #ffb400);
    background-image: -moz-linear-gradient(top, #ffe492, #ffb400);
    background-image: -o-linear-gradient(top, #ffe492, #ffb400);
    background-image: -ms-linear-gradient(top, #ffe492, #ffb400);
    background-image: linear-gradient(to bottom, #ffe492, #ffb400);
    -webkit-box-shadow: inset 0 0 0 1px #ffde6b;
    -moz-box-shadow: inset 0 0 0 1px #ffde6b;
    box-shadow: inset 0 0 0 1px #ffde6b;
    *background: #ffb400;
    _background: #ffb400;
}
.achive-summary td.list {
    border: 1px solid #777;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, center top, center bottom,
    from(white), to(#d8d8d8));
    background-image: -webkit-linear-gradient(top, white, #d8d8d8);
    background-image: -moz-linear-gradient(top, white, #d8d8d8);
    background-image: -o-linear-gradient(top, white, #d8d8d8);
    background-image: -ms-linear-gradient(top, white, #d8d8d8);
    background-image: linear-gradient(to bottom, white, #d8d8d8);
    -webkit-box-shadow: inset 0 0 0 1px white;
    -moz-box-shadow: inset 0 0 0 1px white;
    box-shadow: inset 0 0 0 1px white;
}
.achive-summary td.contact {
    background: #FFB040;
    border: none;
}
.achive-summary td.btn a,
.achive-summary td.btn span {
    text-decoration: none;
    color: #000;
    display: block;
}
.achive-summary td.btn a:hover,
.achive-summary td.btn span:hover {
    color: #666;
}
.achive-summary td.select {
    background: url(/images/search/bg_inputArrow.gif) no-repeat 8px 7px;
    padding: 0 0 0 7px;
}

.achive-summary td.btn span {
    cursor:pointer;
}
.achive-summary td {
    border: none;
    border-bottom: 1px dotted #aaa;
}

/*---------------------------------------------------------------------------------
                              ポップアップ部分
-----------------------------------------------------------------------------------*/

.open,
#ipop_close {
    cursor: pointer;
}
.meyasu img{
    vertical-align: -2px;
    margin: 0 0 0 2px;
}
#ipop {
    background: #ffffff;
    box-shadow: 0 0 10px #000;
    border-radius: 10px;
    border: 3px solid #333;
    display: none;
    position: fixed;
    padding: 10px;
    width: 500px;
    z-index: 100;
    top: 45%;
    left: 49%;
    margin: -115px 0 0 -220px;
    _margin: 100px 0 0 300px;
}
#ipop h3 {
    font-size: 150%;
    font-weight: bold;
    border-bottom: 1px dotted #333;
    margin: 0 0 10px;
    color: #2D4383;
    position: relative;
}
#ipop p {
    margin: 0 0 20px;
}
#ipop .red {
    color: #ff0000;
}
#ipop dl {
    margin: 0 0 20px;
}
#ipop dt {
    font-weight: bold;
}
#ipop dd {
    padding: 0 0 0 10px;
    border-bottom: 1px dotted #bbb;
}
#ipop ul {
    margin: 0 0 10px;
}
#ipop li {
    font-size: 80%;
    line-height: 1.5;
    margin: 0 0 5px;
}
#ipop p#ipop_close {
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    color: #fff;
    background: #333;
    padding: 3px;
    border-radius: 10px;
    width: 150px;
    margin: auto;
}
#ipop p#ipop_close:hover {
    background: #666;
}
#ipop span#ipop_close_right {
    background: #000;
    box-shadow: 0 1px 5px #999;
    border-radius: 50px;
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    margin: 0 0 0 86px;
    padding: 0 4px;
    position: absolute;
    right: -20px;
    top: -20px;
}
#ipop span#ipop_close_right:hover {
   background: #666;
}
/*****************************************************画像表示部分*/

#archive_img .main_img{
    float:left;
    margin:10px 15px;
    height: 325px;
    text-align: center;
    width: 400px;
}
#archive_img #sub_imgs{
    float:left;
    display:block;
    margin:10px 15px 10px 0;
    width:253px;
    height:310px;
    overflow:auto;
}
#archive_img #sub_imgs li{
    float:left;
    margin:6px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 64px;
}
#archive_img #sub_imgs li img{
    height: 64px;
    width: 64px;
}