@charset "utf-8";

/*=================================================================
	
	サンフロンティア不動産 ヘッダー用 CSS
	
	・Since: 2007.10
	・Modified: 2007.12/27
	・Editor: KIML
	・Customize:

-------------------------------------------------------------------
	
	[1]:ヘッダー設定
	[2]:右ボックス1段目
	[3]:グローバルナビ
	[3]:ロールオーバー
	[4]:カレント表示
	[5]:文字サイズ拡大・縮小
	[6]:ぱんクズ

=================================================================*/


/*-----------------------------------------------------------------
		[1]:ヘッダー設定
-----------------------------------------------------------------*/

/*#header{
	width: 950px;
	height: 85px;
	padding: 0 0 0 0;
	margin: 0 auto 0px auto;
	border-top: solid 2px #3281c5;
	text-align: left;
	background: url(../image/header_bg.gif) no-repeat left bottom;
}*/

#header.header-popup {
	background: url(../image/header_bg_popup.gif) no-repeat left bottom;
}


/*-----------------------------------------------------------------
		[2]:右ボックス1段目
-----------------------------------------------------------------*/

div#header #jump {
	display: block;
}

/* 左ボックス */
div#header #logo {
	float: left;
	width: 265px;
	height: 55px;
	padding: 9px 0 0 10px;
}

/* 右ボックス */
div#header div#top-right{
	width: 612px;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#header #top-right #header-menu ul{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	color: #666666;
	height: 31px;
	list-style: none;
}

* html div#header #top-right #header-menu ul{
	height: 30px;
}

div#header #top-right #header-menu ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#header-menu li a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	font-size: 0px;
	background: url(../image/header_bg.gif) no-repeat left top;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

div#header-menu li.h-english a {
	width: 55px;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* ボタンの幅＋マージン指定 */
div#header-menu li.h-japanese { width: 54px;}
div#header-menu li.h-english { width: 400px;}
div#header-menu li.h-sitemap { width: 80px;}
div#header-menu li.h-inquire { width: 75px;}

/* ボタンの背景指定 */
div#header-menu li.h-japanese a { background-position: -338px 70px;}
div#header-menu li.h-english a { background-position: -392px 70px; width: 50px;}
div#header-menu li.h-sitemap a { background-position: -792px 70px;}
div#header-menu li.h-inquire a { background-position: -872px 70px;}

html[xmlns*=""] body:last-child div#header-menu li.h-japanese a { background-position: -337px 80px;}
html[xmlns*=""] body:last-child div#header-menu li.h-english a { background-position: -391px 80px;}
html[xmlns*=""] body:last-child div#header-menu li.h-sitemap a { background-position: -791px 80px;}
html[xmlns*=""] body:last-child div#header-menu li.h-inquire a { background-position: -871px 80px;}


/* ロールオーバー */
div#header-menu li.h-japanese a:hover { background-position: -338px 0px;}
div#header-menu li.h-english a:hover { background-position: -392px 0px;}
div#header-menu li.h-sitemap a:hover { background-position: -792px 0px;}
div#header-menu li.h-inquire a:hover { background-position: -872px 0px;}

html[xmlns*=""] body:last-child div#header-menu li.h-japanese a:hover { background-position: -337px -5px;}
html[xmlns*=""] body:last-child div#header-menu li.h-english a:hover { background-position: -391px -5px;}
html[xmlns*=""] body:last-child div#header-menu li.h-sitemap a:hover { background-position: -791px -5px;}
html[xmlns*=""] body:last-child div#header-menu li.h-inquire a:hover { background-position: -871px -5px;}



/*-----------------------------------------------------------------
		[2]:グローバルナビ
-----------------------------------------------------------------*/

/* 基本設定 */

div#g-navi {
	width: 612px;
	height: 40px;
	float: left;
}

div#g-navi ul {
	width: 612px;
	list-style: none;
	height: 40px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

div#g-navi li {
	float: left;
	margin: 0;
	padding: 0;
}

/* ボタンの基本設定 */
div#g-navi li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	font-size: 0px;
	background: url(../image/header_bg.gif) no-repeat -338px -104px;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}


/* ボタンの幅＋マージン指定 */
div#g-navi li.g-company2 { width: 184px;}
div#g-navi li.g-business { width: 98px;}
div#g-navi li.g-csr { width: 136px;}
div#g-navi li.g-ir-info { width: 91px;}
div#g-navi li.g-recruit { width: 101px;}
div#g-navi li.g-company { width: 184px;}

/* ボタンの背景指定 */
div#g-navi li.g-company a { background-position: -338px -104px;}
div#g-navi li.g-business a { background-position: -522px -104px;}
div#g-navi li.g-csr a { background-position: -620px -104px;}
div#g-navi li.g-ir-info a { background-position: -756px -104px;}
div#g-navi li.g-recruit a { background-position: -847px -104px;}

/*-----------------------------------------------------------------
		[3]:ロールオーバー
-----------------------------------------------------------------*/

div#g-navi li.g-company a:hover { background-position: -338px -32px;}
div#g-navi li.g-business a:hover { background-position: -522px -32px;}
div#g-navi li.g-csr a:hover { background-position: -620px -32px;}
div#g-navi li.g-ir-info a:hover { background-position: -756px -32px;}
div#g-navi li.g-recruit a:hover { background-position: -847px -32px;}


/*-----------------------------------------------------------------
		[4]:カレント表示
-----------------------------------------------------------------*/

body#company div#g-navi li.g-company a { background-position: -338px -32px;}
body#business div#g-navi li.g-business a { background-position: -522px -32px;}
body#csr div#g-navi li.g-csr a { background-position: -620px -32px;}
body#ir-info div#g-navi li.g-ir-info a { background-position: -756px -32px;}
body#recruit div#g-navi li.g-recruit a { background-position: -847px -32px;}



/*-----------------------------------------------------------------
		[5]:文字サイズ拡大・縮小
-----------------------------------------------------------------*/

div#txt-size {
	width: 125px;
	float: right;
	height: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../image/txt_size.gif) no-repeat left top;
}

div#txt-size ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#txt-size ul li {
	float: right;
	height: 14px;
	margin: 0 0 0 0;
	text-indent: -9999px;
	font-size: 0px;
	padding: 0 0 0 0;
}

/* ボタンの基本設定 */
div#txt-size a {
	display: block;
	height: 14px;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* ボタンの幅設定 */
div#txt-size ul li.ttl-size { display: none; }
div#txt-size ul li.s-large { width: 27px; }
div#txt-size ul li.s-reset { width: 24px; }
div#txt-size ul li.s-small { width: 22px; }

/* ポップアップ用設定 */
.header-popup div#txt-size {
	margin: 28px 20px 0 0;
	background: url(../image/txt_size.gif) no-repeat left top;
}

/*-----------------------------------------------------------------
		[6]:ぱんクズ
-----------------------------------------------------------------*/

#breadcrumbs {
	width: 750px;
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	font-size: 10px;
	float: left;
}

#breadcrumbs ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	text-align: left;
}

#breadcrumbs ul li {
	float: left;
	padding: 1px 10px 0px 0px;
	margin: 0 0 0 0;
	line-height: 100%;
	text-align: left;
	font-size: 10px;
}

#breadcrumbs ul li.bred-home {
	padding: 1px 10px 0px 14px;
	background: url(../image/i_home.gif) no-repeat 0px 1px;
}

#breadcrumbs ul li img {
	vertical-align: middle;
}

#breadcrumbs ul li.bred-home a {
	color:#0e61e1;
	text-decoration: none;
}

#breadcrumbs ul li.bred-home a:hover {
	color:#0e61e1;
	text-decoration: none;
}



/*-----------------------------------------------------------------
		[7]:ヘッダー グローバルリンク CSS
-----------------------------------------------------------------*/

body#other,
body#quality_policy,
body#first,
body#policy,
body#news,
body#news_release,
body#company,
body#business,
body#csr,
body#ir-info,
body#latest,
body#recruit,
body#inquiry,
body#actmail,
body#chinese,
body#sitemap { background:url(/common/img/bg_hd_subdir.jpg) 50% 0% no-repeat; }

body#sftk { background:url(/sftk/img/sf-header-sftk.jpg) 50% 0% no-repeat; }

div#header {
	margin:0 auto 5px;
	width:950px;
	height:68px;
	background:url(/common/image/spacer.gif) no-repeat;
	position:relative;
	border:none;
	}
div#header ul.top-menu,
div#header ul.top-menu li {
	position:absolute;
	padding:0;
	margin:0;
	}

div#header ul.top-menu li a { display:block; }

div#header ul.top-menu li.home { left:0px; top:0px; width:215px; height:55px; }
div#header ul.top-menu li.company { left:235px; top:8px; width:155px; height:40px; }
div#header ul.top-menu li.business { left:405px; top:8px; width:75px; height:40px; }
div#header ul.top-menu li.csr { left:495px; top:8px; width:105px; height:40px; }
div#header ul.top-menu li.ir-info { left:615px; top:8px; width:65px; height:40px; }
div#header ul.top-menu li.recruit { left:695px; top:8px; width:80px; height:40px; }
div#header ul.top-menu li.inquiry { left:792px; top:0px; }
div#header ul.top-menu li.english { left:870px; top:5px; }
div#header ul.top-menu li.chinese { left:870px; top:20px; }
div#header ul.top-menu li.sitemap { left:870px; top:35px; }

div#header ul.top-menu li.sftk-home { left:0px; top:0px; width:340px; height:55px; }
div#header ul.top-menu li.corporate-link { left:735px; top:0px; width:215px; height:55px; }


div#header ul.top-menu li.home { left:0px; top:0px; width:215px; height:55px; }
body#company div#header ul.top-menu li.company { left:235px; top:8px; width:155px; height:40px; border-bottom:7px solid #69c; }
body#business div#header ul.top-menu li.business { left:405px; top:8px; width:75px; height:40px; border-bottom:7px solid #69c; }
body#csr div#header ul.top-menu li.csr { left:495px; top:8px; width:105px; height:40px; border-bottom:7px solid #69c; }
body#ir-info div#header ul.top-menu li.ir-info { left:615px; top:8px; width:65px; height:40px; border-bottom:7px solid #69c; }
body#recruit div#header ul.top-menu li.recruit { left:695px; top:8px; width:80px; height:40px; border-bottom:7px solid #69c; }
/* body#inquiry div#header ul.top-menu li.inquiry { left:792px; top:0px; border-bottom:7px solid #69c; } */
/* body#english div#header ul.top-menu li.english { left:870px; top:5px; border-bottom:7px solid #69c; } */
/* body#chinese div#header ul.top-menu li.chinese { left:870px; top:20px; border-bottom:7px solid #69c; } */
/* body#sitemap div#header ul.top-menu li.sitemap { left:870px; top:35px; border-bottom:7px solid #69c; } */

div#header ul.top-menu li.sftk-home { left:0px; top:0px; width:340px; height:55px; }
div#header ul.top-menu li.corporate-link { left:735px; top:0px; width:215px; height:55px; }



div#header ul.top-menu li.home a { width:215px; height:55px; background:url(/common/image/spacer.gif) no-repeat; }
div#header ul.top-menu li.company a { width:155px; height:40px; background:url(/common/img/nav_hd_company.jpg) no-repeat; }
div#header ul.top-menu li.business a { width:75px; height:40px; background:url(/common/img/nav_hd_business.jpg) no-repeat; }
div#header ul.top-menu li.csr a { width:105px; height:40px; background:url(/common/img/nav_hd_csr.jpg) no-repeat; }
div#header ul.top-menu li.ir-info a { width:65px; height:40px; background:url(/common/img/nav_hd_ir_info.jpg) no-repeat; }
div#header ul.top-menu li.recruit a { width:80px; height:40px; background:url(/common/img/nav_hd_recruit.jpg) no-repeat; }
div#header ul.top-menu li.inquiry a { width:64px; height:55px; background:url(/common/img/nav_hd_inquiry.jpg) no-repeat; }
div#header ul.top-menu li.english a { width:75px; height:15px; background:url(/common/img/nav_hd_english.jpg) no-repeat; }
div#header ul.top-menu li.chinese a { width:75px; height:15px; background:url(/common/img/nav_hd_chinese.jpg) no-repeat; }
div#header ul.top-menu li.sitemap a { width:75px; height:15px; background:url(/common/img/nav_hd_sitemap.jpg) no-repeat; }

div#header ul.top-menu li.sftk-home a { width:340px; height:55px; background:url(/common/image/spacer.gif) no-repeat; }
div#header ul.top-menu li.corporate-link a { width:215px; height:55px; background:url(/common/image/spacer.gif) no-repeat; }


div#header ul.top-menu li.home a:hover { background:url(/common/image/spacer.gif) no-repeat; }
div#header ul.top-menu li.company a:hover { background:url(/common/img/nav_hd_company_on.jpg) no-repeat; }
div#header ul.top-menu li.business a:hover { background:url(/common/img/nav_hd_business_on.jpg) no-repeat; }
div#header ul.top-menu li.csr a:hover { background:url(/common/img/nav_hd_csr_on.jpg) no-repeat; }
div#header ul.top-menu li.ir-info a:hover { background:url(/common/img/nav_hd_ir_info_on.jpg) no-repeat; }
div#header ul.top-menu li.recruit a:hover { background:url(/common/img/nav_hd_recruit_on.jpg) no-repeat; }
div#header ul.top-menu li.inquiry a:hover { background:url(/common/img/nav_hd_inquiry_on.jpg) no-repeat; }
div#header ul.top-menu li.english a:hover { background:url(/common/img/nav_hd_english_on.jpg) no-repeat; }
div#header ul.top-menu li.chinese a:hover { background:url(/common/img/nav_hd_chinese_on.jpg) no-repeat; }
div#header ul.top-menu li.sitemap a:hover { background:url(/common/img/nav_hd_sitemap_on.jpg) no-repeat; }

div#header ul.top-menu li.sftk-home a:hover { background:url(/common/image/spacer.gif) no-repeat; }
div#header ul.top-menu li.corporate-link a:hover { background:url(/common/image/spacer.gif) no-repeat; }