html, body { height:100%; }

body {
   background-color:rgb(255,255,255);
   margin:0px;
   text-align:left;
   font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
   font-size:11px;
   color:#333333;
}

#cache {
   z-index:0;
   position:absolute;
   top:0px;
   left:0px;
   visibility: hidden;
}
#cache img {
   visibility: hidden;
}

#head {
   z-index:1;
   position:relative;
   visibility:visible;
   width:*;
   height:100px;
   background-image:url('../images/head_bckgrd.jpg');
}
#head_logo {
   z-index:2;
   position:relative;
   visibility:visible;
   float:left;
   width:230px;
   height:100px;
   background-color:rgb(255,255,255);
   background-image:url('../images/head_logo.jpg');
   background-repeat:no-repeat;
}
#head_navi {
   z-index:2;
   position:relative; 
   visibility:visible;
   float:left;
   width:*;
   height:26px;
   display:block;
   white-space:nowrap;
   color:#287040; 
   padding-left:120px;
   padding-top:40px;  
   padding-bottom: 14px;
   background-image:url('../images/head_navi.jpg');
}
#head_clickpath {
   z-index:2;
   position:absolute;
   visibility:visible;
   float:bottom;
   top:80px;
   left:230px;
   width:*;
   height:20px;
   padding-top:0px;
   padding-left:10px;
}

#title {
   z-index:1;
   position:relative;
   visibility:visible;
   clear:both;
   width:*;
   height:46px;
   background-color:rgb(153,204,153);
}
#title_info {
   z-index:2;
   position:relative;
   visibility:visible;
   float:left;
   width:550px;
   height:46px;
   background-color:#287040;
}
#title_head {
   z-index:2;
   position:relative;
   visibility:visible;
   float:left;
   height:30px;
   padding-top:16px;
   padding-left:15px;
   font-family:Tahoma;
   font-size:11px;
   font-weight:bold;
}

#main {
   z-index:1;
   position:relative;
   visibility:visible;
   clear:both;
}
#main_illustrationleft {
   z-index:2;
   position:relative;
   visibility:visible;
   float:left;
   width:490px;
   height:*;
}
#main_contentleft {
   z-index:2;
   position:relative;
   visibility:visible;
   float:left;
   width:209px;
   height:*;
}
#main_navi {
   z-index:3;
   position:relative;
   visibility:visible;
   float:left;
   width:208px;
   height:*;
   padding-top:20px;
   padding-bottom:20px;
   border-right:1px solid #287040;
}
#main_illustration {
   z-index:3;
   position:relative;
   visibility:visible;
   float:left;
   width:281px;
   height:*;
   border-top:1px solid #FFFFFF;
   border-bottom:1px solid #FFFFFF;
}
#main_add01 {
   z-index:3;
   position:relative;
   visibility:visible;
   float:left;
   width:209px;
   height:*;
   padding-top:10px;
   padding-bottom:10px;
   background-image:url('../images/f-dr.gif');
   background-repeat: repeat-x;
   background-position:top;
}
#main_add02 {
   z-index:3;
   position:relative;
   visibility:visible;
   float:left;
   width:281px;
   height:*;
   padding-top:10px;
   padding-bottom:10px;
   background-image:url('../images/f-dr.gif');
   background-repeat: repeat-x;
   background-position:top;
}
#main_content {
   z-index:2;
   position:relative;
   visibility:visible;
   float:left;
   width:*;
   border-top:1px solid #FFFFFF;
   border-bottom:1px solid #FFFFFF;
}
#content_top {
   z-index:3;
   position:relative;
   visibility:visible;
   clear:both;
   float:bottom;
   width:*; 
   height:30px;  
   padding-top:8px;
   padding-bottom:8px;
   background-color:rgb(204,255,204);
}
#content {
   z-index:3;
   position:relative;
   visibility:visible;
   float:bottom;
   width:*;
   padding-top:20px;
   padding-bottom:20px;
   padding-left:20px;
   padding-right:20px;
}

#footer {
   z-index:1;
   position:relative;
   visibility:visible;
   clear:both;
   float:bottom;
   width:*;
   height:100px;
   background-color:rgb(204,255,204);
}