html, body{ 
 margin:0; 
 padding:0; 
 text-align:left; 
   background-color:#ffffff; 
   font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
} 
 
#pagewidth{ 
 width:800px; 
   background-color:#ffffff; 
 text-align:center;  
margin-left:auto; 
 margin-right:auto;  
 margin-top:0px;

} 
 
#header{
 position:relative; 
 height:50px; 
background-image:url("hanko-cg/headerback.gif");
background-repeat:no-repeat;
  background-color:#000000; 
 width:100%;
 text-align:left;

} 

#header a {
text-decoration:none;
}

#header H1{
font-size:10pt;
font-weight:bold;
padding:0px 3px 5px 70px;
margin:0px;
color:#000000;
}
 

 #middle{
 height:20px;
 position:relative; 
 background-color:#ff6600; 
background-image:url("hanko-cg/menu-back.gif");
 margin:0px 0px 0px 0px;
 text-align:center;
 line-height:1.5;
 vertical-align:middle;
 border-top:solid 1px #ffffff;
 border-bottom:solid 1px #ffffff;

 }

 
 p.middleimg {
 
 margin:0px 0px 0px 0px;
 height:35px;
  background-color:#000000; 
 }
 
 #middle a{
 vertical-align:middle;
 font-size:9pt;
color:#000000;
text-decoration:none;
display:block;
width:125px;
height:20px;
background-color:#ff6600;
background-image:url("hanko-cg/menu.gif");
margin:0pt 0pt 0pt 0pt;
float:left;
border-right:solid 1px #ffffff;

 }
 
 #middle a:hover {
 
 background-color:#ffcc55;
background-image:url("hanko-cg/menu-hover.gif");
 color:#cc0000;
 
 }

 #middle2{
 background-color:red; 
 background-image:url("hanko-cg/middle2-back.gif");
 background-repeat:no-repeat;
  height:20px;

 }
 
 #title {
 
 background-color:#ffffff;
 margin:0px;
 }
 
#leftcol{
float:left;
width:130px;
background-color:#ffffff;
font-size:9pt;
margin-top:10px;
line-height:120%;

}

#maincol{
float:left;
background-color: #ffffff;
color:#333333;
font-size:9pt;
 width:520px; 
 padding:10px 0px 10px 0px;
margin:5px;
line-height:130%;
text-align:left;

 }

#maincol h2{

color:#ff3333;
font-size:12pt;
border:solid;
border-width:0px 0px 5px 10px;
border-color:#990000;
padding:3px 7px 3px 7px;
margin:0px 0px 5px 0px;
width:400px;
}

#maincol h3{

color:#ff3333;
font-size:12pt;
text-align:left;
border:solid;
border-width:0px 0px 2px 10px;
border-color:#009900;
padding:3px 7px 3px 7px;
margin:10px 0 10px 0;
 
}

#maincol h4{
background-image:url("hanko-cg/midasi.gif");
background-repeat:no-repeat;
background-position:center;
color:#ffffff;
font-weight:bold;
font-size:16pt;
padding:18px 0px 3px 0px;
margin:3px 0 10px 0;
width:500px;
height:30px;
 
}

#table{

border:solid 1px #000000;

}

#td,th {

}

.t1{
background-color:#ffaa99;
font-weight:bold;
padding:5px;
border-right:solid 1px #000000;
border-bottom:solid 1px #555555;
text-align:left;
}

.t2{
background-color:#cccccc;
font-weight:normal;
padding:5px;
border-right:solid 1px #000000;
border-bottom:solid 1px #555555;
text-align:left;
}

.t3 {
background-color:#ffffff;
background-image:url("hanko-cg/t3.gif");
background-repeat:no-repeat;
color:#ffffff;
font-size:9pt;
font-weight:bold;
text-align:left;
padding:3px 0px 2px 10px;
margin:3px 0px 0px 0px;
}

.t4 {
font-size:9pt;
padding:3px;
text-align:left;
}

.t5 {
font-size:9pt;
padding:3px;
text-align:center;
width:200px;
}

.t6 {
font-size:9pt;
padding:3px;
background-color:#ffaa99;
text-align:center;
width:100px;
border-right:solid 1px #000000;
border-bottom:solid 1px #555555;
}

.t7 {
font-size:9pt;
padding:10px;
background-color:#ffcc33;
text-align:left;
border-right:solid 1px #000000;
border-bottom:solid 1px #555555;
}

.tenmei{
background-color:#ffffff;
background-image:url("hanko-cg/kadomarubar.gif");
background-repeat:no-repeat;
background-position:center;
color:#fff;
font-size:11pt;
font-weight:normal;
padding-left:30px;
width:500px;
height:23px;

}

.chizu{
background-color:#ffffff;
text-align:center;
width:210px;
}

.left{
background-color:#ffa500;
color:#ffffff;
padding:5px;
width:70px;
text-align:center;
border-bottom:solid 1px #000000;
border-right:solid 1px #000000;
}

.right{
background-color:#cccccc;
text-align:left;
width:auto;
border-bottom:solid 1px #000000;
border-right:solid 1px #000000;

}

.inzai {
text-align:center;
width:110px;
height:80px;
background-color:#FFA07A;
font-size:11pt;
font-weight:bold;

}


#rightcol{
float:left;
width:125px;
background-color:#ffffff;
font-size:10pt;
line-height:150%;
margin-top:10px;
}


#footer{
font-size:9pt;
text-align:center;
color:#ffffff;
 height:20px; 
  background-color:red; 
 clear:both;
 padding:3px;
 } 
 


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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */