/*
Theme Name: sohken-homes
Theme URI: http://www.sohken-homes.co.jp/
Description: sohken-homes
Author: KOS
*/

/* ■ページ構造 */
/* +---------------------------------------------------------------+ */
/* | #topix_index topix表示専用BOX。iframe内ではこのBOXのみ表示    | */
/* +---------------------------------------------------------------+ */
/* +---------------------------------------------------------------+ */
/* | #wrapper                                                      | */
/* |  +---------------------------------------------------------+  | */
/* |  | #spch                                                   |  | */
/* |  +---------------------------------------------------------+  | */
/* |  +---------------+ +---------------------------------------+  | */
/* |  | #header_title | | #header_menu                          |  | */
/* |  +---------------+ +---------------------------------------+  | */
/* |  +---------------------------------------------------------+  | */
/* |  | #navi                                                   |  | */
/* |  +---------------------------------------------------------+  | */
/* |  +---------------------------------------------------------+  | */
/* |  | #pan_list                                               |  | */
/* |  +---------------------------------------------------------+  | */

/* ～index表示時～ */

/* |  +-----------+ +-----------------+ +-----------------------+  | */
/* |  | #top_left | | #top            | | #top_right            |  | */
/* |  +-----------+ +-----------------+ +-----------------------+  | */
/* |  +-------------------------------+ +-----------------------+  | */
/* |  | #main                         | | #side                 |  | */
/* |  | +---------------------------+ | |                       |  | */
/* |  | |#midashi                   | | |                       |  | */
/* |  | +---------------------------+ | |                       |  | */
/* |  | +---------------------------+ | |                       |  | */
/* |  | |トピックス用iframe         | | |                       |  | */
/* |  | +---------------------------+ | |                       |  | */

/* ～記事表示時（記事カテゴリに応じてBOXを使い分けている）～ */

/* |  +-----------+ +-----------------+ +----------+ +----------+  | */
/* |  | #single_  | | #single_top     | | #side    | |#single_  |  | */
/* |  |  top_left | |                 | |          | | top_right|  | */
/* |  +-----------+ +-----------------+ |          | |          |  | */
/* |  +-------------------------------+ |          | |          |  | */
/* |  | #single_main                  | |          | |          |  | */
/* |  +-------------------------------+ |          | |          |  | */
/* |  +-------------------------------+ |          | |          |  | */
/* |  | #single_                      | |          | |          |  | */
/* |  |  topix_main                   | |          | |          |  | */
/* |  +-------------------------------+ +----------+ +----------+  | */
/* |  +---------------------------------------------------------+  | */
/* |  | #butuken_main                                           |  | */
/* |  +---------------------------------------------------------+  | */
/* |  +---------------------------------------------------------+  | */
/* |  | #footer                                                 |  | */
/* |  +---------------------------------------------------------+  | */
/* |  +---------------------------------------------------------+  | */
/* |  | #spcf                                                   |  | */
/* |  +---------------------------------------------------------+  | */
/* +---------------------------------------------------------------+ */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.5;
	/*background: #003399;*/
}

#wrapper {											/* ラッパーボックス */
	width: 990px;									/* ボックスの横幅 */
	margin: 0 auto;									/* マージンを指定 */
/*	margin-top: 40px;*/								/* 上マージンを指定 */
	text-align: left;								/* 行揃えの位置=右寄せ */
	/*background: #003399;*/
	background: url("images/bg.gif");				/* 背景画像 */
}

#spch {											/* スペース用のボックス */
	width: 950px;									/* ボックスの横幅 */
	height: 40px;									/* ボックスの縦幅 */
	/* line-height: 50px; */								/* 行の高さ */
	margin-left: 20px;								/* 左マージンを指定 */
	/*margin-top: 40px;*/								/* 上マージンを指定 */
	font-size:11px;									/* フォントサイズ */
	text-align:right;								/* 行揃えの位置=右寄せ */
	/*background: #003399;*/						/* 背景色 （レイアウト確認用）*/
}

#header {											/* ヘッダ ボックス */
	width: 950px;									/* ボックスの横幅 */
	height: 40px;									/* ボックスの縦幅 */
	/* line-height: 50px; */								/* 行の高さ */
	margin-left: 20px;								/* 左マージンを指定 */
	/*margin-top: 40px;*/								/* 上マージンを指定 */
	font-size:11px;									/* フォントサイズ */
	text-align:right;								/* 行揃えの位置=右寄せ */
	/*background: url("images/rogo.gif");*/		/* 背景画像 */
	/*background: #003399;*/						/* 背景色 （レイアウト確認用）*/
}

#header_title {											/* ヘッダ ボックス */
	width: 710px;									/* ボックスの横幅 */
	height: 40px;									/* ボックスの縦幅 */
	margin-left:20px;								/* 左マージンを指定 */
	display: inline;	/*マージンが２倍になってしまうバグは、「display:inline;」で解決します。*/
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/*background: #ffcc00;*/						/* 背景色 （レイアウト確認用）*/
}
#header_menu {											/* ヘッダ ボックス */
	width: 205px;									/* ボックスの横幅 */
	height: 40px;									/* ボックスの縦幅 */
	margin-left: 765px;								/* 左マージンを指定 */
	font-size:12px;									/* フォントサイズ */
	text-align:right; 								/* 行揃えの位置=右寄せ */
	/*background: #ff6600;*/						/* 背景色 （レイアウト確認用）*/
}





#navi {												/* ナビゲーション ボックス */
	width: 950px;									/* ボックスの横幅 */
	height: 50px; 									/* ボックスの縦幅 */
	/*line-height: 38px; */							/* 行の高さ */
	margin-left: 20px;								/* 左マージンを指定 */
	font-size:11px;									/* フォントサイズ */

	/* background: url("images/navibg.jpg"); /*		/* 背景画像 */
	/*background: #006600;*/						/* 背景色 （レイアウト確認用）*/
}

#pan_list {											/* パンくず ボックス */
	width: 950px;									/* ボックスの横幅 */
	height: 20px; 									/* ボックスの縦幅 */
	/*line-height: 38px; */							/* 行の高さ */
	margin-left: 20px;								/* 左マージンを指定 */
	padding-top: 10px;
	font-size:11px;									/* フォントサイズ */
	text-align:left;								/* 行揃えの位置=左寄せ */
	/* background: url("images/navibg.jpg"); /*		/* 背景画像 */
	/*background: #006600;*/						/* 背景色 （レイアウト確認用）*/
}

#top_left {											/* トップ ボックス */
	width: 17px;									/* ボックスの横幅 */
	height: 350px; 									/* ボックスの縦幅 */
	/*line-height: 38px; */							/* 行の高さ */
	margin-top: 2px;								/* 左マージンを指定 */
	margin-left: 3px;								/* 左マージンを指定 */
	font-size:11px;									/* フォントサイズ */
	/* background: url("images/top_side.jpg"); */				/* 背景画像 */
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/*background: #006600;*/						/* 背景色 （レイアウト確認用）*/
}

#top {												/* トップ ボックス */
	width: 950px;									/* ボックスの横幅 */
	height: 350px; 									/* ボックスの縦幅 */
	/*line-height: 38px; */							/* 行の高さ */
	margin-top: 2px;								/* 左マージンを指定 */
	margin-left: 0px;								/* 左マージンを指定 */
	font-size:11px;									/* フォントサイズ */
	/*background: url("images/top.jpg");*/				/* 背景画像 */
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/* background: #006600; */						/* 背景色 （レイアウト確認用）*/
}

#top_right {										/* トップ ボックス */
	width: 11px;									/* ボックスの横幅 */
	height: 350px; 									/* ボックスの縦幅 */
	/*line-height: 38px; */							/* 行の高さ */
	margin-top: 2px;								/* 左マージンを指定 */
	margin-left: 970px;								/* 左マージンを指定 */
	font-size:11px;									/* フォントサイズ */
	/*background: url("images/top_side.jpg");*/				/* 背景画像 */
	/*background: #006600;*/						/* 背景色 （レイアウト確認用）*/
}













#single_top_left {									/* トップ ボックス */
	width: 17px;									/* ボックスの横幅 */
	height: 210px; 									/* ボックスの縦幅 */
	/*line-height: 38px; */							/* 行の高さ */
	margin-top: 5px;								/* 左マージンを指定 */
	margin-left: 3px;								/* 左マージンを指定 */
	font-size:11px;									/* フォントサイズ */
	/*background: url("images/top_side.jpg");*/				/* 背景画像 */
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/* background: #006600; */						/* 背景色 （レイアウト確認用）*/
}








#single_top {										/* 投稿トップ ボックス（トップページ以外に使用するボックス） */
	width: 745px;									/* ボックスの横幅 */
	margin-left: 0px;								/* 左マージンを指定 */
	margin-top: 5px;								
	font-size:11px;									/* フォントサイズ */
	/* background: #006600; */						/* 背景色 （レイアウト確認用）*/
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
}

#single_main {										/* 投稿メイン ボックス（トップページ以外に使用するボックス） */
	width: 690px;									/* ボックスの横幅 */
	margin-left: 0px;								/* 左マージンを指定 */
	display: inline;	/*マージンが２倍になってしまうバグは、「display:inline;」で解決します。*/
	margin-top: 25px;								
	font-size:14px;									/* フォントサイズ */
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/* background: #ffcc00 */						/* 背景色 （レイアウト確認用）*/
}

#single_topix_main {									/* 投稿メイン ボックス（情報公開に使用するボックス） */
	width: 690px;									/* ボックスの横幅 */
	margin-left: 0px;								/* 左マージンを指定 */
	display: inline;	/* マージンが２倍になってしまうバグは、「display:inline;」で解決します。*/
	margin-top: 5px;								/* */
	font-size:14px;									/* フォントサイズ */
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/* background: #ffcc00 */						/* 背景色 （レイアウト確認用）*/
}

#main {												/* インデックスページのメイン ボックス */
	width: 710px;									/* ボックスの横幅 */
	margin-left:20px;								/* 左マージンを指定 */
	margin-top: 35px;								
	display: inline;	/*マージンが２倍になってしまうバグは、「display:inline;」で解決します。*/
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/*background: #ffcc00*/						/* 背景色 （レイアウト確認用）*/
}

#topix_index {											/* トピックス ボックス */
	text-align: left;								/* 行揃えの位置=右寄せ */
	padding-left: 10px;								/* 左パディングを指定*/
}

#topix {											/* トピックス ボックス */
	width: 710px;									/* ボックスの横幅 */
	margin-left: 0px;								/* 左マージンを指定 */
	margin-top: 0px;								
	padding-left: 10px;								/* 左パディングを指定*/
	line-height: 25px;								/* 行の高さ */
	border-top:solid 1px #00657d;
	border-bottom:solid 1px #00657d;
	overflow:auto;
	height:200px;
	/*background: #ffcc00;*/ 						/* 背景色 （レイアウト確認用）*/
}

#topix_tittle {										/* トピックス内のタイトルボックス */
	width: 560px;									/* ボックスの横幅 */
	line-height: 38px;								/* 行の高さ */
	border-bottom:dotted 1px #00657d;
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/* background: #006600; */						/* 背景色 （レイアウト確認用）*/
}

#topix_ymd {										/* トピックス内の年月日 */
	width: 100px;									/* ボックスの横幅 */
	line-height: 38px;								/* 行の高さ */
	margin-left: 560px;								/* 左マージンを指定 */
	border-bottom:dotted 1px #00657d;
	/* background: #ffcc00; */						/* 背景色 （レイアウト確認用）*/
}

#side {												/* サイド ボックス */
	width: 205px;									/* ボックスの横幅 */
	margin-left: 765px;								/* 左マージンを指定 */
	margin-top: 35px;								/* 上マージンを指定 */
	font-size:12px;									/* フォントサイズ */
	/* background: #ff6600; */						/* 背景色 （レイアウト確認用）*/
}

#side_category {									/* インデックスページ以外は、このサイド ボックスを使用する */
	width: 205px;									/* ボックスの横幅 */
	margin-left: 0px;								/* 左マージンを指定 */
	margin-top: 5px;								/* 上マージンを指定 */
	font-size:12px;									/* フォントサイズ */
	line-height: 0;
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/* background: #ff6600; */						/* 背景色 （レイアウト確認用）*/
}
#side_category_shogyo {									/* インデックスページ以外は、このサイド ボックスを使用する */
	width: 205px;									/* ボックスの横幅 */
	margin-left: 0px;								/* 左マージンを指定 */
	margin-top: 115px;								/* 上マージンを指定 */
	font-size:12px;									/* フォントサイズ */
	line-height: 0;
	float: left;									/* floatによる段組。mainとsideボックスを並べる */
	/* background: #ff6600; */						/* 背景色 （レイアウト確認用）*/
}

#single_top_right {											/* トップ ボックス */
	width: 11px;									/* ボックスの横幅 */
	height: 210px; 									/* ボックスの縦幅 */
	/*line-height: 38px; */							/* 行の高さ */
	margin-top: 5px;								/* 左マージンを指定 */
	margin-left: 970px;								/* 左マージンを指定 */
	font-size:11px;									/* フォントサイズ */
	/* background: url("images/top_side.jpg"); */				/* 背景画像 */
	/* background: #006600; */						/* 背景色 （レイアウト確認用）*/
}


#butuken_main {											/* 物件詳細 ボックス */
	width: 950px;									/* ボックスの横幅 */
	/* line-height: 50px; */								/* 行の高さ */
	margin-left: 20px;								/* 左マージンを指定 */
	margin-top: 25px;*/								/* 上マージンを指定 */
	font-size:14px;									/* フォントサイズ */
	text-align:left;								/* 行揃えの位置＝左寄せ */
	/*background: url("images/rogo.gif");*/		/* 背景画像 */
	/*background: #003399;*/						/* 背景色 （レイアウト確認用）*/
}



#footer {											/* フッタ ボックス */
	width: 950px;									/* ボックスの横幅 */
	margin-left: 20px;								/* 左マージンを指定 */
	/* background: url("images/bg_02.gif"); */		/* 背景画像 */
	/* background: #ff99ff; */						/* 背景色 （レイアウト確認用）*/
	font-size:11px;									/* フォントサイズ */
	text-align:center;								/* 行揃え位置=センター */
	clear: both;									/* 段組を解除 */

}

#spcf {											/* スペース用のボックス */
	width: 950px;									/* ボックスの横幅 */
	height: 20px;									/* ボックスの縦幅 */
	/* line-height: 50px; */								/* 行の高さ */
	margin-left: 80px;								/* 左マージンを指定 */
	/*margin-top: 40px;*/								/* 上マージンを指定 */
	font-size:11px;									/* フォントサイズ */
	text-align:right;								/* 行揃えの位置=右寄せ */
	/*background: #003399;*/						/* 背景色 （レイアウト確認用）*/
}


ul.footer_menu {									/* フッタメニューのリストul要素 */
	margin: 0;										/* マージン指定 */
	margin-left: 20px;								/* 左マージンを指定 */
	padding: 0;										/* パディング指定 */
	list-style-type: none;							/* リストのマーカーを消す */
}

ul.footer_menu li {									/* フッタメニューのリストli要素 */
	width: 175px;
	margin-right: 5px;
	font-size:12px;									/* フォントサイズ */
	text-align: left;
	float: left;
	/* background-color: #fffdee; */				/* 背景色 （レイアウト確認用）*/
}

.clearLeft { 
	clear: left; 									/* リスト要素横並びを解除 */
}

/* 会社案内のサイドメニュー */
/* 
 ＜概要＞
 <li>タグの background にオフ画像を入れ、マウスオーバー時にHTML上にある
 <img>を visibility:hidden; で見えなくします。
 そうすると、liにあるオフ画像が現れる。
*/

ul.header_menu {									/* リスト */
	margin: 0;										/* マージン指定 この指定をしないと余白が生まれる*/
	padding: 0;										/* パディング指定 この指定をしないと余白が生まれる*/
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	line-height:0;									/* IEの場合リストに隙間が出る為、それを解決する為に指定する */
	vertical-align:bottom;							/* IEの場合リストに隙間が出る為、それを解決する為に指定する */

}

ul.header_menu li {									/* リストの要素 */
	list-style-type:none;							/* リストのマーカーを消す */
}

ul.header_menu li a{								/* リスト・リンク要素 */
	display:block;									/* リンク要素をブロック要素にする */
	width:205px;									/* ボックスの横幅を指定 */
	height:35px;									/* ボックスの縦幅を指定 */
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	overflow: hidden;								/* IEの場合リストに隙間が出る為、それを解決する為に指定する(IE6) */
}

ul.header_menu li a:hover img {						/* カーソルが重なった時のリンク要素 */
	visibility:hidden;								/* ボックスを非表示にする */
}

ul li.header_menu_1,
ul li.header_menu_1 a:hover {						/* カーソルが重なった時のリンク要素 */
	background:url("images/4-1_over.jpg");
}
ul li.header_menu_2,
ul li.header_menu_2 a:hover {
	background:url("images/4-2_over.jpg");
}

ul li.header_menu_3,
ul li.header_menu_3 a:hover {
	background:url("images/4-3_over.jpg");
}
ul li.header_menu_4,
ul li.header_menu_4 a:hover {
	background:url("images/4-4_over.jpg");
}

/* 2011/2/7 採用情報 */
ul li.header_menu_12,
ul li.header_menu_12 a:hover {
	background:url("images/4-7_over.jpg");
}
/* 2011/2/7 */

ul li.header_menu_5,
ul li.header_menu_5 a:hover {
	background:url("images/4-5_over.jpg");
}
ul li.header_menu_6,
ul li.header_menu_6 a:hover {
	background:url("images/4-6_over.jpg");
}

ul li.header_menu_7,
ul li.header_menu_7 a:hover {
	background:url("images/4-5_hit.jpg");
}
ul li.header_menu_8,
ul li.header_menu_8 a:hover {
	background:url("images/4-5-1B_over.jpg");
}
ul li.header_menu_9,
ul li.header_menu_9 a:hover {
	background:url("images/4-5-2B_over.jpg");
}
ul li.header_menu_10,
ul li.header_menu_10 a:hover {
	background:url("images/4-5-3B_over.jpg");
}
ul li.header_menu_11,
ul li.header_menu_11 a:hover {
	background:url("images/4-5-4B_over.jpg");
}



/* サイドメニューのライン */
hr.sidebar_hr {
	border:dotted;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin:7px 0;
}

/* メニュー */
/* 
 ＜概要＞
 <li>タグの background にオフ画像を入れ、マウスオーバー時にHTML上にある
 <img>を visibility:hidden; で見えなくします。
 そうすると、liにあるオフ画像が現れる。
*/

ul.header_top_menu {									/* リスト */
	margin: 0;										/* マージン指定 この指定をしないと余白が生まれる*/
	padding: 0;										/* パディング指定 この指定をしないと余白が生まれる*/
	
}

ul.header_top_menu li {									/* リストの要素 */
	list-style-type:none;							/* リストのマーカーを消す */
	float:left;
}

ul.header_top_menu li a{								/* リスト・リンク要素 */
	display:block;									/* リンク要素をブロック要素にする */
	width:158px;									/* ボックスの横幅を指定 */
	height:50px;									/* ボックスの縦幅を指定 */
}

ul.header_top_menu li a:hover img {						/* カーソルが重なった時のリンク要素 */
	visibility:hidden;								/* ボックスを非表示にする */
}

ul li.header_top_menu_1,
ul li.header_top_menu_1 a:hover {						/* カーソルが重なった時のリンク要素 */
	background:url("images/1_over.jpg");
}
ul li.header_top_menu_2,
ul li.header_top_menu_2 a:hover {
	background:url("images/2_over.jpg");
}

ul li.header_top_menu_3,
ul li.header_top_menu_3 a:hover {
	background:url("images/3_over.jpg");
}
ul li.header_top_menu_4,
ul li.header_top_menu_4 a:hover {
	background:url("images/4_over.jpg");
}
ul li.header_top_menu_5,
ul li.header_top_menu_5 a:hover {
	background:url("images/5_over.jpg");
}
ul li.header_top_menu_6,
ul li.header_top_menu_6 a:hover {
	background:url("images/6_over.jpg");
}

/* 情報公開タブのメニュー */
ul.header451_menu {
	margin: 0;
	padding: 0;
}

ul.header451_menu li {
	list-style-type:none;
	float:left;
}

ul.header451_menu li a{
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
}

ul.header451_menu li a:hover img {
	visibility:hidden;
}

ul li.header451_menu_1,

ul li.header451_menu_1 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-1_hit.jpg);
}

ul li.header451_menu_2 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-2_over.jpg);
}

ul li.header451_menu_3 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-3_over.jpg);
}

ul li.header451_menu_4 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-4_over.jpg);
}

/* 過去のお知らせタブのメニュー */
ul.header452_menu {
	margin: 0;
	padding: 0;
}

ul.header452_menu li {
	list-style-type:none;
	float:left;
}

ul.header452_menu li a{
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
}

ul.header452_menu li a:hover img {
	visibility:hidden;
}

ul li.header452_menu_1,

ul li.header452_menu_1 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-1_over.jpg);
}

ul li.header452_menu_2 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-2_hit.jpg);
}

ul li.header452_menu_3 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-3_over.jpg);
}

ul li.header452_menu_4 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-4_over.jpg);
}

/* 有価証券報告書タブのメニュー */
ul.header453_menu {
	margin: 0;
	padding: 0;
}

ul.header453_menu li {
	list-style-type:none;
	float:left;
}

ul.header453_menu li a{
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
}

ul.header453_menu li a:hover img {
	visibility:hidden;
}

ul li.header453_menu_1,

ul li.header453_menu_1 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-1_over.jpg);
}

ul li.header453_menu_2 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-2_over.jpg);
}

ul li.header453_menu_3 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-3_hit.jpg);
}

ul li.header453_menu_4 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-4_over.jpg);
}

/* 決算短信タブのメニュー */
ul.header454_menu {
	margin: 0;
	padding: 0;
}

ul.header454_menu li {
	list-style-type:none;
	float:left;
}

ul.header454_menu li a{
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
}

ul.header454_menu li a:hover img {
	visibility:hidden;
}

ul li.header454_menu_1,

ul li.header454_menu_1 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-1_over.jpg);
}

ul li.header454_menu_2 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-2_over.jpg);
}

ul li.header454_menu_3 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-3_over.jpg);
}

ul li.header454_menu_4 a:hover {
	display:block;
	width:175px;
	height:36px;
	margin-right: 2px;
	background:url(images/4-5-4_hit.jpg);
}


/* パフォーマンス＆コンフォートのサイドメニュー */
/* 
 ＜概要＞
 <li>タグの background にオフ画像を入れ、マウスオーバー時にHTML上にある
 <img>を visibility:hidden; で見えなくします。
 そうすると、liにあるオフ画像が現れる。
*/

ul.performance_menu {									/* リスト */
	margin: 0;										/* マージン指定 この指定をしないと余白が生まれる*/
	padding: 0;										/* パディング指定 この指定をしないと余白が生まれる*/
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	line-height:0;									/* IEの場合リストに隙間が出る為、それを解決する為に指定する */
	vertical-align:bottom;							/* IEの場合リストに隙間が出る為、それを解決する為に指定する */

}

ul.performance_menu li {									/* リストの要素 */
	list-style-type:none;							/* リストのマーカーを消す */
}

ul.performance_menu li a{								/* リスト・リンク要素 */
	display:block;									/* リンク要素をブロック要素にする */
	width:205px;									/* ボックスの横幅を指定 */
	height:35px;									/* ボックスの縦幅を指定 */
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	overflow: hidden;								/* IEの場合リストに隙間が出る為、それを解決する為に指定する(IE6) */
}

ul.performance_menu li a:hover img {						/* カーソルが重なった時のリンク要素 */
	visibility:hidden;								/* ボックスを非表示にする */
}

ul li.performance_menu_1,
ul li.performance_menu_1 a:hover {						/* カーソルが重なった時のリンク要素 */
	background:url("images/3-0_over.jpg");
}
ul li.performance_menu_2,
ul li.performance_menu_2 a:hover {
	background:url("images/3-1_over.jpg");
}

ul li.performance_menu_3,
ul li.performance_menu_3 a:hover {
	background:url("images/3-2-0_over.jpg");
}
ul li.performance_menu_4,
ul li.performance_menu_4 a:hover {
	background:url("images/3-3-0_over.jpg");
}
ul li.performance_menu_5,
ul li.performance_menu_5 a:hover {
	background:url("images/3-4_over.jpg");
}
/* ここから特徴のサブカテゴリ */
/* 環境 */
ul li.performance_menu_6,
ul li.performance_menu_6 a:hover {
	background:url("images/3-2-1_over.jpg");
}
/* 本質 */
ul li.performance_menu_7,
ul li.performance_menu_7 a:hover {
	background:url("images/3-2-2_over.jpg");
}
/* 意匠 */
ul li.performance_menu_8,
ul li.performance_menu_8 a:hover {
	background:url("images/3-2-3_over.jpg");
}



/* 基本性能 */
ul li.performance_menu_9,
ul li.performance_menu_9 a:hover {
	background:url("images/3-3-1_over.jpg");
}
/* 外部仕様 */
ul li.performance_menu_10,
ul li.performance_menu_10 a:hover {
	background:url("images/3-3-2_over.jpg");
}
/* 内装 */
ul li.performance_menu_11,
ul li.performance_menu_11 a:hover {
	background:url("images/3-3-3_over.jpg");
}
/* 設備 */
ul li.performance_menu_12,
ul li.performance_menu_12 a:hover {
	background:url("images/3-3-4_over.jpg");
}


ul li.performance_menu_13,
ul li.performance_menu_13 a:hover {
	background:url("images/3-5_over.jpg");
}

/* Q&A */
ul li.performance_menu_14,
ul li.performance_menu_14 a:hover {
	background:url("images/3-6_over.jpg");
}
ul li.performance_menu_15,
ul li.performance_menu_15 a:hover {
	background:url("images/3-6-1_over.jpg");
}
ul li.performance_menu_16,
ul li.performance_menu_16 a:hover {
	background:url("images/3-6-2_over.jpg");
}
ul li.performance_menu_17,
ul li.performance_menu_17 a:hover {
	background:url("images/3-6-3_over.jpg");
}


/* パフォーマンス＆コンフォート内のボタンアクション */

ul.performance_body_menu {
	margin: 0;
	padding: 0;
}

ul.performance_body_menu li {
	list-style-type:none;
}

ul.performance_body_menu li a{
	display:block;
	width:555px;
	height:52px;
}

ul.performance_body_menu li a:hover img {
	visibility:hidden;
}

ul li.performance_body_menu_1,
ul li.performance_body_menu_1 a:hover {
	background:url(images/3-0_img1_over.jpg);
	background-position:center;								/* 背景画像を中央に表示する。*/
	background-repeat:no-repeat;							/* 背景画像を繰り返し表示しない（これをしないと両端に画像が表示される）*/
}

ul li.performance_body_menu_2,
ul li.performance_body_menu_2 a:hover {
	background:url(images/3-0_img2_over.jpg);
	background-position:center;								/* 背景画像を中央に表示する。*/
	background-repeat:no-repeat;							/* 背景画像を繰り返し表示しない（これをしないと両端に画像が表示される）*/
}

ul li.performance_body_menu_3,
ul li.performance_body_menu_3 a:hover {
	background:url(images/3-0_img3_over.jpg);
	background-position:center;								/* 背景画像を中央に表示する。*/
	background-repeat:no-repeat;							/* 背景画像を繰り返し表示しない（これをしないと両端に画像が表示される）*/
}

ul li.performance_body_menu_4,
ul li.performance_body_menu_4 a:hover {
	background:url(images/3-0_img4_over.jpg);
	background-position:center;								/* 背景画像を中央に表示する。*/
	background-repeat:no-repeat;							/* 背景画像を繰り返し表示しない（これをしないと両端に画像が表示される）*/
}

ul li.performance_body_menu_5,
ul li.performance_body_menu_5 a:hover {
	background:url(images/3-0_img5_over.jpg);
	background-position:center;								/* 背景画像を中央に表示する。*/
	background-repeat:no-repeat;							/* 背景画像を繰り返し表示しない（これをしないと両端に画像が表示される）*/
}

ul li.performance_body_menu_6,
ul li.performance_body_menu_6 a:hover {
	background:url(images/3-0_img6_over.jpg);
	background-position:center;								/* 背景画像を中央に表示する。*/
	background-repeat:no-repeat;							/* 背景画像を繰り返し表示しない（これをしないと両端に画像が表示される）*/
}

/* コンセプト＆ロイヤリティ内のボタンアクション */

ul.concept_menu {
	margin: 0;
	padding: 0;
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	line-height:0;									/* IEの場合リストに隙間が出る為、それを解決する為に指定する */
	vertical-align:bottom;							/* IEの場合リストに隙間が出る為、それを解決する為に指定する */
}

ul.concept_menu li {
	list-style-type:none;
}

ul.concept_menu li a{
	display:block;
	width:205px; 
	height:36px; 
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	overflow: hidden;								/* IEの場合リストに隙間が出る為、それを解決する為に指定する(IE6) */
}

ul.concept_menu li a.cm70{
	display:block;
	width:205px; 
	height:70px; 
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	overflow: hidden;								/* IEの場合リストに隙間が出る為、それを解決する為に指定する(IE6) */
}



ul.concept_menu li a:hover img {
	visibility:hidden;
}

ul li.concept_menu_1,
ul li.concept_menu_1 a:hover {
	background:url(images/1-0_over.jpg);
	width:205px;
	height:36px;
}

ul li.concept_menu_2,
ul li.concept_menu_2 a:hover {
	background:url(images/1-1_over.jpg);
	width:205px;
	height:36px;
}

ul li.concept_menu_3,
ul li.concept_menu_3 a:hover {
	background:url(images/1-2_over.jpg);
	width:205px;
	height:70px;
}

ul li.concept_menu_4,
ul li.concept_menu_4 a:hover {
	background:url(images/1-3_over.jpg);
	width:205px;
	height:36px;
}

/* 物件情報のボタンアクション */

ul.butuken_menu {
	margin: 0;
	padding: 0;
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	line-height:0;									/* IEの場合リストに隙間が出る為、それを解決する為に指定する */
	vertical-align:bottom;							/* IEの場合リストに隙間が出る為、それを解決する為に指定する */
}

ul.butuken_menu li {
	list-style-type:none;
}

ul.butuken_menu li a{
	display:block;
	width:205px;
	height:35px;								/* リスト幅が可変の場合、最大値に設定し、個別のクラスでサイズを再設定する。 */
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	overflow: hidden;								/* IEの場合リストに隙間が出る為、それを解決する為に指定する(IE6) */
}
ul.butuken_menu li a.bcm70{					/* メニュー縦幅可変対応用 */
	display:block;
	width:205px;
	height:46px;								/* リスト幅が可変の場合、最大値に設定し、個別のクラスでサイズを再設定する。 */
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	overflow: hidden;								/* IEの場合リストに隙間が出る為、それを解決する為に指定する(IE6) */
}
ul.butuken_menu li a.bcm37{					/* メニュー縦幅可変対応用 */
	display:block;
	width:205px;
	height:37px;								/* リスト幅が可変の場合、最大値に設定し、個別のクラスでサイズを再設定する。 */
	zoom: 1;										/* IEの場合リストに隙間が出る為、それを解決する為にzoomを指定する */
	overflow: hidden;								/* IEの場合リストに隙間が出る為、それを解決する為に指定する(IE6) */
}

ul.butuken_menu li a:hover img {
	visibility:hidden;
}

ul li.butuken_menu_1,
ul li.butuken_menu_1 a:hover {
	background:url(images/7-0.jpg);
	width:205px;
	height:35px;
}

ul li.butuken_menu_2,
ul li.butuken_menu_2 a:hover {
	background:url(images/7-1_over.jpg);
	width:205px;
	height:46px;
}

ul li.butuken_menu_3,
ul li.butuken_menu_3 a:hover {
	background:url(images/7-2_over.jpg);
	width:205px;
	height:46px;
}

ul li.butuken_menu_4,
ul li.butuken_menu_4 a:hover {
	background:url(images/7-3_over.jpg);
	width:205px;
	height:37px;
}

ul li.butuken_menu_5,
ul li.butuken_menu_5 a:hover {
	background:url(images/7-4_over.jpg);
	width:205px;
	height:46px;
}









/* 各ページの見出しテキスト */

#midashi {													/* 見出し用のボックス */
	width: 710px;											/* ボックスの横幅 */
	height: 35px;											/* ボックスの縦幅 */
	padding-left:20px;										/* 左パディングを指定 */
	padding-top:5px;										/* 上パディングを指定 */
	background: url("images/0_midashi.jpg");				/* 背景画像 */
	background-repeat:no-repeat;							/* 背景画像を繰り返し表示しない（これをしないと両端に


	/*background: #ffcc00*/						/* 背景色 （レイアウト確認用）*/
}

/* リンクの下線を表示しないようにする */

A { 
	text-decoration: none;
}

a img {
	border: none;
}

table.ftsize {
font-size: 95%;
line-height: 20px;
}

p.justy {text-justify:distribute-all-lines;}