/* BASIC css start */
#banner_area {
    clear: both;
    position: relative;
    width: 820px;
    height: 339px;
    overflow: hidden;
    margin: 7px 8px 0 0;
}
#banner_area .banner {
    height: 200px;
    text-align: left;
    position: absolute;
    width: 820px;
    letter-spacing: -1px;
}
#banner_area .banner_bar {
    position: absolute;
    width: 820px;
    height: 25px;
    left: 0;
    bottom: 0;
    padding: 5px 0 0;
    background: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
}
#banner_area .banner_info {
    position: absolute;
    padding: 2px 10px 2px 10px;
    float: left;
}
#banner_area .banner_btn {
    color: #ffffff;
    margin: 2px 5px 2px 2px;
    float: right;
}

.right_bann {
    position: absolute; 
    top: 11px;
    right: 0;
    
}

.bank_m {
    position: absolute; 
    top: 300px;
    right: 0;
    
}


#main-notice {
    position: relative;
    width: 230px;
    top: 8px;
    right: 0;
}
#main-notice a.hotnotice {
    text-decoration: none;
    color: #000;
    font-size: 1em;
}
#main-notice h2 {
    margin: 5px 0 13px;
}
#main-notice ul li {
    padding: 0 0 6px 5px;
}
#main-notice ul li a {
    padding: 0 0 0 7px;
    color: #8f8f91;
    font-size: 11px; 
    line-height: -100%;  
}
#main-notice ul li a:hover { text-decoration:underline; }

.mainBanner { float:right; margin-top:-280px;
    overflow: hidden;
    width: 862px;
    zoom: 1;
    padding: 10px 0 0;
}

.mainBanner2 { float:right; margin-top:-100px; margin-right:10px;
    overflow: hidden;
    width: 862px;
    zoom: 1;
    padding: 10px 0 0;
}
.mainBanner2 a {margin-left:50px;}

#main .visual { zoom: 1; overflow: hidden; margin-bottom: 10px; }
#main .visual:after { content: ""; display: block; clear: both; }
#main .visual .symbol { float: left; }
#main .visual .notice,
#main .visual .attendance { float: right; }
#main .visual .symbol { width: 560px; }
#main .visual .notice,
#main .visual .attendance { width: 200px; }
#main .visual .notice { margin-bottom: 28px; }
#main .visual .notice h2 { margin-bottom: 15px; }
#main .visual .notice .notice-list li { margin-bottom: 5px; }
#main .main-banner, 
#main .move-banner, 
#main .headline-banner,
#main .step-banner { margin-bottom: 10px; }






/* BASIC css end */