*{
font-family: Helvetica,Verdana,Gothic;
}
body{
margin: 0px;
padding: 0px;
background: url("/img/bg_body.gif") repeat-x left top;
color: #333333;
font-size: 12px;
line-height: 1.75em;
text-align: center;
}
#wrapper{
width: 930px;
margin: 0px auto;
padding: 0px;
text-align: left;
}

/*HEADER*/
#caption{
margin: 0px;
padding: 0px;
line-height: 20px;
}
#header{
width: 930px;
height: 100px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#header_main{
float: left;
margin: 0px;
padding: 0px;
}
#header_main h1{
margin: 0px;
padding: 16px 0px 36px;
}
#header_sub{
float: right;
margin: 0px;
padding: 8px 0px 28px;
}
#gnv{
margin: 0px;
padding: 0px;
overflow: hidden;
}
#gnv ul{
list-style: none;
margin: 0px;
padding: 0px 0px 0px 1px;
background: url("/img/bg_gnv.gif") #0099d9 no-repeat left bottom;
}
#gnv li{
float: left;
width: 90px;
margin: 0px;
padding: 0px;
background: url("/img/bg_gnv.gif") #0099d9 no-repeat right bottom;
text-align: center;
}
#gnv li a{
display: block;
color: #ffffff;
line-height: 40px;
text-decoration: none;
}
#gnv li a:hover{
color: #ffe100;
line-height: 40px;
text-decoration: none;
}

/*CONTENTS*/
#contents{
width: 930px;
margin: 0px;
padding: 0px 0px 60px;
}
/*CONTENTS_MAIN*/
#main{
float: left;
width: 660px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#main h1{
width: 610px;
margin: 0px 0px 20px;
padding: 9px 20px;
background: url("/img/bg_mesh_gray.gif") left top;
color: #000000;
font-weight: normal;
font-size: 20px;
line-height: 22px;
}
#main .h2_wrapper{
width: 648px;
margin: 0px 0px 20px;
padding: 1px;
background: url("/img/bg_mesh_gray.gif") left top;
}
#main .h2_wrapper h2{
margin: 0px;
padding: 12px 15px;
background: #ffffff;
color: #0099d9;
font-size: 14px;
line-height: 16px;
}
#main .h2_wrapper h2 a{
color: #0099d9;
font-size: 14px;
line-height: 16px;
}
#main .h2_wrapper h2 a:hover{
color: #ffe100;
font-size: 14px;
line-height: 16px;
}
#main h3{
width: 610px;
margin: 0px 0px 10px;
padding: 0px 20px;
background: url("/img/bg_dot_gray.gif") repeat-x left bottom;
color: #000000;
font-size: 12px;
line-height: 30px;
}
#main h4{
width: 610px;
margin: 0px;
padding: 0px 20px;
color: #000000;
font-size: 12px;
line-height: 20px;
}
#main p{
width: 610px;
margin: 0px 0px 20px;
padding: 0px 20px;
color: #000000;
font-size: 12px;
line-height: 20px;
}
#main p a{
color: #0099d9;
font-size: 12px;
line-height: 20px;
}
#main p a:hover{
color: #ffe100;
font-size: 12px;
line-height: 20px;
}
#main .pagetop{
margin: 0px 0px 20px;
padding: 0px 10px 0px 0px;
text-align: right;
}
/*CONTENTS_SUB*/
#sub{
float: right;
width: 240px;
margin: 0px;
padding: 0px;
}
#sub .list{
margin: 0px 0px 40px;
padding: 0px;
}
#sub .list h2{
width: 200px;
margin: 0px 0px 15px;
padding: 9px 20px;
background: url("/img/bg_mesh_gray.gif") left top;
color: #000000;
font-weight: normal;
font-size: 20px;
line-height: 22px;
}
#sub .list h2 a{
color: #000000;
font-weight: normal;
font-size: 20px;
line-height: 22px;
text-decoration: none;
}
#sub .list ul{
list-style: none;
width: 240px;
margin: 0px;
padding: 0px;
}
#sub .list li{
width: 200px;
margin: 0px 0px 15px;
padding: 0px 20px 16px;
background: url("/img/bg_dot_gray.gif") repeat-x left bottom;
color: #000000;
font-size: 10px;
line-height: 15px;
}
#sub .list li a{
color: #000000;
font-size: 10px;
line-height: 15px;
text-decoration: none;
}
#sub .list li a:hover{
color: #0099d9;
font-size: 10px;
line-height: 15px;
text-decoration: none;
}
#sub .list li a b{
border-bottom: 1px dotted #000000;
font-weight: normal;
}
#sub .list li a:hover b{
border-bottom: 1px dotted #0099d9;
font-weight: normal;
}
#sub .list li a i{
font-style: normal;
color: #0099d9;
}
#sub .list2{
margin: 0px 0px 40px;
padding: 0px;
}
#sub .list2 h2{
width: 200px;
margin: 0px 0px 15px;
padding: 9px 20px;
background: url("/img/bg_mesh_gray.gif") left top;
color: #000000;
font-weight: normal;
font-size: 20px;
line-height: 22px;
}
#sub .list2 h2 a{
color: #000000;
font-weight: normal;
font-size: 20px;
line-height: 22px;
text-decoration: none;
}
#sub .list2 ul{
list-style: none;
width: 240px;
margin: 0px;
padding: 0px;
}
#sub .list2 li{
width: 200px;
margin: 0px 0px 15px;
padding: 0px 20px 16px;
background: url("/img/bg_dot_gray.gif") repeat-x left bottom;
color: #000000;
font-size: 12px;
line-height: 15px;
}
#sub .list2 li a{
color: #000000;
font-size: 12px;
line-height: 15px;
text-decoration: none;
}
#sub .list2 li a:hover{
color: #0099d9;
font-size: 12px;
line-height: 15px;
text-decoration: none;
}
#sub .list3{
margin: 0px 0px 40px;
padding: 0px;
}
#sub .list3 h2{
width: 200px;
margin: 0px 0px 15px;
padding: 9px 20px;
background: url("/img/bg_mesh_gray.gif") left top;
color: #000000;
font-weight: normal;
font-size: 20px;
line-height: 22px;
}
#sub .list3 h2 a{
color: #000000;
font-weight: normal;
font-size: 20px;
line-height: 22px;
text-decoration: none;
}
#sub .list3 ul{
list-style: none;
width: 240px;
margin: 0px;
padding: 0px;
}
#sub .list3 li{
width: 240px;
margin: 0px 0px 15px;
padding: 0px 0px 11px;
background: url("/img/bg_dot_gray.gif") repeat-x left bottom;
color: #000000;
font-size: 12px;
line-height: 15px;
}
#sub .list3 li a{
display:inline-block;
margin: 0px 5px 5px 0px;
padding: 7px 10px;
border: 1px solid #dddddd;
color: #000000;
font-size: 12px;
line-height: 1;
text-decoration: none;
}
#sub .list3 li a:hover{
color: #0099d9;
}
#sub #link{
margin: 0px 0px 40px;
padding: 0px;
}
#sub #link ul{
list-style: none;
width: 240px;
margin: 0px;
padding: 0px;
}
#sub #link li{
width: 240px;
margin: 0px 0px 5px;
padding: 0px;
}
#sub #link li a img{
vertical-align: bottom;
}

/*FOOTER*/
#footer{
margin: 0px;
padding: 20px 0px 40px;
}
#footer a{
color: #333333;
text-decoration: none;
}
#footer a:hover{
color: #0066cc;
text-decoration: underline;
}

.topicpath{
margin: 0px;
padding: 14px 0px;
color: #999999;
font-size: 10px;
line-height: 12px;
}
.topicpath a{
color: #999999;
font-size: 10px;
line-height: 12px;
text-decoration: none;
}
.topicpath a:hover{
color: #0099d9;
font-size: 10px;
line-height: 12px;
text-decoration: none;
}

/*PROFESSOR*/
#main .top_professor_nv{
width: 648px;
margin: 0px 0px 20px;
padding: 1px;
background: url("/img/bg_mesh_gray.gif");
}
#main .top_professor_nv p{
width: 618px;
margin: 0px;
padding: 11px 15px;
background: #ffffff;
color: #999999;
}
#main .top_professor_nv p a{
text-decoration: none;
}
#main .top_professor_wrapper{
width: 660px;
margin: 0px;
padding: 0px;
}
#main .top_professor_wrapper h5{
float: left;
width: 620px;
margin: 0px 0px 10px;
padding: 5px 15px;
background: url("/img/bg_mesh_gray.gif") left top;
font-size: 12px;
line-height: 14px;
}
#main .top_professor_body{
float: left;
width: 155px;
margin: 0px 10px 20px 0px;
padding: 0px;
}
#main .top_professor_body h2{
width: 155px;
height: 155px;
margin: 0px 0px 5px;
padding: 0px;
overflow: hidden;
}
#main .top_professor_body p{
width: 155px;
height: 24px;
margin: 0px;
padding: 0px;
color: #000000;
font-size: 10px;
line-height: 12px;
text-align: center;
overflow: hidden;
}
#main .top_professor_body p a{
color: #000000;
font-size: 10px;
line-height: 12px;
text-decoration: none;
}

#main .related_lecture .h2_wrapper{
width: 648px;
margin: 0px 0px 20px;
padding: 1px;
background: url("/img/bg_mesh_gray.gif") left top;
}
#main .related_lecture .h2_wrapper h2{
margin: 0px;
padding: 11px 15px;
background: #ffffff;
color: #000000;
font-weight: normal;
font-size: 14px;
line-height: 16px;
}
#main .related_lecture ul{
list-style: none;
margin: 0px 0px 20px;
padding: 0px 20px;
}
#main .related_lecture li{
margin: 0px;
padding: 4px 15px;
color: #000000;
font-size: 12px;
line-height: 14px;
}
#main .related_lecture li a{
color: #000000;
font-size: 12px;
line-height: 14px;
text-decoration: none;
}
#main .related_lecture li a:hover{
color: #0099d9;
font-size: 12px;
line-height: 14px;
text-decoration: none;
}

#main .top_lecture_entry{
width: 650px;
margin: 0px 0px 10px;
padding: 0px 0px 11px;
border-bottom: 1px solid #dddddd;
color: #000000;
font-size: 12px;
line-height: 18px;
}
#main .top_lecture_entry table{
margin: 0px;
padding: 0px;
}
#main .top_lecture_entry th{
margin: 0px;
padding: 0px;
}
#main .top_lecture_entry td{
margin: 0px;
padding: 0px 20px;
color: #000000;
font-size: 12px;
line-height: 18px;
}
#main .top_lecture_entry td span{
color: #0099d9;
font-size: 12px;
line-height: 18px;
}
#main .top_lecture_entry td span.series{
padding-right: 48px;
background: url("/img/ic_series.gif") no-repeat right center;
color: #0099d9;
font-size: 12px;
line-height: 18px;
}
#main .top_lecture_entry td a{
border-bottom: 1px dotted #000000;
color: #000000;
font-size: 14px;
line-height: 21px;
text-decoration: none;
}
#main .top_lecture_entry td a:hover{
border-bottom: 1px dotted #0099d9;
color: #0099d9;
font-size: 14px;
line-height: 21px;
text-decoration: none;
}

#main .fee_table{
margin: 0px 0px 20px;
padding: 0px;
}
#main .fee_table h3{
margin: 0px;
padding: 5px 0px;
color: #000000;
font-weight: normal;
font-size: 12px;
line-height: 20px;
}
#main .fee_table table{
margin: 0px;
padding: 0px;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
#main .fee_table th{
width: 345px;
margin: 0px;
padding: 5px 0px;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
color: #000000;
font-weight: normal;
font-size: 12px;
line-height: 20px;
text-align: center;
}
#main .fee_table td{
width: 100px;
margin: 0px;
padding: 5px 0px;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
color: #000000;
font-size: 12px;
line-height: 20px;
text-align: center;
}
#main .fee_table td a{
color: #0099d9;
font-size: 12px;
line-height: 20px;
}
#main .fee_table td a:hover{
color: #ffe100;
font-size: 12px;
line-height: 20px;
}

#main .div_time{
margin: 0px 0px 20px;
padding: 0px;
}
#main .div_time table{
margin: 0px;
padding: 0px;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
#main .div_time th{
width: 161px;
margin: 0px;
padding: 5px 0px;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
color: #000000;
font-weight: normal;
font-size: 12px;
line-height: 20px;
text-align: center;
}
#main .div_time td{
width: 161px;
margin: 0px;
padding: 5px 0px;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
color: #000000;
font-size: 12px;
line-height: 20px;
text-align: center;
}

#main .course_btn{
width: 650px;
margin: 0px 0px 20px;
padding: 21px 0px 0px;
background: url("/img/bg_dot_gray.gif") repeat-x left top;
text-align: center;
}
#main .course_btn a{
color: #000000;
font-size: 20px;
line-height: 30px;
}
#main .course_btn a:hover{
color: #0099d9;
font-size: 20px;
line-height: 30px;
}

#main .lecture_professor{
width: 650px;
margin: 0px 0px 20px;
padding: 0px;
}
#main .lecture_professor th{
width: 200px;
margin: 0px;
padding: 0px;
}
#main .lecture_professor td{
width: 450px;
margin: 0px;
padding: 0px;
color: #000000;
font-size: 12px;
line-height: 20px;
}
#main .lecture_professor td p{
width: 410px;
margin: 0px 0x 20px;
padding: 0px 20px;
color: #000000;
font-size: 12px;
line-height: 20px;
}
#main .lecture_professor td p a{
color: #0099d9;
font-size: 12px;
line-height: 20px;
}
#main .lecture_professor td p a:hover{
color: #ffe100;
font-size: 12px;
line-height: 20px;
}
#main .lecture_professor td h3{
margin: 0px 0px 10px;
padding: 0px 20px;
background: none;
}
#main .entry_body_more{
width: 650px;
margin: 0px 0px 20px;
padding: 20px 0px 0px;
background: url("/img/bg_dot_gray.gif") repeat-x left top;
}

#main .series_wrapper{
width: 608px;
margin: 0px 20px 20px;
padding: 0px;
border: 1px dotted #0099d9;
}
#main .series_wrapper p{
width: 568px;
margin: 0px;
padding: 20px;
color: #0099d9;
font-size: 12px;
line-height: 20px;
}

#main .btn_social{
margin: 20px 0px 0px;
padding: 0px;
}

.pager{
margin: 0px;
padding: 20px;
text-align: center;
}
.pager .current_page{
margin: 5px;
padding: 7px 10px;
background: #0099d9;
color: #ffffff;
line-height: 14px;
}
.pager .link_page,.link_next,.link_before{
margin: 5px;
padding: 7px 10px;
border: 1px solid #dddddd;
color: #333333;
line-height: 14px;
}
.pager ul,
.pager li{
display: inline-block;
list-style: none;
margin: 0px;
padding: 0px;
}
.pager a{
display: inline-block;
margin: 2px;
padding: 7px 10px;
border: 1px solid #dddddd;
color: #333333;
line-height: 1;
text-decoration: none;
}
.pager a.this_page{
background: #0099d9;
color: #ffffff;
font-weight: bold;
}

.btn_peatix{
margin: 20px 0px 0px;
}
.btn_peatix a{
display: block;
padding: 14px 0px;
background: #0099d9;
color: #ffffff;
font-size: 14px;
line-height: 1;
text-align: center;
text-decoration: none;
}
.btn_peatix a:hover{
background: #ffff00;
color: #0099d9;
}