@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 {
	text-align : center;
	color : #555555;
	zoom: 1;
}



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

#header {
	position: relative;
	margin-bottom: 15px;
	width: 100%;
	display: block;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #009d58;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #009d58;
}
#container {
	clear : both;
	position:relative;
	width: 980px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#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 : 100%;
	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,
{
	position: absolute;
}

#headergr{
	/* [disabled]height:45px; */
	background-color: #FFF;
	display: block;
	overflow: hidden;
}


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

.logo{
	position:relative;
	left: 0px;
	top: -8px;
	top: -4px\9;
	width: 300px;
}


/* クローム対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.logo {
    	top: -8px;
	}
}
/* IE9 */
.logo:not(:target) {
   top: -4px\9; /* IE9 */
}

.headtext{
	text-align:center;
	font-weight:bold;
	color:#999;
	margin-top:0px;
	margin-bottom:8px;
	margin-bottom:7px\9;
}

/* IE9 */
.headtext:not(:target) {
   margin-bottom:8px¥9; /* IE9 */
}

/* クローム対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.headtext {
		margin-bottom:7px;
	}
}

#headergr #utility {
	position: absolute;
	padding: 0px;
	margin-top: -48px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 665px;
	/* [disabled]display: block; */
}

/* クローム対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#headergr #utility { 
		margin-top: -49px;
	}
}


#headergr #reqinf{
	position:relative;
	/* [disabled]top:55px; */
	padding: 0px;
	margin-top: -74px\9;
	margin-top: -79px;
	margin-left: 873px;
}

/* IE9 */
#headergr #reqinf:not(:target){
	position:relative\9;

	padding: 0px\9;
	margin-top: -74px\9;
	margin-left: 867px\9;
}

#headergr #sNav{
	position:relative;
	margin-top: 13px;
	margin-left: 367px;
	width: 495px;
}

#sNav li {
	margin-right: 15px;
}
#sNav #gmenu_end {
	margin-right: 0px;
}

#header .siteID {

}

#header #utility li,
#header #sNav li,
#header #gNav li {
	float: left;
	margin-right: 10px;
}


.headtext {
    color: #999999;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 15px;
    text-align: center;
}

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

	ドロップダウン処理

---------------------------------------------------------------------*/
/* Matt Black Strip Main Menu Bar CSS */

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

	 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: 940px;
	font-size: 11px;
	color: #456f1f;
	text-align: left;
}
#footer dt {
	display: inline;
	margin-right: 30px;
	float: left;
	width: 209px;
}
#footer dd {
	padding-top: 5px;
	width: 600px;
}
/*  ------------------------------------------------------------------

	constitution: 加盟団体、ISO

---------------------------------------------------------------------*/
#constitution,
#constitution li {
	float: right;
}
#constitution {
	margin-bottom: 20px;
	width: 710px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
}
#constitution li {
	display: block;
	margin-left: 10px;
	float: left;
}

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

	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 {
}


#header #jobbnr {
	display: block;
	position: absolute;
	margin-left: 366px;
	padding: 0px;
	margin-top: -56px;
}


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

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






/* Matt Black Strip Main Menu Bar CSS */
/*-- top menu --------------------------*/
#ddtopmenubar{
	text-align:center;
	width: 980px;
	background-color: #FFF;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 8px;
	padding-top: 7px\9;
	margin: 0px;
	padding-bottom: 0px;
}

/* IE9 */
#ddtopmenubar:not(:target) {
	padding-top: 7px\9;
	width: 990px;
}
/* クローム対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#ddtopmenubar {
		padding-top: 6px;
	}
}


*+html #ddtopmenubar{margin-bottom:-15px;}



#ddtopmenubar ul li{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0C0C0;
	display: block;
	width: auto;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#ddtopmenubar ul li a img {
	border: 2px solid #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#ddtopmenubar li a:hover img{
	border: 2px solid #00aa6b;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#ddtopmenubar li a .active {
	border: 2px solid #00aa6b;
	margin-bottom: 2px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#ddtopmenubar li .current{
	border: 2px solid #00aa6b;
	margin-bottom: 2px;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: -1px;
	padding-bottom: 0px;
	padding-left: -1px;
	margin-right: 0px;
	margin-left: 0px;
}


#ddtopmenubar ul #last {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0C0C0;
	padding-top: 0px;
	padding-bottom: 1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C0C0C0;
}

.coretopmenu ul{
	overflow:hidden;
	width:100%;
	background-color: #FFF;
	padding-left: 0px;
	margin-bottom: 3px;
	margin-top: 0px;
}
.coretopmenu li{display:inline; height:42px;}
.coretopmenu li a{
	float:left;
	display:block;
	text-decoration:none;
	text-align:center;
	padding-right: 2px;
	padding-left: 2px;
}


.ddsubmenustyle, .ddsubmenustyle ul{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	list-style-type:none;
	visibility:hidden;
	z-index:300;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #60A066;
}
.ddsubmenustyle li{line-height:0;}
.ddsubmenustyle li a{
	display:block;
	width:250px;
	background:#60A066 url(/img/newmenu/linkArrow01.png) no-repeat 9px 50%;
	color:#FFF;
	height:28px;
	line-height:28px;
	text-indent:20px;
}
* html .ddsubmenustyle li a{display:inline-block; text-indent:0; padding-left:20px;} /* IE6 CSS hack */
.ddsubmenustyle li a:hover{
	text-decoration:none;
	background-color: #00AA6B;
	background-image: url(/img/newmenu/linkArrow01.png);
	background-repeat: no-repeat;
	background-position: 11px 50%;
	color: #FFF;
}
/* Neutral CSS */
.downarrowpointer{padding-left:4px; border:0; display:none;}
.rightarrowpointer{position:absolute; padding-top:3px; right:2px; border:0; display:none;}
.ddiframeshim{position:absolute; z-index:500; background:transparent; border-width:0; width:0; height:0; display:block;}



/*ヘッダー追加分*/
#headergr hr {
	display:block;
	height:1px;
	color:#FFFFFF;
	width:100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sNav #gmenu_end {
    margin-right: 0;
}


.ddsubmenustyle, .ddsubmenustyle ul {
	background-color: #60A066;
	border-style: none;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 300;
}
.ddsubmenustyle li {
    line-height: 0;
}
.ddsubmenustyle li a {
    background: url("/img/newmenu/linkArrow01.png") no-repeat scroll 9px 50% #60A066;
    color: #FFFFFF;
    display: block;
    height: 28px;
    line-height: 28px;
    text-indent: 20px;
    width: 250px;
}
* html .ddsubmenustyle li a {
    display: inline-block;
    padding-left: 20px;
    text-indent: 0;
}
.ddsubmenustyle li a:hover {
    background-color: #00AA6B;
    background-image: url("/img/newmenu/linkArrow01.png");
    background-position: 11px 50%;W
    background-repeat: no-repeat;
    color: #FFFFFF;
    text-decoration: none;
}
#header #header_content {
	display: block;
	padding: 0px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer #footer_content {
	display: block;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}