.banner{         
    overflow: hidden;
    width: 100%;
}
.banner-left,.banner-right{
    position:absolute;
    height: 295px;
    display:table;
    overflow: auto;
    z-index: 10;
    opacity: 0.15;
    -ms-filter: 'alpha(opacity=0.15)';
}
.banner-left:hover,.banner-right:hover{
    opacity: 0.6;
    -ms-filter: 'alpha(opacity=0.6)';
}
.banner-left{
    float: left;
    margin-left: 0;
}
.banner-right{
    float: right;
    margin-left: 92%;
    margin-right:0px;
}

.banner-left a,.banner-right a {
    display: table-cell;
    vertical-align: middle;     
}            
.banner-center ul{
    width: 400%;
    position: relative;                        
    white-space: nowrap;
}
.banner-center ul li{
    width: 958px;
    position: initial;
    float: left;
    text-align: center;
    height: 312px;
    overflow: hidden;
}
.round_rect{
    margin-top: 10px;
    border: 3px #00a0a0 solid;
    border-radius: 5px;
    overflow: hidden;
}
.round_rect li{
    float: left;
    margin: 10px 28px;
    text-align: center;
    border: 1px #87CEEB solid;
}
.round_rect li a{
    display: block;
    width: 180px;
    height: 150px;
    overflow: hidden;
}
.top-list-bar{
    margin-top: 10px;
    height:218px;
    border: 1px #3d3d3d solid;
    overflow: hidden;
}
.article-list{
    width: 42%;
    float: left;
    text-align: left;
    background-color: #f8f8f8;
    border-right: 3px #888ff8 solid;
}            
.article-list-head,.koe-list-head{
    padding-left: 5px;
    line-height: 2em;
    background-color: #888ff8;
}
.article-list-head h2,.koe-list-head h2{
    color: #fff;
}
.article-list ul,.koe-list ul{
    margin-top: 6px;
    margin-bottom: 0px;
    width: 100%;
    height:100%;
}
.even{
    background-color: #e8e8ea;
}
.article-list li,.koe-list li{
    padding-top:3px;
    padding-bottom:3px;
    font-size: 0.9em;
    padding-left: 10px;
}
.koe-list li{
    margin-bottom: 5px;
}
.article-list-title{
    float: left;
    padding-left: 5px;
}
.article-list-title a{
    color:#080ff8;
}
.article-list-date{
    display: block;
    float:right;
    padding-right: 5px;
    font-size: 0.8em;
    color:#a5a8aa
}            
.koe-list{
    margin-top: 0;
    margin-bottom:0;
    float: right;
    width: 55%;
    height: 219px;
    text-align: left;
    overflow: hidden;
    border-left: 3px #888ff8 solid;
}
.koe-list-date{                
    color:#a5a8aa;
    font-size: 0.8em;                
}
.kokyaku{
    color:#000;               
    font-weight: bold;
    margin-left: 10px;
    margin-right: 5px;
}
.koe-conter{
    padding-right: 5px;
    text-indent:1em;
}
.link-bar{    
    margin: 10px 0;
    height: 280px;
    overflow: hidden;    
    border: 1px #000 solid;
}
.facebook-bar{
    float: left;
    width:42%;    
    overflow: hidden; 
    background-color:#fff;
}
.twitter-wedgin{
    float: right;
    width: 56%;
}
.calendar-box{
    clear:both;
    margin-top: 10xp;
    padding-bottom: 5px;
    width: 200px;
    border: 1px #88888f solid;                
    overflow: hidden;
}
.calendar-month{
    padding-top:5px;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
}
.calendar-move-back{
    float: left;
    margin-left: 10px;
}
.calendar-move-next{
    float:right;
    margin-right: 10px;
}
.calendar-day{
    clear: both;
    margin-top: 5px;
}
.calendar-day th,.calendar-day td{
    margin-left: 5px;
    margin-right:5px;
    width: 3.5em;
    height: 1.5em;
    text-align: center;
    border: 1px solid #d3d3d3;
}
.calendar-day thead th{
    background-color: #888ff8;
    font-weight: bold;
}
.gray{
    background-color: rgba(196, 228, 241, 0.53);
    color: #A5B4D8;
}
.black{
    background-color: #fff;
    color:black;
}
.first{
    background-color: rgb(35, 233, 138);
    font-weight: 600;
    color: #000000;
}
.calendar-note{
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}
.calendar-black{
    margin-left: 5px;
    width: 1em;
    height: 1em;
    background-color: rgb(35, 233, 138);
    float: left;
}
.calendar-caption{
    float: left;
    margin-left: 5px;
}