html { padding:0; margin:0; }
body { padding:0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; background-color:#fefefe; }
body a { color:#777777; text-decoration:none; }
body a:hover { color:#4b8cd2; text-decoration:underline; cursor:pointer; }
body a.active { font-weight:bold; color:#5099cc; text-decoration:none; cursor:pointer; }
img { border:none; }
td { padding:5px 5px; vertical-align:center; border-top:1px solid #e1e1e1; }
tr img { vertical-align:top; }

#header {
    width:100%;
    position:fixed; top:0px; height:100px; z-index:1000; 
    background-color:#FFF;
    border-bottom:2px solid #4c91df;
}

.header-content {
    margin:0 auto;
    width:800px; 
}

.logo {
    float:left;
    position:relative; top:0; left:0;
    width:250px; height:100px;
    background-image:url(images/logo_pomosam_egov.jpg); background-repeat:no-repeat;
}

.menu {
    float:right;
    border-radius: 10px 0 0 0;
    text-align:center;  
    position:relative; top:68px; right:0;
    display:block;
    font-size:14px;
    padding:7px 10px 8px 10px;
    background-color:#4c91df;
    color:#fff;
}

#box {
    display: block;
    position: relative;
    width: 224px;
    height: 150px;
    background-color: #FFF;
    color: #fff;
    text-align: center;
    padding-top: 80px;
}

#partHeader, #partNavi, #partData, #partFooter {
    display: block;
    position: absolute;
    height: auto;
    padding: 0;
    background: #4c91df;
    border: 0px;
    text-align: center;
    vertical-align: center;
}

#partHeader {   
    top: 0px;
    width: 224px; height: 15px;
    padding:8px 0;
}

#partNavi {
    top: 32px; left: 0px;
    width: 70px; height: 156px;
    padding-top: 10px;
}

#partData {
    top: 32px; right: 0px;
    width: 153px; height: 156px;
    padding-top: 10px;
}

#partFooter {
    bottom: 0px; right: 0px;
    width: 224px; height: 15px;
    padding: 8px 0px;
}

#partHeader:hover, #partNavi:hover, #partData:hover, #partFooter:hover {
    background-color: #235fa0;
    cursor: pointer;
}

.tdTools { background-color: #f2f2f2; text-align:center; }

#main {
    width:100%;
    padding:0;
    height:auto; 
}

#content {
    margin:0 auto;
    padding:104px 0 50px 0;
    width:800px; height:auto;
    font-size:12px; color:#656565; }

    #left {
        float:left;
        line-height:20px;
        text-align:left;
        padding:0 0 50px 0;
        width:575px; height:auto; }

    .right {
        float:left;
        background:blue;
        position:fixed; top:104px; z-index:1000; 
        margin-left:576px; height:auto; }

#footer {
    float:left;
    width:100%;
    position:fixed; background-color:#FFF;
    bottom:0px; height:35px;z-index:1000;
    background-color:#f6f6f6;
    border-top:1px solid #e6e6e6;
    box-shadow: 0.3em -0.3em 0.6em 0 #F9F9F9; }

.footerText {
        margin:0 auto;
        width:800px;
        font-size:12px; color:#777777; }
    .footerTextLeft { float:left; padding:10px 0 10px 0; width:400px; text-align:left; }