/* 全体デザイン */ * { margin: 0; padding: 0;} div,td,th,li,p { color: #112244; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック'; vertical-align: top;} a:link { color: #3333ff; } a:visited { color: #660066; } a:hover { color: #ff3333; } a:active { color: #ff3333; } hr { width: 100%; height: 1px; color: #112244;} 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_dis_short { width: 200px; 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.password { width: 120px; 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; line-height: 15px; } .small2 { font-size: 12px; line-height: 25px; } .large { font-size: 14px; line-height: 25px; letter-spacing: 0; } .large2 { font-size: 14px; line-height: 18px; letter-spacing: 0; } .fixed { font-family: 'ＭＳ ゴシック'; } .pro { font-family: 'ＭＳ Ｐゴシック'; } .red { color: #ff0000; } .navy { color: #008888; } .glay { color: #888888; } .eco { font-size: 14px; color: #009900; } .dot { background: url(img/dot.gif) repeat-y center; } table.center_row td { text-align: center; line-height: 16px; } /* 全体レイアウト */ body { text-align: center; background: url(img/back.gif) top center repeat ; background-attachment: fixed; } table#body { width: 880px; height: 100% ; background: #ffffff; margin: 0 15px; } td#head_l { width: 20px; height: 140px; background: url(img/head_l.jpg) top right no-repeat; } td#head_c { width: 840px; height: 140px; background: url(img/head_c.jpg) bottom center no-repeat; } td#head_r { width: 20px; height: 140px; background: url(img/head_r.jpg) top left no-repeat; } td#body_l { width: 20px; height: 100% ; } td#body_c { width: 840px; height: 100% ; } td#body_r { width: 20px; height: 100% ; } td#foot_l { width: 20px; height: 50px; background: url(img/foot_l.jpg) bottom right no-repeat; } td#foot_c { width: 840px; height: 50px; background: url(img/foot_c.jpg) bottom center no-repeat; text-align: center; vertical-align: bottom; line-height: 15px; padding: 10px 0; } td#foot_r { width: 20px; height: 50px; background: url(img/foot_r.jpg) bottom left no-repeat; } div#page-top { text-align: right; } /* ヘッダー */ table#header { width: 840px; height: 80px; } td#header_t { width: 840px; height: 15px; background: url(img/header_t.jpg) top center no-repeat; line-height: 15px;} td#header_l { width: 380px; height: 55px; background: url(img/headeron.jpg) top center no-repeat; } td#header_l a { width: 380px; height: 55px; background: url(img/header_l.jpg) top center no-repeat; color: #1144aa; display: block; font-size: 9px; line-height: 12px; text-decoration: none; } td#header_l a:hover { background: url(img/space.gif) top center repeat ; color: #1144aa; } td#header_r { width: 460px; height: 25px; background: url(img/header_r.jpg) top left no-repeat; text-align: right; } td#header_b { width: 840px; height: 10px; background: url(img/header_b.jpg) top center no-repeat; line-height: 10px; } div#mm_inquiry { width: 140px; height: 25px; background: url(img/mm_inquiry_on.jpg) top center no-repeat; margin: 0 0 0 320px; } div#mm_inquiry a { width: 140px; height: 25px; background: url(img/mm_inquiry.jpg) top center no-repeat; color: #f0f5ff; display: block; font-size: 6px; line-height: 9px; text-decoration: none; text-align: center; } div#mm_inquiry a:hover { background: url(img/space.gif) top center repeat ; color: #fffdd5; } td#header_h2 { width: 460px; height: 30px; background: url(img/header_h2.jpg) top center no-repeat; } h1 { width: 100%; height: 15px; font-size: 12px; color: #003399; line-height: 15px; font-weight: normal; } h2 { width: 460px; height: 14px; font-size: 12px; color: #ccddff; line-height: 14px; font-weight: normal; margin: 6px 0 0 0; text-align: right; } /* メインメニュー ( Main Menu ) */ table#mm { width: 840px; height: 40px; } td#mm_product { width: 200px; height: 40px; background: url(img/mm_product_on.jpg) top center no-repeat; } td#mm_product a { width: 200px; height: 40px; background: url(img/mm_product.jpg) top center no-repeat; color: #e4e8f1; display: block; font-size: 9px; line-height: 12px; text-decoration: none; } td#mm_product a:hover { background: url(img/space.gif) top center repeat ; color: #fffdd5; } td#mm_cad { width: 160px; height: 40px; background: url(img/mm_cad_on.jpg) top center no-repeat; } td#mm_cad a { width: 160px; height: 40px; background: url(img/mm_cad.jpg) top center no-repeat; color: #e4e8f1; display: block; font-size: 9px; line-height: 12px; text-decoration: none; } td#mm_cad a:hover { background: url(img/space.gif) top center repeat ; color: #fffdd5; } td#mm_outline { width: 160px; height: 40px; background: url(img/mm_outline_on.jpg) top center no-repeat; } td#mm_outline a { width: 160px; height: 40px; background: url(img/mm_outline.jpg) top center no-repeat; color: #e4e8f1; display: block; font-size: 9px; line-height: 12px; text-decoration: none; } td#mm_outline a:hover { background: url(img/space.gif) top center repeat ; color: #fffdd5; } td#mm_link { width: 160px; height: 40px; background: url(img/mm_link_on.jpg) top center no-repeat; } td#mm_link a { width: 160px; height: 40px; background: url(img/mm_link.jpg) top center no-repeat; color: #e4e8f1; display: block; font-size: 9px; line-height: 12px; text-decoration: none; } td#mm_link a:hover { background: url(img/space.gif) top center repeat ; color: #fffdd5; } td#mm_sitemap { width: 160px; height: 40px; background: url(img/mm_sitemap_on.jpg) top center no-repeat; } td#mm_sitemap a { width: 160px; height: 40px; background: url(img/mm_sitemap.jpg) top center no-repeat; color: #e4e8f1; display: block; font-size: 9px; line-height: 12px; text-decoration: none; } td#mm_sitemap a:hover { background: url(img/space.gif) top center repeat ; color: #fffdd5; } td#mm_history { width: 160px; height: 40px; background: url(img/mm_history_on.jpg) top center no-repeat; } td#mm_history a { width: 160px; height: 40px; background: url(img/mm_history.jpg) top center no-repeat; color: #e4e8f1; display: block; font-size: 9px; line-height: 12px; text-decoration: none; } td#mm_history a:hover { background: url(img/space.gif) top center repeat ; color: #fffdd5; } /* 製品メニュー ( Product Menu ) */ div#pm { width: 200px; height: auto; float: left; } div#pm ul { width: 200px; height: auto; background: url(img/pm_bottom.jpg) bottom center repeat-x ; padding: 0 0 100px 0; list-style-type: none;} li#pm_concrete { width: 200px; height: 50px; background: url(img/pm_concrete_on.jpg) top center no-repeat; } li#pm_concrete a { width: 200px; height: 50px; background: url(img/pm_concrete.jpg) top center no-repeat; color: #999999; display: block; text-decoration: none; text-indent: 55px; line-height: 22px; } li#pm_concrete a:hover { background: url(img/space.gif) top center repeat ; color: #999999; } li#pm_concrete a strong { color: #003399; display: block; text-decoration: none; text-indent: 55px; line-height: 28px; font-size: 12px; letter-spacing: -1px; } li#pm_wall { width: 200px; height: 50px; background: url(img/pm_wall_on.jpg) top center no-repeat; } li#pm_wall a { width: 200px; height: 50px; background: url(img/pm_wall.jpg) top center no-repeat; color: #999999; display: block; text-decoration: none; text-indent: 55px; line-height: 22px; } li#pm_wall a:hover { background: url(img/space.gif) top center repeat ; color: #999999; } li#pm_wall a strong { color: #003399; display: block; text-decoration: none; text-indent: 55px; line-height: 28px; font-size: 16px; } li#pm_road { width: 200px; height: 50px; background: url(img/pm_road_on.jpg) top center no-repeat; } li#pm_road a { width: 200px; height: 50px; background: url(img/pm_road.jpg) top center no-repeat; color: #999999; display: block; text-decoration: none; text-indent: 55px; line-height: 22px; } li#pm_road a:hover { background: url(img/space.gif) top center repeat ; color: #999999; } li#pm_road a strong { color: #003399; display: block; text-decoration: none; text-indent: 55px; line-height: 28px; font-size: 16px; } li#pm_culvert { width: 200px; height: 50px; background: url(img/pm_culvert_on.jpg) top center no-repeat; } li#pm_culvert a { width: 200px; height: 50px; background: url(img/pm_culvert.jpg) top center no-repeat; color: #999999; display: block; text-decoration: none; text-indent: 55px; line-height: 22px; } li#pm_culvert a:hover { background: url(img/space.gif) top center repeat ; color: #999999; } li#pm_culvert a strong { color: #003399; display: block; text-decoration: none; text-indent: 55px; line-height: 28px; font-size: 16px; } li#pm_material { width: 200px; height: 50px; background: url(img/pm_material_on.jpg) top center no-repeat; } li#pm_material a { width: 200px; height: 50px; background: url(img/pm_material.jpg) top center no-repeat; color: #999999; display: block; text-decoration: none; text-indent: 55px; line-height: 22px; } li#pm_material a:hover { background: url(img/space.gif) top center repeat ; color: #999999; } li#pm_material a strong { color: #003399; display: block; text-decoration: none; text-indent: 55px; line-height: 28px; font-size: 16px; } li#pm_method { width: 200px; height: 50px; background: url(img/pm_method_on.jpg) top center no-repeat; } li#pm_method a { width: 200px; height: 50px; background: url(img/pm_method.jpg) top center no-repeat; color: #999999; display: block; text-decoration: none; text-indent: 55px; line-height: 22px; } li#pm_method a:hover { background: url(img/space.gif) top center repeat ; color: #999999; } li#pm_method a strong { color: #003399; display: block; text-decoration: none; text-indent: 55px; line-height: 28px; font-size: 16px; } li#pm_ecology { width: 200px; height: 50px; background: url(img/pm_ecology_on.jpg) top center no-repeat; } li#pm_ecology a { width: 200px; height: 50px; background: url(img/pm_ecology.jpg) top center no-repeat; color: #999999; display: block; text-decoration: none; text-indent: 55px; line-height: 22px; } li#pm_ecology a:hover { background: url(img/space.gif) top center repeat ; color: #999999; } li#pm_ecology a strong { color: #003399; display: block; text-decoration: none; text-indent: 55px; line-height: 28px; font-size: 16px; } li#adobe { width: 200px; height: 50px; background: #f1f5ff; padding: 10px 0 0 0; text-align: center; } li#adobe a { width: 160px; height: 40px; background: url(img/get_pdf.jpg) top center no-repeat; margin: 0 20px; display: block; } li#adobe a:hover { background: url(img/get_pdf_on.jpg) top center repeat ; } li#jwcad { width: 200px; height: 50px; background: #f1f5ff; padding: 5px 0 0 0; text-align: center; } li#jwcad a { width: 160px; height: 40px; background: url(img/get_cad.jpg) top center no-repeat; margin: 0 20px; display: block; } li#jwcad a:hover { background: url(img/get_cad_on.jpg) top center repeat ; } /* コンテンツ */ div#contents { width: 620px; height: auto; float: right; text-align: center; } div#navigation { width: 620px; height: 25px; background: url(img/navigation.jpg) top center no-repeat; text-align: left ; text-indent: 90px; line-height: 25px; margin: 0 0 10px 0; color: #445566; } div#navigation a { width: auto; height: auto; text-decoration: none; border-bottom: 1px dashed; } h3 { width: 620px; height: 40px; background: url(img/h3.jpg) top center no-repeat; text-align: left ; text-indent: 12px; line-height: 36px; margin: 0 0 15px 0; color: #ffffff; font-size: 24px; letter-spacing: 2px; font-family: 'ＭＳ Ｐ明朝'; } h4 { width: auto; height: 35px; background: url(img/h4.jpg) top right no-repeat; text-align: left ; text-indent: 10px; line-height: 20px; margin: 0 0 10px 0; color: #001133; font-size: 18px; letter-spacing: 1px; border-left: 1px solid #003399; line-height: 35px; } h4.h4_small { font-size: 14px; letter-spacing: 0px; } h5 { width: auto; height: 25px; background: none ; text-align: left ; text-indent: 10px; line-height: 20px; margin: 0 0 10px 0; color: #001133; font-size: 16px; letter-spacing: 1px; border-bottom: 1px dashed #003399; } h5.h5_middle { width: auto; height: 20px; background: none ; text-align: left ; text-indent: 8px; line-height: 20px; margin: 0 0 5px 0; color: #001133; font-size: 14px; letter-spacing: 1px; border-bottom: 1px dashed #003399; } h5.h5_small { width: auto; height: 16px; background: none ; text-align: left ; text-indent: 5px; line-height: 16px; margin: 0 0 3px 0; color: #001133; font-size: 14px; letter-spacing: 1px; border-bottom: 1px dashed #003399; } h5.read { width: auto; height: 15px; background: none ; text-align: left ; text-indent: 0px; line-height: 15px; margin: 0 0 10px 0; color: #cc6600; font-size: 14px; letter-spacing: 0px; border-bottom: none; } div.indent { width: auto; margin: 0 10px; text-align: left; } div.icon_1 { width: auto; height: 29px; border-bottom: 1px solid #330000; text-align: left ; font-weight: bold; line-height: 29px; margin: 0 0 5px 0; color: #330000; font-size: 18px; text-indent: 5px; } div.icon_2 { width: auto; height: 29px; border-bottom: 1px solid #003300; text-align: left ; font-weight: bold; line-height: 29px; margin: 0 0 5px 0; color: #003300; font-size: 18px; text-indent: 5px; } div.icon_3 { width: auto; height: 29px; border-bottom: 1px solid #000033; text-align: left ; font-weight: bold; line-height: 29px; margin: 0 0 5px 0; color: #000033; font-size: 18px; text-indent: 5px; } p { margin: 4px 0; text-indent: 1em; line-height: 18px; } p.small { margin: 0; font-size: 12px; line-height: 15px;} table.data { width: 600px; border-top : 1px solid #aabbcc; border-bottom: 1px solid #aabbcc; margin: 0 10px 10px 10px; } table.data th { padding: 4px 7px; background: #f0f5ff; line-height: 18px; font-weight: normal; text-align: right; font-family: 'ＭＳ ゴシック'; } table.data th.sep { background: #e8edf8; } table.data td { padding: 4px 7px; line-height: 18px; } table.data td.sep { background: #f8f8f8; } table.data2 { border-top : 1px solid #aabbcc; border-bottom: 1px solid #aabbcc; margin: 0 10px 10px 10px; } table.data2 th { padding: 4px 4px; background: #f0f5ff; vertical-align: middle; line-height: 16px; font-weight: normal; font-family: 'ＭＳ ゴシック'; } table.data2 th.first { border-top : 1px solid #aabbcc; } table.data2 th.sep { background: #e8edf8; } table.data2 td { padding: 4px 7px; line-height: 16px; text-align: center; } table.data2 td.first { border-top : 1px solid #aabbcc; } table.data2 td.sep { background: #f8f8f8; } table.data3 { border-top : 1px solid #aabbcc; border-bottom: 1px solid #aabbcc; } table.data3 th { padding: 2px 2px; background: #f0f5ff; vertical-align: middle; line-height: 16px; font-weight: normal; font-family: 'ＭＳ ゴシック'; } table.data3 th.sep { background: #e8edf8; } table.data3 td { padding: 2px 4px; line-height: 16px; text-align: center; } table.data3 td.first { border-top : 1px solid #aabbcc; } table.data3 td.sep { background: #f8f8f8; } 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; } table.data5 { border-top : 1px solid #aabbcc; border-left : 1px dashed #aabbcc; margin: 2px 0; } table.data5 th { padding: 1px ; border-right : 1px dashed #aabbcc; border-bottom: 1px solid #aabbcc; background: #f0f5ff; vertical-align: middle; line-height: 14px; font-weight: normal; font-family: 'ＭＳ ゴシック'; } table.data5 th.sep { background: #e8edf8; } table.data5 td { padding: 1px ; border-right : 1px dashed #aabbcc; border-bottom: 1px solid #aabbcc; line-height: 14px; text-align: center; } table.data5 td.sep { background: #f8f8f8; } ul.list { margin: 5px 0 5px 0; list-style-type: none; } ul.list li { padding: 2px 0 2px 18px; background: url(img/li.gif) left top no-repeat; line-height: 18px; } ul.list li.large { line-height: 20px; } ol { margin: 5px 0 10px 28px; list-style-type: decimal; } ol li { padding: 0 0 7px 0; line-height: 18px; } ol.secand { list-style-type: upper-alpha; } img.right { margin: 0 0 0 10px; } img.left { margin: 0 10px 0 0; } div.box380 { width: 380px; margin: 5px 0 10px 0; padding: 6px 10px; background: #ffeecc; border: 1px solid #cc9966;} span.normal_14 { font-weight: normal; font-size: 14px; letter-spacing: 0; } span.normal_12 { font-weight: normal; font-size: 12px; letter-spacing: 0; } span.normal_10 { font-weight: normal; font-size: 10px; letter-spacing: 0; } a.margin_top5 { margin: 5px 0 0 0 ; } .button 　 { height: 26px; background: #dddddd; color: #000000; border: none ; display: block; text-align: center; line-height: 26px; font-size: 14px; text-decoration: none; letter-spacing: 1px; } .button a { width: 100%; height: 24px; background: #f8f8f8; color: #0000ff; border: 1px outset; display: block; text-align: center; line-height: 24px; font-size: 14px; text-decoration: none; letter-spacing: 1px; } .button a:visited { background: #f8f8f8; color: #cc00cc; border: 1px outset;} .button a:hover { background: #f0f0f0; color: #ff0000; border: 1px inset;} .button a:active { background: #f0f0f0; color: #ff0000; border: 1px inset;} a:link { color: #3333ff; } a:visited { color: #660066; } a:hover { color: #ff3333; } a:active { color: #ff3333; } /* index.html */ table#index { width: 620px; height: 350px; } td#index_h { width: 620px; height: 170px; background: url(img/index_h.jpg) top center no-repeat; color: #fbfdff; font-size: 9px; line-height: 10px; } td#index_b1 { width: 40px; height: 160px; background: url(img/index_b1.jpg) top center no-repeat; } td#index_b2 { width: 160px; height: 160px; background: url(img/index_b2_on.jpg) top center no-repeat; } td#index_b2 a { width: 160px; height: 160px; background: url(img/index_b2.jpg) top center no-repeat; display: block; font-size: 6px; line-height: 15px; text-decoration: none; text-align: center; color:#666666; } td#index_b2 a:hover { background: url(img/space.gif) top center repeat ; } td#index_b3 { width: 30px; height: 160px; background: url(img/index_b3.jpg) top center no-repeat; } td#index_b4 { width: 160px; height: 160px; background: url(img/index_b4_on.jpg) top center no-repeat; } td#index_b4 a { width: 160px; height: 160px; background: url(img/index_b4.jpg) top center no-repeat; display: block; font-size: 6px; line-height: 15px; text-decoration: none; text-align: center; color:#99ccff; } td#index_b4 a:hover { background: url(img/space.gif) top center repeat ; } td#index_b5 { width: 30px; height: 160px; background: url(img/index_b5.jpg) top center no-repeat; } td#index_b6 { width: 160px; height: 160px; background: url(img/index_b6_on.jpg) top center no-repeat; } td#index_b6 a { width: 160px; height: 160px; background: url(img/index_b6.jpg) top center no-repeat; display: block; font-size: 6px; line-height: 15px; text-decoration: none; text-align: center; color:#444488; } td#index_b6 a:hover { background: url(img/space.gif) top center repeat ; } td#index_b7 { width: 40px; height: 160px; background: url(img/index_b7.jpg) top center no-repeat; } td#index_f { width: 620px; height: 20px; background: url(img/index_f.jpg) top center no-repeat; } div#whats-new { width: 620px; height: auto; background: url(img/whats-new.jpg) top center repeat-y ; border-bottom: 2px solid #666699; margin: 0 0 10px 0; } div#whats-new ul { width: 100%; height: auto; background: url(img/whats-new_head.jpg) top center no-repeat; padding: 45px 0 0 0; list-style-image: url(img/li_new.gif); text-align: left; } div#whats-new li { margin: 0px 5px 10px 30px; line-height: 15px; font-family: 'ＭＳ ゴシック'; font-size: 12px;} /* product */ td.product { width: 298px; height: auto; border: 1px dashed #999999; } td.product div { width: 280px; height: auto; margin: 9px 9px 0 9px; } td.product h5 { width: 280px; height: 25px; border-bottom: none; margin: 0 0 5px 0; } td.product h5 a { width: auto ; height: 25px; background: url(img/product_h5.jpg) bottom center repeat-x ; color: #000099; font-size: 16px; border-bottom: 1px solid; text-decoration: none; display: block; line-height: 25px; } td.product h5 a:visited { background: url(img/product_h5.jpg) bottom center repeat-x ; color: #990099; } td.product h5 a:hover { background: url(img/product_h5_on.jpg) bottom center repeat-x ; color: #990000; } td.product h5 a:active { background: url(img/product_h5_on.jpg) bottom center repeat-x ; color: #ff0000; } td.product img { margin: 0 1px 0px 0; } td.product p { width: 170px; font-size: 12px; text-indent: 1em; line-height: 18px; } 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 ; } td.cad { width: 80px; height: 20px; background: url(img/button_cad_on.jpg) top center no-repeat; } td.cad a { width: 80px; height: 20px; background: url(img/button_cad.jpg) top center no-repeat; display: block; } td.cad a:hover { background: url(img/space.gif) repeat ; } div.cad_get { width: 80px; height: 20px; background: url(img/button_cad_on.jpg) top center no-repeat; } div.cad_get a { width: 80px; height: 20px; background: url(img/button_cad.jpg) top center no-repeat; display: block; padding: 0; } div.cad_get a:hover { background: url(img/space.gif) repeat ; } form.cad_get { width: 80px; height: 20px; } /* cad */ 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; } /* con */ div#con { width: 620px; height: 500px; background: url(img/p_con01.jpg) center center no-repeat; text-align: center; font-size: 14px; line-height: 25px;} /* golcon */ .box { width: auto; margin: 10px; padding: 5px; background: #ffffcc; border: 1px solid #999966; } ul.menu { height: 16px; line-height: 16px; list-style-type: none; } ul.menu li { height: 16px; line-height: 16px; border-right: 1px solid #666666; float: left; padding: 0 5px; } ul.menu li.last { height: 16px; line-height: 16px; border-right: none; float: right; } ul.menu a { margin: 0 3px; padding: 1px; line-height: 16px; text-decoration: none; border-bottom: 1px dashed;} ul.menu a:hover { background: #ffcccc; } div.golcon_index { width: 380px; height: auto; color: #006600; margin: 0 0 20px 0; line-height: 30px; font-size: 18px; background: none; text-indent: 0; letter-spacing: 0; padding: 10px 0; background: #eeffdd; border: 1px outset #ccffcc; text-align: center; } table.golcon { border-top : 1px solid #aaaaaa; border-left : 1px solid #aaaaaa; margin: 0;} table.golcon td { border-bottom: 1px solid #aaaaaa; border-right : 1px solid #aaaaaa; text-align: center; padding: 2px; vertical-align: middle; line-height: 16px; } .back-def { background: #ddeeff; } .back-fed { background: #ffeedd; } .back-efd { background: #eeffdd; } .back-edf { background: #eeddff; } /* eco_crystal */ table.eco01_menu { width: 620px; margin: 0 0 4px 0; } td#eco01_b01 { width: 100px; height: 100px; background: url(img/eco01_b01_on.jpg) top center no-repeat; } td#eco01_b01 a { width: 100px; height: 100px; background: url(img/eco01_b01.jpg) top center no-repeat; display: block; } td#eco01_b01 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b02 { width: 100px; height: 100px; background: url(img/eco01_b02_on.jpg) top center no-repeat; } td#eco01_b02 a { width: 100px; height: 100px; background: url(img/eco01_b02.jpg) top center no-repeat; display: block; } td#eco01_b02 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b03 { width: 100px; height: 100px; background: url(img/eco01_b03_on.jpg) top center no-repeat; } td#eco01_b03 a { width: 100px; height: 100px; background: url(img/eco01_b03.jpg) top center no-repeat; display: block; } td#eco01_b03 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b04 { width: 100px; height: 100px; background: url(img/eco01_b04_on.jpg) top center no-repeat; } td#eco01_b04 a { width: 100px; height: 100px; background: url(img/eco01_b04.jpg) top center no-repeat; display: block; } td#eco01_b04 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b05 { width: 100px; height: 100px; background: url(img/eco01_b05_on.jpg) top center no-repeat; } td#eco01_b05 a { width: 100px; height: 100px; background: url(img/eco01_b05.jpg) top center no-repeat; display: block; } td#eco01_b05 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b06 { width: 100px; height: 100px; background: url(img/eco01_b06_on.jpg) top center no-repeat; } td#eco01_b06 a { width: 100px; height: 100px; background: url(img/eco01_b06.jpg) top center no-repeat; display: block; } td#eco01_b06 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b07 { width: 100px; height: 100px; background: url(img/eco01_b07_on.jpg) top center no-repeat; } td#eco01_b07 a { width: 100px; height: 100px; background: url(img/eco01_b07.jpg) top center no-repeat; display: block; } td#eco01_b07 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b08 { width: 100px; height: 100px; background: url(img/eco01_b08_on.jpg) top center no-repeat; } td#eco01_b08 a { width: 100px; height: 100px; background: url(img/eco01_b08.jpg) top center no-repeat; display: block; } td#eco01_b08 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b09 { width: 100px; height: 100px; background: url(img/eco01_b09_on.jpg) top center no-repeat; } td#eco01_b09 a { width: 100px; height: 100px; background: url(img/eco01_b09.jpg) top center no-repeat; display: block; } td#eco01_b09 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b10 { width: 100px; height: 100px; background: url(img/eco01_b10_on.jpg) top center no-repeat; } td#eco01_b10 a { width: 100px; height: 100px; background: url(img/eco01_b10.jpg) top center no-repeat; display: block; } td#eco01_b10 a:hover { background: url(img/space.gif) top center repeat ; } td#eco01_b11 { width: 100px; height: 100px; background: url(img/eco01_b11_on.jpg) top center no-repeat; } td#eco01_b11 a { width: 100px; height: 100px; background: url(img/eco01_b11.jpg) top center no-repeat; display: block; } td#eco01_b11 a:hover { background: url(img/space.gif) top center repeat ; } div.eco_sub { width: 620px; height: 240px; display: block; } img.eco_sub { border: 10px solid #ffffff;} /* link.html */ ul.link { width: auto; border-top : 1px dashed #999999; margin: 0 20px 0 10px; list-style-type: none; } ul.link li { width: auto; border-bottom: 1px dashed #999999; margin: 0; padding: 5px 10px; } ul.link li a { margin: 9px; display: block; } /* sitemap */ table.sitemap 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.sitemap 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.sitemap a:visited { background: url(img/site_visited.jpg) center left no-repeat #ffffff; } table.sitemap a:hover { background: url(img/site_hover.jpg) center left no-repeat #ffffff; } table.sitemap td.pdf { width: 80px; height: 30px; background: url(img/button_pdf_on.jpg) center center no-repeat; } table.sitemap td.pdf a { width: 80px; height: 20px; background: url(img/button_pdf.jpg) center center no-repeat; line-height: 20px; padding: 0; display: block; } table.sitemap td.pdf a:visited { background: url(img/button_pdf.jpg) center center no-repeat; } table.sitemap td.pdf a:hover { background: url(img/space.gif) repeat ; } table.sitemap td.cad { width: 80px; height: 30px; background: url(img/button_cad_on.jpg) center center no-repeat; } table.sitemap td.cad a { width: 80px; height: 20px; background: url(img/button_cad.jpg) center center no-repeat; line-height: 20px; padding: 0; display: block; } table.sitemap td.cad a:visited { background: url(img/button_cad.jpg) center center no-repeat; } table.sitemap td.cad a:hover { background: url(img/space.gif) repeat ; }