@charset "UTF-8";
/*////////////////////////////////////////////////////////////
mansion100% - mystock.css for "mystock" category.

Copyright (C) NEXT Co,. Ltd. All right reserved.
------------------------------------------------------------

    0. Import External CSS
    1. Common
    2. Header
        2-1. My Dream Room
        2-2. Mystock Nav
    3. Search History
    4. Message from Adviser
        4-1. Message List
        4-2. Message Detail
    5. Interested Property List
        5-1. Bookmark
        5-2. Compare
    6. Interested Company List
    7. Report List
    8. Non-Login
    9. Update Mystock Info
    10. Report Detail

////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
    0. Import External CSS
   ------------------------------------------------------------ */
@import "common.css";
@import "search.css";

/* ------------------------------------------------------------
    1. Common
   ------------------------------------------------------------ */

/* --- Edit & Delete --- */
td.utility ul {
    text-align: center;
}

td.utility li {
    display: inline;
}

td.utility li.edit a {
    margin-right: 17px;
    padding-left: 17px;
    background: url(/shared/images/ico_arrow_02.gif) no-repeat left center;
}

td.utility li.delete a {
    padding-left: 17px;
    background: url(/shared/images/ico_delete_01.gif) no-repeat left center;
}

/* ------------------------------------------------------------
    2. Header
   ------------------------------------------------------------ */
div#blockMystockHeader {
    position: relative;
    width: 980px;
}

div#blockMystockHeader p#copyMystock01 {
    position: absolute;
    top: 0;
    right: 1px;
    width: 589px;
    height: 115px;
}

/*  2-1. My Dream Room
   ------------------------------------------------- */
dl.itemMyroom {
    float: left;
    width: 239px;
    background: transparent url(/mystock/images/box_room_mdl.gif) repeat-y 0 0;
}

dl.itemMyroom dd {
    width: 228px;
    background: transparent url(/mystock/images/box_room_btm.gif) no-repeat left bottom;
}

dl.itemMyroom dd ul {
    width: 190px;
    padding: 15px 19px 25px;
    background: transparent url(/mystock/images/box_room_top.gif) no-repeat 0 0;
}

dl.itemMyroom dd ul li {
    width: 190px;
    padding: 4px 0 0;
    text-align: center;
}

dl.itemMyroom dd ul li.image {
    padding-bottom: 5px;
}

/*  2-2. Mystock Nav
   ------------------------------------------------- */
div#navMystock {
    position: absolute;
    top: 88px;
    left: 238px;
    width: 741px;
    padding: 27px 0 0;
}

div#navMystock dl.utility {
    width: 741px;
    height: 30px;
    margin-bottom: 6px;
    background: url(/mystock/images/bcg_catch_01.gif) no-repeat right top;
}

div#navMystock dl.utility li ,
div#navMystock dl#navPropertyList li ,
div#navMystock dl#navCompanyList li {
    display: inline;
}

div#navMystock dl.utility li img ,
div#navMystock dl#navPropertyList li img ,
div#navMystock dl#navCompanyList li img {
    float: left;
}

/* --- Interested Property List --- */
div#navMystock dl#navPropertyList {
    float: left;
    width: 618px;
}

div#navMystock dl#navPropertyList dt {
    width: 606px;
    height: 12px;
    margin-bottom: 2px;
    background: url(/mystock/images/bcg_property_list.gif) repeat-x left top;
    line-height: 12px;
}

/* --- Interested Company List --- */
div#navMystock dl#navCompanyList {
    float: right;
    width: 122px;
}

div#navMystock dl#navCompanyList dt {
    height: 12px;
    margin-bottom: 2px;
    background: url(/mystock/images/bcg_property_list.gif) repeat-x left top;
    line-height: 12px;
}

div#navMystock dl#navCompanyList dd {
    margin: 0;
    padding: 0;
}

/* --- New Info --- */
div#blockNewInfo {
    float: left;
    width: 606px;
    padding-top: 139px;
}

dl.itemNewInfo {
    margin-bottom: 5px;
    border: 1px solid #FFCBD5;
}

dl.itemNewInfo dt {}

dl.itemNewInfo dt a {
    display: block;
    width: 594px;
    padding: 4px 5px;
    padding-left: 5px;
    background: #FFCBD5;
    font-size: 108%;
    line-height: 1;
    text-decoration: none;
}

dl.itemNewInfo dt a:link,
dl.itemNewInfo dt a:visited,
dl.itemNewInfo dt a:hover,
dl.itemNewInfo dt a:active {
    color: #CC0000;
}

dl.itemNewInfo dt a img {
    margin-right: 8px;
    vertical-align: middle;
}

dl.itemNewInfo dt a em {
    font-weight: bold;
    vertical-align: middle;
}

dl.itemNewInfo dt a:hover {
    border-bottom: none; /* For IE */
}

dl.itemNewInfo dt a:hover em {
    border-bottom: 1px solid #CC0000;
}

dl.itemNewInfo dd {
    display: none;
}

dl.itemNewInfo dd ul {
    margin-left: 46px;
    padding: 10px 0 0;
}

dl.itemNewInfo dd ul li {
    margin-bottom: 10px;
}

ul.itemSiteAnnounce {}

ul.itemSiteAnnounce li {
    margin-bottom: 5px;
    padding-left: 28px;
    background: #dddddd url(/mystock/images/ico_exclamation_01.gif) no-repeat 4px 3px;
}

ul.itemSiteAnnounce li.important {
    color: #cc0000;
}

ul.itemSiteAnnounce li a.more {
    margin-left: 5px;
    padding-left: 8px;
    background: url(/shared/images/ico_arrow_04.gif) no-repeat 0 3px;
}

/* ------------------------------------------------------------
    3. Search History 
   ------------------------------------------------------------ */
ul.searchHistoryList {
    padding: 5px 0 20px;
}

ul.searchHistoryList li {
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 35px;
}

ul.searchHistoryList div.timeStamp {
    border-bottom: 1px solid #f5f5f5;
    padding: 8px 10px 4px;
    background-color: #eeeeee;
}

ul.searchHistoryList div.timeStamp p.date {
    float: left;
    width: 850px;
    font-size: 85%;
}

ul.searchHistoryList div.timeStamp p.delete {
    float: right;
    width: 57px;
    min-height: 17px;
    padding-left: 17px;
    background: url(/shared/images/ico_delete_01.gif) no-repeat 0 1px;
    font-size: 93%;
    line-height:1.1;
}

* html ul.searchHistoryList div.timeStamp p.delete { /* For IE6 */
    height: 17px;
}

ul.searchHistoryList div.timeStamp p.date span.time01 ,
ul.searchHistoryList div.timeStamp p.date span.place01 {
    padding: 2px 2px 2px 23px;
    background: url(/shared/images/ico_time_01.gif) no-repeat 6px 0;
}

ul.searchHistoryList div.timeStamp p.date span.place01 {
    background-image: url(/shared/images/ico_place_01.gif);
}

ul.searchHistoryList div.summary {
    padding: 8px 9px 0;
}

ul.searchHistoryList div.summary h3 {
    float: left;
    width: 412px;
    font-size: 131%;
    font-weight: bold;
}

ul.searchHistoryList div.summary ul.spec01,
ul.searchHistoryList div.summary ul.spec02 {
    float: left;
    width: 138px;
    padding-left: 40px;
    font-size: 77%;
}

ul.searchHistoryList div.summary ul.spec02 {
    width: 300px;
}

ul.searchHistoryList div.summary ul.spec01 li ,
ul.searchHistoryList div.summary ul.spec02 li {
    padding-bottom: 1px;
    border-width: 0;
}

/* ------------------------------------------------------------
    4. Message from Adviser 
   ------------------------------------------------------------ */

/*  4-1. Message List
   ------------------------------------------------- */
table#tblMystockMessage {}

table#tblMystockMessage thead th ,
table#tblMystockMessage thead td {
    height: 35px;
    border-bottom: 1px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #cccccc;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

table#tblMystockMessage thead th span.imageText {
    display: block;
    height: 0;
    overflow: hidden;
}

table#tblMystockMessage thead th.date {
    background-image: url(/shared/images/txt_message_date.gif);
}

table#tblMystockMessage thead th.company {
    background-image: url(/shared/images/txt_message_company.gif);
}

table#tblMystockMessage thead th.sender {
    background-image: url(/shared/images/txt_message_sender.gif);
}

table#tblMystockMessage thead th.title {
    background-image: url(/shared/images/txt_message_title.gif);
}

table#tblMystockMessage .date { /* with th, td */
    width: 224px;
}

table#tblMystockMessage .company,
table#tblMystockMessage .sender { /* with th, td */
    width: 169px;
}

table#tblMystockMessage td.title {
    width: 459px;
}

table#tblMystockMessage td.utility {
    width: 122px;
}

table#tblMystockMessage tbody td.date img.icon {
    margin-right: 27px;
    vertical-align: middle;
}

table#tblMystockMessage td strong.adviser01 {
    padding-left: 18px;
    background: url(/mystock/images/ico_adviser_01.gif) no-repeat left center;
    font-weight: normal;
}

/*  4-2. Message Detail
   ------------------------------------------------- */
div.messageDetail {
    margin-bottom: 30px;
    padding-bottom: 11px;
    background: url(/shared/images/bcg_message_detail_b.gif) no-repeat left bottom;
}

div.messageDetailFrom,
div.messageDetailMessage {
    background: url(/shared/images/bcg_message_detail_01.gif) no-repeat 0 0;
}

div.messageDetailDate,
div.messageDetailTitle {
    background: url(/shared/images/bcg_message_detail_02.gif) no-repeat 0 0;
}

div.messageDetailDate h2 ,
div.messageDetailFrom h2 ,
div.messageDetailTitle h2 ,
div.messageDetailMessage h2 {
    float: left;
    width: 167px;
    height: 0;
    padding-top: 36px;
    overflow: hidden;
}

div.messageDetailDate h2 {
    background: url(/mystock/images/txt_message_detail_date.gif) no-repeat 0 0;
}

div.messageDetailFrom h2 {
    background: url(/mystock/images/txt_message_detail_from.gif) no-repeat 19px 11px;
}

div.messageDetailTitle h2 {
    background: url(/mystock/images/txt_message_detail_title.gif) no-repeat 19px 11px;
}

div.messageDetailMessage h2 {
    background: url(/mystock/images/txt_message_detail_message.gif) no-repeat 19px 11px;
}

div.messageDetailDate p ,
div.messageDetailFrom p ,
div.messageDetailTitle p ,
div.messageDetailMessage p {
    float: left;
    width: 787px;
    padding: 8px 13px 8px;
    font-size: 93%;
}

div.messageDetailDate p {
    background: url(/shared/images/bcg_message_detail_t.gif)  no-repeat right top;
}

/* --- Back to List Button --- */
div#blockSearchResultHeader p.backToList {
    position: absolute;
    top: 0;
    right: 0;
}

*+html div#blockSearchResultHeader p.backToList { /* For IE7 */
    top: -2px;
}

* html div#blockSearchResultHeader p.backToList { /* For IE6 */
    top: -2px;
}

/* ------------------------------------------------------------
    5. Interested Property List
   ------------------------------------------------------------ */

/*  5-1. Bookmark
   ------------------------------------------------- */
table#tblMystockBookmark {}

table#tblMystockBookmark td.date {
    width: 107px;
}

table#tblMystockBookmark td.property {
    width: 176px;
    padding-left: 5px;
}

table#tblMystockBookmark td.property img {
    margin-right: 5px;
}

table#tblMystockBookmark td.comment {
    width: 483px;
}

table#tblMystockBookmark td.utility {
    width: 132px;
}

/*  5-2. Compare
   ------------------------------------------------- */
div.swfCompareProperty {
    width: 980px;
    height: 640px;
}

/* ------------------------------------------------------------
    6. Interested Company List
   ------------------------------------------------------------ */
table#tblMystockCompanyList {}

table#tblMystockCompanyList thead th,
table#tblMystockCompanyList thead td {
    height: 35px;
    border-bottom: 1px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #cccccc;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

table#tblMystockCompanyList thead th span.imageText {
    display: block;
    height: 0;
    overflow: hidden;
}

table#tblMystockCompanyList thead th.company {
    background-image: url(/shared/images/txt_message_company.gif);
}

table#tblMystockCompanyList thead th.area {
    background-image: url(/shared/images/txt_message_area.gif);
}

table#tblMystockCompanyList thead th.capital {
    background-image: url(/shared/images/txt_message_capital.gif);
}

table#tblMystockCompanyList thead th.property {
    background-image: url(/shared/images/txt_message_property.gif);
}

table#tblMystockCompanyList thead th.favorite {
    background-image: url(/shared/images/txt_message_favorite.gif);
}

table#tblMystockCompanyList .company { /* with th, td */
    width: 288px;
}

table#tblMystockCompanyList .area { /* with th, td */
    width: 188px;
    text-align:center;
}

table#tblMystockCompanyList .capital,
table#tblMystockCompanyList .property,
table#tblMystockCompanyList .favorite,
table#tblMystockCompanyList .utility { /* with th, td */
    width: 100px;
    text-align:center;
}

/* ------------------------------------------------------------
    7. Report List
   ------------------------------------------------------------ */
p.noteReportList01 {
    margin: -3.4em 0 25px 0;
    text-align: right;
}

table.tblMystockReport01 thead th,
table.tblMystockReport01 thead td {
    height: 35px;
    border-bottom: 1px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #cccccc;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

table.tblMystockReport01 thead th span.imageText {
    display: block;
    height: 0;
    overflow: hidden;
}

table.tblMystockReport01 thead th.date {
     background-image: url(/shared/images/txt_report_date.gif);
}

table.tblMystockReport01 thead th.property {
     background-image: url(/shared/images/txt_property_name.gif);
}

table.tblMystockReport01 thead th.presentStatus {
     background-image: url(/shared/images/txt_present_status.gif);
}

table.tblMystockReport01 .date,
table.tblMystockReport01 .property,
table.tblMystockReport01 .presentStatus,
table.tblMystockReport01 .utility {
    text-align: center;
}

table.tblMystockReport01 .date {
    width: 300px;
}

table.tblMystockReport01 .property {
    width: 400px;
}

table.tblMystockReport01 .utility {
    width: 290px;
}

/* ------------------------------------------------------------
    8. Non-Login
   ------------------------------------------------------------ */

/*  8-1. Header
   ------------------------------------------------- */
div#blockMystockHeader02 {
    width: 980px;
    padding-bottom: 17px;
    background: url(/mystock/images/bcg_catch_01.gif) no-repeat right bottom;
}

div#blockMystockHeader02 h1.ttl04 {
    float: left;
}

div#blockMystockHeader02 p#copyMystock01 {
    float: right;
    width: 589px;
}

/*  8-2. About Mystock
   ------------------------------------------------- */
div#blockAboutMystock01 {
    min-height: 257px;
    padding-left: 40px;
    background: url(/mystock/images/visual_mystock_01.jpg) no-repeat right top;
}

* html div#blockAboutMystock01 { /* For IE6 */
    height: 277px;
}

div#blockAboutMystock01 h2{
    margin: 0 0 30px 0;
}

div#blockAboutMystock01 p.txtLead01 {
    width: 530px;
    margin: 0 0 30px 0;
}

/* --- Link to "About" Page --- */
div#blockAboutMystock01 ul.moreLink li {
    padding-left: 10px;
    background: url(/shared/images/ico_arrow_03.gif) no-repeat left center;
    color: #333333;
    text-align: left;
}

div#blockAboutMystock01 ul.moreLink li a:link,
div#blockAboutMystock01 ul.moreLink li a:visited {
    text-decoration: none;
}

div#blockAboutMystock01 ul.moreLink li a:hover,
div#blockAboutMystock01 ul.moreLink li a:active {
    text-decoration: underline;
}

/* --- Login, Register Button --- */
ul#btnListAccount01 {
    width: 684px;
    margin: 0 auto 90px;
    padding-top: 20px;
}

/* ------------------------------------------------------------
    9. Update Mystock Info
   ------------------------------------------------------------ */
ul.blockUpdateMystockInfo01 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    background: url(/mystock/images/bcg_update_box_01_btm.gif) no-repeat left bottom;
}

ul.blockUpdateMystockInfo01 li.itemMenu01 {
    float: left;
    width: 482px;
}

ul.blockUpdateMystockInfo01 li.even {
    float: right;
}

ul.blockUpdateMystockInfo01 li.itemMenu01 h2 {
    margin-bottom: 15px;
}

ul.blockUpdateMystockInfo01 li.itemMenu01 p,
ul.blockUpdateMystockInfo01 li.itemMenu01 ul.linkList01 {
    width: 452px;
    margin-left: 15px;
}

ul.blockUpdateMystockInfo01 li.itemMenu01 p {
    margin-bottom: 25px;
}

ul.blockUpdateMystockInfo01 li.itemMenu01 ul.linkList01 li {
    margin-top: 0;
}

ul.blockUpdateMystockInfo01 li.itemMenu01 ul.linkList01 li a:link,
ul.blockUpdateMystockInfo01 li.itemMenu01 ul.linkList01 li a:visited {
    text-decoration: none;
}

ul.blockUpdateMystockInfo01 li.itemMenu01 ul.linkList01 li a:hover,
ul.blockUpdateMystockInfo01 li.itemMenu01 ul.linkList01 li a:active {
    text-decoration: underline;
}

/* ------------------------------------------------------------
    10. Report Detail
   ------------------------------------------------------------ */
div.reportDetail {
    margin-bottom: 30px;
    padding-bottom: 11px;
    background: url(/shared/images/bcg_message_detail_b2.gif) no-repeat left bottom;
}

div.reportProperty {
    background: url(/shared/images/bcg_message_detail_01.gif) no-repeat 0 0;
}

div.reportEntryDate {
    background: url(/shared/images/bcg_message_detail_02.gif) no-repeat 0 0;
}

div.reportContent {
    background: url(/shared/images/bcg_message_detail_m_01.gif) repeat-y 0 0;
}

div.reportEntryDate h2,
div.reportProperty h2,
div.reportContent h2 {
    float: left;
    width: 167px;
    height: 0;
    padding-top: 36px;
    overflow: hidden;
}

div.reportEntryDate h2 {
    background: url(/mystock/images/txt_entry_date_01.gif) no-repeat 0 0;
}

div.reportProperty h2 {
    background: url(/mystock/images/txt_property_name_01.gif) no-repeat 19px 11px;
}

div.reportContent h2 {
    background: url(/mystock/images/txt_report_content_02.gif) no-repeat 1px 0;
}

div.reportEntryDate p,
div.reportProperty p {
    float: left;
    width: 787px;
    padding: 8px 13px 8px;
    font-size: 93%;
}

div.reportEntryDate p {
    background: url(/shared/images/bcg_message_detail_t.gif)  no-repeat right top;
}

/* --- Report Content --- */
div.reportContent div.text {
    background: url(/shared/images/bcg_message_detail_txt_01.gif) no-repeat 0 0;
}

div.reportContent div.text {
    float: left;
    width: 811px;
    padding: 0 0 8px;
    font-size: 93%;
}

div.reportContent div.text div.item {
    padding: 15px 13px;
    background: url(/shared/images/bcg_line_05.gif) repeat-x left top;
}

div.reportContent div.text div.firstChild {
    background: none;
}

div.reportContent div.text div.item h3 {
    font-weight: bold;
    font-size: 123.1%;
}

div.reportContent div.text div.item dl {
    margin: 5px 30px 0;
}

div.reportContent div.text div.item dl dt {
    font-weight: bold;
}

div.reportContent div.text div.item dl dd {
    margin: 5px 0 5px 1em;
}

/* --- Back to List --- */
p.backToReportList {
    position: absolute;
    top: 8px;
    right: 10px;
}