@charset "utf-8";
/* ベース */

body{
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url(../image/back/body_bk.png) repeat-x top left;
}

img{
	border:0;
}



/* ヘッダー */

#header{
	z-index:0;
	position:static;
	width:850px;
	height:100px;
	margin:20px auto 0 auto;
	padding:0;
	background:url(../image/back/header_bk.png) no-repeat top center;
}

#header_left{
	width:560px;
	height:100px;
	margin:0;
	padding:0;
	float:left;
}

#header_right{
	width:280px;
	height:100px;
	margin:0;
	padding:0;
	float:right;
	text-align:left;
}


/* ヘッダー（タイトル） */

h1{
	margin:0;
	padding:13px 0 0 10px;
	text-align:left;
	float:left;
}

h1 a{
	z-index:1;
	position:static;
	margin:0;
	padding:0;
	width:282px;
	height:80px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	background:#FFF url(../image/title/main_title.png) no-repeat;
	border:0;
}




/* ヘッダーメニュー */

#header_right ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#header_right li{
	float:left;
	margin:0;
	padding:0;
	position:relative;
	top:24px;
	left:15px;
}

#header_right li a{
	width:120px;
	height:30px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	line-height:normal;
}


/* メニュー（ホーム） */
#hd_menu1 a{
	background:#FFF url(../image/menu/head_menu.png) 0px 0px;
}

#hd_menu1 a:hover{
	background-position:0px -60px;
}

/* メニュー（お問い合わせ） */
#hd_menu2 a{
	background:#FFF url(../image/menu/head_menu.png) -120px 0px;
}

#hd_menu2 a:hover{
	background-position:-120px -60px;
}

/* メニュー（無料お見積もり） */
#hd_menu3 a{
	background:#FFF url(../image/menu/head_menu.png) 0px -30px;
}

#hd_menu3 a:hover{
	background-position:0px -90px;
}

/* メニュー（サイトマップ） */
#hd_menu4 a{
	background:#FFF url(../image/menu/head_menu.png) -120px -30px;
}

#hd_menu4 a:hover{
	background-position:-120px -90px;
}





/* メインメニュー */

#menu{
	width:838px;
	height:60px;
	margin:0 auto;
	padding:0;
	border-left:6px solid #E4B158;
	border-right:6px solid #E4B158;
	background:#FED233 url(../image/back/menu_bk.png) no-repeat top center;
}

#menu ul{
	margin:0;
	padding:15px 0 0 0;
	list-style:none;
}

#menu li{
	margin:0;
	padding:0;
	float:left;
}

#menu li a{
	width:118px;
	height:40px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}


/* メニュー（リフォーム） */
#menu1 a{
	background:#FFF url(../image/menu/main_menu.png) 0 0;
}

#menu1 a:hover{
	background-position:0 -40px;
}

/* メニュー（オール電化リフォーム） */
#menu2 a{
	background:#FFF url(../image/menu/main_menu.png) -118px 0;
}

#menu2 a:hover{
	background-position:-118px -40px;
}

/* メニュー（エコ住宅） */
#menu3 a{
	background:#FFF url(../image/menu/main_menu.png) -236px 0;
}

#menu3 a:hover{
	background-position:-236px -40px;
}

/* メニュー（新築住宅） */
#menu4 a{
	background:#FFF url(../image/menu/main_menu.png) -354px 0;
}

#menu4 a:hover{
	background-position:-354px -40px;
}

/* メニュー（施工事例） */
#menu5 a{
	background:#FFF url(../image/menu/main_menu.png) -472px 0;
}

#menu5 a:hover{
	background-position:-472px -40px;
}

/* メニュー（お客様の声） */
#menu6 a{
	background:#FFF url(../image/menu/main_menu.png) -590px 0;
}

#menu6 a:hover{
	background-position:-590px -40px;
}

/* メニュー（事務所概要） */
#menu7 a{
	background:#FFF url(../image/menu/main_menu.png) -708px 0;
}

#menu7 a:hover{
	background-position:-708px -40px;
}



/* エリアコントロール */

#main{
	width:838px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	border-left:6px solid #E4B158;
	border-right:6px solid #E4B158;
}



#left{
	width:620px;
	margin:0;
	padding:0;
	float:left;
}

#right{
	width:200px;
	margin:0;
	padding:0;
	float:right;
}



/* 右サイドメニュー */

ul#side_menu{
	margin:0;
	padding:5px 0 0 5px;
	list-style:none;
}

#side_menu li{
	margin:0;
	padding:0;
	float:left;
}

#side_menu li a{
	width:190px;
	height:54px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}


/* メニュー（お問い合わせ） */
#s_menu1 a{
	background:#FFF url(../image/menu/s_menu_01.png);
}

#s_menu1 a:hover{
	background-position:0 -54px;
}

/* メニュー（無料お見積もり） */
#s_menu2 a{
	background:#FFF url(../image/menu/s_menu_02.png);
}

#s_menu2 a:hover{
	background-position:0 -54px;
}

/* メニュー（住まいの情報） */
#s_menu3 a{
	background:#FFF url(../image/menu/s_menu_03.png);
}

#s_menu3 a:hover{
	background-position:0 -54px;
}

/* メニュー（簡易耐震診断） */
#s_menu4 a{
	background:#FFF url(../image/menu/s_menu_04.png);
}

#s_menu4 a:hover{
	background-position:0 -54px;
}

/* メニュー（リフォーム会社診断） */
#s_menu5 a{
	background:#FFF url(../image/menu/s_menu_05.png);
}

#s_menu5 a:hover{
	background-position:0 -54px;
}





/* ページトップリンク */

#pageup{
	width:838px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	border-left:6px solid #E4B158;
	border-right:6px solid #E4B158;
}

#pageup p{
	margin:0;
	padding:20px 0 10px 675px;
	text-align:left;
}

#pageup a{
	width:136px;
	height:30px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background:#FFF url(../image/icon/pageup.png);
}

#pageup a:hover{
	background-position:0 -30px;
}



/* フッター */

#footer{
	width:838px;
	height:145px;
	margin:0 auto;
	padding:0;
	background:#FFF url(../image/back/footer_bk.jpg) no-repeat bottom center;
	border-left:6px solid #E4B158;
	border-right:6px solid #E4B158;
}



#footer ul.footNav{
	height:20px;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0 0 0 0;
}

#footer ul.footNav li{
	padding:0 7px 0 7px;
	display:inline;
	border-left:1px solid #9DA09E;
	font-size:80%;
	color:#454545;
}

#footer ul.footNav li a,
#footer ul.footNav li a:visited{
	color:#006699;
	text-decoration:none;
}

#footer ul.footNav li a:hover,
#footer ul.footNav li a:active{
	color:#FF6600;
	text-decoration:underline;
}


#footer ul.footNav li.firstChild{
	border-left:none;
}


.footNav:after{
	content:"."; 
	display: block;
	height:0px;
	clear:both;
	line-height:
	visibility:hidden;
}


.footNav{
	overflow: hidden;
}   
    
* html .footNav{
    height: 1%;   
}

#footer2{
	width:850px;
	height:100px;
	margin:0 auto;
	padding:0;
	background:url(../image/back/footer_bk2.gif) no-repeat top center;
}

#footer2 p{
	margin:0;
	padding:10px 0 0 20px;
	text-align:left;
	font-size:80%;
	color:#454545;
	line-height:1.2;
}





#copy_right{
	margin:0;
	padding:20px 0 10px 0;
	text-align:center;
	line-height:1.8;
	font-size:78%;
	color:#787878;
}










/* リンクコントロール */

a{
	color:#003399;
	text-decoration:none;
}

a:visited{
	color:#003399;
	text-decoration:none;
}

a:active{
	color:#003399;
	text-decoration:none;
}	

a:hover{
	color:#FF6600;
	text-decoration:none;
}





/* 画像フロートコントロール */

.photo_l{
	margin:0;
	padding:0 15px 0 0;
	float:left;
}

.photo_r{
	margin:0;
	padding:0 0 0 15px;
	float:right;
}



.clear{
	clear:both;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0;
	height:0;
}



.clearfix:after {
	content:"."; 
	display: block;
	height:0px;
	clear:both;
	line-height:
	visibility:hidden;
	color:#FED233;
 } /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/