@charset "utf-8";
@import url(/resource/css/import.css);

/* ========================================

    top

======================================== */

#content h1 {
    display: inline;
    float: left;
}

.SocialArchives {
    float: right;
    margin: 0 0 5px;
}

#promo {
    clear: both;
}

/* @group .Update  */

.Update {
    position: relative;
    display: inline;
    float: left;
    width: 320px;
    margin-left: 20px;
    /zoom: 1;
}

.Update table {
    width: 100%;
}

.Update th,
.Update td {
    border-bottom: 1px dashed #e0dfe3;
    padding: 8px 5px;
}

.Update th {
    white-space: nowrap;
}

.Update .ReadMore {
    position: absolute;
    top: 10px;
    right: 10px;
}

.Update .ReadMore a {
    display: block;
    padding: 0;
    background: none;
}

.Update .ReadMore img {
    display: block;
    vertical-align: top;
}

/* ----------------------------------------
    .Category
---------------------------------------- */
span.Category {
    font-size: 77%;
    display: inline-block;
    margin-top: 2px;
    padding: 2px 4px;
}

span.News {
    color: #00968f;
    border: 1px solid #00968f;
}

span.Report {
    color: #004896;
    border: 1px solid #004896;
}

span.Full {
    color: #448F56;
    border: 1px solid #448f56;
}

span.Receiving {
    color: #ff7e00;
    border: 1px solid #ff7e00;
}

span.End {
    color: #999;
    border: 1px solid #999;
}

span.Publicity {
    color: #3787dd;
    border: 1px solid #3787dd;
}

span.Topics01,
span.Document01 {
    color: #814fbc;
    border: 1px solid #814fbc;
}

span.Topics02,
span.Document02 {
    color: #2779ca;
    border: 1px solid #2779ca;
}

span.Topics03,
span.Document03 {
    color: #7ea800;
    border: 1px solid #7ea800;
}

span.Topics04,
span.Document04 {
    color: #ff3265;
    border: 1px solid #ff3265;
}

span.Topics05,
span.Document05 {
    color: #900;
    border: 1px solid #900;
}


/* ----------------------------------------
    #topics
---------------------------------------- */
#topics {
    margin-left: 0;
}

/* ----------------------------------------
    #document
---------------------------------------- */


/* ----------------------------------------
    #banner
---------------------------------------- */
#banner {
    display: inline;
    float: right;
    width: 320px;
}

#banner a.ExLink img {
    padding-left: 0;
}

#banner ul:before,
#banner ul:after {
    content: "";
    display: table;
} 

#banner ul:after {
    clear: both;
}

#banner ul {
    /zoom: 1;
    overflow: hidden;
    margin: -5px 0 0 -6px;
}

#banner li {
    display: inline;
    float: left;
    margin: 5px 0 0 6px;
}

#banner p {
    margin-top: 9px;
}

/* @end */


/* @group #merit */

#merit {
    clear: both;
    padding-top: 25px;
    /zoom: 1;
}

#merit:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

#merit .ColumnLeft {
    float: left;
    width: 490px;
}

#merit .ColumnRight {
    float: right;
    width: 490px;
}

#merit .Accordion {
    display: inline-block;
    /display: block;
    width: 490px;
    margin-top: 12px;
    padding-bottom: 10px;
    background: url(/resource/img/bg_diagonal_btm.png) no-repeat left bottom;
}

#merit h2 {
    font-size: 123.1%;
}

#merit .Accordion h3 {
    padding: 10px 20px 0;
    background: url(/resource/img/bg_diagonal_top.png) no-repeat left top;
    font-size: 108%;
    cursor: pointer;
}

#merit .Accordion h3.Active {
    background-image: url(/resource/img/bg_diagonal_top_active.png);
}

#merit .AccordionInner {
    padding: 5px 20px 0;
    background: url(/resource/img/bg_diagonal_mdl.png) repeat-y left top;
}

#merit .AccordionInner h4 {
    margin-bottom: .5em;
}

#merit .AccordionInner p {
    margin-bottom: 1em;
}

#merit .AccordionInner dt {
    margin-bottom: .5em;
    font-weight: bold;
}

#merit .AccordionInner dd {
    margin-bottom: 1em;
}

/* @end */