@charset 'Shift_JIS';

/*--------------------------------
	Sumitomo Real Eatate Sales
�@summary: offi.css
--------------------------------*/

#offi #container #header #tab_navi {
	background:url(/common/img/bg/bg_tab_navi_b_offi.gif) no-repeat bottom center;
}

#offi #container .mult {
	font-size:65%;
	vertical-align:top;
}

#offi #container #look_details .col_sel {
	width:80px;
}

#offi #container #main_contents #look_details table th {
	width:100px;
}

#offi #container #main_contents #look_rail .row dl dd {
	padding-bottom:1px;
}

#offi #container #main_contents #look_details .on_foot {
	width:40px;
}

#offi #container #main_contents #look_rail {
	height:1%;
}

#offi #main_contents #property_info div.exp_txt ul.name li.price,
#offi #main_contents #property_info div.exp_txt ul.name li.madori {
	padding-top:3px;
	}

#offi #main_contents #property_info div.exp_txt ul.name li.madori {
	color:#C00;
	font-weight:bold;
	font-size:118%;
	margin-left:15px;
}

#offi #main_contents #property_info div.exp_txt ul.name span.txt {
	color:#333;
	font-weight:normal;
	font-size:82%;
	margin:0 5px;
}

#offi #main_contents #property_info div.exp_txt ul.name span.tani {
	margin:0 5px;	
}

#offi #main_contents div.direct_tell ul {
	margin-bottom:5px;
}

#offi #main_contents div.direct_tell p.btns {
	position:static;
}

#offi #container #main_contents div.inquiry {
	height:1%;
}

#offi #container #main_contents h3.detail_tit {
	height:1%;
}

#offi #container #main_contents #pro_rent_offi_bill {
	background:url(/common/img/bg/bg_pro_rent_offi_bill.gif) bottom center no-repeat;
}

#offi #container #main_contents #pro_rent_offi_bill dl {	
	width:375px;
	float:left;
}

#offi #container #main_contents #pro_rent_offi_bill dd {
	padding:13px 13px 10px;
}

#offi #container #main_contents #pro_rent_offi_bill dd.lead_txt {
	border-bottom:#999 dotted 1px;
	letter-spacing:1.2px;
	padding:10px 0;
	margin:0 10px;
}

#offi #container #main_contents #pro_rent_offi_bill dd li {
	float:left;
	width:330px;
	padding:0 5px 5px 0;
	font-weight:bold;
}

#offi #main_contents div.consul_box h3 {
}

#offi #main_contents div.consul_box p.lead_txt {
	padding:5px 10px;
	float:left;
}

#offi #main_contents div.consul_box p.txt_btn {
	padding:1px 4px 3px 0;
	margin:0;
	float:right;
}

#offi #main_contents div.consul_box p.txt_btn a:hover{color:#FC0; text-decoration:none;}

#offi #main_contents div.consul_box {
	background:url(/common/img/bg/bg_consul_box_l_offi.gif) left bottom no-repeat;
	padding:0 0 4px;
	margin:10px 0 0;
}

#offi #container #sub_contents .bill_owner {
	padding:0 0 10px;
}

#offi #container #sub_contents .bill_owner h3 {
	padding:6px 6px 4px 10px;
	font-weight:bold;
	color:#FFF;
	background:url(/common/img/bg/bg_sub_cont_pur.gif) bottom left no-repeat;
}

#offi #container #sub_contents .bill_owner .inner {
	border-right:#936 solid 2px;
	border-left:#936 solid 2px;
	border-bottom:#936 solid 2px;
}

#offi #container #sub_contents .bill_owner .inner p {
	padding:6px;
	border-bottom:#999 dotted 1px;
	line-height:1.5;
}

#offi #container #sub_contents .bill_owner .inner ul {
	padding:6px;
}

#offi #container #sub_contents .bill_owner .inner ul li {
	font-weight:bold;
}


div#offi #container #main_contents .white-b2 { font-weight: bold; font-size: 13px; color: #FFFFFF;}

div#offi #container #main_contents .frame { background-image: url(/common/img/pro/frame.gif);}

div#offi #container #main_contents .hfr02 { background-image: url(/common/img/pro/hfr02.gif);}
div#offi #container #main_contents .hfr04 { background-image: url(/common/img/pro/hfr04.gif);}
div#offi #container #main_contents .hfr05 { background-image: url(/common/img/pro/hfr05.gif);}
div#offi #container #main_contents .hfr07 { background-image: url(/common/img/pro/hfr07.gif);}

div#offi #container #main_contents .mfr-r { background-image: url(/common/img/pro/mfr_r.gif);}
div#offi #container #main_contents .mfr-l { background-image: url(/common/img/pro/mfr_l.gif);}
div#offi #container #main_contents .mfr-b { background-image: url(/common/img/pro/mfr_b.gif);}
div#offi #container #main_contents .tc-bg { background-image: url(/common/img/pro/m_tc02.gif);}

div#offi #container #main_contents .ttl-bg { background-image: url(/common/img/pro/ttl_bg.gif);}

div#offi #container #main_contents .bfr { border: solid 1px #979797; background: #FFFFFF;}
div#offi #container #main_contents .b-bg { background: #ECEDED;}

div#offi #container #main_contents .mn-bg { background-image: url(/common/img/pro/mn_bg.gif);}
div#offi #container #main_contents .mn-bg2 { background-image: url(/common/img/pro/mn_bg2.gif);}

div#offi #container #main_contents .mp-bg { background: #DBE1F8;}
div#offi #container #main_contents .bt-bg { background: #FFFFFF;}

div#offi #container #main_contents .sub-b { font-size: 100%; font-weight: bold; color: #003399;}

div#offi #container #main_contents .stxt-b { font-size: 91%; font-weight: bold; color: #333333;}
div#offi #container #main_contents .stxt-b a:link { font-size: 91%; font-weight: bold; color: #333333; text-decoration: none }
div#offi #container #main_contents .stxt-b a:active { font-size: 91%; font-weight: bold; color: #CC0000; text-decoration: none }
div#offi #container #main_contents .stxt-b a:visited { font-size: 91%; font-weight: bold; color: #333333; text-decoration: none }
div#offi #container #main_contents .stxt-b a:hover { font-size: 91%; font-weight: bold; color: #CC0000; text-decoration: underline }

div#offi #container #main_contents .jisseki { font-size: 91%; font-weight: bold; line-height: 172%; color: #333333 }

div#offi #container #main_contents .font10-12 {font-size: 82%; line-height: 100%; color: #333333}
div#offi #container #main_contents .font12-18 {font-size: 100%; line-height: 18px; color: #333333}

div#offi #container #main_contents A:link{ font-size: 100%; color: #333333; }
div#offi #container #main_contents A:visited{ font-size: 100%; color: #333333; }
div#offi #container #main_contents A:active{ font-size: 100%; color: #CC0000; }
div#offi #container #main_contents A:hover{ font-size: 100%; color: #FF0000; }

div#offi #container #main_contents A.red:link{ font-size: 100%; color: #CC0000; }
div#offi #container #main_contents A.red:visited{ font-size: 100%; color: #CC0000; }
div#offi #container #main_contents A.red:active{ font-size: 100%; color: #CC0000; }
div#offi #container #main_contents A.red:hover{ font-size: 100%; color: #FF0000; }

div#offi #container #main_contents A.red-s:link{ font-size: 91%; color: #CC0000; }
div#offi #container #main_contents A.red-s:visited{ font-size: 91%; color: #CC0000; }
div#offi #container #main_contents A.red-s:active{ font-size: 91%; color: #CC0000; }
div#offi #container #main_contents A.red-s:hover{ font-size: 91%; color: #FF0000; }

div#offi #container #main_contents A.bl:link{ font-size: 100%; color: #000066; }
div#offi #container #main_contents A.bl:visited{ font-size: 100%; color: #000066; }
div#offi #container #main_contents A.bl:active{ font-size: 100%; color: #000066; }
div#offi #container #main_contents A.bl:hover{ font-size: 100%; color: #FF0000; }

div#offi #container #main_contents A.bl-s:link{ font-size: 91%; color: #000066; }
div#offi #container #main_contents A.bl-s:visited{ font-size: 91%; color: #000066; }
div#offi #container #main_contents A.bl-s:active{ font-size: 91%; color: #000066; }
div#offi #container #main_contents A.bl-s:hover{ font-size: 91%; color: #FF0000; }

div#offi #container #main_contents A.stxt:link{ font-size: 91%; color: #333333; }
div#offi #container #main_contents A.stxt:visited{ font-size: 91%; color: #333333; }
div#offi #container #main_contents A.stxt:active{ font-size: 91%; color: #333333; }
div#offi #container #main_contents A.stxt:hover{ font-size: 91%; color: #FF0000; }

div#offi #container #main_contents A.white:link { font-size: 100%; color: #FFFFFF;}
div#offi #container #main_contents A.white:visited { font-size: 100%; color: #FFFFFF;}
div#offi #container #main_contents A.white:active { font-size: 100%; color: #FFFFFF;}
div#offi #container #main_contents A.white:hover { font-size: 100%; color: #FFFFFF;}

div#offi #container #main_contents A.grn:link{ font-size: 100%; color: #006600; }
div#offi #container #main_contents A.grn:visited{ font-size: 100%; color: #006600; }
div#offi #container #main_contents A.grn:active{ font-size: 100%; color: #006600; }
div#offi #container #main_contents A.grn:hover{ font-size: 100%; color: #006600; }

div#offi #container #main_contents A.footer-red:link{ font-size: 82%; color: #CC0000; }
div#offi #container #main_contents A.footer-red:visited{ font-size: 82%; color: #CC0000; }
div#offi #container #main_contents A.footer-red:active{ font-size: 82%; color: #CC0000; }
div#offi #container #main_contents A.footer-red:hover{ font-size: 82%; color: #FF0000; }

div#offi #container #main_contents A.footer-blue:link{ font-size: 82%; color: #000066; }
div#offi #container #main_contents A.footer-blue:visited{ font-size: 82%; color: #000066; }
div#offi #container #main_contents A.footer-blue:active{ font-size: 82%; color: #000066; }
div#offi #container #main_contents A.footer-blue:hover{ font-size: 82%; color: #FF0000; }

div#offi #container #main_contents A.footer-grn:link{ font-size: 82%; color: #006600; }
div#offi #container #main_contents A.footer-grn:visited{ font-size: 82%; color: #006600; }
div#offi #container #main_contents A.footer-grn:active{ font-size: 82%; color: #006600; }
div#offi #container #main_contents A.footer-grn:hover{ font-size: 82%; color: #FF0000; }

div#offi #container #main_contents A.footer-stxt:link{ font-size: 82%; color: #333333; }
div#offi #container #main_contents A.footer-stxt:visited{ font-size: 82%; color: #333333; }
div#offi #container #main_contents A.footer-stxt:active{ font-size: 82%; color: #333333; }
div#offi #container #main_contents A.footer-stxt:hover{ font-size: 82%; color: #FF0000; }

div#offi #container #main_contents .ttl-buy { background-image: url(/t_images/bg_red.gif);}
div#offi #container #main_contents .ttl-buys { background-image: url(/t_images/bg_red.gif); font-weight: bold; font-size: 82%; color: #FFFFFF;}
div#offi #container #main_contents .fr-buy { background-color: #E9ABAB;}
div#offi #container #main_contents .sb-buy { font-size: 100%; font-weight: bold; color: #CC0000; background-color: #FDD4D4;}

div#offi #container #main_contents .ttl-sell { background-image: url(/t_images/bg_blue.gif);}
div#offi #container #main_contents .ttl-sells { background-image: url(/t_images/bg_blue.gif);font-weight: bold; font-size: 82%; color: #FFFFFF;}
div#offi #container #main_contents .fr-sell { background-color: #B2B2D1;}
div#offi #container #main_contents .sb-sell { font-size: 100%; font-weight: bold; color: #000066; background-color: #D4E0FD;}

div#offi #container #main_contents .ttl-rent { background-image: url(/t_images/bg_green.gif);}
div#offi #container #main_contents .ttl-rents { background-image: url(/t_images/bg_green.gif); font-weight: bold; font-size: 82%; color: #FFFFFF;}
div#offi #container #main_contents .fr-rent { background-color: #ABCABA;}
div#offi #container #main_contents .sb-rent { font-size: 100%; font-weight: bold; color: #006600; background-color: #D1FDD0;}



div#offi #container #main_contents .waku { background-image: url(/s_images/line_middle.gif);}
div#offi #container #main_contents .small { font-size: 91% }
div#offi #container #main_contents .bk01 { background-image: url(/s_images/hd_bk.gif);}
div#offi #container #main_contents .bk02 { background-image: url(/s_images/wr_bk.gif)}
div#offi #container #main_contents .redtxt { color: #FF0000 }
/*div#offi #container #main_contents .images { background-image:  url(/s_images/image.jpg);}*/
div#offi #container #main_contents .ttl_bk { background-image: url(/s_images/ttl_bbk.gif); }
div#offi #container #main_contents .bk-frame {background-image: url(/p_images/frame.gif);}

div#offi #container #main_contents .bk-red { background-color: #CC0000;}
div#offi #container #main_contents .bk-white { background-color: #FFFFFF;}
div#offi #container #main_contents .bk-gr { background-color: #336600;}
div#offi #container #main_contents .bk-bl { background-color: #000066;}
div#offi #container #main_contents .bk-p {  background-color: #6666FF;}
div#offi #container #main_contents .bk-ye { background-color: #FFFFCC;}
div#offi #container #main_contents .bk-gr2 { background-color: #009900;}
div#offi #container #main_contents .bk-ora { background-color: #FF6600;}
div#offi #container #main_contents .bk-gray { background-color: #EEEEEE;}
div#offi #container #main_contents .bk-pink { background-color: #FFE7E7;}
div#offi #container #main_contents .bk-sky { background-color: #DDE7FF;}
div#offi #container #main_contents .bk-cmyd { background-color: #336666;}
div#offi #container #main_contents .bk-gr4 { background-color: #E3FFC7;}
div#offi #container #main_contents .bk-gr5 { background-color: #999999;}
div#offi #container #main_contents .bk-rentgr { background-color: #339933;}
div#offi #container #main_contents .bk-rbro { background-color: #993333;}
div#offi #container #main_contents .bk-y1 {COLOR: #ffffff; BACKGROUND-COLOR: #ffffcc}
div#offi #container #main_contents .bk-y2 {COLOR: #ffffff; BACKGROUND-COLOR: #ffff99}
div#offi #container #main_contents .bk-y3 {COLOR: #ffffff; BACKGROUND-COLOR: #ffff66}
div#offi #container #main_contents .bk-red3 { FONT-SIZE: 91%; COLOR: #ffffff; BACKGROUND-COLOR: #cc0000}
div#offi #container #main_contents .bk-red2 {COLOR: #ffffff; BACKGROUND-COLOR: #cc3333}
div#offi #container #main_contents .bk-bl4 { FONT-SIZE: 91%; COLOR: #ffffff; BACKGROUND-COLOR: #000066}
div#offi #container #main_contents .bk-bl2 {COLOR: #ffffff; BACKGROUND-COLOR: #333366}
div#offi #container #main_contents .bk-bl3 { BACKGROUND-COLOR: #b3cde3 }
div#offi #container #main_contents .bk-grn { BACKGROUND-COLOR: #006600 }
div#offi #container #main_contents .bk-crm { BACKGROUND-COLOR: #FCFCDB }

div#offi #container #main_contents .red-new { font-weight: bold; font-size: 91%; color: #FF0000;}
div#offi #container #main_contents .red-b { font-weight: bold; font-size: 100%; color: #CC0000;}
div#offi #container #main_contents .red-bb { font-weight: bold; font-size: 172%; color: #FF0000;}
div#offi #container #main_contents .red-l { font-weight: bold; font-size: 118%; color: #CC0000;}
div#offi #container #main_contents .red-ca { font-size: 100%; color: #CC3333;}
div#offi #container #main_contents .white { font-size: 100%; color: #FFFFFF;}
div#offi #container #main_contents .white-s { font-weight: bold; font-size: 91%; color: #FFFFFF;}
div#offi #container #main_contents .white-b { font-weight: bold; font-size: 100%; color: #FFFFFF;}
div#offi #container #main_contents .white-bb {  font-weight: bold; font-size: 172%; color: #FFFFFF;}
div#offi #container #main_contents .white-l { font-weight: bold; font-size: 118%; color: #FFFFFF;}
div#offi #container #main_contents .bl-l { font-weight: bold; font-size: 118%; color: #000066;}
div#offi #container #main_contents .gray { font-size: 91%; color: #666666;}
div#offi #container #main_contents .gray-m { font-size: 100%; color: #808080;}
div#offi #container #main_contents .black-b { font-weight: bold; font-size: 100%; color: #000000;}

div#offi #container #main_contents .orange { font-size: 100%; color: #FF6600;}
div#offi #container #main_contents .blue-b{ font-weight: bold; font-size: 100%; color: #006699;}
div#offi #container #main_contents .blue{ font-size: 100%; color: #006699;}
div#offi #container #main_contents .pre-a{color:#000000; background-color:#FFFF00; font-size: 91%;}
div#offi #container #main_contents .pre-b{color:#000000; background-color:#FFFF00; font-size: 100%; font-weight: bold;}
div#offi #container #main_contents .pre-bb{color:#000000; background-color:#FFFF00; font-size: 172%; font-weight: bold}
div#offi #container #main_contents .pre-c{color:#000000; background-color:#FFFF00; font-size: 13px; font-weight: bold;}


@media print {
	body {
		zoom: 95%;
		_zoom: 70%;
	},
	#container #main_contents div#basic_info div.col01 {
		float:left;
		width:390px;
	},
	#container #main_contents div#basic_info dl.persons dt, #container #main_contents div#basic_info dl.persons .txt {
		float:right;
		width:300px;
	}
}