body { margin: 0px; background-color: #F7F7E8; color: #000000; font-size: 0px; line-height: 0px; font-family: monospace; } form { margin: 0px; } .clear { clear: both; 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; } p { margin: 0px; padding: 0px 0px 15px; font-size: 12px; line-height: 150%; } h3 { margin: 0px 0px 15px; padding: 5px 30px; background: #FCE0ED url("images/square2.gif") 15px 10px no-repeat; font-size: 12px; line-height: 150%; color: #556366; 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: 38px; float: right; } .next a { width: 38px; height: 10px; 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: 43px; float: left; } .back a { width: 43px; height: 10px; 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: 61px; float: right; } .tolist a { width: 61px; height: 11px; 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: 16px; 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") 15px 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 5px 22px; border: 1px solid #cccccc; background: #FEF1F8 url("images/square3.gif") 10px 10px no-repeat; font-size: 12px; line-height: 150%; font-weight: normal; text-align: left; vertical-align: top; } .f2 td { padding: 5px 10px; border: 1px solid #cccccc; background-color: #ffffff; 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: #E5006C; text-decoration: underline; } a:visited { color: #E5006C; text-decoration: underline; } a:active { color: #F49FC8; text-decoration: underline; } a:hover { color: #F49FC8; 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; background: #ffffff url(images/head.gif) top repeat-x; } h1 { margin: 0px auto; width: 900px; height: 130px; background: #ffffff url(images/logo.gif) no-repeat; } /*****/ /** menu **/ #menu { margin: 0px 0px 30px; background: #F7F7E8 url(images/menu.gif) top repeat-x; } #m { margin: 0px auto; width: 900px; } #m1 { margin: 0px; width: 111px; float: left; } #m1 a { width: 111px; height: 35px; 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: 111px; float: left; } #m2 a { width: 111px; height: 35px; 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: 145px; float: left; } #m3 a { width: 145px; height: 35px; 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: 127px; float: left; } #m4 a { width: 127px; height: 35px; 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: 120px; float: left; } #m5 a { width: 120px; height: 35px; 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: 130px; height: 35px; background: url(images/m6.gif) no-repeat; display: block; float: left; } #m7 { margin: 0px; width: 65px; float: left; } #m7 a { width: 65px; height: 12px; 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: 140px; float: left; } #m8 a { width: 140px; height: 12px; background: url(images/m8.gif) no-repeat; display: block; } #m8 a:hover { background: url(images/m8-on.gif) no-repeat; display: block; } #m11 { margin: 0px; width: 145px; float: left; } #m11 a { width: 145px; height: 35px; background: url(images/m11.gif) no-repeat; display: block; } #m11 a:hover{ background: url(images/m11-on.gif) no-repeat; display: block; } /*****/ /** bottom **/ #b-line { margin: 0px; height: 1px; background-color: #DAD4C4; } #bottom { margin: 0px auto; padding: 10px 0px 20px; width: 900px; } #cp { margin: 0px; width: 325px; height: 15px; background: url(images/cp.gif) no-repeat; float: right; } /*****/ /** top **/ #top-img { margin: 0px auto; padding: 0px 0px 30px; width: 900px; height: 450px; background: #F7F7E8 url(images/top-img.jpg) no-repeat; } #t-box1 { margin: 0px; padding: 0px; width: 500px; float: left; } #t-c1-logo { margin: 0px; padding: 0px 0px 10px; width: 500px; height: 30px; background: url(images/t-c1-logo.gif) no-repeat; } .t-c1 { margin: 0px; width: 100%; } .t-c1-p { padding: 0px 0px 10px; width: 120px; text-align: center; vertical-align: top; } .t-c1-t { margin: 0px 0px 10px; padding: 0px; font-size: 12px; line-height: 150%; color: #556366; font-weight: bold; font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif; } .t-c1-d { font-weight: normal; color: #cc0000; } .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 10px; width: 79px; float: right; } .t-c1-bu a { width: 79px; height: 16px; 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 10px; height: 1px; background: url(images/line.gif) top repeat-x; } .t-ll { margin: 0px; padding: 0px 0px 15px; font-size: 12px; line-height: 150%; text-align: right; } #t-box2 { margin: 0px; padding: 0px; width: 370px; float: right; } #t-c2-logo { margin: 0px; padding: 0px 0px 10px; width: 370px; height: 30px; background: url(images/t-c2-logo.gif) no-repeat; } .t-c2-t { margin: 0px; padding: 0px 0px 5px 25px; background: url("images/square.gif") 10px 4px no-repeat; font-size: 12px; line-height: 150%; } .t-c2-t a:link { color: #333333; text-decoration: none; } .t-c2-t a:visited { color: #333333; text-decoration: none; } .t-c2-t a:active { color: #333333; text-decoration: none; } .t-c2-t a:hover { color: #F49FC8; text-decoration: underline; } .t-c2-line { padding: 0px 0px 5px; height: 1px; background: url(images/line.gif) top repeat-x; } #t-c3-logo { margin: 0px; width: 370px; height: 112px; background: url(images/t-c3-logo.gif) no-repeat; } #t-c3-logo2 { margin: 0px; width: 370px; height: 92px; background: url(images/t-c3-logo2.gif) no-repeat; } #t-c3-logo3 { margin: 0px; width: 370px; height: 110px; background: url(images/t-c3-logo3.gif) no-repeat; } #t-c3-f { padding: 0px 18px; background: url(images/t-c3-f.gif) repeat-y; font-size: 14px; line-height: 18px; font-weight:bold; } #t-c3-b { margin: 0px; padding: 0px 0px 15px; width: 370px; height: 20px; background: url(images/t-c3-b.gif) no-repeat; } /*****/