@charset "utf-8";

/*
	SITE: リフォーム事例サイト
	url: http://www.earth-reform.com/
	
-----------------------------------------------------------

	Index
	1.reset,font(YUI)
	2.link
	3.page
	4.header
	5.main
	6.footer
	7.clear

----------------------------------------------------------- 


 1.reset [
----------------------------------------------------------- */
/*

Copyright (c) 2007, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.2.2

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

body * {line-height:1.8em; color:#333;}

/* --------------------------------------------------------- */
body {
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
}
*:first-child + html body {
	font-family: "メイリオ","ＭＳ Ｐゴシック",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
}
img {vertical-align: text-bottom;}
td,th {vertical-align:top;}

/*
 2.link [
----------------------------------------------------------- */

a:link			 {color:#0c5f93;}
a:visited		 {color:#0c5f93;}
a:active		 {color:#0c5f93;}
a:hover			 {color:#04001E;text-decoration:none;}

div#header a:link,div#footer a:link	 {color:#333;text-decoration:none;}
div#header a:visited,div#footer a:visited	 {color:#333;text-decoration:none;}
div#header a:active,div#footer a:active	 {color:#464646;text-decoration:none;}
div#header a:hover,div#footer a:hover	 {color:#464646;text-decoration:underline;}
 
/*
 3.page [
----------------------------------------------------------- */
div.wrapp {
	width:900px; margin:0 auto; padding:0 10px;
	overflow:hidden;
	background:url(../images/top.jpg) 0 0 no-repeat;
}


/*
 4.header [
----------------------------------------------------------- */
div#header {
	position:relative; 
	width:900px; height:147px;
}
div#header h1 {
	position:absolute; z-index:10;
	top:3px; left:3px;
}
div#header p#h_logo a{
	display:block;
	position:absolute;
	top:89px; left:9px;
	width:323px; height:64px;
	background:url(../images/spacer.gif) no-repeat ;
	text-indent:-998px;
	overflow:hidden;
}
div#header p#h_discription {
	width:0; height:0;
	overflow:hidden;
}
div#header address {
	width:0; height:0;
	overflow:hidden;
}

/* g_navi */
dl#g_navi {position:absolute; right:10px; top:3px;}
dl#g_navi dt{width:0; height:0; overflow:hidden;}
dl#g_navi dd ul li{display:inline; margin-left:1em;}

li#h_request { position:absolute; left:576px; top:34px;}
li#h_official { position:absolute; left:689px; top:34px;}

div#h_swf {	position:absolute; z-index:0;}
/*
 5.main [
----------------------------------------------------------- */
div#main {
	position:relative; 
	width:900px; height:465px;
}

/* h_navi */
ul#h_navi li {float:left;}
ul#h_navi li a{ display:block; position:absolute; overflow:hidden; background:url(../images/spacer.gif) no-repeat; text-indent:-300px;}

ul#h_navi li#h_reproduction a {top:43px; left:33px; width:300px; height:52px;}
ul#h_navi li#h_reproduction a:hover { background:url(../images/top_o.jpg) -43px -189px no-repeat;}

ul#h_navi li#h_apartment a {top:107px; left:33px; width:300px; height:52px;}
ul#h_navi li#h_apartment a:hover { background:url(../images/top_o.jpg) -43px -254px no-repeat;}

ul#h_navi li#h_tile a {top:173px; left:33px; width:300px; height:52px;}
ul#h_navi li#h_tile a:hover { background:url(../images/top_o.jpg) -43px -320px no-repeat;}

ul#h_navi li#h_my-new-home a {top:412px; left:305px; width:173px; height:35px;}
ul#h_navi li#h_my-new-home a:hover { background:url(../images/top_o.jpg) -315px -559px no-repeat;}

ul#h_navi li#h_event a {top:412px; left:493px; width:173px; height:35px;}
ul#h_navi li#h_event a:hover { background:url(../images/top_o.jpg) -503px -559px no-repeat;}




/*
 6.footer [
----------------------------------------------------------- */
div#footer {
	position:relative; 
	width:860px; padding:0 20px 20px; height:80px;
}

div#footer dl#f_navi dt{
	width:0; height:0;
	overflow:hidden;
}
div#footer dl#f_navi dd {
	margin:5px 0;
}
div#footer dl#f_navi dd li {
	display:inline;
}
div#footer p#f_copy {
	position:absolute;
	top:4px; right:10px;
}
div#footer p#f_suport {
	position:absolute;
	top:23px; right:10px;
}
.f_right { float:right;} .f_left { float:left;}

/*
 7.clear [
----------------------------------------------------------- */
.z:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .z{height: 1%;}
*+html .z{height: 1%;}
/* End hide from IE-mac */

.clear{clear:both;}