<!--
*{margin: 0; padding :0;}
body { width:100%; font-size:13px; line-height:150%; background-color:#ddd; letter-spacing:1; text-align:center;}
td { padding:2;font-size:14px; line-height:150%; letter-spacing:1;border-bottom-color:#ddd; border-bottom-style:solid; border-bottom-width:1px;}
hr { color: #f0e68c; size: 1}
br {letter-spacing:normal;}
a:link {color: #dd0000;}
a:visited {color: #555555;}
ul{list-style-type:square;padding-left:16px;}

#outline {width:728px;background-color:#ffffff; text-align:left; margin-left:auto;margin-right:auto;}
#header {width:100%;border-bottom:2px solid #000000;background-color:#cccccc; height:50px;}
#right {float:right; width:160px;}
#rightin {padding-top:10px;border-width:1px;border-color:#C0C0C0;}
#left {margin-right:160px;}
#leftin {padding:10px;}
#footer {width:100%;clear:both;background-color:#ccb;border-top:2px solid #fff;text-align:center; padding:1em 0;}
#ranktable {width:540px;}

#site {
	font-size: 14px;
	text-align: left;
	padding:3;
	margin-bottom:10px;
	width: 100%;
	background-color: #eef8ff;
	border:1px solid #99ccff;
	text-decoration:none;
	}

#navi {
margin: 0; 
padding :0; 
white-space:nowrap;
}
#navi ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#navi li { 
display : inline; 
padding :0; 
margin:0; 
float:left ;
}
#navi a {
display:block; 
border:2px dotted #d8bfd8;
background-color:#e6e6fa;
font-size:15px;
padding:1px 0px;
text-decoration:none;
color:#4b0082;
width:100px; 
height:25px;
margin:1px 5px; 
text-align:center;
}
#navi a:hover {
border:2px dotted #e6e6fa;
background-color:#d8bfd8;
color:#fffff0;
}

iframe#01 { width:160px; height: 300px;  margin:0; border-style:outset;border-width:0pt; }

#floatleft {
  float: left;
  width: 270px;
}

#foot {
	font-size: 11px;
	text-align: right;
	padding:3;
	width: 100%;
	background-color: #f5f5dc;
	text-decoration:none;
	}
#room {
	text-align: center;
	font-size: 11px;
	}
-->