.fav  {position:absolute; left:20px; top:15px; z-index:8;}
	
<!--
    .card  { position:absolute; left:40px;top:550;width:800px; height:3500px;
			 border:2px solid gray; top:500;}
    #card0 { position:absolute; left:40px; top:90px; z-index:8;
             background-color:yellowgreen; }
    #card1 { position:absolute; left:40px; top:90px; z-index:7;
             background-color:cyan; }
    #card2 { position:absolute; left:40px; top:90px; z-index:6;
             background-color:lightcyan; }
    #card3 { position:absolute; left:40px; top:90px; z-index:5;
             background-color:cyan; }
    #card4 { position:absolute; left:40px; top:90px; z-index:4;
             background-color:beige; }
    #card5 { position:absolute; left:40px; top:90px; z-index:3;
             background-color:khaki; }
    #card6 { position:absolute; left:40px; top:90px; z-index:2;
             background-color:lightpink; }
    #card7 { position:absolute; left:40px; top:90px; z-index:1;
             background-color:lightyellow; }
    #card8 { position:absolute; left:40px; top:90px; z-index:1;
             background-color:lightyellow; }
    #stab0  { position:absolute; left:40px;  top:60px; z-index:8; }
    #stab1  { position:absolute; left:138px;  top:60px; z-index:7; }
    #stab2  { position:absolute; left:236px; top:60px; z-index:6; }
    #stab3  { position:absolute; left:334px; top:60px; z-index:5; }
    #stab4  { position:absolute; left:432px; top:60px; z-index:4; }
    #stab5  { position:absolute; left:530px; top:60px; z-index:3; }
    #stab6  { position:absolute; left:628px; top:60px; z-index:2; }
    #stab7  { position:absolute; left:718px; top:60px; z-index:2; }
    #stab8  { position:absolute; left:808px; top:60px; z-index:2; }
    div.f01    { font-size:16pt;color:red;font-weight:bold;}
    td.font {font-size:10pt;}
    #index  {position:absolute; left:150px; top:10px; z-index:2; }
    #index1  {position:absolute; left:700px; top:10px; z-index:2; }
    #index2  {position:absolute; left:790px; top:10px; z-index:2; }
    #index4  {position:absolute; left:15px; top:40px; z-index:2; }
-->
body{
	margin:10;font-size:9pt;left-margin:40;
	background-repeat:repeat-y;

}

body {
	background-color: #f0ffff;
}
.aa {
	font-size:20;
	letter-spacing:1em;
	text-align:center
}

	img#type1 { margin-left:50;width:250px;height:150px;}
	img#type2 { margin-left:00;width:250px;height:150px;}
	img#type3 { margin-left:150;width:250px;height:150px;}
	img#type4 { margin-left:200;width:250px;height:150px;}
	img#type5 { margin-left:450;width:200px;height:100px;
				margin-top:-180;}
	img#type6 {	border-color:blue;}

				}


#hana {
	font-size:18;
	font-weight:bold;
	color:red;
}
.d {
	border-style:solid;
	border-image-width:6px;
	border-color:black;
}
.f {
	border-style:solid;
	border-color:red;

}
#fnt {
	font-size:5;
	font-weight:bold;
	color:blue

body.pic {
	background-color: #0000ff;
}
table.cnt{
	font-size:9pt;
	color:red;}

tr.cnt{
	font-size:9pt;
	color:red;}
table#bukko {
	border-style:double;
	bgcolor:cyan;

}