/* 詳細情報ページ */

body
{
    text-align: center;
    margin: 20px 0px;
    padding: 0;
    background-color: #FFFFFF;
}
div.divBody
{
    width: 730px;
    margin: auto;
    padding: auto;
}

/* 詳細情報を１物件ずつ囲うTable */
table.tableDetail
{
    width: 720px;
    margin-bottom: 10px;
}
table.tableDetail td
{
    padding: 0;
}

/* 主要な情報を表示する最上部のTable */
table.tableDetail table.main
{
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-collapse: collapse;
    font-size: 11pt;
    margin-bottom:10px;
}
table.tableDetail table.main th
{
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    text-align:center;
}
table.tableDetail table.main td
{
    border-style: solid;
    border-width: 1px;
    text-align: center;
    padding: 3px;
}

/* 中央の、詳細項目を表示するTableを、更に囲うTable */
table.tableDetail table.center
{
    width: 100%;
    margin-bottom:10px;
}
table.tableDetail table.center td.leftColumn
{
    padding: 0px 5px 0px 0px;
    vertical-align:top;
}
table.tableDetail table.center td.rightColumn
{
    padding: 0px 0px 0px 5px;
    vertical-align:top;
}

/* 賃貸物件詳細の主要画像群を囲うTable */
table.tableDetail table.image
{
    width: 100%;
    border-collapse:collapse;
    margin-bottom:5px;
}
table.tableDetail table.image td
{
    padding: 10px;
    vertical-align: top;
    text-align: center;
}
/* 売買物件詳細の、画像群全体を囲うTable */
table.tableDetail table.centerImage
{
    width: 100%;
    border-collapse:collapse;
    border-style:solid;
    border-width:2px;
    margin-bottom:10px;
}
table.tableDetail table.image td
{
    padding: 10px;
    vertical-align: top;
    text-align: center;
}

/* 画像を囲うDIV */
div.divImageFloat
{
    float: left;
    margin: 3px;
    font-size: 9pt;
    text-align:left;
    color: #555555;
}
div.divImageFloat .picTitle
{
  background-color:#E9E9E9;
  color:#555555;
  font-weight:bold;
  padding:3px;
}
table.tableDetail table.image .pic
{
    border: solid 1px #3366AA;
}
table.tableDetail table.image div.divImageTitle
{
    font-size: 10pt;
    color: #666666;
    text-align: left;
}

/* 画像モード時の、画像全体を囲うTable */
table.tableDetail table.picture 
{
    width:100%;
    border-collapse:collapse;
    border-style:solid;
    border-width:2px;
    margin-bottom:10px;
}
table.tableDetail table.picture td
{
}
table.tableDetail table.picture .divImage
{
    float:left;
    margin:5px;
    color:#666666;
    font-weight:bold;
    font-size:11pt;
}
table.tableDetail table.picture .pic 
{
    
}

/* 地図モード時のTable */
table.map 
{
    width:100%;
    border-collapse:collapse;
    border-style:solid;
    border-width:2px;
    margin-bottom:10px;
}

/* 中央で、詳細項目を表示するTable */
table.tableDetail table.detail
{
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-collapse: collapse;
    font-size: 10pt;
    margin-left: 0;
    margin-bottom:5px;
}
table.tableDetail table.detail th
{
    border-style: solid;
    border-width: 1px;
    width: 50%;
    padding: 3px;
    text-align:center;
}
table.tableDetail table.detail td
{
    border-style: solid;
    border-width: 1px;
    text-indent: 5px;
    padding: 3px;
    text-align:left;
}

/* 下部の情報を表示するTable */
table.tableDetail table.bottom 
{
    width:100%;
    margin-bottom: 25px;
}
table.tableDetail table.bottom td
{
    vertical-align:middle;
}
/* 取扱い企業を表示するTable */
table.tableDetail table.member
{
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-collapse: collapse;
    font-size: 11pt;
}
table.tableDetail table.member th
{
    border-style: solid;
    border-width: 1px;
    width: 150px;
    padding:5px;
}
table.tableDetail table.member td
{
    border-style: solid;
    border-width: 1px;
    padding:5px;
    text-align:left;
    font-size:9pt;
    line-height:135%;
}

table.tableDetail td.control 
{
}
div.divControl 
{
    background-color:#DDDDDD;
    width:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:auto;
    margin-bottom:10px;
}
/*
div.divControlButton
{
    width:170px;
    height:30px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    border-width: 2px;
}
*/
div.divControlButton
{
    font-size:11pt;
    margin-left:0;
    margin-right:0;
    margin-bottom:0px;
    margin-top:0px;
    height:2em;   
    background-color:#DDDDDD;
}
div.divControlButton a 
{
    color:#FFFFFF;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333;
    text-decoration:none;
    display:block;
    width:10em;
    float:left;
    line-height:2em;   
}
div.divControlButton a:hover 
{
}