body{color:#333;margin:0;padding:0;font:75% "MS PGothic",Osaka,sans-serif;text-align:center;} div{display:block;margin:0 auto;} TABLE{font-size:100%; color : black; } ul,li,p,h1,h2,h3,h4,h5,h6,img,dl,dt,dd{margin:0;padding:0;border:0;} /* *=*=*=*=*=*=* WRAP *=*=*=*=*=*=* */ .wrap{width:750px;} /* *=*=*=*=*=*=* HEADER *=*=*=*=*=*=* */ .header{width:100%;height:100px;background:url(../img/header.jpg) no-repeat top transparent;} .header table td{vertical-align:top;} /* -------------- MENU -------------- */ .header .menu{clear:both;padding:5px 19px 0;} .header .menu li{list-style:none;float:left;padding:0 7px 0 0;} .header .menu li a{display:block;width:80px;height:25px;text-indent:-9999px;overflow:hidden;text-decoration:none;} .header .menu .menu1 a{background:url(../img/menu1.jpg) no-repeat left top;} .header .menu .menu2 a{background:url(../img/menu2.jpg) no-repeat left top;} .header .menu .menu3 a{background:url(../img/menu3.jpg) no-repeat left top;} .header .menu .menu4 a{background:url(../img/menu4.jpg) no-repeat left top;} .header .menu .menu5 a{background:url(../img/menu5.jpg) no-repeat left top;} .header .menu .menu6 a{background:url(../img/menu6.jpg) no-repeat left top;} .header .menu .menu7 a{background:url(../img/menu7.jpg) no-repeat left top;} .header .menu li a:hover,.header .menu .op a{background-position:bottom;} /* *=*=*=*=*=*=* CONTENTS *=*=*=*=*=*=* */ .contents{width:100%;background:#fef0ef;} /* --- HR --- */ .contents .hr{display:block;width:546px;height:10px;margin-top:10px;border-top:solid 1px #ccc;} .index{padding:15px 0 10px;} .index table td{vertical-align:top;} .index .white_bor{border-left:solid 1px #fff;padding-left:10px;} .index .flash{margin-left:7px;} .index .lef{padding:0 8px 0 12px;} .index .rig{padding:0 10px 0 0;} .index .rig img{border:0;display:block;margin:0 0 8px;} .index .sitter{margin-left:-1px;background:url(../img/sitter_middle.gif) repeat-y;} .index .sitter .sitter_middle{padding:0 15px 0 15px;font-size:80%;} .index .sitter .sitter_middle img{float:left;} .index .sitter .sitter_middle p{clear:both;float:right;width:115px;line-height:120%;} .index .sitter strong{font-size:120%;} .index .sitter_bottom{clear:both;display:block;height:12px;background:url(../img/sitter_bottom.gif) no-repeat left bottom;} /* -------------- PICK UP -------------- */ .pickup{width:440px;margin:5px 0 0;padding-top:4px;background:url(../img/pickup.jpg) no-repeat top #fff;} .pickup .pkup{color:#c34;text-indent:15px;} .pickup table{margin:5px 5px;} .pickup table td{padding:5px 0;} .pickup table td img{margin-right:3px;} /* -------------- WHATS NEW -------------- */ .whatsnew{width:440px;margin:5px 0 0;background:url(../img/whats_new.gif) no-repeat top #fff;} .whatsnew a img{float:right;margin:7px 7px 0 0;} .whatsnew_con{width:100%;height:100%;text-align:left;font-family:"MS PGothic","Osaka|",sans-serif;background:#fff;} .whatsnew_con p{padding:10px 18px 0;} .whatsnew_con span{display:block;font-size:90%;} /* -------------- SECOND PAGES -------------- */ /* === leftColumn === */ .second{text-align:left;padding:5px 0 10px;} .second .inner{padding:0 10px;} .second .pan{font-size:90%;padding:0 12px 4px;} .second .pan a{padding-right:16px;background:url(../img/arrow1.gif) no-repeat right;overflow:hidden;} .second .lef{background:#fff;float:left;width:570px;} .second .lef h1,.second .lef h2,.second .lef h3{border-left:solid 8px #e15871;color:#666;margin:10px 12px;} .second .lef h1{font-size:140%;padding:3px 8px;color:#fff;background:#999;position:relative;line-height:20px;} .second .lef h1 p{position:absolute;top:0;right:0;width:100px;} .second .lef h1 p a{position:absolute;right:0;_right:12px;display:block;width:100px;height:25px;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../img/h1_ico.gif) no-repeat right;} .second .lef h2{font-size:120%;padding:4px 8px 0;margin-top:12px;background:#fff;border-top:solid 1px #e15871;} .second .lef h3{font-size:100%;padding:0 8px;line-height:80%;} .second .lef p{line-height:150%;padding:0 12px;} .second .lef .txtrig{text-align:right;} .second .lef .txtcen{text-align:center;} .second .lef .whatsnew_con p{padding:0 18px 10px;} .second .lef .pic{font-size:90%;padding:0 12px;} .second .lef .pic img{margin:4px 0;} .second .lef .pic_rig{width:100%;margin-bottom:8px;} .second .lef .pic_rig strong{font-size:140%;color:#666;display:block;margin-right:12px;} .second .lef .pic_rig .rigbtm{text-align:right;vertical-align:bottom;padding-right:15px;} .second .lef .pic_rig span{font-size:120%;} .second .lef .bor_t{margin:30px 10px 0;padding:5px 0;border-top:solid 1px #e15871;} .second .lef .bor_t h3{margin-left:1px;} .second .lef .bg_pink,.second .lef .bg_white{margin:0 12px;padding:2px 5px 10px;} .second .lef .bg_pink p,.second .lef .bg_white p{line-height:180%;background:url(../img/arrow5.gif) no-repeat left;margin:0 10px;padding:0 15px;} .second .lef .bg_pink{background:#fff0f0;} .second .lef .bg_white{background:#fff;} /* === ColorBox === */ /* system/page1.html,action/page1-5.html,action/page4.html */ .second .lef .org_jinzai{border:solid 3px #99ff99;background:#ccffcc;margin:10px 12px 0;padding:5px;} .second .lef .org_jinzai span{font-size:85%;} .second .lef .org_jinzai .posi{display:block;margin-bottom:10px;line-height:60%;} .second .lef .org_toroku{border:solid 3px #66ccff;background:#ddffee;margin:10px 12px 0;padding:5px;} .second .lef .org_toroku span{font-size:85%;} .second .lef .org_toroku .posi{display:block;margin-bottom:10px;line-height:60%;} .second .lef .org_riyo{border:solid 3px #ff9966;background:#ffcc99;margin:10px 12px 0;padding:5px;} .second .lef .org_riyo span{font-size:85%;} .second .lef .org_riyo .posi{display:block;margin-bottom:10px;line-height:60%;} .second .lef .team{border:solid 3px #cceedd;background:#ddffee;margin:10px 12px 0;padding:5px;} .second .lef .team span{font-size:85%;} .second .lef .team .posi{display:block;margin-bottom:10px;line-height:60%;} .second .lef .bg_yellow{border-color:#ddcc88;background:#ffeeaa;} .second .lef .bg_blue{border-color:#99bbdd;background:#bbddff;} .second .lef .bg_green{border-color:#aadd99;background:#ccffbb;} .second .lef .bg_red{border-color:#dd9999;background:#ffbbbb;} .second .lef .tm_rig{margin-right:0;} /* action/page3.html`page3-3.html */ .second .lef .lis_green{color:#d35;margin:10px 15px 25px;padding:10px;background:#fee;border:solid 1px #e79;} .second .lef .lis_green table{margin:5px 15px 10px;border-right:solid 2px #daa;border-bottom:solid 2px #daa;} .second .lef .lis_green table td{background:#fdd;padding:5px 10px;} .second .lef .lis_green2{color:#d35;margin:10px 15px 25px;padding:8px;background:#F0FFFF;border:solid 1px #ADD8E6;} .second .lef .lis_green2 table{margin:5px 15px 10px;border-right:solid 2px #ADD8E6;border-bottom:solid 2px #ADD8E6;} .second .lef .lis_green2 table td{background:#E0FFFF;padding:5px 10px;} .second .lef .lis_green3{color:#d35;margin:10px 15px 25px;padding:5px;background:#fffff0;border:solid 1px #e79;} .second .lef .lis_green3 table{margin:5px 15px 10px;border-right:solid 2px #daa;border-bottom:solid 2px #daa;} .second .lef .lis_green3 table td{padding:5px 10px;} /* === EndColorBox === */ .second .lef .pop{margin:0 12px;background:url(../img/pop_middle.gif) repeat-y;} .second .lef .pop p{padding:0 20px;} .second .lef .newsletter{margin:0 30px;line-height:180%;} .second .lef .box{margin:10px 12px;line-height:140%;} .second .lef .box dt{font-weight:bold;background:url(../img/dt.gif) no-repeat #bbccdd;height:25px;line-height:24px;padding:0 15px;margin-top:20px;} .second .lef .box dd{background:#eee;border:solid 1px #aaa;padding:10px 20px;} .second .lef .box2{margin:10px 12px;line-height:140%;} .second .lef .box2 dt{font-weight:bold;background:url(../img/dt2.gif) no-repeat #bbccdd;height:25px;line-height:24px;padding:0 15px;margin-top:20px;} .second .lef .box2 dd{background:#eee;border:solid 1px #aaa;border-top:solid 1px #db6;padding:10px 20px;} .second .lef .box3{margin:10px 12px;line-height:140%;} .second .lef .box3 dt{font-weight:bold;background:url(../img/dt3.gif) no-repeat #bbccdd;height:25px;line-height:24px;padding:0 15px;margin-top:20px;} .second .lef .box3 dd{background:#eff;border:solid 1px #9aa;border-top:solid 1px #8c9;padding:10px 20px;} /* === L === */ .second .lef h6{font-size:100%;font-weight:normal;margin:10px 5px;background:url(../img/l.gif) no-repeat;padding-left:28px;line-height:120%;} .second .lef .bg_pink h6,.second .lef .bg_white h6{margin:5px;} /* === StaffBox === */ .second .lef .stfbox{border:solid 1px #119955;margin:10px 12px;padding-bottom:10px;} .second .lef .stfbox h2{color:#444;margin:0;padding-bottom:5px;background:#bbdddd;border:solid 1px #fff;} .second .lef .stfbox h3{padding:5px 10px;margin-left:5px;background:url(../img/stfbox_h2.gif) repeat-y left;border-left:none;} .second .lef .noboder p{border:none;margin-top:5px;} /* === TableStyle === */ .second .table1{background:#999;margin:0 12px 10px;} .second .table1 th,.second .table1 td{padding:4px;line-height:140%;} .second .table1 th{background:#bbddcc;font-weight:normal;} .second .table1 td{background:#ffeeee;} .second .table1 .th{background:#ee8899;} .second .table1 .td{background:#eedddd;} .second .table3{display:block;background:#fff;margin:0 8px;} .second .table3 th,.second .table3 td{vertical-align:top;padding:0 10px;line-height:140%;} .second .table3 th{write-space:nowrap;text-align:center;border-left:solid 5px #ee8899;} .second .table3 td{width:100%;background:#ffeeee;border:solid 1px #ccc;padding:4px 6px;} /* === rightColumn === */ .second .rig{border:solid 1px #e2929a;float:right;width:150px;} .second .rig p{padding:4px 4px 0 10px;} .second .rig h4{background:url(../img/arrow2.gif) no-repeat #e7e7e7;} .second .rig h5{background:url(../img/arrow3.gif) no-repeat #FFD2D2;} .second .rig h6{display:block;font-size: 90%;background:url(../img/arrow4.gif) no-repeat left;margin:2px 4px;} .second .rig .h6_2nd{background-image:url(../img/l.gif);padding-left:30px;margin:-5px 4px;} .second .rig h4,.second .rig h5{font-size:100%;margin:4px;} .second .rig h4,.second .rig h5,.second .rig h6{font-weight:normal;padding:4px 4px 4px 22px;background-position:5px 4px;} .second .totop{clear:both;margin:0;background:#fff;width:570px;text-align:right;} .second .totop p{font-size:90%;padding:5px 20px;} /* *=*=*=*=*=*=* FOOTER *=*=*=*=*=*=* */ /* -------------- CONTENTS FOOTER -------------- */ .con_footer{clear:both;width:750px;height:40px;background:url(../img/footer.gif) no-repeat bottom #fef0ef;} .con_footer div{width:725px;border-top:solid 1px #fff;} .con_footer ul li{color:#999;list-style:none;padding:9px 3px 0 0;float:left;font-size:90%;letter-spacing:1px;} /* -------------- FOOTER -------------- */ .footer{font-size:90%;padding:5px 0 10px;line-height:125%;} .footer .priv{float:right;font-size:110%;text-align:left;} .footer .priv p{background:url(../img/arrow6.gif) no-repeat left;display:block;margin-bottom:5px;padding:0 10px 0 14px;} .footer .priv .small{font-size:90%;} .footer .adress{text-align:left;padding:0 15px 5px 52px;letter-spacing:1px;} .footer .adress strong{color:#c93745;font-size:110%;display:block;padding:0 0 2px;} .footer .copy{color:#c93745;clear:both;padding:5px 0 0;border-top:solid 1px #e88c9a;} .end{text-align:left;padding:5px 15px 10px;font-size:90%;} a{color:#0033cc;} a:visited{color:#663399;} a:hover{text-decoration:none;}