@import url("./global.css");

#body {
    padding-top: 10px;
}

#side {
    padding-top: 10px;
}

#body div.shortcut ul.shortcut {
    height: 70px;
    margin-bottom: 15px;
}

#body div.shortcut ul.shortcut li {
    float: left;
}

#body div.shortcut ul.shortcut li a {
    display: block;
    width: 139px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("../../../image/index/index/shortcut.jpg");
}

#body div.shortcut ul.shortcut li a.shortcut1       { background-position:    0      0  ; }
#body div.shortcut ul.shortcut li a.shortcut1:hover { background-position:    0   -100px; }
#body div.shortcut ul.shortcut li a.shortcut2       { background-position: -139px    0  ; }
#body div.shortcut ul.shortcut li a.shortcut2:hover { background-position: -139px -100px; }
#body div.shortcut ul.shortcut li a.shortcut3       { background-position: -278px    0  ; }
#body div.shortcut ul.shortcut li a.shortcut3:hover { background-position: -278px -100px; }
#body div.shortcut ul.shortcut li a.shortcut4       { width: 138px;                       }
#body div.shortcut ul.shortcut li a.shortcut4       { background-position: -417px    0  ; }
#body div.shortcut ul.shortcut li a.shortcut4:hover { background-position: -417px -100px; }

#body div.historyWhatsNew {
    float: left;
    width: 275px;
    height: 145px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("../../../image/index/index/history-whats-new.gif");
}

#body div.historyWhatsNew h2 a {
    display: block;
    height: 20px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("../../../image/index/index/history-whats-new.gif");
}

#body div.historyWhatsNew dl.historyWhatsNew {
    margin-left: 10px;
    margin-right: 10px;
}

#body div.historyWhatsNew dl.historyWhatsNew dt {
    height: 15px;
}

#body div.historyWhatsNew dl.historyWhatsNew dt span.date {
    margin-right: 10px;
}

#body div.historyWhatsNew dl.historyWhatsNew dd {
    height: 15px;
    margin-bottom: 5px;
}

#body div.historyWhatsNew dl.historyWhatsNew dd a.title {
    color: #336699;
}

#body div.historyWhatsNew dl.historyWhatsNew dd a.title:hover {
    color: #996633;
}

#body div.historyNewsRelease {
    float: right;
    width: 275px;
    height: 145px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("../../../image/index/index/history-news-release.gif");
}

#body div.historyNewsRelease h2 a {
    display: block;
    height: 20px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("../../../image/index/index/history-news-release.gif");
}

#body div.historyNewsRelease dl.historyNewsRelease {
    margin-left: 10px;
    margin-right: 10px;
}

#body div.historyNewsRelease dl.historyNewsRelease dt {
    height: 15px;
}

#body div.historyNewsRelease dl.historyNewsRelease dt span.date {
    margin-right: 10px;
}

#body div.historyNewsRelease dl.historyNewsRelease dd {
    height: 15px;
    margin-bottom: 5px;
}

#body div.historyNewsRelease dl.historyNewsRelease dd a.title {
    color: #336699;
}

#body div.historyNewsRelease dl.historyNewsRelease dd a.title:hover {
    color: #996633;
}

#body div.historySite {
    clear: both;
}

#body div.historySite {
    height: 110px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url("../../../image/index/index/history-site-background.gif");
}

#body div.historySite h2 {
    margin-bottom: 15px;
}

#body div.historySite h2 a {
    display: block;
    width: 555px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("../../../image/index/index/history-site-title.gif");
}

#body div.historySite ul.historySite {
    padding-left: 10px;
    padding-right: 10px;
}

#body div.historySite ul.historySite li {
    height: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("../../../image/index/index/history-site-list-background.gif");
}

#body div.historySite ul.historySite li img.icon {
    margin-right: 10px;
}

#body div.historySite ul.historySite li span.date {
    margin-right: 10px;
}

#body div.historySite ul.historySite li a.title {
    color: #000000;
    text-decoration: none;
}

#body div.historySite ul.historySite li a.title:hover {
    color: #336699;
}