﻿@charset "utf-8";

/*=================================================================
	
	サンフロンティア不動産 英語ページ用 CSS
	
	・Since: 2007.11
	・Modified: 2007.12/26
	・Editor: KIML
	・Customize:

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


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

.english #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/e_header_bg.gif) no-repeat left bottom;
}

.english #page-top a {
	background: url(../image/e_i_top.gif) no-repeat left top !important;
}


/*-----------------------------------------------------------------
		[2]:フッター設定
-----------------------------------------------------------------*/

.english #footer{
	background: #5287bd url(../image/e_footer_bg.gif) no-repeat left top;
}

/* ボタンの幅設定 */
.english #footer-navi ul li.f-policy { width: 130px; }
.english #footer-navi ul li.f-equality-policy { width: 130px; }
.english #footer-navi ul li.f-environment { width: 160px; }
.english #footer-navi ul li.f-eabout-site { width: 130px; }


/*-----------------------------------------------------------------
		[3]:ヘッダーナビ設定
-----------------------------------------------------------------*/

div#header-menu li a {
	background: url(../image/e_header_bg.gif) no-repeat left top;
}



/*-----------------------------------------------------------------
		[3]:Gナビ設定
-----------------------------------------------------------------*/

/* ボタンの基本設定 */
div#g-navi li a {
	background: url(../image/e_header_bg.gif) no-repeat left top;
}

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


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

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

div#g-navi li.g-company a:hover { background-position: -338px -32px;}
div#g-navi li.g-business a:hover { background-position: -492px -32px;}
div#g-navi li.g-csr a:hover { background-position: -646px -32px;}
div#g-navi li.g-ir-info a:hover { background-position: -800px -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: -492px -32px;}
body#csr div#g-navi li.g-csr a { background-position: -646px -32px;}
body#ir_info div#g-navi li.g-ir-info a { background-position: -800px -32px;}

