/* ‘S‘̃fƒUƒCƒ“ */ * { margin: 0; padding: 0;} div,td,th,li { color: #333333; font-size: 12px; line-height: 20px; font-family: '‚l‚r ƒSƒVƒbƒN'; vertical-align: top;} p { color: #333333; font-size: 12px; line-height: 16px; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; text-indent: 10px; margin: 4px 0;} a:link { color: #3300ff } a:visited { color: #990099 } a:hover { color: #ff3333 } a:active { color: #ff3333 } hr { width: 100%; height: 1px; color: #663300;} strong { font-weight: bold;} .red { color: #ff0000; } .navy { color: #000088; } .green { color: #009900; } .blue { color: #0000ff; } .small { font-size: 10px; font-weight: normal; } .small2 { font-size: 10px; font-weight: normal; line-height: 15px; } .small08 { font-size: 8px; font-weight: normal; } .small10 { font-size: 10px; font-weight: normal; } .small12 { font-size: 12px; font-weight: normal; } .small14 { font-size: 14px; font-weight: normal; } .large { font-size: 18px; font-weight: bold ; line-height: 24px; } .ls10 { letter-spacing: 1em; } .pro { font-family: "‚l‚r ‚oƒSƒVƒbƒN"; } /* ‘S‘̃ŒƒCƒAƒEƒg */ body { text-align: left; font-weight: normal; background: url(img/back.jpg) repeat left #eeeeee; background-attachment: fixed; } table#body { width: 880px; height: 100%; background: #ffffff; border-right: 1px #888888 solid; } td#header { width: 880px; height: 85px; } h1 { width: auto; height: 20px; color: #669966; font-size: 12px; line-height: 20px; margin: 0; font-weight: normal; padding: 0 20px; text-align: left; background: url(img/h1.jpg) no-repeat; font-family: '‚l‚r ‚oƒSƒVƒbƒN';} table#head-box { width: 880px; height: 64px; border-bottom: 1px #888888 solid; background: url(img/header.jpg) top right no-repeat; } td#head-box1 { width: 20px; height: 64px; } td#head-box2 { width: 220px; height: 64px; } td#head-box2 a { width: 220px; height: 64px; display: block; background: url(img/header_title.jpg) top left no-repeat; color: #ffffff; text-decoration: none; font-size: 9px; } td#head-box2 a:hover { background: url(img/header_title.jpg) top right no-repeat; color: #ffffff;} td#head-box3 { width: 620px; height: 64px; vertical-align: middle; text-align: right; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; } td#head-box4 { width: 20px; height: 64px; } td#mainmenu { width: 880px; height: 55px; background: url(img/b_footer.jpg) repeat-x bottom; vertical-align: top; } table#menu-box { width: 100%; height: 35px; } td#menu-boxleft { width: 20px; height: 35px; background: url(img/b_left.jpg); } td#menu-box01 { width: 120px; height: 35px; text-align:center; } td#menu-box01 a { width: 120px; height: 35px; display: block; background: url(img/b01.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box01 a:hover { background: url(img/b01.jpg) bottom center no-repeat; color: #669966; } td#menu-box02 { width: 120px; height: 35px; text-align:center; } td#menu-box02 a { width: 120px; height: 35px; display: block; background: url(img/b02.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box02 a:hover { background: url(img/b02.jpg) bottom center no-repeat; color: #669966; } td#menu-box03 { width: 120px; height: 35px; text-align:center; } td#menu-box03 a { width: 120px; height: 35px; display: block; background: url(img/b03.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box03 a:hover { background: url(img/b03.jpg) bottom center no-repeat; color: #669966; } td#menu-box04 { width: 120px; height: 35px; text-align:center; } td#menu-box04 a { width: 120px; height: 35px; display: block; background: url(img/b04.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box04 a:hover { background: url(img/b04.jpg) bottom center no-repeat; color: #669966; } td#menu-box05 { width: 120px; height: 35px; text-align:center; } td#menu-box05 a { width: 120px; height: 35px; display: block; background: url(img/b05.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box05 a:hover { background: url(img/b05.jpg) bottom center no-repeat; color: #669966; } td#menu-box06 { width: 120px; height: 35px; text-align:center; } td#menu-box06 a { width: 120px; height: 35px; display: block; background: url(img/b06.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box06 a:hover { background: url(img/b06.jpg) bottom center no-repeat; color: #669966; } td#menu-box07 { width: 120px; height: 35px; text-align:center; } td#menu-box07 a { width: 120px; height: 35px; display: block; background: url(img/b07.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box07 a:hover { background: url(img/b07.jpg) bottom center no-repeat; color: #669966; } td#menu-box08 { width: 140px; height: 35px; text-align:center; } td#menu-box08 a { width: 140px; height: 35px; display: block; background: url(img/b08.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box08 a:hover { background: url(img/b08.jpg) bottom center no-repeat; color: #669966; } td#menu-box11 { width: 140px; height: 35px; text-align:center; } td#menu-box11 a { width: 140px; height: 35px; display: block; background: url(img/b11.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box11 a:hover { background: url(img/b11.jpg) bottom center no-repeat; color: #669966; } td#menu-box13 { width: 140px; height: 35px; text-align:center; } td#menu-box13 a { width: 140px; height: 35px; display: block; background: url(img/b13.jpg) top center no-repeat; color: #99cc99; font-size: 8px; line-height: 9px; text-decoration: none; } td#menu-box13 a:hover { background: url(img/b13.jpg) bottom center no-repeat; color: #669966; } td#menu-boxright { width: 20px; height: 30px; background: url(img/b_right.jpg); } td#main { width: 880px; height: 100%; } table#main { width: 100%; height: 100%; } td#mainleft { width: 20px; height: 100%; } td#submenu { width: 200px; height: 100%; background: url(img/submenu.jpg) repeat-y top center; border-top: 1px solid #889988; border-bottom: 1px solid #889988; } td#submenu ul { width: 192px; height: auto; margin: 4px 0 0 4px; background: url(img/submenu-title.jpg) left top no-repeat; padding: 30px 0 0 0; } td#submenu li { width: auto; height: auto; margin: 0 0 4px 0; background: #f8fff8; text-align: left; display:block; list-style-type: none;} td#submenu li a { width: 100%; height: auto; padding: 4px 0; line-height: 17px; background: url(img/submenu-li.jpg) left repeat-y; border: 1px outset #ffffff; text-align: left center; display: block; text-decoration: none; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; text-indent: 10px;} td#submenu li a:hover { background: url(img/submenu-li_on.jpg) left repeat-y; border: 1px inset #ffffff;} td#submenu li.now a { background: url(img/submenu-li-now.jpg) left repeat-y; } td#submenu li.now a:hover { background: url(img/submenu-li-now_on.jpg) left repeat-y; } td#maincenter { width: 20px; height: 100%; } td#contents { width: 620px; height: 100%; } td#contents-l { width: 840px; height: 100%; } td#mainright { width: 20px; height: 100%; } div#contents-left { width: 200px; float : left; } div#contents-left2 { width: 200px; float : left; height: 450px; background: url(img/menu_back.jpg) no-repeat top center; } div#contents-right { width: 620px; float : right; } td#footer { width: 880px; height: 70px; background: url(img/footer.jpg) repeat-x center bottom; text-align: center; padding: 15px 0 0 0; line-height: 30px;} h2 { width: 620px; height: 30px; color: #ffffff; margin: 0 0 5px 0; line-height: 30px; font-size: 18px; background: url(img/h2.jpg) no-repeat #339933; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; letter-spacing: 1px; text-indent: 30px; } div#navigation { width: 620px; height: 30px; color: #999999; margin: 0 0 10px 0; line-height: 30px; background: url(img/navigation.jpg) no-repeat; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; text-indent: 30px; } div#navigation a { color: #6666ff; text-decoration: none; border-bottom: 1px dashed; } div#navigation a:visited { color: #cc66cc; } div#navigation a:hover { color: #ff6666; } h3 { width: 620px; height: 30px; color: #000000; margin: 0 0 10px 0; line-height: 30px; font-size: 16px; background: url(img/h3.jpg) no-repeat #eeeeee; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; text-indent: 30px; } h3.w214 { width: 214px; background: url(img/h3-w214.jpg) no-repeat #eeeeee; } h3.w214-2 { width: 184px; text-indent: 0px; padding: 0 0 0 30px; background: url(img/h3-w214.jpg) no-repeat #eeeeee; } h3.w214-2 a { line-height: 18px; } h3.w214-2 a span.small { line-height: 10px; font-size: 9px; font-weight: normal;} h3.w372 { width: 372px; background: url(img/h3-w372.jpg) no-repeat #eeeeee; } h3.w410 { width: 410px; background: url(img/h3-w410.jpg) no-repeat #eeeeee; } h3.small { font-size: 14px; } h4 { width: auto; height: 20px; color: #006600; margin: 0 0 5px 0 ; line-height: 20px; font-size: 14px; border-bottom: 1px dashed #339933; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; text-indent: 5px; } h4.h4l { width: auto; height: 30px; color: #006600; margin: 0 0 5px 0 ; line-height: 30px; font-size: 18px; border-bottom: 1px dashed #339933; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; text-indent: 5px; } div.indent { width: auto; height: auto; padding: 0 0 0 20px; display: block; } div.box { width: auto; margin: 10px 0 ; padding: 10px; background: #ffffcc; border: 1px outset #ffffcc; display: block; font-family: '‚l‚r ‚oƒSƒVƒbƒN';} div.box2 { width: 350px; margin: 10px 0 ; padding: 10px; background: #ffffcc; border: 1px outset #ffffcc; display: block; font-family: '‚l‚r ‚oƒSƒVƒbƒN';} div.adobe { width: auto; padding: 10px 15px; background: #ffcc66; line-height: 16px; border: 1px outset #ffcc66; } div.comment { width: auto; text-align: right; color: #666666; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; } img.left { margin: 0 20px 0 0;} img.right { margin: 0 0 0 20px;} ul.list { margin: 5px 0 0 20px; list-style-image: url(img/li.jpg); } ul.list li { margin: 5px 0; line-height: 15px; } ol { margin: 5px 0 0 25px;} ol li { margin: 0 0 5px 0; line-height: 18px; } input.button { width: 120px; color: #333333; font-size: 12px; line-height: 20px; font-family: '‚l‚r ƒSƒVƒbƒN'; height: 24px; letter-spacing: 3px; } input.button80 { width: 80px; color: #333333; font-size: 12px; line-height: 20px; font-family: '‚l‚r ƒSƒVƒbƒN'; height: 24px; letter-spacing: 1px; } input.text_act { width: 400px; color: #333333; font-size: 12px; line-height: 20px; font-family: '‚l‚r ƒSƒVƒbƒN'; height: 22px; padding: 1px 3px; margin: 0 4px 4px 4px; vertical-align: middle; border: 1px solid #aaaabb; background: #ffffdd; ime-mode: active;} input.text_dis { width: 400px; color: #333333; font-size: 12px; line-height: 20px; font-family: '‚l‚r ƒSƒVƒbƒN'; height: 22px; padding: 1px 3px; margin: 0 4px 4px 4px; vertical-align: middle; border: 1px solid #aaaabb; background: #ffffdd; ime-mode: disabled;} input.text_dis_short{ width: 100px; color: #333333; font-size: 12px; line-height: 20px; font-family: '‚l‚r ƒSƒVƒbƒN'; height: 22px; padding: 1px 3px; margin: 0 4px 4px 4px; vertical-align: middle; border: 1px solid #aaaabb; background: #ffffdd; ime-mode: disabled;} textarea { width: 400px; color: #333333; font-size: 12px; line-height: 20px; font-family: '‚l‚r ƒSƒVƒbƒN'; padding: 1px 3px; margin: 0 4px 4px 4px; vertical-align: middle; border: 1px solid #aaaabb; background: #ffffdd; ime-mode: active;} table.data { border-top : 1px solid #889988; margin: 0;} table.data th { border-bottom: 1px solid #889988; padding: 3px ; background: url(img/th.jpg) repeat #dddddd;} table.data th.mid { vertical-align: middle; } table.data td { border-bottom: 1px solid #889988; padding: 3px 5px; } table.detail { border-top : 1px solid #669966; border-left : 1px solid #669966; margin: 0;} table.detail th { border-bottom: 1px solid #669966; border-right: 1px solid #669966; padding: 2px 4px; line-height: 15px; background: #cceecc; vertical-align: middle;} table.detail td { border-bottom: 1px solid #669966; border-right: 1px solid #669966; padding: 2px 4px; line-height: 15px;} td.yealow { background: #ffffdd;} td.green { background: #eeffee;} table.schedule { border-top : 1px solid #669966; border-left : 1px solid #669966; } table.schedule th { border-bottom: 1px solid #669966; border-right: 1px solid #669966; background: #ccffcc; } table.schedule td { border-bottom: 1px solid #669966; border-right: 1px solid #669966; padding: 0 3px; } table.qanda { border-top : 1px solid #cccccc; margin: 0;} table.qanda th { border-bottom: 1px solid #cccccc; padding: 4px 5px; } table.qanda th.q { border-bottom: 1px solid #cccccc; padding: 4px 5px; background: #ddddff; width: 20px; color: #0000cc; } table.qanda th.a { border-bottom: 1px solid #cccccc; padding: 4px 5px; background: #ffdddd; width: 20px; color: #cc0000; } table.qanda td { border-bottom: 1px solid #cccccc; padding: 1px 5px; } table.qanda td.q { border-bottom: 1px solid #cccccc; padding: 1px 5px; background: #f8f8ff; } table.qanda td.a { border-bottom: 1px solid #cccccc; padding: 1px 5px; background: #fff8f8; font-family: '‚l‚r ‚oƒSƒVƒbƒN';} /* blog.cgi */ table#blog { width: 620px; } td#blog_left { width: 440px; padding: 0 15px 0 0; border-right: 1px dashed #999999; } td#blog_right { width: 160px; padding: 0 0 0 14px; } div.blog_sub_title { width: 100% ; color: #ffffff; background: #006600; padding: 1px 5px; border: 1px outset #99ff99; font-size: 12px; line-height: 18px; margin: 0 0 5px 0; } /* calender2.cgi */ table#calender2 { width: 100% ; } table#calender2 td { font-size: 10px; line-height: 12px; padding: 1px 2px; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; border-bottom: 1px solid #999999; } table#calender2 th { font-size: 10px; line-height: 12px; padding: 1px 2px; font-family: '‚l‚r ‚oƒSƒVƒbƒN'; border-bottom: 1px solid #999999; background: #cccccc; } /* counter */ table#counter { width: 100% ; } table#counter th { width: 50% ; border-bottom: 1px solid #999999; font-size: 12px; } table#counter td { width: 50% ; border-bottom: 1px solid #999999; font-size: 12px; text-align: center; } /* japan */ table#japan { width: 100%;} table#japan td { width: 60px; height: 20px; text-align: center; } td.japan1 { width: auto; line-height: 45px; text-align: center; background: #ccccff; color: #999999; } td.japan2 { width: auto; line-height: 45px; text-align: center; background: #ccddee; color: #999999; } td.japan3 { width: auto; line-height: 45px; text-align: center; background: #cceedd; color: #999999; } td.japan4 { width: auto; line-height: 45px; text-align: center; background: #ccffcc; color: #999999; } td.japan5 { width: auto; line-height: 45px; text-align: center; background: #ddeecc; color: #999999; } td.japan6 { width: auto; line-height: 45px; text-align: center; background: #eeddcc; color: #999999; } td.japan7 { width: auto; line-height: 45px; text-align: center; background: #ffcccc; color: #999999; } td.japan8 { width: auto; line-height: 45px; text-align: center; background: #eeccdd; color: #999999; } td.japan9 { width: auto; line-height: 45px; text-align: center; background: #ddccee; color: #999999; } div.gototop { text-align: right; } /* 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 ; } /* faq_index */ table#faq_index { width: 620px; } div#faq_index00 { width: 200px; height: 100px; background: url(img/faq_index00_on.jpg) center center no-repeat; } div#faq_index00 a { width: 200px; height: 100px; background: url(img/faq_index00.jpg) center center no-repeat; display: block; } div#faq_index00 a:hover { background: url(img/space.gif) repeat ; } div#faq_index01 { width: 200px; height: 100px; background: url(img/faq_index01_on.jpg) center center no-repeat; } div#faq_index01 a { width: 200px; height: 100px; background: url(img/faq_index01.jpg) center center no-repeat; display: block; } div#faq_index01 a:hover { background: url(img/space.gif) repeat ; } div#faq_index02 { width: 200px; height: 100px; background: url(img/faq_index02_on.jpg) center center no-repeat; } div#faq_index02 a { width: 200px; height: 100px; background: url(img/faq_index02.jpg) center center no-repeat; display: block; } div#faq_index02 a:hover { background: url(img/space.gif) repeat ; } div#faq_index03 { width: 200px; height: 100px; background: url(img/faq_index03_on.jpg) center center no-repeat; } div#faq_index03 a { width: 200px; height: 100px; background: url(img/faq_index03.jpg) center center no-repeat; display: block; } div#faq_index03 a:hover { background: url(img/space.gif) repeat ; } div#faq_index04 { width: 200px; height: 100px; background: url(img/faq_index04_on.jpg) center center no-repeat; } div#faq_index04 a { width: 200px; height: 100px; background: url(img/faq_index04.jpg) center center no-repeat; display: block; } div#faq_index04 a:hover { background: url(img/space.gif) repeat ; } div#faq_index05 { width: 200px; height: 100px; background: url(img/faq_index05_on.jpg) center center no-repeat; } div#faq_index05 a { width: 200px; height: 100px; background: url(img/faq_index05.jpg) center center no-repeat; display: block; } div#faq_index05 a:hover { background: url(img/space.gif) repeat ; } div#faq_index06 { width: 200px; height: 100px; background: url(img/faq_index06_on.jpg) center center no-repeat; } div#faq_index06 a { width: 200px; height: 100px; background: url(img/faq_index06.jpg) center center no-repeat; display: block; } div#faq_index06 a:hover { background: url(img/space.gif) repeat ; } div#faq_index07 { width: 200px; height: 100px; background: url(img/faq_index07_on.jpg) center center no-repeat; } div#faq_index07 a { width: 200px; height: 100px; background: url(img/faq_index07.jpg) center center no-repeat; display: block; } div#faq_index07 a:hover { background: url(img/space.gif) repeat ; } div#faq_index08 { width: 200px; height: 100px; background: url(img/faq_index08_on.jpg) center center no-repeat; } div#faq_index08 a { width: 200px; height: 100px; background: url(img/faq_index08.jpg) center center no-repeat; display: block; } div#faq_index08 a:hover { background: url(img/space.gif) repeat ; } div#faq_index09 { width: 200px; height: 100px; background: url(img/faq_index09_on.jpg) center center no-repeat; } div#faq_index09 a { width: 200px; height: 100px; background: url(img/faq_index09.jpg) center center no-repeat; display: block; } div#faq_index09 a:hover { background: url(img/space.gif) repeat ; }