@charset "UTF-8";

body {
	margin: 0;
        padding: 0;
        backbround-color: #ffffff;
        color: #000000;
        font-size: 100%;
	text-align:center;
}

a:link {
	color: #0000ff;
} 
a:visited {
	color: #0000ff;
	text-decoration: none;
} 
a:active {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
       color: #0000ff;
       text-decoration: underline;
}

#container {
        width: 720px;

        bacground-color: #ffffff;
        border-left: 1px #c0c0c0 solid;
        border-right: 1px #c0c0c0 solid;
}
#header {
	height: 104px;
	background: url(img/head.jpg);
        border: solid 1px #c0c0c0;
}
div.nav {
	width: 100%;
	background: #000000;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-size: 80%;
}
div.nav ul.nl {
	width: 717px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	list-style-type: none;
	text-align: center;
}

	div.nav ul.nl li {
	width: 20%;
	float: left;
}

div.nav ul.nl li a {
        display: block;
	position: relative; /* IE6用 */
	padding: 11px 2px; /* リンクエリアのパディング（上下、左右） */
	color: #ffffff;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	text-decoration: none;
}

div.nav ul.nl li a:hover {
	color: #00ff00;
	background: #000000;
	text-decoration: none;
}

.clearFix:after {
	content: ".";
		display: block;
height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}

#content {
        float: left;
        width: 720px;
        height: 600px;
}
#folklore {
        float: left;
        width: 720px;
}
#footer { 
        clear: left;
        height: 40px;
        width: 100%;
	background-color: #000000;
}