@charset "UTF-8";

html,body,form { margin:0; padding:0;}
img {border:none;}

body { background:#000; color:#ccc; }

#topSwf { width:800px; margin:120px auto 0; background:url(img/swf_bg.jpg) no-repeat; padding:21px;}

#bottomNav { width:760px; margin:10px auto; font-family:"Courier New", Courier, monospace; font-size:12px; text-align:right; }
#bottomNav a:link {color:#cf0;}

#company { width:780px; margin:20px auto 10px;}
.headTtl { margin-bottom:10px;}
#contents {padding:0 15px;}

h3 { color:#999999; background:url(img/h3.jpg) no-repeat; text-indent:-9999px; height:36px;  margin:0 0 10px; padding:0; line-height:36px;}
h3.map { background-position:0 -36px;}
h3.ex { background-position:0 -72px;}
h3.test { background-position:0 -108px;}
h3.sprk { background-position:0 -144px;}


h4 {color:#FFCC00; margin:0 0 10px; padding:0 10px; line-height:24px; font-weight:normal; font-size:16px;}
.tbl  {padding:10px; border:1px solid #555; margin:0 10px 10px; background:url(img/grid.jpg);}
.tbl2 {padding:10px; border:1px solid #555; margin:0 20px 10px; background:url(img/grid.jpg);}
.tbl3 {padding:10px; border:1px solid #555; margin:10px 50px 20px; background:url(img/grid.jpg);}

.tbl3 th {font-size:14px; color:#ff6;; vertical-align:bottom; font-weight:normal; text-align:left; line-height:140%; padding:5px 10px 10px; border-bottom:1px dotted #9f0;}
.tbl th{color:#FFFFFF; text-align:right; padding:3px 8px 3px 0; border-right:4px solid; border-color:#99FFFF; vertical-align:middle; font-weight:normal;}
.tbl td{color:#ccc; padding-left:4px; line-height:140%;}

.tbl2 img ,
.tbl3 img{ border:3px solid #aaa; border-right-color:#555; border-bottom-color:#555;}
.tbl2 td {text-align:center;}
#footer { width:800px; margin:0 auto;}

a:link {color:#99FF00;}
a:active,a:visited {color:#FFCC00;}