 <style type="text/css">
 <!--

body
    {
     margin:0px;        
     padding:0px;      
     text-align:center;   
     font-family: Arial, Helvetica, sans-serif, "TT-JTCƒEƒCƒ“S4", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    }

#main
    {
     margin-left:auto;   
     margin-right:auto;  
     text-align:left;    
     width:650px;     
    }

 -->

a {
    color: #000;
}
 
a:hover {
	color: red;
	text-decoration: underline;
}
 
 .class_box_shadow{
    width: 800px;
    height: 792px;
    min-width: 200px;
    min-height: 0px;
    margin: auto;
    border: 0px solid white;
    position:relative;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.80);
}
	
#menu ul,#menu li { margin:0; padding:0; }
	#menu li {list-style:none;float:left;}
	
	#menu a { display:block;margin:0 auto;color:#fff;text-decoration:none; background:url(_right.png) right top no-repeat;}
	
	#menu a span { display:block;text-align:center;background:url(_left.png) left top no-repeat; .example font-weight: bold; font:bold 15px/30px ms pgothic, Helvetica, sans-serif;  padding:0px; width:133px;}
		
	#menu a:hover { background-position:right bottom;text-decoration}
	#menu a:hover span { background-position:left bottom;  }
	
	p.box { border-bottom: 1px dotted #000;}
	
</style>