@charset "utf-8";
/* ------------------------------

clearfix Hack

------------------------------ */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix { display: inline-block; }

/* Hide Mac IE */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
li {
	list-style:none;
	border-bottom:1px dotted gray;
	line-height:170%;
	padding:3px;
	font-size:12px;
	color:black;
}
h2,h3,ul,p,form {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size:14px;
	padding:5px;
}
a {
	text-decoration: none;
	color:#115C13;
}
a:hover{
	text-decoration: none;
	color:#000000;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1,h2,h3,h4 {
	line-height:1;
}
body {
	color: #666666;
	line-height: 1.8;
	text-align: center;
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #8A7F23;
	font-size: small;
	margin: 0px;
	padding: 0px;
}
#wrap {
	width: 845px;
	text-align: left;
	margin: 0 auto;
}

#head {
	width: 845px;
	height: 150px;
	padding-bottom: 18px;
}
#head h1 {
	width: 245px;
	height: 50px;
	float: left;
}
#head #description {
	font-size: 90%;
	padding-top: 7px;
	float: right;
	text-align:right;
}


#wrap-foot {
	height: 75px;
	background-image: url(../img/bg-foot.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	clear: both;
}
#credit {
	width: 845px;
	color: #FFFFFF;
	font-size:12px;
	text-align: center;
	margin-left: 25px;
	padding-bottom: 10px;
	padding-top: 20px;
}
#credit a{
	color: #FFFFFF;
	font-size:12px;
}
#credit a:hover{
	color: yellow;
	font-size:12px;
}
#content {
	width: 410px;
	text-align: left;
	float: left;
}

#side-menu {
	width: 410px;
	float: right;
}
#c-both {
	clear:both;
}

table#s02 {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  background: white;
  font-size:12px;
  text-align:center;
  }
table#s02 th, table#s02 td {
	padding: 5px;
  border: 1px dotted black;
  text-align:left;
  }

h2 {
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:10px;
	font-size:14px;
	width:825px;
	background:#0066cc;
	color:white;
}
#new {
	width:400px;
	height:250px;
	background: url(../img/new.jpg) no-repeat;
}
#top1 {
	width:400px;
	height:305px;
	background: url(../img/top1.jpg) no-repeat;
}
#top2 {
	width:400px;
	height:266px;
	background: url(../img/top2.jpg) no-repeat;
}
#word {
	width:410px;
	height:100px;
	background: url(../img/word.jpg) no-repeat;
}
#genre {
	width:410px;
	height:200px;
	background: url(../img/genre.jpg) no-repeat;
}
#mood {
	width:410px;
	height:200px;
	background: url(../img/mood.jpg) no-repeat;
}
#map {
	width:410px;
	height:380px;
}