/* 全体デザイン */
*                { margin: 0; padding: 0;}
div,td,th,li,p   { color: #333333; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック'; vertical-align: top;}
a:link           { color: #3333ff; }
a:visited        { color: #660066; }
a:hover          { color: #ff3333; }
-ms-align-self: center;
align-self: center;tive         { color: #ff3333; }
hr               { width: 100%; height: 1px; color: #333333; }
strong           { font-weight: bold;}
input.button     { width: 120px; color: #333333; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック'; height: 24px; letter-spacing: 3px; }
input.button_s   { width: 120px; color: #333333; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック'; height: 24px; letter-spacing: 0; }
input.text_act   { width: 400px; color: #333333; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック'; height: 22px; padding: 1px 3px; margin: 0   4px 4px 4px; vertical-align: middle; border: 1px solid #aaaabb; background: #fffff0; ime-mode: active;}
input.text_dis   { width: 400px; color: #333333; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック'; height: 22px; padding: 1px 3px; margin: 0   4px 4px 4px; vertical-align: middle; border: 1px solid #aaaabb; background: #fffff0; ime-mode: disabled;}
input.text_short { width: 100px; color: #333333; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック'; height: 22px; padding: 1px 3px; margin: 0   4px 4px 4px; vertical-align: middle; border: 1px solid #aaaabb; background: #fffff0; ime-mode: disabled;}
textarea         { width: 400px; color: #333333; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック';               padding: 1px 3px; margin: 0   4px 4px 4px; vertical-align: middle; border: 1px solid #aaaabb; background: #fffff0; ime-mode: active;}
.small           { font-size: 10px; }
.small2          { font-size: 10px; line-height: 15px; }
.large           { font-size: 14px; line-height: 24px; }
.large2          { font-size: 14px; line-height: 24px; font-weight: normal; color: #000000; }
.fixed           { font-family: 'ＭＳ ゴシック'; }
.red             { color: #ff0000; }
.green           { color: #00cc00; }
.green2          { color: #009900; }
.glay            { color: #888888; }
.ls05            { letter-spacing: 0.5em; }
.ls10            { letter-spacing:   1em; }

/* 全体レイアウト */
body             { text-align: left;            background: url(img/back.jpg)           top    left   repeat-x    #f8f8cc; background-attachment: fixed; }
table#body       { width: 800px; height: 100% ; background: #ffffff; border-right: solid  1px #336633; border-left: solid  1px #336633; margin: 0 20px; }
td#head          { width: 800px; height: 120px; background: url(img/head.jpg)           top    left   no-repeat ; }
td#body          { width: 800px; height: 100% ; background: url(img/body.jpg)           top    left   repeat-x  ; text-align: center; }
td#foot          { width: 800px; height:  50px; background: url(img/foot.jpg)           bottom left   repeat-x  ; text-align: center; }
td#foot div      { width: 760px; height:  30px; border-top: 1px solid #336633; margin: 20px 20px 0 20px; line-height: 28px; }

/* ヘッダー */
h1               { width:  100%; height:  10px; font-size: 6px; color: #f8f8f8; line-height: 10px; font-weight: normal; text-indent: 10px; display: block; }
div#title        { width: 390px; height:  60px; margin: 0 0 10px 10px; }
div#title a      { width: 390px; height:  60px; background: url(img/title.jpg) center center no-repeat; color: #f9fcff; font-size: 10px; line-height: 15px; display: block; }
div#title a:hover                             { background: url(img/space.gif) center center repeat   ; }
table#button     { width: 800px; height:  40px; }
td#b1            { width: 120px; height:  40px; }
td#b1 a          { width: 120px; height:  40px; background: url(img/b1.jpg)    center center no-repeat; color: #6666cc; display: block; font-size: 6px; line-height: 12px; text-align: center; text-decoration: none; }
td#b1 a:hover    {                              background: url(img/space.gif) center center repeat   ; color: #990000; }
td#b2            { width: 220px; height:  40px; }
td#b2 a          { width: 220px; height:  40px; background: url(img/b2.jpg)    center center no-repeat; color: #6666cc; display: block; font-size: 6px; line-height: 12px; text-align: center; text-decoration: none; }
td#b2 a:hover    {                              background: url(img/space.gif) center center repeat   ; color: #990000; }
td#b3            { width: 220px; height:  40px; background: url(img/b3.jpg)    center center repeat-x ; color: #6666cc; display: block; }
td#b4            { width: 120px; height:  40px; }
td#b4 a          { width: 120px; height:  40px; background: url(img/b4.jpg)    center center no-repeat; color: #6666cc; display: block; font-size: 6px; line-height: 12px; text-align: center; text-decoration: none; }
td#b4 a:hover    {                              background: url(img/space.gif) center center repeat   ; color: #990000; }
td#b5            { width: 120px; height:  40px; }
td#b5 a          { width: 120px; height:  40px; background: url(img/b5.jpg)    center center no-repeat; color: #6666cc; display: block; font-size: 6px; line-height: 12px; text-align: center; text-decoration: none; }
td#b5 a:hover    {                              background: url(img/space.gif) center center repeat   ; color: #990000; }

/* index */
table#index0     { width: 800px; height: 180px; }
td#index01       { width: 260px; height: 180px; background: url(img/index01.jpg)   right  center no-repeat; }
td#index02       { width: 360px; height: 180px; background: url(img/index02.jpg)   center center no-repeat; }
td#index03       { width: 180px; height: 180px; background: url(img/index03.jpg)   center center no-repeat; }
table#index1     { width: 370px; height: 300px; margin: 0 20px; }
td#index1l       { width:  10px; height: 300px; background: url(img/index1l.jpg)   center center no-repeat; }
td#index1c       { width:  10px; height: 300px; background: url(img/index1c.jpg)   left   center no-repeat; }
td#index11       { width: 350px; height: 165px; background: url(img/index11.jpg)   center center no-repeat; }
td#index13       { width: 350px; height: 125px; background: url(img/index13on.jpg) center center no-repeat; }
td#index13 a     { width: 350px; height: 125px; background: url(img/index13.jpg)   center center no-repeat; display: block; }
td#index13 a:hover                            { background: url(img/space.gif)     center center repeat   ; }
td#index15       { width: 350px; height:  10px; background: url(img/index15.jpg)   center center no-repeat; }


/* コンテンツ */
div#left         { width: 120px; height:  auto; margin: 10px 0 0 20px; float:  left; text-align: left; }
div#right        { width: 620px; height:  auto; margin: 10px 20px 0 0; float: right; text-align: left; }
h2               { width:  100%; height:  30px; background: url(img/h2.jpg)    top    center no-repeat; font-size: 18px; color: #333300; line-height: 30px; margin: 0 0 10px 0; text-indent: 10px; }
h3               { width:  auto; height:  24px; background: #eeeedd                                   ; text-align: left  ; text-indent: 10px; line-height: 24px; color: #000000; margin: 10px 0; font-size: 14px; border-bottom: 1px solid #cccc99; }
h4               { width:  auto; height:  20px; text-align: left  ; text-indent: 8px; line-height: 20px; color: #000000; font-size: 12px; border-bottom: 1px solid #cccc99; }
div#navi         { width: 580px; height:  25px; text-align: left  ; line-height: 25px; margin: 0 0 10px 0; color: #889988; }
div#navi a       { width:  auto; height:  auto; text-decoration: none; border-bottom: 1px dashed; color: #9999ff; }
div.indent       { width:  auto; margin: 0 0 10px 10px; text-align: left; }
div.a-left       { width: 500px; float:  left; text-align:  left; }
div.a-right      { width: 120px; float: right; text-align: right; }
p                { margin: 4px 0; text-indent: 1em; line-height: 18px; }
.normal_14       { font-size: 14px; text-decoration: none; }

p.l17            { margin: 5px 0; text-indent: 1em; line-height: 17px; }
table.data       {                   border-top   : 1px solid #bbdddd; margin: 0; }
table.data th    { padding: 5px 7px 5px 7px; border-bottom: 1px solid #bbdddd; background: #f0f8f8; vertical-align: middle; line-height: 16px; font-family: 'ＭＳ ゴシック'; }
tr.sep     th    {                                                             background: #f0f8f8; }
table.data td    { padding: 5px 0px 5px 7px; border-bottom: 1px solid #bbdddd; line-height: 16px; }
tr.sep     td    {                                                             background: #f9fcf9; }
ul.list          { margin: 10px 0 5px 0; list-style-type: none; }
ul.list li       { padding: 0px 0 5px 20px; background: url(img/li.gif) left top no-repeat; line-height: 18px; }
ul.list2         { margin:  4px 0 12px 0; list-style-type: none; }
ul.list2 li      { padding: 0px 0 4px 20px; background: url(img/li.gif) left top no-repeat; line-height: 18px; }
table.data ul    { margin:  3px 0 -2px -5px;}
ol               { margin: 0 0 10px 28px; list-style-type: decimal; }
ol li            { padding: 0 0 4px 0; line-height: 18px; }
img.top          { margin: 5px 0 0 0; }
img.right        { margin: 0 0 0 10px; }
img.left         { margin: 0 10px 0 0; }
div.box          { width: auto; margin: 5px 0 10px 0; padding: 6px 10px; background: #ffeecc; border: 1px solid #cc9966; color: 332211; }
div.cad          { width:  80px; height:  20px; background: url(img/button_cad_on.jpg) top    center no-repeat; }
div.cad a        { width:  80px; height:  20px; background: url(img/button_cad.jpg)    top    center no-repeat; color: #e4e8f1; display: block; font-size: 9px; line-height: 12px; text-decoration: none; }
div.cad a:hover                               { background: url(img/space.gif)         top    center repeat   ; color: #fffdd5; }
div.dl_jwc       { width:  60px; height:  20px; background: url(img/dl_jwc_on.jpg)     center center no-repeat; }
div.dl_jwc a     { width:  60px; height:  20px; background: url(img/dl_jwc.jpg)        center center no-repeat; display: block; }
div.dl_jwc a:hover    {                         background: url(img/space.gif)                       repeat   ; }
div.dl_dxf       { width:  60px; height:  20px; background: url(img/dl_dxf_on.jpg)     center center no-repeat; }
div.dl_dxf a     { width:  60px; height:  20px; background: url(img/dl_dxf.jpg)        center center no-repeat; display: block; }
div.dl_dxf a:hover    {                         background: url(img/space.gif)                       repeat   ; }
td.pdf           { width:  80px; height:  20px; background: url(img/button_pdf_on.jpg)  top    center no-repeat; }
td.pdf a         { width:  80px; height:  20px; background: url(img/button_pdf.jpg)     top    center no-repeat; display: block; }
td.pdf a:hover   {                              background: url(img/space.gif)                        repeat   ; }

/* index.html */
div#index        { width: 580px; height: 400px; background: url(img/index.jpg)          top    center no-repeat; }
div#index h3     { width: 580px; height:  30px; font-size: 18px; text-align: center; line-height: 30px; background: none; margin: 0; text-indent: 0; letter-spacing: 0; }
div#index2       { width: 245px; height:  auto; margin: 10px 0 10px 335px; }
p.index-p1       { margin: 0 0 10px 0; text-align: left; font-size: 14px; line-height: 22px; text-indent: 0.5em; color: #000000; }
p.index-p2       { margin: 0 0 0 10px; text-align: left; font-size: 14px; line-height: 22px; text-indent: 0.5em; color: #000000; }
td#index1        { width: 180px; height: 100px; background: #ffffff; }
td#index1 a      { width: 180px; height: 100px; background: url(img/index01.jpg)    center center no-repeat ; border: 1px solid; display: block; text-indent: 5px; line-height: 25px; text-decoration: none; }
td#index1 a:hover  {                            background: url(img/index01_on.jpg) center center no-repeat ; border: 1px solid; }
td#index2        { width: 180px; height: 100px; background: #ffffff; }
td#index2 a      { width: 180px; height: 100px; background: url(img/index02.jpg)    center center no-repeat ; border: 1px solid; display: block; text-indent: 5px; line-height: 25px; text-decoration: none; }
td#index2 a:hover  {                            background: url(img/index02_on.jpg) center center no-repeat ; border: 1px solid; }
td#index3        { width: 180px; height: 100px; background: #ffffff; }
td#index3 a      { width: 180px; height: 100px; background: url(img/index03.jpg)    center center no-repeat ; border: 1px solid; display: block; text-indent: 5px; line-height: 25px; text-decoration: none; }
td#index3 a:hover  {                            background: url(img/index03_on.jpg) center center no-repeat ; border: 1px solid; }
td#index_01      { width: 285px; height: 130px; background: #ffffff; }
td#index_01 a    { width: 285px; height: 130px; background: url(img/index_01.jpg)   center top    no-repeat ; display: block; }
td#index_01 a:hover {                           background: url(img/index_01.jpg)   center bottom no-repeat ; }
td#index_02      { width: 285px; height: 130px; background: #ffffff; }
td#index_02 a    { width: 285px; height: 130px; background: url(img/index_02.jpg)   center top    no-repeat ; display: block; }
td#index_02 a:hover {                           background: url(img/index_02.jpg)   center bottom no-repeat ; }
td#index_03      { width: 285px; height: 130px; background: #ffffff; }
td#index_03 a    { width: 285px; height: 130px; background: url(img/index_03.jpg)   center top    no-repeat ; display: block; }
td#index_03 a:hover {                           background: url(img/index_03.jpg)   center bottom no-repeat ; }
td#index_04      { width: 285px; height: 130px; background: #ffffff; }
td#index_04 a    { width: 285px; height: 130px; background: url(img/index_04.jpg)   center top    no-repeat ; display: block; }
td#index_04 a:hover {                           background: url(img/index_04.jpg)   center bottom no-repeat ; }
td#index_05      { width: 285px; height: 130px; background: #ffffff; }
td#index_05 a    { width: 285px; height: 130px; background: url(img/index_05.jpg)   center top    no-repeat ; display: block; }
td#index_05 a:hover {                           background: url(img/index_05.jpg)   center bottom no-repeat ; }

/* submenu */
ul#submenu       { width: 120px; height:  auto; background: url(img/submenu_foot.jpg) center bottom no-repeat; padding: 0 0 5px 0; list-style-type: none; margin: 5px 0 0 0; }
ul#submenu li    { width: 120px; height:  30px; background: url(img/submenu_on.jpg)   center center no-repeat; display: block; }
ul#submenu li a  { width: 120px; height:  30px; background: url(img/submenu.jpg)      center center no-repeat; display: block; text-indent: 7px; line-height: 30px; text-decoration: none; }
ul#submenu li a:hover                         { background: url(img/space.gif)        repeat                 ; }
ul#submenu li#submenu_head  { width: 120px; height:  30px; background: url(img/submenu_head.jpg) center top    no-repeat; }

/* sitemap */
table.site td  {               height:  33px; vertical-align: middle; text-align: left;}
td.line28      { width:  33px; height:  auto; background: url(img/line28.jpg)         center center repeat-y ; }
td.line268     { width:  33px; height:  33px; background: url(img/line268.jpg)        center center no-repeat; }
td.line68      { width:  33px; height:  33px; background: url(img/line68.jpg)         center center no-repeat; }
td.line46      { width:  auto; height:  33px; background: url(img/line46.jpg)         center center repeat-x ; }
table.site a   { width:  auto; height:  23px; background: url(img/site.jpg)           center left   no-repeat #ffffff; line-height: 23px; padding: 5px 5px 5px 30px; text-align: left;  }
table.site a:visited                        { background: url(img/site_visited.jpg)   center left   no-repeat #ffffff; }
table.site a:hover                          { background: url(img/site_hover.jpg)     center left   no-repeat #ffffff; }

/* cad */
table.data4          {                   border-top   : 1px solid  #aabbcc; border-left  : 1px dashed #aabbcc; margin: 0; }
table.data4 th       { padding: 2px    ; border-right : 1px dashed #aabbcc; border-bottom: 1px solid  #aabbcc; background: #f0f5ff; vertical-align: middle; line-height: 16px; font-weight: normal; font-family: 'ＭＳ ゴシック'; }
table.data4 th.sep   {                                                                                         background: #e8edf8; }
table.data4 td       { padding: 2px    ; border-right : 1px dashed #aabbcc; border-bottom: 1px solid  #aabbcc; line-height: 16px;              text-align: center; }
table.data4 td.sep   {                                                                                         background: #f8f8f8; }
div.dl_jwc           { width:  60px; height:  20px; background: url(img/dl_jwc_on.jpg)      center center no-repeat; }
div.dl_jwc a         { width:  60px; height:  20px; background: url(img/dl_jwc.jpg)         center center no-repeat; display: block; }
div.dl_jwc a:hover   {                              background: url(img/space.gif)                        repeat   ; }
div.dl_dxf           { width:  60px; height:  20px; background: url(img/dl_dxf_on.jpg)      center center no-repeat; }
div.dl_dxf a         { width:  60px; height:  20px; background: url(img/dl_dxf.jpg)         center center no-repeat; display: block; }
div.dl_dxf a:hover   {                              background: url(img/space.gif)                        repeat   ; }
div#cad_index        { width: 580px; height: 200px; background: url(img/cad_index.jpg)      right  top    no-repeat; margin: 0 20px; text-align: left; }