@charset "utf-8";
/*////////////////////////////////////////////////////////////
Lasta - space.css for space pages.
------------------------------------------------------------

[Space]
    0. Import CSS
    1. Main Image
    2. For Rent List
    3. Search Unit CategoryTop
    4. Search Unit List Page
    5. PopUp Form

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

/* ################################################################################
    [Home] Setting home styles
   ################################################################################ */
/* ------------------------------------------------------------
    0. Import CSS
   ------------------------------------------------------------ */
@import url(common.css);
@import url(color.css);

/* ------------------------------------------------------------
    1. Page Title
   ------------------------------------------------------------ */
dl#pagetitleCat {
	width:703px;
	border:1px solid #387296;
	background:transparent url(/img/space/bg_pagetitle_space.gif) left top repeat-y;
	margin: 0 0 22px;
}

dl#pagetitleCat dt {
	width:172px;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
	float:left;
}

dl#pagetitleCat dd {
	width:480px;
	padding:10px 25px;
	float:left;
}

*:first-child+html dl#pagetitleCat dd {
	width:481px;
}

/* ------------------------------------------------------------
    2. For Rent List
   ------------------------------------------------------------ */
div#container dl.forrent-unit {
	width:705px;
	border-bottom: 1px dotted #E1E1E1;
	margin: 0 0 10px;
}

div#container dl.forrent-unit dt {
	float:left;
	width: 225px;
}

/*div#container dl.forrent-unit dt ul li.forrent-date {
	width:218px;
	color:#333;
	padding:0 0 0 5px;
	font-weight:bold;
	border-left:2px solid #387296;
}*/

div#container dl.forrent-unit dt ul li.forrent-title {
	width:225px;
	color:#333;
	font-weight:bold;
	line-height:1.3;
}

div#container dl.forrent-unit dt ul li.forrent-title a:link,
div#container dl.forrent-unit dt ul li.forrent-title a:visited {
	width:218px;
	display:block;
	color:#333;
	padding:0 0 0 5px;
	border-left:2px solid #387296;
	text-decoration:none;
}

div#container dl.hover dt ul li.forrent-date {
	color:#387296;
	text-decoration:none;
}

div#container dl.hover dt ul li.forrent-title a:link,
div#container dl.hover dt ul li.forrent-title a:visited {
	color:#387296;
	text-decoration:none;
}

div#container dl.forrent-unit dt ul li.forrent-title a:hover,
div#container dl.forrent-unit dt ul li.forrent-title a:active {
	color:#387296;
	text-decoration:none;
}

div#container dl.forrent-unit dt ul li.forrent-flag {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
	padding: 10px 0;
}

div#container dl.forrent-unit dt ul li.forrent-flag span {
	padding:0 10px 0 0;
}

div#container dl.forrent-unit dd {
	float:left;
	width: 480px;
}

div#container dl.forrent-unit dd ul li.forrent-excerpt {
	width: 465px;
	/*padding:16px 0 8px 15px;*/
	padding:0 0 8px 15px;
	font-size:91.3%; /* 11px */
}

div#container dl.forrent-unit dd ul li.forrent-address {
	width:145px;
	padding:0 0 10px 15px;
	float:left;
	font-size:91.3%; /* 11px */
}

div#container dl.forrent-unit dd ul li.forrent-price {
	width:145px;
	padding:0 0 10px 15px;
	float:left;
	font-size:91.3%; /* 11px */
}

div#container dl.forrent-unit dd ul li.forrent-area {
	width:145px;
	padding:0 0 10px 15px;
	float:left;
	font-size:91.3%; /* 11px */
}

/* ------------------------------------------------------------
    3. Search Unit CategoryTop
   ------------------------------------------------------------ */
div.search-unit {
	width:206px;
	margin: 0 0 10px;
	border:2px solid #85C0FB;
}

div.search-unit-end {
	width:206px;
	border:2px solid #387296;
	margin-bottom:15px;
}

div.search-unit .search-select {
	padding:8px;
}

div.search-unit .search-select dl dt {
	margin-bottom:5px;
	font-weight:bold;
	color:#000;
}

div.search-unit .search-select dl dd {
	margin-bottom:10px;
}

div.search-unit .search-select dl dd input.select-type {
	border:0;
}

div.search-unit .search-select dl dd label.select-type {
	color:#333;
}

div.search-unit .search-select dl dd select {
	width:190px;
	font-size:91.3%; /* 11px */
}

div.search-unit .search-select ul li input {
	margin-right:5px;
	border:0;
}

div.search-unit .search-select ul li {
	font-size:91.3%; /* 11px */
}

div.search-unit .search-select dl dd input.submit {
	border:0;
}

div.search-unit-end dl.search-contact {
	padding:8px;
}

div.search-unit-end dl.search-contact dt {
	/*width:350px;*/
	padding:0 0 8px 0;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

div.search-unit-end dl.search-contact dd {
	/*width:350px;*/
	font-size:91.3%; /* 11px */
}

div.search-unit-end p a:link img,
div.search-unit-end p a:visited img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

div.search-unit-end p a:hover img,
div.search-unit-end p a:active img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

div.search-unit-end dl.search-contact dd p {
	padding:0 0 5px;
}

/* ------------------------------------------------------------
    4. Search Unit List Page
   ------------------------------------------------------------ */
div#search-unitList {
	width:705px;
	padding:0 0 15px;
	margin: 0 0 15px;
	border-bottom:1px dotted #E1E1E1;
}

div#search-unitList .left {
	width:215px;
	float:left;
}

div#search-unitList .left table th {
	width:35px;
	vertical-align:middle;
	padding:1px 0;
}

div#search-unitList .left table td {
	width:180px;
	vertical-align:middle;
	padding:1px 0;
}

div#search-unitList .left table td select {
	width:160px;
}

div#search-unitList .center {
	width:320px;
	float:left;
}

div#search-unitList .center table th {
	width:55px;
	vertical-align:middle;
	padding:1px 0;
}

div#search-unitList .center table td {
	width:265px;
	vertical-align:middle;
	padding:1px 0;
}

div#search-unitList .center table td select {
	width:250px;
	font-size:91.3%; /* 11px */
}

div#search-unitList .right {
	width:170px;
	float:left;
}

div#search-unitList .right ul li {
	width:170px;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
	padding:1px 0;
	height: 20px;
}

div#search-unitList .right ul li.search {
	background:transparent url(/img/space/btn_search170x20_off.gif) left 1px no-repeat;
}

div#search-unitList .right li.search a:link,
div#search-unitList .right li.search a:visited {
	width:170px;
	height:20px;
	display:block;
	text-indent:-999em;
	background:transparent url(/img/space/btn_search170x20_off.gif) left top no-repeat;
}

div#search-unitList .right li.search a:hover,
div#search-unitList .right li.search a:active {
	width:170px;
	height:20px;
	display:block;
	text-indent:-999em;
	background:transparent url(/img/space/btn_search170x20_on.gif) left top no-repeat;
}

div#search-unitList .right ul li.reset a:link img,
div#search-unitList .right ul li.reset a:visited img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

div#search-unitList .right ul li.reset a:hover img,
div#search-unitList .right ul li.reset a:active img {
	opacity:0.6;
	filter:alpha(opacity=60);
}


/* ------------------------------------------------------------
    5. PopUp Form
   ------------------------------------------------------------ */
div#wrapperPop {
	width:470px;
	font-size:93%; /*12px*/
	color:#666;
  line-height: 1.4;
	text-align:left;
  background: #FFF;
	border-left:#E1E1E1 solid 1px;
	border-right:#E1E1E1 solid 1px;
	margin:0 auto;
}

div#headerPop {
	width:470px;
	/*background:#626262;*/
	position:relative;
	font-size:0;
	line-height:0;
	vertical-algin:bottom;
	margin: 0 0 15px;
}

div#headerPop ul#siteidPop li.sitename {float:left; margin:5px 0 0 10px;}

div#headerPop ul#siteidPop li.tagname {float:left; margin:25px 0 0 15px;}

p.closeBtn {
	position:absolute;
	top:14px;
	left:400px;
	width:60px;
}

div#containerPop {
	width:450px;
	padding:0 10px;
	text-align:justify;
	text-justify:inter-ideograph; /*for IE*/
}

p.contactLead {
	width:445px;
	margin:0 0 15px 5px;
}

ul.contactError {
	width:auto;
	padding:15px;
	margin:0 0 15px;
	border:1px solid #ff0000;
	color:#FF0000;
}

ul.contactGoon {
	width:auto;
	padding:15px;
	margin:0 0 15px;
	border:1px solid #009900;
	color:#009900;
}

p.contactFin {
	width:auto;
	padding:15px;
	margin:0 0 15px;
	text-align:center;
}

p.contactFin a:link img,
p.contactFin a:visited img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

p.contactFin a:hover img,
p.contactFin a:active img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

div#contactForm {
	width:445px;
	padding:0 0 0 5px;
}

div#contactForm table th {
	width:125px;
	color:#000;
	padding:12px 0;
	font-weight:bold;
	vertical-align:top;
}

div#contactForm table td {
	width:320px;
	padding:9px 0;
	vertical-align:top;
}

div#contactForm table td ul {
	width:315px;
	padding:0 0 0 5px;
}

div#contactForm table td ul li {
	display:block;
	margin: 0 20px 0 0;
	float:left;
}

div#contactForm table td li input.select-radio{
	border:0;
	margin: 2px 3px 0 0;
}

div#contactForm table td li label {
	color:#000;
}

div#contactForm table td input.long {
	width:220px;
	margin: 0 5px;
	padding:3px;
}

div#contactForm table td input.short {
	width:40px;
	margin: 0 5px;
	padding:3px;
}

div#contactForm table td select {
	width:260px;
	margin: 0 5px;
	padding:3px;
}

div#contactForm table td input.active {
	ime-mode:active;
}

div#contactForm table td input.inactive {
	ime-mode:inactive;
}

div#contactForm table td textarea {
	width:260px;
	height:150px;
	margin: 0 5px;
	padding:3px;
	ime-mode:active;
}

div#contactForm table td ul.contactBtn {
	margin:0 0 50px;
}

div#contactForm table td ul.contactBtn li input.submit {
	border:0;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

div#footerPop {
	width:450px;
	margin:0 auto;
	padding:0 10px 20px;
}

div#footerPop div#closeBtn {
	width:450;
	border-bottom:1px #000 solid;
	text-align:right;
	padding:0 0 5px;
	margin:0 0 5px;
}

div#footerPop div#closeBtn a:link img,
div#footerPop div#closeBtn a:visited img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

div#footerPop div#closeBtn a:hover img,
div#footerPop div#closeBtn a:active img {
	opacity:0.6;
	filter:alpha(opacity=60);
}


div#footerPop p.copyright {
	float:right;
}

div#spaceFlash { margin-bottom:20px; }