body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 30px auto 30px auto;
	background: #FFCC99;
}

div#ranka{
	width: 730px;
	margin: auto;
}

div#sisalto {
	font-size: .9em;
	float: right;
	width: 530px;
	background: #fff;
}

div#sisalto p, h1, h2, h3, h4 {
	margin-left: 20px;
	margin-right: 20px;
}

div#sisalto ul, li {
	margin-left: 30px;
	margin-right: 30px;
}

div#menu {
	float: left;
	width: 185px;
}

div#navi {
	margin-top: 10px;
	background: #E2B588;
}

span.syneus {
	margin-top: 20px;
	margin-right: 10px;
	color: #E2B588;
	font-size: x-small;
}

span.syneus a {
	color: #E2B588;
	text-decoration: none;
}

div#navi p {
	font-size: .9em;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 20px;
	color: #630;
}

div#navi a {
  color: #630;
  text-decoration: none;
}

div#navi a:hover {
  color: #c60;
  text-decoration: none;
}

span.tilde {
  font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 3em;
	color: #930;
	padding: 0;
	margin: 0;
}

p.yht {
	font-size: .8em;
	padding-top: 3px;
	margin-top: 0;
}

h1, h2, h3, h4 {
	color: #930;
}

p.yht strong {
	color: #930;
}

span.harmaa {
  color: #aaa;
}

form {
  margin-left: 20px;
  margin-right: 20px;
}