@charset "utf-8";

/*=================================================================
	
	サンフロンティア不動産 左サイド用 CSS
	
	・Since: 2007.10
	・Modified: 2007.11/02
	・Editor: KIML
	・Customize:

-------------------------------------------------------------------
	
	[1]:ヘッダー1段目ボックス
	[2]:グローバルナビ
	[3]:ロールオーバー
	[4]:カレント表示
	[5]:HOMEの場合の設定

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


/*-----------------------------------------------------------------
		[1]:メニュー設定
-----------------------------------------------------------------*/

#side-menu {
	line-height: 100%;
}

#side-menu a {
	color:#1059bf;
	text-decoration: none;
}

#side-menu a:hover {
	color:#1059bf;
	text-decoration: none;
}

#side-menu {
	background: #ffffff url(../image/side_menu.jpg) no-repeat left top;
	margin: 0 0 35px 0;
	padding: 0 0 0 0;
}

#side-menu-inner {
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	background: url(../image/side_menu_bottom.gif) no-repeat left bottom;
}


/*-----------------------------------------------------------------
		[2]:h2画像設定
-----------------------------------------------------------------*/

#side-menu h2 {
	height: 152px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: none;
}

#side-menu h2 a {
	display: block;
	height: 152px;
	text-indent: -9999px;
	font-size: 0px;
	background: url(../image/side_menu.jpg) no-repeat left top;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

#side-menu h2 a:hover { background-position: -205px 0px;}


/*-----------------------------------------------------------------
		[3]:イメージメニュー設定
-----------------------------------------------------------------*/

#side-menu .image-menu a {
	background: url(../image/side_menu.jpg) no-repeat left top;
}

#side-menu ul.image-menu {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

#side-menu ul.image-menu li {
	height: 35px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#side-menu ul.image-menu li a {
	display: block;
	height: 35px;
	text-indent: -9999px;
	font-size: 0px;
	/*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* 背景設定 */
#side-menu li.s-index a { background-position: 0px -152px;}
#side-menu li.s-history-comp a { background-position: 0px -187px;}
#side-menu li.s-concept-comp a { background-position: 0px -222px;}
#side-menu li.s-origin-comp a { background-position: 0px -257px;}
#side-menu li.s-bring-comp a { background-position: 0px -292px;}
#side-menu li.s-president a { background-position: 0px -327px;}

/* マウスオーバー */
#side-menu li.s-index a:hover { background-position: -205px -152px;}
#side-menu li.s-history-comp a:hover { background-position: -205px -187px;}
#side-menu li.s-concept-comp a:hover { background-position: -205px -222px;}
#side-menu li.s-origin-comp a:hover { background-position: -205px -257px;}
#side-menu li.s-bring-comp a:hover { background-position: -205px -292px;}
#side-menu li.s-president a:hover { background-position: -205px -327px;}


/*-----------------------------------------------------------------
		[3]:テキストメニュー設定
-----------------------------------------------------------------*/

#side-menu .txt-menu {
	border: solid 1px #1e57a4;
	border-top: none;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	line-height: 100%;
}

#side-menu .txt-menu li.middle-menu {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 100%;
	_line-height: 12px;
	font-size: 12px;
	border-bottom: solid 1px #b4d2f4;
}

#side-menu .txt-menu li.middle-menu a {
	display: block;
	padding: 10px 5px 10px 24px;
	margin: 0 0 0 0;
	line-height: 100%;
	_line-height: 12px;
	font-size: 12px;
	background: #ecf5ff url(../image/i_arrow_off.gif) no-repeat 15px 11px;
	border-top: solid 1px #ffffff;
}

* html #side-menu .txt-menu li.middle-menu a {
	padding: 10px 5px 10px 24px;
}

#side-menu .txt-menu li.middle-menu a:hover {
	background: #cee2fe url(../image/i_arrow_on.gif) no-repeat 15px 11px;
}

/* 継ぎ目用 */

#side-menu .txt-menu li.middle-menu-start {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 12px;
	font-size: 12px;
	border-top: solid 1px #94beee;
	border-bottom: solid 1px #b4d2f4;
}

#side-menu .txt-menu li.middle-menu-start a {
	display: block;
	padding: 10px 5px 10px 24px;
	margin: 0 0 0 0;
	line-height: 12px;
	font-size: 12px;
	background: #ecf5ff url(../image/i_arrow_off.gif) no-repeat 15px 11px;
	border-top: solid 1px #b9d5f4;
}

* html #side-menu .txt-menu li.middle-menu-start a {
	padding: 11px 5px 10px 24px;
	background: #ecf5ff url(../image/i_arrow_off.gif) no-repeat 15px 12px;
}

#side-menu .txt-menu li.middle-menu-start a:hover {
	background: #cee2fe url(../image/i_arrow_on.gif) no-repeat 15px 11px;
}

* html #side-menu .txt-menu li.middle-menu-start a:hover {
	background: #cee2fe url(../image/i_arrow_on.gif) no-repeat 15px 12px;
}

/* 小メニュー */

#side-menu .txt-menu li.small-menu {
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	font-size: 10px;
	line-height: 10px;
	border-bottom: solid 1px #ffffff;
	background: #ffffff;
}

#side-menu .txt-menu li.small-menu a {
	display: block;
	padding: 8px 5px 8px 12px;
	font-size: 10px;
	line-height: 10px;
	background: url(../image/i_arrow_side_02.gif) no-repeat 4px 13px;
}

* html #side-menu .txt-menu li.small-menu a {
	padding: 8px 5px 8px 12px;
	background: url(../image/i_arrow_side_02.gif) no-repeat 4px 12px;
}

#side-menu .txt-menu li.small-menu a:hover {
	background: #ecf5ff url(../image/i_arrow_side_02.gif) no-repeat 4px 13px;
}


/* 継ぎ目用（上） */

#side-menu .txt-menu li.small-menu-start {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10px;
	line-height: 10px;
	border-top: solid 1px #e8e8e8;
	border-bottom: solid 1px #ffffff;
	background: #ffffff;
}

#side-menu .txt-menu li.small-menu-start span {
	display: block;
	padding: 4px 0 0 0;
	border-top: solid 1px #f1f1f1;
}

#side-menu .txt-menu li.small-menu-start a {
	display: block;
	padding: 8px 5px 8px 12px;
	margin-left: 12px;
	font-size: 10px;
	line-height: 10px;
	background: url(../image/i_arrow_side_02.gif) no-repeat 4px 13px;
}

* html #side-menu .txt-menu li.small-menu-start a {
	padding: 8px 5px 8px 12px;
	background: url(../image/i_arrow_side_02.gif) no-repeat 4px 12px;
}

#side-menu .txt-menu li.small-menu-start a:hover {
	background: #ecf5ff url(../image/i_arrow_side_02.gif) no-repeat 4px 13px;
}

/* 継ぎ目用（下） */

#side-menu .txt-menu li.small-menu-bottom {
	margin: 0 0 8px 12px;
}

.side-info-box{
	padding: 5px 5px 7px 5px;
	text-align: left;
	background: #f0f0f0;
}