@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;
}