@charset "utf-8";

/* BACKGROUND
----------------------------------------*/

#top {
	background: url(../img/bg_navi.jpg) left 419px repeat-x;}

/* MAIN IMAGE
----------------------------------------*/

.topimg {
	width: 100%;
	height: 419px;
	text-align: center;}

#bg01 {background: #e0d7c8 url(../img/bg01.jpg) center top no-repeat;}
#bg02 {background: #ceb690 url(../img/bg02.jpg) center top no-repeat;}
#bg03 {background: #c7c1a1 url(../img/bg03.jpg) center top no-repeat;}

#top .logobox {
	position: absolute;
	left: 0; top: 176px;
	line-height: 72px;
	width: 50%;
	padding: 10px 0;
	text-align: right;
	behavior: expression(IEPNGFIX.fix(this));
	background: url(../img/bg_logo.png) right center no-repeat;}

#top .logobox img {margin-right: 140px;}

#top #header {height: 42px;}

#top #header h1 a {
	display: block;
	position: absolute;
	left: 15px; top: -242px;
	width: 327px;
	height: 82px;
	text-indent: -9999px;}

/* CONTENTS
----------------------------------------*/

#top #contents {
	position: relative;}

#top #contents .msg {
	height: 300px;}

#house {
	position: absolute;
	right: -30px; top: -80px;}

#top #sign {
	position: absolute;
	right: -45px; top: 125px;}

#top #ohbtn {
	position: absolute;
	left: 21px; top: 126px;}

#top #leftbox {
	float: left;
	width: 646px;
	padding: 32px 0 0 0;}

#top #rightbox {
	float: right;
	width: 248px;
	padding: 358px 0 15px 0;}

#top #leftbox h2 {margin-bottom: 32px;}

#top #leftbox p {margin: 0 171px 20px 3px;}

#top #leftbox h3 {padding-top: 15px;}

#top #rightbox ul li {margin-bottom: 10px;}

#top #rightbox ul li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;}

.wlink {
	padding-left: 8px;
	background: url(../img/arrow_works.gif) left 5px no-repeat;}

.wlink a {
	text-decoration: underline;}

#openbnr {
	position: absolute;
	right: 150px; top: 248px;}

/* NEWS & TOPICS
-----------------------------------------------*/

#infotop {
	width: 646px;
	height: 195px;
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom: 2px solid #7b664f;}

#infotop dl {
	width: 646px;
	letter-spacing: 1px;}

#infotop dl dt {
	float: left;
	width: 9em;
	padding: 10px 0 10px 3px;}

#infotop dl dd {
	padding: 10px 0;
	background: url(../img/bdr_news.gif) left bottom repeat-x;}