@charset "utf-8";

/*
	SITE: 新築施工事例サイト
	url: http://www.earth-official.net
	
-----------------------------------------------------------

	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:#fff;}
body * {line-height:1.8em;}

/* --------------------------------------------------------- */
body {
	font-size:12px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-color:#fff;
}
*:first-child + html body {
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ 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:#fff;}
a:visited		 {color:#fff;}
a:active		 {color:#fff;}
a:hover			 {color:#fff;text-decoration:none;}

div#header a:link {color:#000;text-decoration:none;}
div#header a:visited {color:#000;text-decoration:none;}
div#header a:active {color:#000;text-decoration:none;}
div#header a:hover {color:#000;text-decoration:underline;}

#div#footer a:link {color:#fff;text-decoration:none;}
#div#footer a:visited {color:#fff;text-decoration:none;}
#div#footer a:active {color:#fff;text-decoration:none;}
#div#footer a:hover {color:#fff;text-decoration:none;}

div#footer a:link {color:#000;text-decoration:none;}
div#footer a:visited {color:#000;text-decoration:none;}
div#footer a:active {color:#000;text-decoration:none;}
div#footer a:hover {color:#000;text-decoration:none;}
 
/*
 3.page [
----------------------------------------------------------- */
/*div#page {
	width:900px; margin:0 auto; padding:0 1px;
	background:#fff url(../images/bg_page.jpg) center 0 repeat-y;
}*/
div.wrapp {
	width:900px; margin:0 auto;
	overflow:hidden;
	background:url(../images/__top.jpg) center 0 no-repeat;
}





/*
 4.header [
----------------------------------------------------------- */
div#header {
	position:relative; 
	width:900px; height:150px;
	overflow:hidden;
}
div#header h1 {
	position:absolute;
	top:3px; left:3px;
	color:#000;
}
div#header p#h_logo a{
	display:block;
	position:absolute;
	top:70px; left:6px;
	width:323px; height:41px;
	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:578px; top:34px;}
li#h_official { position:absolute; left:692px; top:34px;}



/*
 5.main [
----------------------------------------------------------- */
div#main {
	clear:both;
	position:relative; 
	width:900px; height:493px;
	overflow:hidden;
}



/*
 6.footer [
----------------------------------------------------------- */
div#footer {
	position:relative; 
	width:900px; height:100px; margin:0 auto;
}
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;
	bottom:29px; right:0;
}
div#footer p#f_suport {
	position:absolute;
	bottom:10px; right:0px;
}


/*
 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;}