*               { margin: 0; padding: 0; }
td,th,div,li,p  { font-size: 12px; color: #444444; line-height: 20px; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; vertical-align: top; }
body            { background: #f8fff0; text-align: center; }
table#body      { width: 760px; height:  100%; background: #ffffff;}
td#left         { width:  10px; height:  100%; background: url(img/left.jpg)  repeat-y; }
td#right        { width:  10px; height:  100%; background: url(img/right.jpg) repeat-y; }
td#head         { width: 740px; height: 100px; background: url(img/head_20100617.jpg) bottom no-repeat; }
h1              { width:  auto; height:  20px; background: url(img/h1.jpg)    repeat-y; font-size: 8px; color: #ffeedd; line-height: 10px; padding: 3px 0 0 5px; font-weight: normal;}
td#menu         { width: 200px; height:  auto; background: url(img/menu.jpg)  repeat-y; }
li#b1           { width: 200px; height:  40px; background: url(img/b1on.jpg) no-repeat; display: block; }
li#b1 a         { width: 200px; height:  40px; background: url(img/b1.jpg)   no-repeat; display: block; color: #ffeedd; font-size: 6px; font-style: normal; text-align: right; padding: 0 3px; }
li#b1 a:hover   {                              background: url(img/spacer.gif)  repeat;                 color: #f8e0c8; }
li#b2           { width: 200px; height:  40px; background: url(img/b2on.jpg) no-repeat; display: block; }
li#b2 a         { width: 200px; height:  40px; background: url(img/b2.jpg)   no-repeat; display: block; color: #ffeedd; font-size: 6px; font-style: normal; text-align: right; padding: 0 3px; }
li#b2 a:hover   {                              background: url(img/spacer.gif)  repeat;                 color: #f8e0c8; }
li#b3           { width: 200px; height:  40px; background: url(img/b3on.jpg) no-repeat; display: block; }
li#b3 a         { width: 200px; height:  40px; background: url(img/b3.jpg)   no-repeat; display: block; color: #ffeedd; font-size: 6px; font-style: normal; text-align: right; padding: 0 3px; }
li#b3 a:hover   {                              background: url(img/spacer.gif)  repeat;                 color: #f8e0c8; }
li#b4           { width: 200px; height:  40px; background: url(img/b4on.jpg) no-repeat; display: block; }
li#b4 a         { width: 200px; height:  40px; background: url(img/b4.jpg)   no-repeat; display: block; color: #ffeedd; font-size: 6px; font-style: normal; text-align: right; padding: 0 3px; }
li#b4 a:hover   {                              background: url(img/spacer.gif)  repeat;                 color: #f8e0c8; }
li#b5           { width: 200px; height:  40px; background: url(img/b5on.jpg) no-repeat; display: block; }
li#b5 a         { width: 200px; height:  40px; background: url(img/b5.jpg)   no-repeat; display: block; color: #ffeedd; font-size: 6px; font-style: normal; text-align: right; padding: 0 3px; }
li#b5 a:hover   {                              background: url(img/spacer.gif)  repeat;                 color: #f8e0c8; }
li#b6           { width: 200px; height:  40px; background: url(img/b6on.jpg) no-repeat; display: block; }
li#b6 a         { width: 200px; height:  40px; background: url(img/b6.jpg)   no-repeat; display: block; color: #ffeedd; font-size: 6px; font-style: normal; text-align: right; padding: 0 3px; }
li#b6 a:hover   {                              background: url(img/spacer.gif)  repeat;                 color: #f8e0c8; }
li#b7           { width: 200px; height:  40px; background: url(img/b7on.jpg) no-repeat; display: block; }
li#b7 a         { width: 200px; height:  40px; background: url(img/b7.jpg)   no-repeat; display: block; color: #ffeedd; font-size: 6px; font-style: normal; text-align: right; padding: 0 3px; }
li#b7 a:hover   {                              background: url(img/spacer.gif)  repeat;                 color: #f8e0c8; }
li#bj           { width: 180px; height:  40px; background: url(img/bjon.jpg) no-repeat; display: block; margin: 0 10px; }
li#bj a         { width: 180px; height:  40px; background: url(img/bj.jpg)   no-repeat; display: block; color: #ffeedd; font-size: 6px; font-style: normal; text-align: right; padding: 0 3px; }
li#bj a:hover   {                              background: url(img/spacer.gif)  repeat;                 color: #f8e0c8; }
div#cm          { width:  auto; height:  auto; border: 1px solid #997755;  margin: 10px; padding: 5px; background: #fff8f0;}
table.cm        { background: #66cccc; width: 180px; }
table.cm th     { background: #cfefef; font-weight: normal; color: #000033; }
table.cm td     { background: #ffffff; text-align: center; padding: 5px 2px;}
td#contents     { width: 540px; height:  100%; background: url(img/contents.jpg) top no-repeat; text-align: center; }
div#contents    { width: 500px; height:  auto; margin: 20px  20px 0  20px; text-align: left; }
td#foot         { width: 540px; height:  70px; text-align: center; }
td#foot strong  { height: 18px; }
hr              { width: 500px; height:   1px; }
h2              { width: 500px; height:  40px; background: url(img/h2.jpg) no-repeat; font-size: 24px; color: #ffffff; line-height: 30px; padding: 5px 10px; margin: 0 0 20px 0; letter-spacing: -1px; font-weight: normal;}
h3              { width: 500px; height:  30px; background: url(img/h3.jpg) no-repeat; font-size: 16px; color: #663300; line-height: 20px; padding: 5px 15px; margin: 0 0 10px 0; }
div.indent      { width:  auto; height:  auto; margin: 0 0 20px 20px; text-align: left; }
ul.list         { margin: 5px 0 0 15px; list-style: url(img/dot.gif); }
ul.list li      { margin: 0 0 5px 0; line-height: 15px; font-family: '‚l‚r ƒSƒVƒbƒN';}
ul.list2        { margin: 5px 0 0 15px; list-style: url(img/dot.gif); }
ul.list2 li     { margin: 0 0 12px 0; line-height: 18px;}
div.sub         { width: 250px; height:  auto; background: #ffeedd; border: 1px solid #997755; padding: 10px; text-align: center; font-size: 14px; line-height: 25px; font-family: '‚l‚r ƒSƒVƒbƒN'; margin: 10px 0; }
div.sub strong  { font-size: 18px; line-height: 30px; margin: 0 5px; }
h4              { width:  auto; height:  auto; background: #ff6600; color: #ffffff; font-size:14px; font-weight: bold; text-align: center; padding: 3px 0;}
h4.bar          { width:  auto; height:  auto; background: none;    color: #663300; font-size:14px; font-weight: bold; text-align:   left; padding: 3px 5px; border-bottom: 1px dashed # 997755; margin: 0 0 5px 0;}
div.cartop      { width:  auto; height:  90px; border: 1px solid #ff6600; padding: 3px 6px; }
table.car       { width: 480px; height:  auto; background: #998877; margin: 0 0 20px 20px;}
table.car th    { width:   15%; height:  auto; background: #ffeecc; padding: 1px 4px; vertical-align: middle; font-weight: normal;}
table.car th.t1 { width:   15%; height:  auto; background: #ffddbb; }
table.car th.t2 { width:   30%; height:  auto; background: #ffddbb; }
table.car td    {               height:  auto; background: #ffffff; padding: 1px 4px; vertical-align: middle; }
a.mailto        { background: url(img/mailto.gif) center left no-repeat; padding: 0 0 0 28px; line-height: 18px; height: 18px; }
img.left        { margin: 0 19px 20px 0; }
img.right       { margin: 0 0 20px 19px; text-align: right; }
p               { margin: 10px 0; text-indent: 1em;}
p img           { margin: 0 10px 5px 10px; }
.small          { font-size: 10px; line-height: 15px;}
.large          { font-size: 14px; line-height: 24px;}
.bold           { font-weight:bold;}
.purple         { color: #cc3366; }
.red            { color: #ff0000; }
table.data      { height:  auto; background: #ffffff; border-bottom: 1px solid #998877; border-right: 1px solid #998877; margin: 0 0 10px 0; }
table.data th   { height:  auto; background: #ffeecc; border-top   : 1px solid #ccbbaa; border-left : 1px solid #ccbbaa; padding: 2px 4px; vertical-align: middle; font-weight: normal;}
table.data td   { height:  auto; background: #ffffff; border-top   : 1px solid #ccbbaa; border-left : 1px solid #ccbbaa; padding: 2px 4px;  }
table.data td image { margin: 5px 0 0 0; }

/* index.html */
table#index     { width: 500px; height: 460px; background: url(img/index.jpg)  no-repeat; }
td.ind-side     { width:   5px; height: 460px; }
td.ind-w20      { width:  20px; height:   5px; }
td.ind-w65      { width:  65px; height:   5px; }
td.ind-w85      { width:  85px; height:   5px; }

td#ind1         { width: 150px; height: 150px; }
td#ind1 a       { width: 150px; height: 150px; background: url(img/index1.jpg) no-repeat; color: #ffffff; display: block; font-size: 6px; line-height: 9px; }
td#ind1 a:hover {                              background: url(img/spacer.gif) repeat   ; color: #ffffff; }
td#ind2         { width: 150px; height: 150px; }
td#ind2 a       { width: 150px; height: 150px; background: url(img/index2.jpg) no-repeat; color: #ffffff; display: block; font-size: 6px; line-height: 9px; }
td#ind2 a:hover {                              background: url(img/spacer.gif) repeat   ; color: #ffffff; }
td#ind3         { width: 150px; height: 150px; }
td#ind3 a       { width: 150px; height: 150px; background: url(img/index3.jpg) no-repeat; color: #ffffff; display: block; font-size: 6px; line-height: 9px; }
td#ind3 a:hover {                              background: url(img/spacer.gif) repeat   ; color: #ffffff; }
td#ind4         { width: 150px; height: 150px; }
td#ind4 a       { width: 150px; height: 150px; background: url(img/index4.jpg) no-repeat; color: #ffffff; display: block; font-size: 6px; line-height: 9px; }
td#ind4 a:hover {                              background: url(img/spacer.gif) repeat   ; color: #ffffff; }
td#ind5         { width: 150px; height: 150px; }
td#ind5 a       { width: 150px; height: 150px; background: url(img/index5.jpg) no-repeat; color: #ffffff; display: block; font-size: 6px; line-height: 9px; }
td#ind5 a:hover {                              background: url(img/spacer.gif) repeat   ; color: #ffffff; }
td#ind6         { width: 150px; height: 150px; }
td#ind6 a       { width: 150px; height: 150px; background: url(img/index6.jpg) no-repeat; color: #ffffff; display: block; font-size: 6px; line-height: 9px; }
td#ind6 a:hover {                              background: url(img/spacer.gif) repeat   ; color: #ffffff; }
td#ind7         { width: 150px; height: 150px; }
td#ind7 a       { width: 150px; height: 150px; background: url(img/index7.jpg) no-repeat; color: #ffffff; display: block; font-size: 6px; line-height: 9px; }
td#ind7 a:hover {                              background: url(img/spacer.gif) repeat   ; color: #ffffff; }

/* coating.html */
div#coating     { width: 500px; height: 300px; background: url(img/coating.jpg) no-repeat; margin: 0 0 20px 0; }
div#coating ul  { margin: 170px 0 0 20px;}
div#coating li  { font-size: 16px; line-height: 24px; font-weight: bold;}
div#coating-i6  { width: auto; height: 150px; background: url(img/coating-img6.jpg) no-repeat; margin: 0 0 10px 0; padding: 10px;}

/* jitterbug */
div#dance       { width:  480px; height: 350px; margin: 0 0 20px 20px; text-align: left; background: url(img/dance.jpg) right top no-repeat; }
div#dance p     { margin: 115px 0 0 20px; }
div#navi        { width:  490px; margin: 0 0 10px 10px;}

table.menu      { margin: 0 0 10px 10px; }
table.menu th   { font-size: 14px; padding: 3px 0 3px 25px; border-bottom: 1px solid #ddccbb; text-align: left; font-weight: normal; background: url(img/dot.gif)  left center no-repeat;}
table.menu td   { font-size: 14px; padding: 3px 10px 3px 0; border-bottom: 1px solid #ddccbb; text-align: right; font-family: '‚l‚r ƒSƒVƒbƒN'; }