@charset "utf-8";
/* --------------------------------

	(基本レイアウト)

		* last update 2010/06/18
		* modify : Nazal;
	
--------------------------------

	index
	
	1. Structure Frames
	
	2. Template Style
		├ 2-1. header
		├ 2-2. mainContent
		├ 2-3. aside
		└ 2-4. footer
	
	3. Conditional
		├ 3-1. home
		├ 3-2. 1column
		├ 3-3. 検索窓など
		├ 3-3. 検索窓など
	
--------------------------------


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

	 1. Structure Frames
 
============================================================================================================*/
html {
}
body {
	background: #fff url(../img/_frame/bg_body.png) repeat-y center top;
	text-align : center;
	color : #555555;
	zoom: 1;
}



#wrapper {
	text-align : left;
	margin : 0px auto;
	padding-top: 15px;
	width : 940px;
}

#header {
	background : #ffffff;
	position: relative;
	margin-bottom: 15px;
	height: 115px;
}
#container {
	clear : both;
	position:relative;
}
#mainContent {
	background : #ffffff;
	float : left;
	margin-bottom : 15px;
	width : 680px;
}
#aside {
	background : #ffffff;
	float : right; /* for IE6.0 */
	margin-bottom : 15px;
	width : 236px;
}


/*  moveLayer（1段目）
-----------------------------------*/
#moveLayer{
	border-top: 1px solid #ded4c2;
	margin-bottom: 20px;
	width:60px;
	margin-top:259px;
	left:-80px;
}
#moveLayer li {
	border-left: 1px solid #ded4c2;
	border-bottom: 1px solid #ded4c2;
}
/*  a要素
-----------------------------------*/
#moveLayer li a {
	display: block;
	background: url(../img/_frame/linkArrow01.png) no-repeat 5px 12px;
	padding: 6px 0 6px 15px;
	text-decoration: none;
	color: #555555;
	background-color: #ffffff;
}
#moveLayer li a:hover {
	background-color: #eeffba;
	text-decoration: underline;
}
#moveLayer li a.current {
	background-color: #eeffba;
}

#footer {
	background: #f2f2f2;
	position: relative;
	clear : both;
	margin: 0 -20px;
	padding: 30px 20px 25px 20px;
	width : 940px;
	zoom: 1;
}
/* ie7 hack */
*:first-child+html #footer {
	overflow: hidden;
}
/*  スクリーンリーダー用とCSS無効時の配慮
-----------------------------------*/
#nocss,
.accessible {
	display : none;
}
/* ==========================================================================================================

	 * 2. Template Style
 
============================================================================================================*/

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

	 2-1. header
 
============================================================================================================*/
#header .siteID,
#header #utility,
#header #sNav,
#header #gNav {
	position: absolute;
}

#header .siteID {
	top: 17px;
	left: 0;
}

#header #utility {
	top: 22px;
	right: 0;
}

#header #sNav {
	top: 0;
	right: 0;
}

#header #gNav {
	left: 0;
	bottom: 0;
}

#header .siteID {

}

#header #utility li,
#header #sNav li,
#header #gNav li {
	float: left;
}

/*  ------------------------------------------------------------------

	ドロップダウン処理

---------------------------------------------------------------------*/
#gNav {
	position: relative;
	z-index: 597;
}
#gNav li {
	float: left;
	zoom: 1;
}
#gNav li.hover,
#gNav li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
#gNav ul {
	background: #FFF;
	border: 1px solid #2f8d65;
	border-top: none;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
}
#gNav ul li {
	float: none;
}
#gNav ul ul {
	top: 1px;
	left: 99%;
}
#gNav li:hover > ul {
	visibility: visible;
}


#gNav ul li a:link,
#gNav ul li a:visited {
	display: block;
	background: #fff url(../img/_frame/linkArrow01.png) no-repeat 10px 50%;
	padding: 4px 10px 4px 20px;
	width: 220px;
	text-decoration: none;
	color: #333;
}
#gNav ul li a:hover {
	background: #eeffba url(../img/_frame/linkArrow01.png) no-repeat 13px 50%;
}


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

	 2-2. mainContent
 
============================================================================================================*/
#mainContent p {
	margin-bottom: 0.8em;
}
/*  ------------------------------------------------------------------

	パンくず

---------------------------------------------------------------------*/
#topicPath {
	background: url(../img/_frame/bg_topicPath.png) no-repeat 0% 50%;
	padding-left: 20px;
	margin-bottom: 1.5em;
}
#topicPath li {
	background: url(../img/_frame/linkArrow_topicPath.png) no-repeat 0% 50%;
	float: left;
	display: inline;
	margin-right: 15px;
	padding-left: 25px;
	letter-spacing: 0.05em;
}
#topicPath li a:link,
#topicPath li a:visited{
	text-decoration: none;
	color: #484848;
}
#topicPath li a:hover {
	text-decoration: underline;
}

#topicPath li.firstChild{
	background: none;
	padding-left: 0;
}
#topicPath li.firstChild a:link,
#topicPath li.firstChild a:visited{
	text-decoration: none;
	color: #333;
}
#topicPath li.firstChild a:hover {
	text-decoration: underline;
}
/*  ------------------------------------------------------------------

	キービジュアル

---------------------------------------------------------------------*/
p.keyVisual {
	margin-bottom: 30px;
}


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

	 2-3. aside
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	ローカルナビ

---------------------------------------------------------------------*/
/*  
-----------------------------------*/
#lNav {
	margin-bottom: 20px;
}
#lNav dt {
	margin-bottom: 15px;
}
/*  ネスト（1段目）
-----------------------------------*/
#lNav dd {
	border-top: 1px solid #2f8d65;
}
#lNav dd li {
	border-bottom: 1px solid #2f8d65;
}
/*  a要素
-----------------------------------*/
#lNav dd a {
	display: block;
	background: url(../img/_frame/linkArrow01.png) no-repeat 5px 12px;
	padding: 6px 0 6px 15px;
	text-decoration: none;
	color: #555555;
}
#lNav dd a:hover {
	background-color: #eeffba;
	text-decoration: underline;
}
#lNav dd a.current {
	background-color: #eeffba;
}


/* 「私たちの家づくり」用
-----------------------------------*/
#topicNav {
	margin-bottom: 20px;
}

/*  ------------------------------------------------------------------

	バナーエリア

---------------------------------------------------------------------*/
ul.bnr {
	margin-bottom: 20px;
}
ul.bnr li {
	margin-bottom: 10px;
}
/* ==========================================================================================================

	 2-4. footer
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	所在地表示

---------------------------------------------------------------------*/
#footer dl,
#footer dt,
#footer dd {
	float: left;
}
#footer dl {
	margin-bottom: 20px;
	width: 720px;
	font-size: 11px;
	color: #456f1f;
}
#footer dt {
	display: inline;
	margin-right: 30px;
	float: left;
	width: 209px;
}
#footer dd {
	padding-top: 5px;
	width: 481px;
}
/*  ------------------------------------------------------------------

	constitution: 加盟団体、ISO

---------------------------------------------------------------------*/
#constitution,
#constitution li {
	float: right;
}
#constitution {
	margin-bottom: 20px;
}
#constitution li {
	display: inline;
	margin-left: 1em;
}

/*  ------------------------------------------------------------------

	footNavとコピーライト

---------------------------------------------------------------------*/
#footer .inner {
	clear: both;
	margin-bottom: 1em;
}

#footNav {
	float: left;
	width: 550px;
	letter-spacing: 0.05em;
}
#footNav li {
	background: url(../img/_frame/linkArrow01.png) no-repeat 0% 5px;
	float: left;
	margin-right: 3em;
	padding-left: 12px;
	font-size: 10px;
}
#footNav li a {
	color: #444;
	text-decoration: none;
}
#footNav li a:hover {
	text-decoration: underline;
}

#footer .inner p.copy {
	float: right;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #456f1f;
}

#footer .note {
	font-size: 10px;
	margin-bottom: 1em;
	text-align: left;
}

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

	 * 3. Conditional
 
============================================================================================================*/


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

	 3-1. home.html
 
============================================================================================================*/
body.home {
}
/* ==========================================================================================================

	 3-2. 1column
 
============================================================================================================*/
body.single {
}
body.single #mainContent {
	float: none;
	width: 778px;
}

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

	 3-3. popUpウインドウ
	 
	 bodyIDをpopUpにするだけで基本フレームが変わります。
	 基本フレームは[wrapper][header][mainContent][footer]だけ。
	 レイアウトはどうにでもしてください。
 
============================================================================================================*/
body#popUp #wrapper {
	width : 324px;
	padding : 30px;
}
body#popUp #header {
}
body#popUp #mainContent {
	float : none;
	margin-bottom : 15px;
	width : 324px;
}
body#popUp #footer {
}


#wrapper #header #jobbnr {
	display: block;position: relative;padding-top: 9px;margin-left: 483px;
}



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

	99. clearFix (pkg)

============================================================================================================*/
/* start clearfix */
#topicPath:after,
#footNav:after,
#footer .inner:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html #topicPath,
* html #footNav,
* html #footer .inner{
	height: 1%;
}
/* ie7 hack */
*:first-child+html #topicPath,
*:first-child+html #footNav,
*:first-child+html #footer .inner {
	min-height: 1%;
}
/* end clearfix */