@charset "utf-8";
/* CSS Document */

* {
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
a {
    color: #486ea9;
}
a:hover {
    text-decoration: none;
}
body {
    min-height: 100%;
    height: 100%;
}
html {
    height: 100%;
}
h1 {
    font-size: 24px;
    color: #be2e21;
    font-weight: normal;
}
img {
    border: 0px;
}
table {
    border-collapse: collapse;
}
ul {
    list-style-type: none;
}
textarea {
    resize: vertical;
}
#main_container {
    height: auto !important;
    min-height: 100%;
    height: 100%;
    margin: 0px auto;
}
#tm_container {
    height: 42px;
    background-image: url(/img/tm_bg.gif);
    background-repeat: repeat-x;
}
#top_menu {
    width: 100%;
}
#top_menu td {
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-image: url(/img/tm_bg2.gif);
    background-repeat: repeat-x;
}
#top_menu td, #top_menu td a {
    font-size: 14px;
    color: white;
}
#top_menu td a {
    display: block;
    height: 42px;
    background-image: url(/img/tm_bg.gif);
    background-repeat: repeat-x;
}
#top_menu a:hover {
    background-image: none;
}
#main {
    background-image: url(/img/start.jpg);
    background-repeat: no-repeat;
    background-position: -45px -42px;
    margin-bottom: 20px;
}
#header {
    height: 260px;
    position: relative;
}
#logo {
    position: absolute;
    left: 0px;
    top: 50px;
}
#flash {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 817px;
    height: 207px;
    background-image: url(/img/flash_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 7px 0px 0px 7px;
}
#coin-slider {
    width: 810px;
    height: 200px;
    overflow: hidden;
}
#addr {
    position: absolute;
    top: 170px;
    left: 0px;
}
#addr .spoiler {
    font-size: 12px;
}
#mode {
    position: absolute;
    top: 190px;
    color: black;
}
#mode span {
    font-size: 16px;
    font-weight: bold;
    color: black;
}
#area {
    position: absolute;
    left: 0px;
    bottom: 3px;
    background-color: #838d94;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 5px;
    font-style: italic;
    font-size: 22px;
    color: white;
    font-weight: bold;

}
#content {
    margin-top: 35px;
}
#content p {
    margin-top: 10px;
}
.actions {
}
.actions li {
    width: 380px;
}
#footer_guarantor {
    clear: both;
    height: 315px;
}
#footer_container {
    height: 315px;
    margin: -315px 0px 0px 0px;
}
#our_renters {
    height: 165px;
    padding-top: 15px;
    border-top: 1px solid #333333;
    border-bottom: 10px solid #be2e21;
    background-image: url(/img/our_renters_bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    overflow: hidden;
}
#rent_cat {
    margin-top: 10px;
}
#rent_cat li {
    float: left;
    margin-right: 20px;
}
#rent_cat li span {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    font-style: italic;
    font-size: 16px;
}
#rent_cat li span.select {
    background-color: #838d94;
    color: white;
}			
#rent_cat li span.spoiler {
    padding: 0px ;
}
.rent_detail {
    margin-top: 20px;
    display: none;
    position: relative;
    padding: 0px 33px;
}
.rent_detail, .rent_detail * {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;			
}
.rent_detail .prev, .rent_detail .next {
    width: 14px;
    height: 35px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}
.rent_detail .prev {
    left: 5px;
    background: transparent url(/img/larr.png) no-repeat 0 0;
}
.rent_detail .next {
    right: 5px;
    background: transparent url(/img/rarr.png) no-repeat 0 0;
}
.rent_detail ul {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
}
.rent_detail li {
    display: inline-block;
    margin-right: 20px;
    margin-left: 0px;
    padding: 2px;
    overflow: hidden;
}
.rent_detail img {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;					
    box-shadow: 0 0 5px 0px #000000;
}
#floor {
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
}
#floor li {
    display: inline-block;
    margin-right: 10px;
}
#floor li span {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    font-style: italic;
    font-size: 16px;
}
#floor li span.select {
    background-color: #838d94;
    color: white;
}			
#floor li span.spoiler {
    padding: 0px ;
}			
#footer {
    height: 124px;
    background-color: #333333;
}
#bottom_menu {
    float: right;
    clear: right;
    margin-top: 15px;
}
#bottom_menu li {
    border-left: 1px solid white;
    float: left;
    padding-left: 5px;
    margin-left: 5px;
}
#bottom_menu li, #bottom_menu li a {
    color: white;
    font-size: 11px;
}
#copy {
    float: left;
    margin-top: 35px;
}
#copy, #copy strong {
    color: white;
    font-size: 11px;				
}
#auth {
    float: right;
    margin-top: 10px;
}
#main_container, #footer_container {
    min-width: 1160px;
}
.spoiler {
    text-decoration: none !important;
    border-bottom: 1px dotted !important;
    cursor: pointer !important;
    color: #486ea9 !important;
}
.gen_justify {
    list-style: none;
    text-align: justify;
    text-justify: newspaper;
}
.gen_justify li {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
}
.gen_justify li.after {
    width: 100% !important;
    background: none !important;
    height: 0px !important;
    line-height: 0px !important;
    font-size: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
}
.gen_ul {
    margin-top: 10px;
    overflow: hidden;
}
.gen_ul>li {
    margin-top: 5px;
    padding-left: 10px;
    background-image:url(/img/gen_ul.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}
.wrap {
    margin: 0px auto;
    width: 1160px;
    border: 0px solid yellow;
}
.clearfloat {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}
.nb, .nb:hover a {
    background-image: none !important;
}
.i {
    background-color: #d9dfe8;
    padding: 4px;
    float: left;
    margin: 10px 10px 10px 0px;
}
.i img {
    border: 1px solid white;
}




.submit {
    padding: 2px 10px;
    color: white;
    background-color: #BE2E21;	
    cursor: pointer;
}	

.gen_t {
    /*width: 100%;*/
}
.gen_t td {
    padding: 2px 3px;
    border: 0px solid black;
}
.gen_t .itext {
    padding: 2px 3px;
    width: 350px;
}			
#thumb_i {
    border: 1px solid #666666;
}
#thumb {
    border: 0px solid #666666;
}
#thumb li {
    display: inline-block;
    margin: 10px 3px 0px 3px; 
    cursor: pointer;
    overflow: hidden;
}
#thumb li.select img {
    border: 2px solid #c4101f;
}
.upload2 {
    margin-right: 10px;
}
#disc li {
    width: 275px;
    overflow: hidden;
    margin: 20px 10px 0px 0px;
    display: inline-block;
    vertical-align: top;
}
#disc li span {
}
#disc li .itext {
    width: 100px;
    margin-bottom: 10px;
}
#disc li img {
    float: left;
    margin: 0px 10px 10px 0px;
}
#disc li img table {
    width: 100%;
    clear: both;
    margin-top: 10px;
}
area {
    /*border: 1px solid black;*/
}
#hint {
    position: absolute;
    display: none;
    padding: 5px;
    z-index: 100;
    border: 1px solid white;
}
.mnum {
    position: absolute;
    font-size: 10px;
    padding: 1px 2px;
    z-index: 99;
}
#mlegend {
    width: 100%;
    margin-top: 20px;
}
#mlegend td {
    border: 0px solid black;
    vertical-align: top;
    padding: 5px 20px 5px 0px;
}
#mlegend ul {
    margin-top: 20px;
}
#mlegend li {
    margin-top: 5px;
}
#mlegend .round10 {
    padding: 5px 10px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    width: 90%;
}
fieldset {
    background-color: white;
}

.remark {
    float: right;
    height: 20px;
    line-height: 20px;
    padding: 0px 5px;
}
.remark, .remark * {
    color: white;
    font-size: 11px;
    font-weight: bold;
}
.red {
    background-color: #BE2E21;
}
.gray {
    background-color: #838D94;
}
.gallery {
    float: left;
    margin: 0px 20px 15px 0px;
    width: 350px;
}
.gallery td {
    border: 0px solid black;
    padding-top: 20px;
}
.gallery td img {
    cursor: pointer;
}
#ymap {
    width: 600px;
    height: 450px;
    position: absolute;
    top: 230px;;
    left: 50%;
    margin-left: -550px;
    display: none;
    z-index: 10000;
}
.floor {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 16px;
    background-color: #be2e21;
    font-weight: bold;
    color: white;
    width: 120px;
}
#floors_t {
    margin-top: 10px;
}
#floors_t td {
    padding: 5px 0px;
}
#floors_t td a {
    font-weight: bold;
    padding: 2px 3px;
}
#floors_t td a.over {
    background-color: #be2e21;
    color: white;
}
#hint {
    position: absolute;
    border: 1px solid white;
    background-color: #BE2E21;
    z-index: 1001;
    color: white;
}
.rent_wrapper, .rent_wrapper2 {
    background-color: #838D94;
    height: 25px;
    line-height: 25px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding-left: 10px;
}
.rent_wrapper {
    margin-top: 20px;
    width: 590px;
    position: relative;
}
.rent_wrapper2 {
}
.rent {
    border-collapse: collapse;
    width: 600px;
    border: 1px solid  #838D94;
}
.rent td {
    padding: 3px 10px 3px 10px;
    vertical-align: top;
    font-size: 11px;
}
.irent1 {
    width: 100%;
    font-size: 11px;
    border: 1px solid #838D94;
    background-color: #e5e5e5;
    resize: none;
}
.ibrent1 {
    font-size: 11px;
    border: 1px solid #838D94;
    background-color: #e5e5e5;
    padding: 2px 5px 2px 5px;
}
.hobj {
    position: absolute;
}
.hobj a {
    display: block;
    height: 100%;
    width: 100%;
}

.bi {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;					
    box-shadow: 0 0 5px 0px #000000;
    float: left;
    margin: 3px 10px 3px 3px;
}
#vk, #fb, #od {
    width: 31px;
    height: 31px;
    background-image: url(/img/social2.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 3px;	
}
#vk {
    background-position: left bottom;
    left: 200px;
}
#vk:hover {
    background-position: left top;	
}
#fb {
    background-position: -31px bottom;
    left: 235px;
}
#fb:hover {
    background-position: -31px top;
}
#od {
    background-position: -62px bottom;
    /*left: 270px;*/
    left: 235px;
}
#od:hover {
    background-position: -62px top;
}
#am {
    float: left;
    margin: 35px 20px 20px 0px;
    width: 200px;
}
.gt {
    width: 100%;
    margin: 15px 0px;
}
.gt th, .gt td {
    padding: 5px;
    text-align: left;
}
.gt th, .gt td, .gt td * {
    font-size: 12px;    
}
.gt th {
    background-image: url(/img/tm_bg.gif);
    background-repeat: repeat-x;
    background-position: left center;
    color: white;
}
.gt td {
    /*background-color: #EAF1F0;*/
    border-top: 1px solid white;
}
.gt td, .gt td * {
    color: #666699;
}
.gt tbody tr:hover td {
    /*background-color: #D6E7E5;*/
    background-color: #999999;
    color: white;
}
.ft {
    width: 100%;
    margin: 15px 0px;
}
.ft th, .ft td {
    padding: 5px 10px;
}
.ft p {
    margin-top: 5px;
}
.upldi, .upldi2, .upldf {
    display: block !important;
    overflow: hidden;
}
.upldi li {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    /*width: 100px;*/
}
.upldf {
    overflow: visible;
}
.upldf li {
    margin-bottom: 5px;
}
.upldi img, .upldi2 img, .upldf li span {
    border: 2px solid #cccccc;
}
.upldi li.is img, .upldi2 li.is img, .upldf li.is span {
    border: 2px solid #ff0000;
}
.upldi2 li {
    border: 0px solid black;
}
.upldi2 textarea {
    height: 79px;
    width: 500px;
}
.mmenu {

}
.mmenu>ul>li {
    margin-top: 10px;
    background-color: #EAF1F0;
    padding: 5px;
}
.mmenu>ul>li>ul {
    margin-left: 20px;
}
.mmenu>ul>li>ul>li {
    margin-top: 10px;
    background-color: #D6E7E5;
    padding: 5px;
}
.mmenu ul ul {
    display: none;
}
.mmenu input {
    width: 80%;
}
.mmenu .sep {
    /*margin-top: 15px;*/
    margin-left: 15px;
    width: 300px;
}
.mmenu .nep {
    /*margin-top: 15px;*/
    width: 300px;
    margin-left: 15px;
}
.mmenu .rp {
    margin-left: 15px;
    width: auto;
}
.mmenu .ap {
    margin-top: 15px;
    width: auto;
}
.mmenu .ep {
    width: auto;
    margin-left: 15px;
}
.mmenu .np {
    width: 80%;
}
.am {
    margin-top: 15px;
    width: auto !important;
}
.hidden {
    display: none;
}
.fleft {
    float: left;
    margin: 0px 15px 15px 0px;
}
.fright {
    float: right;
    margin: 0px 0px 15px 15px;
}
#news {
    overflow: hidden;
}
#news>li {
    margin-top: 20px;
    clear: left;
    /*overflow: hidden;*/
}
#news h2 {
    color: #47647d;
    font-size: 16px;
}
#news a.h {
    display: block;
    color: black;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}
#news p.d {
    margin-top: 10px;
    color: #717171;
}

ul.pagination {
    margin: 15px 0px;
    display: block;
}
ul.pagination li {
    float: left;
    margin: 7px 7px 0px 0px;
}
.pagination .current {
    color: #f53a35;
}

.radio {
    /*text-align: center;*/
    margin-top: 20px;
}
.radio ul {
    border: 1px solid #445167;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    height: 25px;
    display: inline-block;
    overflow: hidden;
}
.radio ul li {
    color: #445167;
    padding: 0px 20px;
    float: left;
    line-height: 25px;
    height: 25px;
    font-size: 16px;
    cursor: pointer;
}
.radio ul li.active {
    background-color: #445167;
    color: white;
    cursor: default;
}