@charset "utf-8";

/**/
#maincontents{
 float:left;
 width:628px;
}

#maincontents h2 span{
display:block;
padding:5px 3px;
background:#5085bb url(images/bg.png) repeat-x 0 100%;
}

#maincontents h2{
margin-top:20px;
padding:1px;
font-weight:normal;
font-size:120%;
text-align:center;
border:1px solid #356aa0;
box-shadow:0 0 3px rgba(0,0,0,0.3);
}

#maincontents h2 {color:#fff;}


#side{
 float:left;
 width:300px;
 margin-right:30px;
}

#infomation{
         border: solid 1px #CCCCCC;
         width: 626px;
         height: 250px;
         overflow: auto;
}

.info-date{
    float:left;
    width:120px;
    padding:8px 8px 0 8px;
}
.info-class{
    float:left;
    width:72px;
    color:#FFFFFF;
    padding:8px 8px 0 0;
}
.info-text{
    float:left;
    width:380px;
    padding:8px 8px 0 0;
}
.info-icon{
    width:60px;
    height:22px;
    text-align:center;
    -moz-border-radius:6%;
    -webkit-border-radius:5%/20%;
    border-radius:5%/20%;
}
.icon1{
    background-color:rgb(11,142,23);
}
.icon2{
    background-color:rgb(255,38,38);
}
.icon3{
    background-color:rgb(0,89,178);
}
.icon4{
    background-color:rgb(255,147,38);
}

h3.title{
clear:both;
margin:30px 0 5px;
padding:0;
font-size:120%;
font-weight:bold;
background:url(images/headingBg.png) repeat-x 0 50%;
}

h3.title span{
padding-right:10px;
background:#fffefb;
}

.basic-table{
    border-collapse: collapse;
    border-spacing: 0;
    margin:auto;
    margin-top:12px;
    width:100%;
    font-size:14px;

}
.basic-table th{
    border: 1px solid #CCCCCC;
    background-color:#F7F7F7;
    padding:3px;
    font-weight:500;
    text-align:center;
    vertical-align: middle;
}

.basic-table td{
    border: 1px solid #CCCCCC;
    padding:2px;
    font-weight:500;
    vertical-align: middle;
}
.plan-table td{
    text-align:center;
    padding:2px;
}
#copyright{
clear:both;
padding:5px;
text-align:center;
font-size:90%;
zoom:1;
color:#fff;
background: url(images/bg.png) repeat-x 0 100%;
}

.clear{
    clear:both;
}
.img-border{
    border:1px solid #CCCCCC;
}
.img-border3{
    border:1px solid #CCCCCC;
    padding:3px;
}
.tac{
    text-align:center;
}
.tar{
    text-align:right;
}
.mt10{
    margin-top:10px;
}
.mt20{
    margin-top:20px;
}
.mb10{
    margin-bottom:10px;
}
.mb20{
    margin-bottom:20px;
}
.red{
    color:#FF0000;
}

.changeNendo{
    text-align:right;
    margin:20px 0 0 10px;
}

table.tacTable td{
    text-align:center;
}