@charset "UTF-8";

img {
	border: none;
}
a {
	color: #963;
}

body {
	margin: 0;
	background: #963 url(body.gif) repeat-x top;
	font-size: 80%;
	text-align: center;
}

div#wrap {
	width: 800px;
	margin: 0 auto;
	background: #fff url(wrap.gif) repeat-y center;
}

div#header {
	width: 780px;
	margin: 0 auto;
}
	div#header h1 {
		float: left;
		margin: 0;
		padding: 0;
		font-size: 400%;
		text-align: right;
	}
		div#header h1 a {
			font-family: "Times New Roman";
			text-decoration: none;
		}
		div#header h1 span {
			display: block;
			margin-top: -10px;
			font-size: 25%;
			color: #b3b38c;
		}
	div#header ul {
		float: right;
		margin-top: 30px;
		padding: 0 0 3px 10px;
		border-bottom: 5px solid #963;
	}
		div#header li {
			display: inline;
			margin-left: 5px;
			padding-left: 15px;
			background: #fff url(hbtn.gif) no-repeat left center;
		}

div#main {
	position: relative;
	width: 780px;
	margin: 0 auto;
}
	div#menu {
		position: relative;
		left: 10px;
		top: -50px;
		float: left;
		width: 200px;
		text-align: left;
	}
		div#menu span.h {
			display: block;
			width: 200px;
			height: 30px;
			background: url(menuh.gif) no-repeat center bottom;
		}
		div#menu span.f {
			display: block;
			width: 200px;
			height: 10px;
			background: url(menuf.gif) no-repeat center top;
		}
		div#menu ul {
			margin: 0;
			padding: 0;
			background-color: #ccccb2;
			list-style: none;
		}
			div#menu li a {
				display: block;
				width: 170px;
				margin: 0 5px;
				padding: 10px;
				background: url(menubar.gif) repeat-x bottom;
			}
			div#menu li a:hover, div#menu li a.on {
				background-color: #f5f5d9;
			}

	div#tttcontents {
		float: right;
		width: 560px;
		text-align: left;
	}
		div#tttcontents h2 {
			clear: both;
			height: 30px;
			margin: 20px 0;
			padding: 20px 20px 0;
			background: url(h2.gif) no-repeat;
			font-size: 120%;
			color: #ffffff;
		}
		div#tttcontents h3 {
			clear: both;
			height: 30px;
			margin: 20px 0 0;
			padding: 20px 20px 0 50px;
			background: url(h3.gif) no-repeat;
			font-size: 120%;
		}
		div#tttcontents p {
			clear: both;
			margin: 0 10px 20px 10px;
			padding: 0;
			line-height: 150%;
		}
		div#tttcontents ul, div#tttcontents ol {
			clear: both;
			line-height: 150%;
		}
		div#tttcontents dl {
			clear: both;
			margin: 0 10px 20px 10px;
			padding: 0;
			line-height: 150%;
		}
		div#tttcontents table {
			clear: both;
			margin: 0 10px 20px 10px;
			padding: 0;
			border-collapse: collapse;
			line-height: 150%;
		}
			div#tttcontents th, div#tttcontents td {
				padding: 5px;
				border: 1px solid #999999;
			}
		div#tttcontents img.l {
			float: left;
		}
		div#tttcontents img.r {
			float: right;
		}

	div.photo {
		float: left;
		width: 142px;
		margin: 10px;
		padding: 10px;
		background-color: #e5e5d9;
	}
		div.photo img {
			border: 1px solid #ccccb2;
		}

	div#map {
		float: left;
		width: 460px;
		height: 500px;
		margin-bottom: 10px;
	}
	div.mapinfo {
		float: right;
		width: 100px;
		height: 500px;
		margin-bottom: 10px;
	}
		div.mapinfo ul, div.mapinfo li {
			display: inline;
			margin: 0;
			padding: 0;
		}
		div.mapinfo a {
			display: block;
			padding: 2px;
			margin: 0 0 2px 0;
			background-color: #e5e5d9;
			border: 1px solid #ccccb2;
			text-decoration: none;
			color: #000;
		}
		div.mapinfo a:hover {
			background-color: #ccccb2;
		}

div#footer {
	clear: both;
	background: url(footer.gif) no-repeat bottom;
}
	div#copyright {
		margin: 0 10px;
		padding-top: 5px;
		border-top: 3px solid #963;
	}
	div#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#footer li {
		display: inline;
	}
	div#footer a {
		padding: 5px;
		line-height: 200%;
	}