@charset "UTF-8";
/*
**********************************************************************
* article_detail.css
* site name : リネア建築企画
* description : 物件詳細コンテンツ共通指定
* since : 2010/01/19
*********************************************************************
*/
/*
==================================================================
* 物件共通項目
==================================================================
*/
/*
-------------------------------------------------------
* 物件情報
-------------------------------------------------------
*/
table.article-info-tbl{
    margin:4px 0 0 0;
    padding:0;
}
/*物件名*/
table.article-info-tbl td.article-name-info{
    margin:0;
    padding:0;
    vertical-align:top;
    width:410px;
}
/*css hack:IE6*/
*html table.article-info-tbl td.article-name-info{font-size:80%;}

/*h3:物件名*/
div.a-name-box{
    margin:0;
    padding:0;
}

div.a-name-box h3.a-name{
    margin:0 7px 0 0;
    float:left;
    font-size:130%;
    color:#333;
}
/*css hack:IE7*/
*:first-child+html div.a-name-box h3.a-name{font-size:150%;}

div.a-name-box h3.a-name span{
    font-size:65%;
    font-weight:normal;
    margin:0 0 0 5px;
}
div.icon{
    margin:2px 0 0 0;
    float:left;
}
div.icon-title{
    margin:4px 10px 0 0;
    float:left;
}
div.icon img{
    margin:0 0 0 1px;
}
/* LNA-6 2014.08.21 reedex 物件名（カナ）用設定追加 */
div.a-kana-name{
    clear:both;
    font-size:70%;
    margin:7px 0 11px 0;
}

/*アクセス情報*/
table.article-info-tbl td.access-info{
    margin:0;
    padding:3px 7px;
    border-left:1px solid #7d7d7d;
    border-right:1px solid #7d7d7d;
    vertical-align:top;
    width:177px;
}
/*設備情報*/
table.article-info-tbl td.facility-info{
    margin:0;
    padding:3px 0 3px 7px;
    vertical-align:top;
    width:173px;
}

.ttl-btn{
    margin:0;
    padding:0;
}
.ttl-btn img{
    float:left;
}

/*MAPボタン・詳細情報ボタン*/
p.map-btn,
p.detail-info-btn{
    float:right;
    margin:0;
    padding:0;
}
p.map-btn{
    background:url("/img/www/btn-map.gif") no-repeat;
    width: 52px;
    height:14px;
    margin: 0;
    padding: 0;
}
p.detail-info-btn{
    background:url("/img/www/btn-detail-info.gif") no-repeat;
    width: 74px;
    height:14px;
    margin: 0;
    padding: 0;
}
p.map-btn span,
p.detail-info-btn span{
    display:none;
}
p.map-btn a,
p.detail-info-btn a{
    display:block;
    height:14px;
}
/*オンマウス*/
p.map-btn a:hover{background:url("/img/www/btn-map.gif") no-repeat 0 -14px;}
p.detail-info-btn a:hover{background:url("/img/www/btn-detail-info.gif") no-repeat 0 -14px;}

/*各詳細（アクセス・設備）リスト*/
.access-list{
    margin:8px 0 0 0;
    padding:0;
    font-size:80%;
}
/*css hack:IE6*/
*html .access-list{font-size:70%;}
.access-list li{
    margin:1px 0 0 0;
    padding:0;
    line-height:1.2em;;
}


/*ご注意事項*/
.caution-box{
    clear:both;
    margin:26px 0 0 0;
    padding:5px;
    border:1px solid #b2b2b2;
}

.caution-list,
.caution-list2{
    margin:0;
    padding:0;
}
.caution-list dt{
    margin:0;
    padding:15px 0 10px 15px;
    width:87px;
    float:left;
}
.caution-list2 dt{
    margin:0;
    padding:4px 0 10px 6px;
    width:87px;
    float:left;
}
/*css hack:IE6*/
*html .caution-list dt{width:102px;}
*html .caution-list2 dt{width:102px;}

.caution-list dd,
.caution-list2 dd{
    margin:0;
    padding:3px 0 3px 7px;
    width:645px;
    float:left;
    font-size:80%;
    line-height:1.3em;
    border-left:1px solid #b2b2b2;
}

/*
-------------------------------------------------------
* 物件キーワード
-------------------------------------------------------
*/
.article-keyword{
    margin:0 0 16px 0;
    padding:0;
}
.article-keyword li{
    display:block;
    margin:0 0 1px 1px;
    padding:3px 7px 4px 7px;
    float:left;
    font-size:80%;
    white-space:nowrap;
}
.article-keyword li, x:-moz-any-link{padding:3px 7px;}
*:first-child+html .article-keyword li{padding:4px 7px 3px 7px;}
*html .article-keyword li{padding:4px 7px 3px 7px;}
/*新築*/
.new {
    color: #ffffff;
    background-color: #302577;
}
/*新築募集中*/
.new2 {
    color: #ffffff;
    background-color: #302577;
}
/*新築募集終了*/
.new3 {
    color: #ffffff;
    background-color: #302577;
}
/*地域・沿線*/
.area {
    color: #ffffff;
    background-color: #555555;
}
/*ことば*/
.word {
    color: #ffffff;
    background-color: #c89e39;
}
/*価格*/
.price {
    color: #ffffff;
    background-color: #3d3d4c;
}
/*間取り*/
.layout {
    color: #ffffff;
    background-color: #787878;
}


/*
==================================================================
* リンクボタン
==================================================================
*/
.btn-box{
    margin:5px 0 0 0;
    padding:0;
}

.btn-box ul{
    margin:0;
    padding:0;
    background: url("/img/www/bg_bnavi.gif") repeat-x 0 0;
}

.btn-box ul li{
    height: 35px;
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
.btn-box ul li span{
    display: none;
}

.btn-box ul li a,
.btn-box ul li a:link{
    height: 35px;
    display: block;
}

/*この物件のトップ*/
.btn-box ul li.articletop-btn{
    width:137px;
    background: url("/img/www/bnavi01-off.gif") no-repeat 0 0;
}
.btn-box ul li.articletop-btn a.active,
.btn-box ul li.articletop-btn a:hover{
    background: url("/img/www/bnavi01-on.gif") no-repeat 0 0;
}
/*部屋一覧*/
.btn-box ul li.roomlist-btn{
    width:87px;
    background: url("/img/www/bnavi03-off.gif") no-repeat 0 0;
}
.btn-box ul li.roomlist-btn a.active,
.btn-box ul li.roomlist-btn a:hover{
    background: url("/img/www/bnavi03-on.gif") no-repeat 0 0;
}
/*写真ギャラリー*/
.btn-box ul li.gallery-btn{
    width:126px;
    background: url("/img/www/bnavi02-off.gif") no-repeat 0 0;
}
.btn-box ul li.gallery-btn a.active,
.btn-box ul li.gallery-btn a:hover{
    background: url("/img/www/bnavi02-on.gif") no-repeat 0 0;
}
/*建築概要・設備*/
.btn-box ul li.facility-btn{
    width:125px;
    background: url("/img/www/bnavi04-off.gif") no-repeat 0 0;
}
.btn-box ul li.facility-btn a.active,
.btn-box ul li.facility-btn a:hover{
    background: url("/img/www/bnavi04-on.gif") no-repeat 0 0;
}
/*アクセスマップ*/
.btn-box ul li.accessmap-btn{
    width:128px;
    background: url("/img/www/bnavi05-off.gif") no-repeat 0 0;
}
.btn-box ul li.accessmap-btn a.active,
.btn-box ul li.accessmap-btn a:hover{
    background: url("/img/www/bnavi05-on.gif") no-repeat 0 0;
}
/*物件ガイド情報*/
.btn-box ul li.article-guide-btn{
    width:98px;
    background: url("/img/www/bnavi06-off.gif") no-repeat 0 0;
}
.btn-box ul li.article-guide-btn a.active,
.btn-box ul li.article-guide-btn a:hover{
    background: url("/img/www/bnavi06-on.gif") no-repeat 0 0;
}



/*
==================================================================
* 部屋情報
==================================================================
*/
/*部屋一覧はこちらボタン*/
p.roomlist2-btn{
    background:url("/img/www/btn-roomlist2.gif") no-repeat;
    width: 110px;
    height:11px;
    margin:7px 3px 0 20px;
    padding:0;
    float:left;
}

p.roomlist2-btn span{
    display:none;
}
p.roomlist2-btn a{
    display:block;
    height:11px;

}
/*オンマウス*/
p.roomlist2-btn a:hover{
    background:url("/img/www/btn-roomlist2.gif") no-repeat 0 -11px;
}

/*内覧予約・入居日についてボタン*/
p.moving-detail{
    float: right;
    margin: 3px 0 0 0;
}

p.moving-detail a{
    background:url("/img/www/ico_arrow_gray2.gif") no-repeat 0 3px;
    padding:0 0 0 10px;
    font-size: 80%;
}

/*
-------------------------------------------------------
* 部屋番号など
-------------------------------------------------------
*/
.room-info-box{
    margin:3px 0 0 0;
    border-bottom:1px dotted #666;
}

table.room-info-tbl{
    margin:0 0 3px 0;
    padding:0;
}
/*css hack:IE6*/
*html table.room-info-tbl{font-size:100%;}

/*部屋番号*/
table.room-info-tbl td.room-number{
    margin:0;
    padding:0;
    vertical-align:top;
    width:99px;
    border-right:1px solid #999;
}

table.room-info-tbl td.room-number p.room-number-txt{
    font-family:arial;
    font-size:180%;
    color:#333;
    margin:3px 0 0 0;
}

/*部屋の種類*/
table.room-info-tbl td.room-kind{
    width:90px;
    padding:3px 10px;
    vertical-align:middle;
    //text-align:center;
    border-right:1px solid #999;
    font-size:98%;
}

/*賃料など*/
table.room-info-tbl td.room-price{
    /* LNA-7 2014.09.10 reedex 高額（億以上）の一行表示対応 */
    width:117px;
    padding:3px 8px;
    vertical-align:top;
    //border-right:1px solid #999;
    font-size:98%;
    line-height:1.2em;
}

/*敷金礼金*/
table.room-info-tbl td.free{
    /* LNA-7 2014.09.10 reedex  高額（億以上）の一行表示対応 */
    width:120px;
    padding:0;
    vertical-align:middle;
    border-right:1px solid #999;
    font-size:91%;
    color:#1a1a1a;
}


/*部屋詳細に戻るボタン*/
table.room-info-tbl td.btn{
    width:140px;
    padding:0;
    vertical-align:middle;
}

/*入居可日付*/
table.room-info-tbl td.moving_txt{
    width:181px;
    padding:3px 8px;
    vertical-align:middle;
}

/*部屋一覧はこちらボタン*/
p.back-room-detail-btn{
    background:url("/img/www/btn-back-room-detail.gif") no-repeat;
    width: 118px;
    height:27px;
    margin: 0;
    padding: 0;
    float:right;
}
/*内覧予約をするボタン*/
p.reservation-btn{
    background:url("/img/www/btn-reservation.gif") no-repeat;
    width: 118px;
    height:27px;
    margin: 0;
    padding: 0;
    float:right;
}
/*この部屋の情報請求ボタン*/
p.request-btn{
    background:url("/img/www/btn-request.gif") no-repeat;
    width: 142px;
    height:27px;
    margin: 0;
    padding: 0;
    float:right;
}

/*申込中*/
p.apply{
    background:url("/img/www/apply.gif") no-repeat;
    width: 70px;
    height:27px;
    margin: 0;
    padding: 0;
    float:right;
}


p.back-room-detail-btn span,
p.reservation-btn span,
p.apply span,
p.request-btn span{
    display:none;
}
p.back-room-detail-btn a,
p.reservation-btn a,
p.request-btn a{
    display:block;
    height:27px;
}
/*オンマウス*/
p.back-room-detail-btn a:hover{background:url("/img/www/btn-back-room-detail.gif") no-repeat 0 -27px;}
p.reservation-btn a:hover{background:url("/img/www/btn-reservation.gif") no-repeat 0 -27px;}
p.request-btn a:hover{background:url("/img/www/btn-request.gif") no-repeat 0 -27px;}


/*住宅を借りる一覧に戻るボタン*/
.to-rh-btn{
    float:right;
    width:148px;
    height:11px;
    background:url("/img/www/btn-back-list-rh.gif") no-repeat 0 0;
    margin:0 4px 0 0;
    padding:0;
}
/*住宅を借りる一覧に戻るボタン*/
.to-rh-btn{
    float:right;
    width:148px;
    height:11px;
    background:url("/img/www/btn-back-list-rh.gif") no-repeat 0 0;
    margin:0 4px 0 0;
    padding:0;
}
/*新築一覧に戻るボタン*/
.to-new-btn{
    float:right;
    width:97px;
    height:11px;
    background:url("/img/www/btn-back-list-new.gif") no-repeat 0 0;
    margin:0 4px 0 0;
    padding:0;
}
/*買う一覧に戻るボタン*/
.to-buy-btn{
    float:right;
    width:97px;
    height:11px;
    background:url("/img/www/btn-back-list-buy.gif") no-repeat 0 0;
    margin:0 4px 0 0;
    padding:0;
}
/*事務所・店舗を借りる一覧に戻るボタン*/
.to-office-btn{
    float:right;
    width:183px;
    height:11px;
    background:url("/img/www/btn-back-list-office.gif") no-repeat 0 0;
    margin:0 4px 0 0;
    padding:0;
}
/*css hack:IE6*/
*html .to-rh-btn{margin:0 2px 0 0;}
*html .to-new-btn{margin:0 2px 0 0;}
*html .to-buy-btn{margin:0 2px 0 0;}
*html .to-office-btn{margin:0 2px 0 0;}

.to-rh-btn span,
.to-new-btn span,
.to-buy-btn span,
.to-office-btn span{
    display:none;
}
.to-rh-btn a,
.to-new-btn a,
.to-buy-btn a,
.to-office-btn a{
    height:11px;
    display:block;
}

/*オンマウス*/
.to-rh-btn a:hover{background:url("/img/www/btn-back-list-rh.gif") no-repeat 0 -11px;}
.to-new-btn a:hover{background:url("/img/www/btn-back-list-new.gif") no-repeat 0 -11px;}
.to-buy-btn a:hover{background:url("/img/www/btn-back-list-buy.gif") no-repeat 0 -11px;}
.to-office-btn a:hover{background:url("/img/www/btn-back-list-office.gif") no-repeat 0 -11px;}


/*
==================================================================
* 建築概要
==================================================================
*/
/*建築概要･設備はこちらボタン*/
img.ttl-jp{
    width: 87px;
    height:11px;
    margin:7px 3px 0 0;
    padding: 0;
    float:right;
}