/* Valid for All */

body {
    background-color: #eee;
    font-family: Tahoma, Arial, sans-serif;
    vertical-align: center;
}

img {
    border: 0px;
}

li {
    padding: 5px 0px;
}

.item {
    padding: 2px;
}

ul.list {
    padding: 5px;
    margin: 5px;
    list-style-type: none;
    font-size: 80%;
}

ul.list li {
    padding: 0 0 0 5px;
    margin: 0 0 0 5px;
}

ul.item {
    padding: 5px;
    margin: 5px;
    font-size: 80%;
}

ul.item li {
    padding: 0 0 0 5px;
    margin: 0 0 0 5px;
}

.li {
    padding: 5px;
}

p {
    text-indent: 1em;
    padding: 0.2em 0px;
    margin: 0em;
    font-size: 70%;
}

.p {
    text-indent: 1em;
    padding: 0.2em 0px;
}

.em {
    font-weight: bold;
}

.center {
    text-align: center;
}

.cb {
    clear: both;
}

.zh{
    font-family :SimSun,SimHei,Tahoma,Arial,serif;
}

.nw {
    white-space: nowrap;
}

.person {
    white-space: nowrap;
}

.note td {
    border: 1px solid #F00;
    font-size: 90%;
    text-align: center;
    color: #F00;
    padding: 10px;
}



/* Valid for ID "BODY" */

#BODY {
    width: 800px;
    background-color: #fff;
    color: #000;
    text-align: left;
}



/* Valid for ID "TITLE" */

#TITLE {
    height: 140px;
    background-color: #9b2e0d;
    background-image: url(/images/title-winter.jpg);
    padding: 0px;
}




/* Valid for ID "TOP" */

#TOP {
    color: #fff;
    font-size: 80%;
    background-color: #9b2e0d;
    padding: 3px 0px;
}

#TOP a {
    color: #fff;
    padding: 5px;
}

#TOP a:hover {
    color: #9b2e0d;
    background-color: #ffc;
    padding: 5px;
}

#TOP .nolink {
    color: #fff;
    padding: 5px;
}



/* Valid for ID "NAVI" */

#NAVI {
    background-color: #ffe106;
    color: #511a0d;
    padding: 5px;
    font-size: 80%;
}

#NAVI a {
    color: #511a0d;
    padding: 5px;
}

#NAVI a:hover {
    color: #ffc;
    background-color: #930;
    padding: 5px;
}

#NAVI .LEFT {
    width: 90%;
    float: left;
}



/* Valid for "table" with ID "CONTENTS" */

#CONTENTS {
    background-color: #fff;
    table-layout: fixed;
    width: 800px;
    border-collapse: collapse;
    border-spacing: 0px;
}



/* Valid for "td" with ID "MENU" */

#MENU {
    background-color: #fff;
    width: 180px;
    vertical-align: top;
    padding: 5px;
    border-right: 4px solid #fc6;
}

#MENU .nolink {
    padding: 2px 4px;
    display: block;
}

#MENU .menu0 {
    font-size: 80%;
    background-color: #fff;
    padding: 2px 4px;
    display: block;
}

#MENU .menu1 {
    font-size: 80%;
    color: #9b2e0d;
    background-color: #ff9;
    padding: 2px 4px;
    display: block;
}

#MENU .menu1 a {
    color: #9b2e0d;
    background-color: #ff9;
    padding: 2px 4px;
    display: block;
}

#MENU .menu1 a:hover {
    color: #ffc;
    background-color: #930;
    padding: 2px 4px;
    display: block;
}

#MENU .menu2 {
    font-size: 80%;
    color: #9b2e0d;
    background-image: url(/images/menuWi.jpg);
    padding: 2px 4px;
    display: block;
}

#MENU .menu2 a {
    color: #9b2e0d;
    background-image: url(/images/menuWi.jpg);
    padding: 2px 4px;
    display: block;
}

#MENU .menu2 a:hover {
    color: #ffc;
    background-image: url(/images/menuWiA.jpg);
    padding: 2px 4px;
    display: block;
}




/* Valid for "td" with ID "MAIN" */

#Type1C {
    width: 606px;
    vertical-align: top;
    background-color: #fff;
}

#Type2C {
    width: 382px;
    vertical-align: top;
    background-color: #fff;
}

#MAIN {
    line-height: 140%;
    padding: 10px;
}

#MAIN .title {
    color: #ea5003;
    font-weight: bold;
    text-align: center;
    padding: 4px 0px;
}

#MAIN h1 {
    color: #ea5003;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    padding: 4px 0px;
    margin: 0em;
}

#MAIN .subtitle {
    color: #ea5003;
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    padding: 4px 0px;
}

#MAIN .classification {
    display: block;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    color: #ea5003;
    background-color: #ffff99;
    margin-bottom: 4px;
}

#MAIN h2 {
    display: block;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    color: #ea5003;
    background-color: #ffff99;
    margin: 0px 0px 4px 0px;
}

#MAIN .name {
    font-size: 90%;
    text-align: center;
    padding: 4px 0px;
}

#MAIN h3 {
    font-size: 90%;
    font-weight: normal;
    text-align: center;
    padding: 4px 0px;
    margin: 0em;
}

#MAIN .place {
    font-size: 90%;
    text-align: center;
    padding: 4px 0px;
}

#MAIN .sentence {
    font-size: 70%;
    color: #000;
    text-align: left;
}

#MAIN .contents {
    color: #000;
    text-align: left;
}

#MAIN .syllabus {
    empty-cells: show;
    border-collapse: collapse;
}

#MAIN .syllabus th {
    font-size: 80%;
    width: 80px;
    border-bottom: 1px solid #7996e0;
    vertical-align: top;
    text-align: left;
    padding: 20px 0px 5px 5px;
}

#MAIN .syllabus td {
    width: 270px;
    line-height: 180%;
    font-size: 70%;
    border-bottom: 1px solid #7996e0;
    vertical-align: top;
    padding: 20px 0px 5px 10px;
}

#MAIN .schedule th {
    font-size: 80%;
    font-weight: bold;
    width: 80px;
    vertical-align: top;
    text-align: right;
    border: 3px solid #fff;
}

#MAIN .schedule td {
    font-size: 70%;
    width: 270px;
    vertical-align: top;
    border: 3px solid #fff;
}

#MAIN .materials th {
    font-size: 80%;
    font-weight: bold;
    width: 80px;
    vertical-align: top;
    text-align: right;
    border: 3px solid #fff;
}

#MAIN .materials td {
    font-size: 70%;
    width: 270px;
    vertical-align: top;
    border: 3px solid #fff;
}

#MAIN .list {
    border-spacing: 5px;
}

#MAIN .list th {
    font-size: 70%;
    text-align: left;
    vertical-align: top;
}

#MAIN .list td {
    font-size: 70%;
    text-align: left;
    vertical-align: top;
}

#MAIN .card {
    border-spacing: 5px;
}

#MAIN .card th {
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

#MAIN .card td {
    font-size: 70%;
    text-align: left;
    line-height: 180%;
    vertical-align: top;
}

#MAIN .dt {
    border-bottom: 1px solid #000;
    font-size: 80%;
    font-weight: bold;
    padding: 20px 0px 5px 10px;
}

#MAIN .dd {
    font-size: 70%;
    padding: 0px 0px 0px 20px;
}

#MAIN h4 {
    border-bottom: 1px solid #000;
    font-size: 80%;
    font-weight: bold;
    padding: 5px;
    margin: 5px;
}

#MAIN td.number {
    font-size: 80%;
    font-weight: bold;
    width: 80px;
    vertical-align: top;
    text-align: right;
    border: 3px solid #fff;
}

#MAIN td.caption {
    font-size: 70%;
    vertical-align: top;
    border: 3px solid #fff;
}

#MAIN hr {
    border-bottom: 1px solid #fc6;
}


/* Valid for "td" with ID "SUB" */

#SUB {
    background-color: #fff;
    line-height: 120%;
    width: 210px;
    vertical-align: top;
    border-left: 4px solid #fc6;
}

#SUB .title {
    color: #ea5003;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    padding: 4px 0px 12px 0px;
}

#SUB .contents {
    background-color: #ffff99;
    color: #000;
    text-align: left;
    padding: 10px;
    margin: 5px;
}

#SUB .sentence {
    font-size: 70%;
}

#SUB .head {
    margin: 3px;
    padding: 3px;
    font-size: 80%;
    color: #630;
    font-weight: bold;
    background-color: #ffe106;
    text-align: center;
}

#SUB .head a {
    padding: 3px;
    color: #fff;
    text-decoration: none;
}

#SUB .head a:hover {
    color: #630;
    background-color: #ffc;
}


/* #SUB .movies { */
.movies {
    display: block;
}

/* #SUB .movies th { */
.movies th {
    padding: 3px;
    font-size: 80%;
    color: #630;
    font-weight: bold;
    background-color: #ffe106;
    text-align: center;
    vertical-align: bottom;
}

/* #SUB .movies td { */
.movies td {
    vertical-align: top;
    font-size: 70%;
}

/*
#SUB .list {
    text-align: left;
    padding: 3px;
    font-size: 85%;
}
*/

#SUB .dt {
    font-weight: bold;
}

#SUB .dd {
    padding: 3px;
}

/* #SUB a.movies { */
#SUB th.movies a {
    padding: 3px;
    color: #630;
    text-decoration: none;
}

/* #SUB a.movies:hover { */
#SUB .movies a:hover {
    color: #fff;
    background-color: #f60;
}

a.movies:hover {
    background-color: #930;
}

#SUB td.contents {
    line-height: 180%;
    vertical-align: top;
    font-size: 70%;
}

#SUB td.banner {
    font-size: 55%;
    width: 110px;
    vertical-align: top;
    text-align: center;
}

#SUB table.schedule {
    width: 180px;
}

#SUB .schedule th {
    background-color: #ffe106;
    padding: 2px;
    font-size: 80%;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

#SUB .schedule td {
    font-size: 70%;
    padding: 2px;
    width: 150px;
    vertical-align: top;
}

#SUB h4 {
    color: #ea5003;
    font-size: 85%;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}



/* Valid for ID "BOTTOM" */

#BOTTOM {
    background-color: #ffe106;
    color: #511a0d;
    padding: 5px;
    font-size: 80%;
}

#BOTTOM a {
    background-color: #ffe106;
    color: #511a0d;
    padding: 5px;
}

#BOTTOM a:hover {
    color: #fff;
    background-color: #f60;
    padding: 5px;
}



/* Valid for CLASS "LEFT" */

.LEFT {
    text-align: left;
    float: left;
}




/* Valid for CLASS "CENTER" */

.CENTER {
    text-align: center;
    float: none;
}



/* Valid for CLASS "RIGHT" */

.RIGHT {
    text-align: right;
    float: right;
}

/* Valid for ID "NEWS" */

body#NEWS {
    width: 300px;
    font-size: 70%;
    color: #000;
    background-color: #fff;
}