* { font-size: 12px; margin: 0 auto; }
div { margin: 0; }
#header-container { width: 660px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#header-box { padding: 5px 0 5px 0; }
#header-title {
    padding: 3px;
    border: 1px solid #666;
    color: #292350;
    background-color: #d9e1e3;
    font-size: 120%;
    font-weight: bold;
}
#header-notice {
    margin: 3px 0 3px 0;
    color: #d33;
    font-size: 90%;
}
#header-body {
    margin: 15px 0 3px 0;
    font-size: 90%;
}

table.schools {
    font-size:100%;
    border-collapse:collapse;
    border-spacing: 1px;
    empty-cells:show;
}
td.schools-header {
    background-color:#23921e;
    border:1px solid #777;
    text-align:center;
    font-size:110%;
}
td.schools-item {
		padding:0 2px;
    background-color:#fff;
    border:1px solid #777;
    font-size: 100%;
}
.pagetop-link {
    width:100%;
    text-align:right;
    margin-bottom: 12px;
}

#prefecture-container {
    width: 660px;
    margin-left: 0 auto;
    margin-right: 0 auto;
    margin-bottom: 10px;
    border-top: 1px solid #292350;
    border-bottom: 1px solid #292350;
}
#prefecture-left {
    width: 5px;
    height: 20px;
    float: left;
    background-color: #292350;
}
#prefecture-center {
    width: 445px;
    height: 20px;
    padding-left: 5px;
    line-height: 20px;
    float: left;
    font-size: 120%;
    color: #292350;
    background-color: #d9e1e3;
    font-weight: bold;
}
#prefecture-right {
    width: 5px;
    height: 20px;
    background-color: #292350;
}
#area-link {
    padding-right: 5px;
    width: 195px;
    height: 20px;
    float: left;
    line-height: 20px;
    font-size: 90%;
    font-weight: normal;
    text-align: right;
    color: #000;
    background-color: #d9e1e3;
}
.subtitle {
    font-size:110%;
    font-weight:bold;
}
.memo {
    color:#333;
    font-size:90%;
}
.area-header {
    font-size: 100%;
    padding-left: 5px;
}
.area-box {
    margin-bottom: 15px;
}
.clr { clear: both; }



.button-box { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}