@charset "UTF-8";

img {
	border: none;
}
a {
	color: #960;
}
a:hover {
	color: #ce1025;
}





body {
	background: url(body.gif);
	font-size: 80%;
	text-align: center;
}

div#wrap {
	width: 800px;
	border: 5px solid #000;
	background-color: #fff;
	margin: 0 auto;
}

div#header {
	width: 800px;
	height: 245px;
	margin: 0;
	background: #fff url(header.jpg) no-repeat center;
	line-height: 300%;
}
	div#header h1 {
		float: left;
		margin: 0;
		padding: 10px 0 0 0;
		font-size: 400%;
		text-align: right;
	}
		div#header h1 a {
			margin-left: 10px;
			font-family: "Times New Roman";
			text-decoration: none;
			color: #ce1025;
		}
		div#header h1 span.jp {
			display: block;
			margin-top: -10px;
			font-size: 30%;
			color: #960;
		}

	div#header ul {
		display: block;
		margin: 0;
		padding: 5px 0 0 5px;
	}
		div#header li {
			display: inline;
			margin: 0 5px;
		}

div#main {
	width: 780px;
	margin: 0 10px;
}
	div#menu {
		float: left;
		width: 160px;
		padding-bottom: 10px;
		background-color: #f2f2e5;
		text-align: left;
	}
		div#menu ul {
			width: 160px;
			margin: 0;
			padding: 0 0 60px;
			list-style: none;
			background: #f2e5bf url(menu.gif) repeat-x bottom;
		}
			div#menu li {
				display: inline;
				margin: 0;
				padding: 0;
			}
			div#menu li a {
				display: block;
				width: 138px;
				margin: 10px 0;
				padding: 15px 10px;
				background: #e5cc7f url(btn.gif) no-repeat 0px bottom;
				border: 1px solid #c90;
				color: #ce1025;
				font-weight: bold;
				text-decoration: none;
			}
			div#menu li a:hover, div#menu li a.on {
				background: #ffe57f url(btn.gif) no-repeat -160px bottom;
			}

	div#tttcontents {
		float: right;
		width: 610px;
		text-align: left;
	}
		div#tttcontents h2 {
			clear: both;
			height: 40px;
			margin: 10px 0;
			padding: 10px 10px 10px 50px;
			background: url(h2.gif) no-repeat center center;
			font-size: 120%;
			color: #000;
		}
		div#tttcontents h3 {
			clear: both;
			margin: 20px 0 10px;
			padding: 5px 5px 5px 25px;
			background: url(h3.gif) no-repeat left center;
			border-bottom: 1px solid #ce1025;
			font-size: 120%;
		}
		div#tttcontents p, div#tttcontents blockquote {
			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;
			border: 1px solid #b38c40;
			margin-right: 3px;
		}
		div#tttcontents img.r {
			float: right;
			border: 1px solid #b38c40;
			margin-left: 3px;
		}

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

	div#map {
		float: left;
		width: 510px;
		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: #e5d9bf;
			border: 1px solid #b38c40;
			text-decoration: none;
			color: #000;
		}
		div.mapinfo a:hover {
			background-color: #ccb27f;
		}

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