body { margin: 0px; background-color: #ffffff; color: #000000; font-size: 0px; line-height: 0px; font-family: monospace; } form { margin: 0px; } .clear { clear: both; font-size: 0px; height: 1px; line-height: 0px; } table { border-collapse: collapse; table-layout: fixed; } span.hide { display: none; } .spacer1 { margin: 0px; padding: 0px 0px 15px; } .spacer2 { margin: 0px; padding: 0px 0px 30px; } .spacer3 { margin: 0px; padding: 0px 0px 10px; } p { margin: 0px; padding: 0px 0px 15px; font-size: 12px; line-height: 150%; } h3 { margin: 0px 0px 15px; padding: 5px 30px; background: #5485C2 url("images/square2.gif") 12px 9px no-repeat; font-size: 12px; line-height: 150%; color: #ffffff; font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif; } .contents { margin: 0px auto; padding: 0px 0px 30px; } .next { margin: 0px; padding: 0px 0px 15px; width: 88px; float: right; } .next a { width: 88px; height: 12px; background: url(images/next.gif) no-repeat; display: block; } .next a:hover { background: url(images/next-on.gif) no-repeat; display: block; } .back { margin: 0px; padding: 0px 0px 15px; width: 88px; float: left; } .back a { width: 88px; height: 12px; background: url(images/back.gif) no-repeat; display: block; } .back a:hover { background: url(images/back-on.gif) no-repeat; display: block; } .tolist { margin: 0px; padding: 0px 0px 15px; width: 76px; float: right; } .tolist a { width: 76px; height: 13px; background: url(images/tolist.gif) no-repeat; display: block; } .tolist a:hover { background: url(images/tolist-on.gif) no-repeat; display: block; } .more { margin: 0px; padding: 0px 0px 15px; width: 79px; float: right; } .more a { width: 79px; height: 11px; background: url(images/more.gif) no-repeat; display: block; } .more a:hover { background: url(images/more-on.gif) no-repeat; display: block; } .f1 { margin: 0px 0px 15px; width: 100%; } .f1 th { padding: 5px 20px 5px 30px; background: url("images/square.gif") 13px 9px no-repeat; font-size: 12px; line-height: 150%; font-weight: normal; text-align: left; vertical-align: top; } .f1 td { padding: 5px 0px; font-size: 12px; line-height: 150%; vertical-align: top; } .f2 { margin: 0px 0px 15px; width: 100%; } .f2 th { padding: 5px 10px; border: 1px solid #cccccc; background: #f0f0f0; font-size: 12px; line-height: 150%; font-weight: normal; text-align: left; vertical-align: top; } .f2 td { padding: 5px 10px; border: 1px solid #cccccc; font-size: 12px; line-height: 150%; vertical-align: top; } .line { padding: 0px; height: 1px; background: url(images/line.gif) top repeat-x; } .line2 { padding: 0px 0px 15px; height: 1px; background: url(images/line.gif) top repeat-x; } a:link { color: #3868A3; text-decoration: underline; } a:visited { color: #3868A3; text-decoration: underline; } a:active { color: #3868A3; text-decoration: underline; } a:hover { color: #4D82C1; text-decoration: underline; } input[type="text"] { padding: 2px; border: solid 1px #666666; font-size: 12px; width: 90%; } textarea { padding: 2px; border: solid 1px #666666; font-size: 12px; width: 90%; height: 160px; } .f-button { margin: 0px; padding: 0px 0px 15px; text-align: center; font-size: 12px; } /** head **/ #head { margin: 0px auto; width: 900px; } h1 { margin: 0px; width: 370px; height: 77px; background: #ffffff url(images/logo.gif) no-repeat; float: left; } #h-tel { margin: 0px; width: 236px; height: 43px; background: #ffffff url(images/h-tel.gif) no-repeat; float: right; } #m-s1 { margin: 0px; width: 81px; float: right; } #m-s1 a { width: 81px; height: 43px; background: url(images/m-s1.gif) no-repeat; display: block; } #m-s1 a:hover { background: url(images/m-s1-on.gif) no-repeat; display: block; } #m-s2 { margin: 0px; width: 98px; float: right; } #m-s2 a { width: 98px; height: 43px; background: url(images/m-s2.gif) no-repeat; display: block; } #m-s2 a:hover { background: url(images/m-s2-on.gif) no-repeat; display: block; } /*****/ /** menu **/ #menu { margin: 0px; background: #ffffff url(images/menu.gif) top repeat-x; } #m { margin: 0px auto; width: 900px; } #m1 { margin: 0px; width: 114px; float: left; } #m1 a { width: 114px; height: 45px; background: url(images/m1.gif) no-repeat; display: block; } #m1 a:hover { background: url(images/m1-on.gif) no-repeat; display: block; } #m2 { margin: 0px; width: 112px; float: left; } #m2 a { width: 112px; height: 45px; background: url(images/m2.gif) no-repeat; display: block; } #m2 a:hover { background: url(images/m2-on.gif) no-repeat; display: block; } #m3 { margin: 0px; width: 112px; float: left; } #m3 a { width: 112px; height: 45px; background: url(images/m3.gif) no-repeat; display: block; } #m3 a:hover { background: url(images/m3-on.gif) no-repeat; display: block; } #m4 { margin: 0px; width: 113px; float: left; } #m4 a { width: 113px; height: 45px; background: url(images/m4.gif) no-repeat; display: block; } #m4 a:hover { background: url(images/m4-on.gif) no-repeat; display: block; } #m5 { margin: 0px; width: 112px; float: left; } #m5 a { width: 112px; height: 45px; background: url(images/m5.gif) no-repeat; display: block; } #m5 a:hover { background: url(images/m5-on.gif) no-repeat; display: block; } #m6 { margin: 0px; width: 112px; float: left; } #m6 a { width: 112px; height: 45px; background: url(images/m6.gif) no-repeat; display: block; } #m6 a:hover { background: url(images/m6-on.gif) no-repeat; display: block; } #m7 { margin: 0px; width: 112px; float: left; } #m7 a { width: 112px; height: 45px; background: url(images/m7.gif) no-repeat; display: block; } #m7 a:hover { background: url(images/m7-on.gif) no-repeat; display: block; } #m8 { margin: 0px; width: 113px; float: left; } #m8 a { width: 113px; height: 45px; background: url(images/m8.gif) no-repeat; display: block; } #m8 a:hover { background: url(images/m8-on.gif) no-repeat; display: block; } /*****/ /** bottom **/ #bottom { margin: 0px; background: #ffffff url(images/bottom.gif) top repeat-x; } #bottom-r { margin: 0px auto; width: 900px; } #cp { margin: 0px; width: 270px; height: 40px; background: url(images/cp.gif) no-repeat; float: right; } /*****/ /** top **/ #top-bg { margin: 0px; background: #ffffff url(images/top-bg.jpg) top repeat-x; } #top-img { margin: 0px auto; padding: 15px 0px 20px; width: 888px; height: 294px; background: url(images/top-img.jpg) 0px 15px no-repeat; } #t-box1 { margin: 0px; padding: 0px 0px 15px; width: 540px; float: left; } #t-c1-logo { margin: 0px; padding: 0px 0px 14px; width: 540px; background: url(images/t-c1-logo.gif) no-repeat; } #t-c1-list { margin: 0px; width: 110px; float: right; } #t-c1-list a { width: 110px; height: 43px; background: url(images/t-c1-list.gif) no-repeat; display: block; } #t-c1-list a:hover { background: url(images/t-c1-list-on.gif) no-repeat; display: block; } .t-c1 { margin: 0px; width: 100%; } .t-c1-p { padding: 0px 0px 15px; width: 120px; text-align: center; vertical-align: top; } .t-c1-t { margin: 0px 0px 10px; padding: 0px; font-size: 12px; line-height: 150%; } .t-c1-t a:link { color: #386BA9; text-decoration: none; } .t-c1-t a:visited { color: #386BA9; text-decoration: none; } .t-c1-t a:active { color: #386BA9; text-decoration: none; } .t-c1-t a:hover { color: #386BA9; text-decoration: underline; } .t-c1-d { font-weight: normal; color: #339933; } .t-c1-c { margin: 0px; padding: 0px 0px 10px; font-size: 12px; line-height: 150%; color: #333333; } .t-c1-bu { margin: 0px; padding: 0px 0px 15px; width: 79px; float: right; } .t-c1-bu a { width: 79px; height: 11px; background: url(images/more.gif) no-repeat; display: block; } .t-c1-bu a:hover{ background: url(images/more-on.gif) no-repeat; display: block; } .t-c1-line { padding: 0px 0px 15px; height: 1px; background: url(images/line.gif) top repeat-x; } #t-box2 { margin: 0px; padding: 0px; width: 310px; float: right; } #t-c2-logo { margin: 0px; padding: 0px; width: 310px; height: 43px; background: url(images/t-c2-logo.gif) no-repeat; } #t-c2-n { margin: 0px; padding: 0px; width: 310px; height: 60px; background: url(images/t-c2-n.gif) no-repeat; } #t-c2-a { margin: 0px; padding: 0px; width: 310px; height: 100px; background: url(images/t-c2-a.gif) no-repeat; } #t-c2-m { margin: 0px; padding: 0px; width: 310px; } #t-c2-m a { width: 310px; height: 20px; background: url(images/t-c2-m.gif) no-repeat; display: block; } #t-c2-b { margin: 0px; padding: 0px 0px 29px; width: 310px; background: url(images/t-c2-b.gif) no-repeat; } #t-c2-more { margin: 0px; width: 70px; float: right; } #t-c2-more a { width: 70px; height: 30px; background: url(images/t-c2-more.gif) no-repeat; display: block; } #t-c2-more a:hover { background: url(images/t-c2-more-on.gif) no-repeat; display: block; } /*****/ #title-bg { margin: 0px; background: url(images/title-bg.gif) top repeat-x; }