.px30 .body {
    margin:10px;
}

.px24 .body {
    margin:0px;
}

.px30 #tab {
    width:780px;
    margin:10px auto;
}

.px24 #tab {
    width:650px;
    margin:0px auto;
}


.px30 #goban {
    padding:10px;
    width:570px;
    height:570px;
}

.px24 #goban {
    padding:7px;
    width:456px;
    height:456px;
}

.px30 a, .px30 p, .px30 li, .px30 td {
    font-size:35px;
    margin-bottom:25px;
    margin-top:25px;
}
.px24 a, .px24 p, .px24 li, .px24 td {
    font-size:30px;
    margin-bottom:15px;
    margin-top:15px;
}

.px30 .form {
    margin-top:50px;
}
.px24 .form {
    margin-top:10px;
}

.px30 .form-label p {
    margin-bottom:0px;
    margin-top:10px;
}

.px24 .form-label p {
    margin-bottom:0px;
    margin-top:5px;
}

.px30 .button, .px30 input, .px30 textarea, .px30 select {
    font-size:35px;
}

.px24 .button, .px24 input, .px24 textarea, .px24 select {
    font-size:30px;
}

.px30 .form-item {
    margin-top:10px;
    padding:10px;
}

.px24 .form-item {
    margin-top:5px;
    padding:5px;
}

.px30 .form-error {
    font-size:25px;
    margin:10px;
}

.px24 .form-error {
    font-size:20px;
    margin:5px;
}


.px30 .about {
    margin-top:25px;
    font-size:20px;
}
.px24 .about {
    margin-top:20px;
    font-size:15px;
}


.px30 .sq {
    height: 30px;
    width: 30px;
    margin:0px;
}

.px24 .sq {
    height: 24px;
    width: 24px;
    margin:0px;
}
.px30 .highlight {
    margin-right:5px;
}
.px24 .highlight {
    margin-right:5px;
}

.px30 .point { background: url('point.png'); }
.px30 .hoshi { background: url('hoshi.png'); }
.px30 .corner_tl { background: url('corner_tl.png'); }
.px30 .corner_tr { background: url('corner_tr.png'); }
.px30 .corner_bl { background: url('corner_bl.png'); }
.px30 .corner_br { background: url('corner_br.png'); }
.px30 .black { background: url('black.png'); }
.px30 .white { background: url('white.png'); }
.px30 .edge_t { background: url('edge_t.png'); }
.px30 .edge_b { background: url('edge_b.png'); }
.px30 .edge_l { background: url('edge_l.png'); }
.px30 .edge_r  { background: url('edge_r.png'); }
.px30 .btriangle  { background: url('btriangle.png'); }
.px30 .wtriangle  { background: url('wtriangle.png'); }


.px24 .point { background: url('24x24/point-24x24.png'); }
.px24 .hoshi { background: url('24x24/hoshi-24x24.png'); }
.px24 .corner_tl { background: url('24x24/corner_tl-24x24.png'); }
.px24 .corner_tr { background: url('24x24/corner_tr-24x24.png'); }
.px24 .corner_bl { background: url('24x24/corner_bl-24x24.png'); }
.px24 .corner_br { background: url('24x24/corner_br-24x24.png'); }
.px24 .black { background: url('24x24/black-24x24.png'); }
.px24 .white { background: url('24x24/white-24x24.png'); }
.px24 .edge_t { background: url('24x24/edge_t-24x24.png'); }
.px24 .edge_b { background: url('24x24/edge_b-24x24.png'); }
.px24 .edge_l { background: url('24x24/edge_l-24x24.png'); }
.px24 .edge_r  { background: url('24x24/edge_r-24x24.png'); }
.px24 .btriangle  { background: url('24x24/btriangle-24x24.png'); }
.px24 .wtriangle  { background: url('24x24/wtriangle-24x24.png'); }

.px30 #movelist a {
    font-size:25px;
}
.px24 #movelist a {
    font-size:20px;
}

.px30 #sidebar p, .px30 #sidebar a {
    font-size:25px;
}
.px24 #sidebar p, .px24 #sidebar a {
    font-size:20px;
}