.floatright
{
float: right;
margin: 0 0 10px 10px;
  background: #ffc;
}

body {
	background-color:		#FFFFFF;
	background-repeat:	no-repeat;				
	color:							#666666;
	font-family:				arial, sans;
	font-size:					100%;
	line-height:				1.7em;
	margin:							1em 2em;
}

h1 {
	font-size: 					2.18em;
	letter-spacing:			-0.01em;
}			

h2 {
	font-size: 					1.45em;
	letter-spacing:			-0.02em;
}

a:link {
	color:							#669966;
}

a:visited {
	color:							#336633;
}

a:hover {
	text-decoration:		none;
	color:							#FFFFFF;
	background-color:		#666666;
}
			
ul.navigation {
	background-color:		#333333;
	padding:						0em 0.5em;
	list-style-type:		none;
}

ul.navigation li {
	border-right:				1px solid #666666;
	display:						inline;			
}

.navigation a {
	color:							#FFFFFF;
  padding-right:						0.5em;
}

.description {
	font-size:					1.2em;
}	

strong {
	background-color:		#FFFF99;
}

#bottom {
	border-top:					2px solid #333333;
	margin-top:					1em;
	padding-top:				1em;
}



/* -----------------------------------
   =more show, more hide
-------------------------------------- */

.show-list {
  width: 350px;
  margin: 1em .5em;
}
.show-list h3 {
  margin: 0;
  padding: 5px;
  width: 338px;
  cursor: pointer;
}
.show-list div {
  padding: 1em .25em .5em;
}
.show-list p {
  margin-top: 0;
}
.hover {
  cursor: pointer;
  background: #ffc;
}