@charset "utf-8";

/*
	SITE: TSUGIYA TAEKO PLANNING OFFICE
	url: http://ttp-office.com/
	
-----------------------------------------------------------

	Index
	1.reset(YUI),font
	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 * {}

/* --------------------------------------------------------- */
body {
	font-size:12px; line-height:1.8em; color:#333;
	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: bottom;}
td,th {vertical-align:top;}

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

a:link			 {color:#00f;}
a:visited		 {color:#00f;}
a:active		 {color:#00f;}
a:hover			 {color:#00f;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#page {
	width:900px; margin:0 auto;
}


/*
 4.header [
----------------------------------------------------------- */
div#header {
	position:relative; 
	width:100%; height:80px;
}
div#header h1 { position:absolute; left:19px; top:23px;}

/*
 5.main [
----------------------------------------------------------- */
div#main {
	position:relative; 
	width:100%;
	padding-bottom:20px;
}
div#box_contents {
	padding: 0 19px;
}


/*
 6.footer [
----------------------------------------------------------- */
div#footer {
	position:relative; 
	width:100%;
	background:url(../images/bg_footer.jpg) 0 0 no-repeat ;
	padding:1em 0 2em;
}

div#footer dl#f_navi dt{width:0; height:0; overflow:hidden;}
div#footer dl#f_navi dd {margin:5px 0; text-align:center;}
div#footer dl#f_navi dd li {display:inline;}

div#footer p#f_copy {text-align:center; font-size:10px;}

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