@charset "iso-8859-1";

body { 
	font-family: Tahoma,Arial,sans-serif; 
	font-size: .7em; 
	background: url(images/bg.gif) no-repeat top right #eeece6;
	color: #000;
	text-align: center;
}

h2 { margin: 10px 0; padding: 0; font-family: Tahoma,Arial,sans-serif; font-size: 1.3em; font-weight: 600; }
h3 { margin: 10px 0; padding: 0; font-family: Tahoma,Arial,sans-serif; font-size: 1.2em; color: #4a697b; font-weight: 600; }
h4 { margin: 10px 0; padding: 0; font-family: Tahoma,Arial,sans-serif; font-size: 1.1em; color: #4a697b; font-weight: 600; }
h5 { margin: 10px 0; padding: 0; font-family: Tahoma,Arial,sans-serif; color: #4a697b; font-weight: 600; }

a, a:link, a:visited { color: #474747; text-decoration: underline }
a:hover, a:active, a:focus { color: #7a7a7a; text-decoration: none }

b { color:#4a697b; }

dl {
	margin: 0;
	padding: 0;
	border-top: 1px solid #dedbce;
}

dt {
	margin: 0;
	padding: 20px 0 0 0;
}

dd {
	margin: 0;
	padding: 10px 0 20px 20px;
	color: #7a7a7a;
}
dd img {
	margin: 0 0 5px 0;
}

.red { color: #c05151; }

.light { color:#7b7964; }

.cb { clear: both; }

.info { 
	padding: 10px; 
	background: #faf8f6; 
	border: 1px solid #dedbce;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #7a7a7a;
}
	.info b {
		color: #7a7a7a;
	}
	.info ul {
		margin: 0;
		padding: 0;
		text-align: left;
		font-size: .5em;
		list-style: none;
	}



/*header stuff*/
h1#logo {
	margin: 0;
	padding: 0 10px 0 0;
	float: right;
}
	h1#logo a {
		display: block;
		width: 150px;
		height: 123px;
		background: url(images/logo.gif) no-repeat;
	}
	h1#logo span {
		display: none;
	}

ul#nav {
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: right;
}
	ul#nav li {
		margin: 0 10px;
		padding: 0;
		display: inline;

	}
		ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
			padding: 10px 20px;
			line-height: 38px;
			position: relative;
			top: 1px;
			text-decoration: none;
			font-size: 1.1em;
			letter-spacing: 2px;
			background: #eeece6;
			border: 1px solid #d4cbb0;
			border-bottom: 0;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-top-left-radius: 5px;
		}
		ul#nav li a:hover, ul#nav li a:active, ul#nav li a:focus {
			padding: 10px 20px;
			line-height: 38px;
			position: relative;
			top: 1px;
			text-decoration: none;
			font-size: 1.1em;
			letter-spacing: 2px;
			background: #faf8f6;
			border: 1px solid #dedbce;
			border-bottom: 0;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-top-left-radius: 5px;
		}



/*page headers*/
h2#titlestory {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	display: block;
	width: 148px;
	height: 41px;
	background: url(images/title-thestory.gif) no-repeat;
}
	h2#titlestory span {
	display: none;
	}

h2#titleartwork {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	display: block;
	width: 136px;
	height: 41px;
	background: url(images/title-artwork.gif) no-repeat;
}
	h2#titleartwork span {
	display: none;
	}
	
h2#titlezatsugaku {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	display: block;
	width: 161px;
	height: 41px;
	background: url(images/title-zatsugaku.gif) no-repeat;
}
	h2#titlezatsugaku span {
	display: none;
	}


/*content*/
#body {
	margin: 0 auto;
	padding: 0;
	width: 950px;
}

#cont {
	margin: 0;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #cabc90;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#text {
	margin: 0 0 10px 0;
	padding: 20px;
	border-top: 1px solid #cabc90;
	border-bottom: 1px solid #cabc90;
	text-align: left;
}

dl#story {
	border: 0;
}

dl#story dd {
	line-height: 1em;
	font-style:italic; 
}
	dl#story dd em {
		font-style: normal;
	}
dl#story dt {
	margin: 15px 0;
}
	dl#story dt a, dl#story dt a:link, dl#story dt a:visited {
		margin: 0 5px;
		padding: 5px;
		text-decoration: none;
		background: #eeece6;
		border: 1px solid #d4cbb0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	dl#story dt a:hover, dl#story dt a:active, dl#story dt a:focus {
		padding: 5px;
		text-decoration: none;
		background: #faf8f6;
		border: 1px solid #dedbce;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}


/*footer*/
#copyright {
	font-size: .7em;
	letter-spacing: 2px; 
	text-transform: uppercase;
	color: #cabc90;
}