@charset 'Shift_JIS';

/*--------------------------------
	Sumitomo Real Eatate Sales
　summary: header.css
--------------------------------*/
#container #header {
	position:relative;
	border-bottom:#E1E0DD solid 1px;
}

#top #container #header {
	border-bottom:none;
}

#container #header #exp_area {
	margin:0 10px;
	padding:0 0 10px;
	width:948px;
	font-size:91%;
}

#container #header #exp_area .lead_box {
	width:948px;
	float:left;
}

#container #header #exp_area p.logo {
	position:absolute;
	left:8px;
	top:37px;	
}

#container #header #exp_area p.txt_link {
	text-indent:-9999px;
	line-height:0;
}

#container #header #exp_area p,
#container #header #exp_area h1 {
	float:left;
}

#container #header #exp_area img {
	vertical-align:top;
}

#container #header #exp_area h1.lead_txt,
#container #header #exp_area li.area_tit,
#container #header #exp_area div#user_sp {
	padding:7px 0 0;
}

#container #header #exp_area li.area_tit,
#container #header #exp_area div#user_sp {
	float:right;
}

#container #header #func_area {
	float:right;
	margin:0 10px 10px 0;
	display:inline;
	/*padding:0 0 10px;*/
}

#container #header #func_area #area_chg,
#container #header #func_area #go_my_page {
	float:left;
}

#container #header #func_area #area_chg {
	border:#DDD solid 1px;
}

#container #header #func_area #area_chg ul,
#container #header #func_area #area_chg li,
#container #header #func_area #area_chg li p {
	float:left;
}

#container #header #func_area #area_chg li {

}

#container #header #func_area #area_chg li p img
#container #header #func_area img {
	vertical-align:top;
}

#container #header #func_area {

}

#container #header #func_area #area_chg {
	margin:2px 16px 0 0;
}

#container #header li.area_tit ul {
	padding:0 0 0 2px;
}

#container #header #func_area #area_chg li.area_tit ul li {
	border-left:#333 solid 1px;
	padding:0 5px;
	margin:5px 0 0;
	font-size:91%;
}

#container #header #func_area #area_chg li.area_tit ul li.first_child {
	border:none;
}

#container #header li.area_tit ul li.stay {
	font-weight:bold;
	color:#C00;
}

#container #header li.area_tit ul li.stay a:link {color:#C00;}
#container #header li.area_tit ul li.stay a:visited {color:#C00;}

#container #header #exp_area h1.lead_txt {
	width:750px;
}

#container #header #other_func_area {
	padding:2px 0 0;
	float:right;
}

#container #header dl#size_chg,
#container #header #other_func_area p,
#container #header p#go_my_page {
	float:left;
}

#container #header dl#size_chg {
	width:110px;
	height:24px;
	margin:0 4px 0 0;
}

#container #header dl#size_chg dt,
#container #header dl#size_chg dd {
	float:left;
}

#container #header dl#size_chg ul {
	background:url(/common/img/bg/bg_size_chg.gif) no-repeat right top;
	padding:0 3px 0 0;
}

#container #header dl#size_chg ul li {
	padding:3px 0 3px 2px;
}

#container #header dl#size_chg ul#size_chg_par li {
	float:left;
}


/*tab navigation*/
/*#container #header #tab_navi {
	background:url(/common/img/bg/bg_tab_navi_b.gif) no-repeat bottom center;
}*/

#container #header #tab_navi {
	clear:both;
}

#container #header #tab_navi ul li p {
	padding:5px 12px 3px;
}

#container #header #tab_navi ul li.cat01 {
	width:410px;
	background:url(/common/img/bg/bg_tab_l01.gif) no-repeat 0 0;
	float:left;
	font-size:91%;
}

#container #header #tab_navi ul li.cat01 p a.clear {
	display:inline;
	text-decoration:none;
	color:#333;
	cursor:default;
}

#container #header #tab_navi ul li.cat01 p a.clear:hover,
#container #header #tab_navi ul li.cat01 p a.clear:link,
#container #header #tab_navi ul li.cat01 p a.clear:visited {
	text-decoration:none;
	color:#333;
	cursor:default;
}

#container #header #tab_navi ul li.cat01 ul {
	width:410px;
	background:url(/common/img/bg/bg_tab_s01.gif) no-repeat 0 0;
}

#container #header #tab_navi ul li.cat02 {
	width:280px;
	background:url(/common/img/bg/bg_tab_l02.gif) no-repeat 0 0;
	float:left;
	font-size:91%;
}

#container #header #tab_navi ul li.cat02 ul {
	width:280px;
	background:url(/common/img/bg/bg_tab_s02.gif) no-repeat 0 0;
}

#container #header #tab_navi ul li.cat03 {
	width:278px;
	background:url(/common/img/bg/bg_tab_l03.gif) no-repeat 0 0;
	float:left;
	font-size:91%;
}

#container #header #tab_navi ul li.cat03 ul {
	width:278px;
	background:url(/common/img/bg/bg_tab_s03.gif) no-repeat 0 0;
}

#container #header #tab_navi ul li ul {
	padding:3px 0 0;
}

#container #header #tab_navi ul li ul li {
	text-align:center;
	/*padding:0 1px 0 0;*/
	float:left;
	width:132px;
	background:url(/common/img/bg/bg_tab_navi.gif) no-repeat 0 0;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:131px;
}

#container #header #tab_navi ul li ul li.first_child {
	margin:0 0 0 9px;
	display:inline;
}

#container #header #tab_navi ul li.cat01 ul li.first_child {
	margin:0 0 0 8px;
	display:inline;
}

#container #header #tab_navi ul li ul li.stay {
	background:url(/common/img/bg/bg_tab_navi_stay.gif) no-repeat 0 0;
}

#container #header #tab_navi ul li ul li.stay p {
	color:#333;
}

#container #header #tab_navi ul li ul li p {
	padding:10px 3px 4px;
	font-size:109%;
	font-weight:bold;
}

#container #header #tab_navi ul li.cat02 ul li p.office {
	letter-spacing:-0.2em;
}

#container #header #tab_navi ul li.cat02 ul li p.office:-moz-read-only {letter-spacing:-0.1em;}

#container #header #tab_navi ul li.cat02 ul li p.office span {
	margin:-2px;
	_letter-spacing:-0.1em;
	_margin:-1px;
}

*:first-child+html #header #tab_navi ul li.cat02 ul li p.office span {
	letter-spacing:-0.1em;
	margin:-1px;
}

#container #header #tab_navi a {
	display:block;
}

#container #header #tab_navi a:link {color:#FFF; text-decoration:none;}
#container #header #tab_navi a:visited {color:#FFF; text-decoration:none;}
#container #header #tab_navi a:hover {color:#FC0; text-decoration:none;}
#container #header #tab_navi a:active {color:#FC0; text-decoration:none;}

#container #header #tab_navi ul li ul li.stay a:link {color:#333; text-decoration:none;}
#container #header #tab_navi ul li ul li.stay a:visited {color:#333; text-decoration:none;}
#container #header #tab_navi ul li ul li.stay a:hover {color:#333; text-decoration:none;}
#container #header #tab_navi ul li ul li.stay a:active {color:#333; text-decoration:none;}

#container #header #sub_navi a:link {text-decoration:underline;}
#container #header #sub_navi a:visited {text-decoration:underline;}
#container #header #sub_navi a:hover {text-decoration:none;}
#container #header #sub_navi a:active {text-decoration:none;}

/*sub_navi*/
#container #header #sub_navi {
	background:url(/common/img/bg/bg_header_b.gif) repeat-x 0 0;
	padding:15px 10px;
	clear:both;
}

#container #header #sub_navi ul {
	border-left:#CCC solid 1px;
	border-right:#FFF solid 1px;
	_display:inline;
}

*:first-child+html #container #header #sub_navi ul {
	display:inline;
}

#container #header #sub_navi ul li {
	border-left:#FFF solid 1px;
	border-right:#CCC solid 1px;
	padding:0 8px;
	float:left;
	font-weight:bold;
}

/*パンくず*/
#container #page_navi {
	/*border-top:#E3E2E1 solid 1px;*/
/*	border-left:#E4E4DA solid 1px;
	border-right:#E4E4DA solid 1px; */
	background:#FFF;
	padding:9px 10px;
	font-size:91%;
	/* 201307 header & top renewal */
	width: 950px;
	margin:0 auto;
}

#container #page_navi li {
	display:inline;
}

/*#contents内にカラムが無い場合*/
body#all #container #header #tab_navi {
	background:url(/common/img/bg/bg_tab_navi_b_all.gif) no-repeat bottom center;
}


/*page clearfix*/
#container #header #exp_area:after,
#container #header #name_area:after,
#container #header #tab_navi ul:after,
#container #header #tab_navi ul li ul:after {
	content:".";
	display:block;
	height:0;
	clear:both; 
	visibility:hidden;
}

#container #header #exp_area,
#container #header #name_area,
#container #header #tab_navi ul,
#container #header #tab_navi ul li ul {
	zoom:1;
}