Add type text/css. css
@charset "charset=UTF-8";

a { text-decoration: none; line-height: 18px;}
a:link    { color: #06f;}
a:visited { color: #06c;}
a:hover   { color: #06f; text-decoration: underline; }
a:active  { color: #f90;}

body {
	font-family: 'Arial', Helvetica, sans-serif;
	}

.ja12 {font-size: 12px;font-style: normal;	line-height: 16px;color: #333;}
.ja12-20 {font-size: 12px;font-style: normal;	line-height: 20px;color: #333;}
.ja10 {font-size: 11px;font-style: normal;	line-height: 15px;color: #333;}
.ja12lg {font-size: 12px;font-style: normal;line-height: 16px;color: #666;}
.ja10lg {font-size: 11px;font-style: normal;line-height: 15px;color: #666;}
.ja12bl {font-size: 12px;font-style: normal;line-height: 16px;color: #000;}
.ja10bl {font-size: 11px;font-style: normal;line-height: 15px;color: #000;}
.ja12dg {font-size: 12px;font-style: normal;margin-top:4px;line-height: 16px;color: #333;}
.ja10dg {font-size: 11px;font-style: normal;line-height: 15px;color: #333;}
.ja12w {margin-left:10px;	font-size: 12px;font-style: normal;line-height: 16px;color: #fff;}

#header{margin-left:10px; }
#navi a{color: #666; margin-left:4px; }
#area,#purpose,#check,#knowledge {margin-left:5px;}

#navi2 {margin-left:10px;}
#pan a{color: #666; }
#footer{font-family:  {font-family: 'Arial', Helvetica, sans-serif;}