@charset "utf-8";

* {
    font-size:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td { 
    margin:0;
    padding:0;
    font-family: Osaka, Tahoma, Verdana, sans-serif;
}

body {
    font-size:75%;
    color:#000;
    text-align:center;
    margin-top:10px;
}

a:link,
a:visited,
a:active {
    color:#0072d9;
}

a {
    text-decoration : none;
}

a:hover {
    color:#ff8c00;
    text-decoration:none;
}

#left {
    width:49%;
    float:left;
}
#right {
    width:50%;
    float:right;
    margin:0;
    padding:0;
    text-align:left;
    height:510px;
}
.footer {
    margin-bottom:5px;
    text-align:center;
}

.title {
    font-size:180%;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    color:#39f;
    margin-bottom:10px;
}

table.form td {
    padding:5px;
    text-align:left;
}

table.form td.menu {
    text-align:right;
}
.button {
    border:1px solid #00388c;
    background:#3366ff;
    color:#fff;
    width:150px;
    font-size:120%;
}

.button_disabled {
    border:1px solid #9d9d9d;
    background:#d0d0d0;
    color:#fff;
    width:150px;
    font-size:120%;
}

ul {
    margin:0;
    padding:0;
    text-align:left;
    list-style:circle;
    margin-top:30px;
}

li {
    text-align:left;
    padding:3px;
    margin-left:70px;
}

.counter {
    font-style:italic;
    font-size:80%;
    text-align:left;
    margin-left:10px;
}

#delete {
    margin-top:10px;
    text-align:center;
    font-size:120%;
    color:#ff8500;
}