@charset "utf-8";

/*=================================================================
	
	サンフロンティア不動産 トップページ用 CSS
	
=================================================================*/


body {
background:url(/image/bg_body.jpg) repeat-x center top;
text-align:center;
}

#wrapper {
min-width:1090px;
background:url(/image/bg_wrapper.jpg) no-repeat center top;
}

#container {
position:relative;
width:1090px;
margin:0 auto;
text-align:center;
}

/* =============================================================== 
	*** header *** 
=============================================================== */

#header {
width:950px;
height:55px;
margin:0 auto;
text-align:left;
}

#header .logo {
float:left;
display:inline;
margin:0 8px 0 1px;
width:213px;
}
#header ul {
float:left;
width:562px;
height:50px;
margin:0 8px 0 0;
padding:5px 0 0 0;
background:url(/image/bg_hd_nav.gif) no-repeat left top;
}
#header ul li {
float:left;
display:inline;
margin:0 11px 0 0;
}
#header ul li.company {
margin:0 10px 0 5px;
}
#header ul li.business {
margin:0 10px 0 0;
}
#header ul li.recruit {
margin:0;
}
#header p.inquiry {
float:left;
width:64px;
margin:0 8px 0 0;
}
#header .ls {
float:left;
width:86px;
height:50px;
padding:3px 0;
background:url(/image/nav_hd_ls.gif) no-repeat left top;
}
#header .ls p {
color:#fff;
font-size:84%;
}
#header .ls p a {
color:#fff;
}
#header .ls p.lang {
padding:0 0 3px 9px;
}
#header .ls p.sitemap {
padding:0 0 0 9px;
}


/* =============================================================== 
	*** footer *** 
=============================================================== */

#footer{
	width: 950px;
	padding: 17px 0 1px !important;
	margin: 15px auto 0 !important;
	background: #5287bd url(/common/image/footer_bg.jpg) no-repeat left top;
}
#footer:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
font-size:0.1em;
line-height:0;
}

#footer-inner{
	text-align: left;
	line-height: 1.1;
	min-height: 25px;
	_height: 25px;
	clear: both;
}

/* フッターナビ */
#footer-navi{
	width: 950px;
	margin: 0;
	padding: 0;
	float: left;
	height: 25px;
	overflow: hidden;
}

#footer-navi ul {
	padding: 0;
	margin: 0;
	height: 25px;
}

#footer-navi li{
	float: left;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

#footer-navi li a{
	text-indent: -9999px;
	font-size: 0px;
	display: block;
	height: 25px;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* ボタンの幅設定 */
#footer-navi ul li.f-policy { width: 147px;}
#footer-navi ul li.f-sintakujueki { width: 200px;}
#footer-navi ul li.f-quality-policy { width: 78px; }
#footer-navi ul li.f-equality-policy { width: 130px;}
#footer-navi ul li.f-complaint { width: 300px;}
#footer-navi ul li.f-about-site { width: 125px;}
#footer-navi ul li.f-eabout-site { width: 145px;}
#footer-navi ul li.f-enviroment { width: 150px;}

/* コピーライト */
#copyright {
	margin:8px auto 0;
	font-size: x-small;
	font-family: "Helvetica","Arial";
	color: #fff;
	text-align: center;
	width: 480px;
	line-height: 1.1;
	/*float :right;*/
	padding: 8px 0;
	min-height: 15px;
}

* html #copyright {
	height: 15px;
}

/*　ページの先頭　*/
#page-top {
	padding: 0;
	margin: 15px 0;
	width: 950px;
}

#page-top a {
	margin: 0 0 0 850px;
	background: url(../image/i_top.gif) no-repeat left top;
	width: 100px;
	text-indent: -9999px;
	font-size: 0px;
	height: 20px;
	display: block;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* ポップアップ用 */
#footer-popup{
	width: 950px;
	padding: 0 0 1px 0 !important;
	margin: 15px 0 0 0 !important;
	background: #5287bd url(../image/footer_bg_popup.jpg) repeat-x top;
}

#footer-popup #copyright {
	float: none;
	width: 940px;
	text-align: right;
}


/* =============================================================== 
	*** contents *** 
=============================================================== */

#contents {
width:950px;
margin:0 auto;
text-align:left;
}
#contents .top-area {
position:relative;
width:950px;
height:475px;
}
 
#contents dl.txtsize {
position:absolute;
left:829px;
top:458px;
}
#contents dl.txtsize dt img,
#contents dl.txtsize dd img {
display:block;
}
#contents dl.txtsize dt {
float:left;
width:56px;
margin:0 8px 0 0;
}
#contents dl.txtsize dd {
float:left;
width:17px;
margin:0 3px 0 0;
}
#contents dl.txtsize dd.small {
background:url(/image/btn_txtsize_s_on.gif) no-repeat left top;
}
#contents dl.txtsize dd.normal {
background:url(/image/btn_txtsize_m_on.gif) no-repeat left top;
}
#contents dl.txtsize dd.large {
margin:0;
background:url(/image/btn_txtsize_l_on.gif) no-repeat left top;
}
#contents dl.txtsize dd a {
display:block;
overflow:hidden;
width:17px;
height:17px;
}
#contents dl.txtsize dd a:hover {
background:transparent;
}
#contents dl.txtsize dd a:hover img,
#contents dl.txtsize dd.cu img {
visibility:hidden;
}
 
#contents .catch {
padding:59px 0 0 0;
}
#contents .catch p.catch1 {
margin:0 0 28px 0;
}
#contents .catch p.catch2 {
}

#contents .search {
left:461px;
top:12px;
}
#contents .owner {
left:706px;
top:12px;
}
#contents .so_box {
position:absolute;
width:251px;
}
#contents .so_box .bg_top,
#contents .so_box .bg_btm {
overflow:hidden;
width:251px;
height:15px;
}
#contents .so_box .bg_top {
background:url(/image/bg_so_box_top.png) no-repeat left top;
}
#contents .so_box .bg_btm {
background:url(/image/bg_so_box_btm.png) no-repeat left top;
}
#contents .so_box .inner {
width:215px;
background:url(/image/bg_so_box_mdl.png) repeat-y left top;
}
#contents .search .inner {
padding:11px 18px 6px 18px;
}
#contents .owner .inner {
padding:11px 18px 4px 18px;
}
#contents .so_box li img {
vertical-align:bottom;
}
#contents .search h2 {
padding:0 0 3px 0;
}
#contents .owner h2 {
padding:0 0 8px 0;
}
#contents .search li {
zoom:1;
margin:10px 0 0 0;
}
#contents .owner ul {
}
#contents .owner li {
zoom:1;
margin:5px 0 0 0;
}
#contents .owner p.btn {
margin:12px 0 0 0;
}


#contents .shop {
position:absolute;
bottom:0;
width:605px;
margin:0 0 0 1px;
padding:9px 12px 11px 10px;
background:#FFFFFF url(/image/bg_shop.gif) repeat-x left bottom;
}
#contents .shop .inner {
width:605px;
background:url(/image/bg_shop_inner.gif) no-repeat left bottom;
}
#contents .shop ul {
width:605px;
}
#contents .shop ul.top {
height:55px;
}
#contents .shop ul.btm {
height:52px;
}
#contents .shop ul li {
position:relative;
float:left;
padding-left:11px;
padding-right:16px;
}
#contents .shop ul.top li {
padding-top:7px;
}
#contents .shop ul.btm li {
padding-top:15px;
}
#contents .shop ul li.l01 {
width:129px;
padding-left:2px;
}
#contents .shop ul li.l02 {
width:129px;
padding-left:13px;
}
#contents .shop ul li.l03 {
width:129px;
}
#contents .shop ul li.l04 {
width:129px;
padding-right:4px;
}
#contents .shop ul li div {
zoom:1;
margin:0 0 7px 0;
}
#contents .shop ul li p.ttl {
float:left;
}
#contents .shop ul li p.pdf {
float:right;
}
#contents .shop ul li p.tel {
clear:both;
padding:0 0 0 12px;
background:url(/common/img/icn_tel.gif) no-repeat left center;
font-size:12px;
color:#009ADF;
}
 
#contents .banner {
position:absolute;
left:683px;
top:348px;
width:270px;
}
#contents .banner h2.person {
float:left;
}
#contents .banner h2.president {
float:right;
}
 
#main {
width:950px;
padding:38px 0 8px 0;
}

#main .info {
float:left;
}
#main .news {
float:right;
}
#main .in_box {
position:relative;
width:450px;
margin:0 0 32px 0;
}
#main .in_box .ttl {
height:51px;
margin:0 0 18px 0;
background:url(/common/img/line_dotted.gif) repeat-x left bottom;
}
#main .in_box p.rss {
position:absolute;
left:350px;
top:3px;
}
#main .in_box p.list {
position:absolute;
left:405px;
top:3px;
}
#main .in_box th,
#main .in_box td {
text-align:left;
vertical-align:top;
}
#main .in_box th {
padding:0 9px 16px 0; 
color:#7C7C7C;
}
#main .in_box td {
padding:0 0 16px 16px;
background:url(/common/img/icn_arw.gif) no-repeat 0 3px;
}

#main .nyukyo {
clear:both;
width:950px;
padding:1px 0 0 0;
background:url(/common/img/line_dotted.gif) repeat-x left top;
}
#main .nyukyo dl {
width:950px;
height:47px;
padding:0 0 1px 0;
background:url(/common/img/line_dotted.gif) repeat-x left bottom;
}
#main .nyukyo dt {
float:left;
}
#main .nyukyo dt img {
display:block;
}
#main .nyukyo dd {
float:left;
height:42px;
padding:5px 0 0 0;
background:url(/common/img/line_dotted_h.gif) repeat-y right top;
text-align:center;
}
#main .nyukyo dd.prct {
width:315px;
} 
#main .nyukyo dd.amount {
width:319px;
} 
#main .nyukyo dd img {
vertical-align:middle;
}
#main .nyukyo dd img.prct1 {
margin:0 5px 0 0;
}
#main .nyukyo dd img.prct2 {
margin:0 5px 0 0;
}
#main .nyukyo dd img.amount1 {
margin:0 10px 0 0;
}
#main .nyukyo dd img.amount2 {
margin:0 10px 0 2px;
}
#main .nyukyo dd span {
vertical-align:middle;
font-weight:bold;
}

.last-update { font-size: 90%; text-align: right !important; width: 220px; margin: 5px 0px 10px auto; font-weight: normal; color: #666; }