@charset "utf-8";

ul.navi_menu_sample /*name of this list*/
{
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
position: relative;
display: block;
height: 30px;
font-size: 12px;
font-weight: bold;
background-color: #FFBBFF; /*backgound color of this list*/
font-family: Arial, Helvetica, sans-serif; /*font*/
border-bottom: 1px solid #FFBBFF;
border-top: 1px solid #FFBBFF;
}



ul.navi_menu_sample li
{
display: block;
float: left; /*discription to horizontal align*/
margin: 0;
padding: 0;
}



ul.navi_menu_sample li a /*link(default)*/
{
display: block;
float: left;
color: #999999; /*link(gray)*/
text-decoration: none;
font-weight: bold;
padding: 8px 20px 0 20px;
}



ul.navi_menu_sample li a:hover /*hover*/
{
color: #FFFFFF; /*change into white*/
height: 22px;
background-color: #9900FF; /*change background*/	
}


ul.navi_menu_sample li a.current
{
display: inline;
height: 22px;
background-color: #444444;	
float: left;
margin: 0;
}

#outline {

font-family: Arial, Helvetica, sans-serif; /*font*/

 align:center;
 width:600px;
 text-align:left;
 margin:0 auto;
 }

#header{
background-image: url("./img/header.gif"); 
font-size:24px;
height:120px;
border:1px solid #ffffff;
color:#999999;
text-indent: -9999px;
}

#body{
font-family: Arial, Helvetica, sans-serif; /*font*/
font-size:10px;
margin:10px;
padding:5px;
align:center;
}

#footer{
font-size:10px;
color:#ffffff;
height:30px;
background-color:#aaaaaa;
}

#works{
font-size:10px;
}