@import "basic2.css";

ol.rule{
    width: 500px;
    border: 1px solid #ccc;
    margin: 10px auto;
    padding: 10px;
    list-style-type: decimal;
    list-style-position: outside;
}

ol.rule li{
    padding: 3px 0;
    margin-left: 20px;
}

div.kumiawase{
    width:470px;
    margin: 0 auto;
    padding-right:20px;
}

h2.event_ttl{
    margin: 0 20px 20px 0;
    font-weight: bold;
    font-size: 15px;
    color: #0099da;
    padding: 5px 0 2px 10px;
    height: 18px;
    border-bottom: 1px solid #ccc;
}

div.kumiawase_side,
div.kumiawase_center{
    float: left;
}

div.kumiawase_side{
    width: 200px;
    background: #fff;
}

div.kumiawase_center{
    width: 35px;
    background: #fff;
    margin: 35px 0 0 0;
}

div.kumiawase_side ul,
div.kumiawase_center ul{
    list-style-type: none;
    margin: 10px 0 0 0;
}

div.kumiawase_side li,
div.kumiawase_center li{
    font-size: 14px;
    text-align: center;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}

div.kumiawase_side h3{
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    height: 15px;
    text-align: center;
}

div.kumiawase_side h3.red_corner {
    background:#f00;
    width: 200px;
}

div.kumiawase_side h3.blue_corner {
    background:#00f;
    width: 200px;
}

.ut { width:450px; font-size:14px;}
.ut td { text-align:center; border-bottom:1px solid #999999; padding:5px;}
.rc { background:#FF0000; color:#FFFFFF; padding:10px; font-weight:bold; text-align:center; }
.bc { background:#0000FF; color:#FFFFFF; padding:10px; font-weight:bold; text-align:center; }