body, html {
    height: 100%;
}
body{font-family:sans-serif,arial,Georgia,times;line-height:2em;margin:0;color:#000;background:#eee;font-size:100%;}
h3{display:inline-block}
a{text-decoration:none}
h1{background:#000;color:#fff;display:block;padding:10px;margin:0;text-align:center;border-radius:5px}
h2{margin:0}
.valignm{vertical-align:middle}
#note{background:#fff;border:solid 2px #000;border-radius:5px;margin:auto;margin:10px;padding:10px;box-shadow:3px 3px 3px #ccc}
.bb{font-weight:bold;cursor:pointer;background:#06f;color:#fff;padding:5px;margin:5px;border-radius:5px;display:inline-block;border:outset 2px #ccc}
.rb{background:#c00}
.center{text-align:center}
.right{float:right;margin:5px 0 5px 5px}

#content{padding:10px;background:#fff}

.box{width:260px;height:230px;margin:10px 10px 30px;float:left;line-height:1.5em;text-align:center}
.clear{clear:both}
#footer{background:#000;padding:10px;color:#fff;text-align:center;border-radius:5px}
.p{width:260px;float:left;padding:10px;border:solid 1px #ccc;border-radius:10px;margin:10px;box-shadow:3px 3px 3px #ccc}