@charset "utf-8";

body{
    margin: 0;
    padding: 0;
}
h1{
    text-align:center;
    border-bottom:solid 2px #333;
    font-size:140%;
    color:#333;
}
h2{
    text-align:center;
    border-bottom:dotted 1px #333;
    font-size:120%;
    margin:10% 0 5%;
    color:#333;
}
/*----------------------------------------------*/
section{
    border: 1px solid #333;
    width: 600px;
    border-collapse: collapse;
    display: table;
    margin:0 auto 50px;
}
h3{
    font-size: 120%;
    color:  #F00;
    display: table-caption;
    margin:0;
    padding:0;
    text-align:center;
    font-weight:normal;
}
ul{
    display: table-row;
}
li.day{
    border:  1px dotted #ccc;
    font-weight:  normal;
    color: #00F;
    background: #fffa00cc;
}
li{
    border:  1px dotted #ccc;
    text-align:  center;
    display: table-cell;
}

/*----------------------------------------------*/

table{
    border: 1px solid #333;
    width: 600px;
	border-collapse: collapse;
    margin:0 auto 50px;
}
caption{
    font-size: 120%;
    color:  #F00;
}
tr{}
th{
    border:  1px dotted #ccc;
    font-weight:  normal;
    color: #00F;
    background: #fffa00cc;
}
td{
    border:  1px dotted #ccc;
    text-align:  center;
}