@charset "utf-8";
/* CSS Document */

* {
	margin:0 ;
	padding: 0;
	font-family: Arial; 
	font-size: 100%;
	text-align: left;
}

body {
	font-size: 82%;
	background: #FBF7F2 url(../img/bg.jpg);
}

a { color: #000;}
a:hover { text-decoration: none;}
table { border-collapse: collapse; overflow:scroll; height: 60px;}
th, td { padding: 2px 10px 2px 0;}

/* Header */

div#header {
	width: 800px;
	height:50px;
	margin: 0 auto;
}

h1 {
	background: url(../img/top/h1_logo.jpg) no-repeat ;
	height: 55px;
	text-indent: -1000em;
}

h2 {
	background: url(../img/top/h2_copy.jpg) no-repeat;
	height: 55px;
	text-indent: -1000em;
}

h3 {
	background: url(../img/top/information.jpg) no-repeat;
	height: 30px;
	text-indent: -1000em;
}

ul.navi_top {
	background: url(../img/top/navi_top.jpg) no-repeat;
	width: 330px;
	height: 165px;
	display: block;
	margin: 0 0 20px 0;
}

ul.navi_top li {
	height: 15px;
	display: block;
	text-indent: -1000em;
	padding: 0 0 15px 0;
}
ul.navi_top li a {
	height: 15px;
	display: block;
}

ul.navi_top li#of {
	width: 50px;
	float: left;
	padding: 0 0 0 100px;
	margin: 0 25px 0 0;
}
ul.navi_top li#noise {
	width: 70px;
	float: left;
	margin: 0 25px 0 0;
}
ul.navi_top li#voice {
	width: 60px;
	float: left;
}
ul.navi_top li#menu {
	clear: both;
}


/* Contents */

div.wood_contents {
	background: url(../img/top/bg_wood.jpg) no-repeat;
	width: 730px;
	height: 420px;
	margin: 50px auto 0 auto;
	padding: 80px 0 0 70px;
	clear: both;
}

div.news {
	width: 330px;
	height: 60px;
	overflow-y: auto;
}



/* Footer*/

div#copyright {
	width: 800px;
	height: 10px;
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: right;
	font-size: 10px;
}

div#copyright img {
	padding: 0 0 0 15px;
}