@charset "utf-8";
/* CSS Document */

body {
    background-color:#F0F4F7;
    color: #222222;
}

body > header {
    background-color: #fff;
}

a {
    color:#0099EF;
}

#pankuzu li:after {
    border-top: 1px solid #666;
    border-right: 1px solid #666;
}

#pankuzu li a {
    color: #666;
}

.main_title {
    color: #fff;
    background-color:#0099EF;
}

.main_title ul li a {
    color:#fff;
}

.main_title ul li:first-child a {
    background: url(/static/icon/icon1.svg) no-repeat left 3px;
    background-size: 30px;
}

.main_title ul li:nth-child(2) a {
    background: url(/static/icon/icon2.svg) no-repeat left 3px;
    background-size: 25px;
}

#l_main_cont {
    background-color: #fff;
}

#pankuzu li {
    color: #666;
}

#l_seminar_list .list_info p {
    color: #0099EF
}

.seminar_title a {
    color: #222;
}

.icon_cross {
    background: #D3EDFF;
}

#search_conditions {
    border-bottom: solid 1px #0099EF;
}

.icon_cross:before,
.icon_cross:after {
    background: #0099EF;
}

#l_seminar_list .list_one {
    border-bottom: solid 1px #ccc;
}

#l_seminar_list .seminar_img {
    outline: solid 1px #ccc;
}

.seminar_place {
    background-color: #0099EF;
    color:#fff;
}

dl.seminar_date_list .seminar_state {
    color: #999;
    font-size: 12px;
}

.calendar_info a.btn_prev:after {
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
}

.calendar_info a.btn_next:after {
    border-top: 2px solid #666;
    border-right: 2px solid #666;
}

table.caledar_table th,
table.caledar_table td {
    border: solid 1px #dddddd;
    color: #646464;
}

table.caledar_table td:nth-child(1) .day_num {
    color: #FD4F4F;
}

table.caledar_table td.today {
    background-color:#0099EF;
    color: #fff;
}

table.caledar_table td.today .day_num {
    color: #fff;
}

table.caledar_table tr td.today a {
    color: #fff;
}

table.caledar_table tr td.outside_month {
    background-color:#F6FBFF;
}

table.caledar_table tr td.outside_month .day_num {
    color: dddddd;
}

table.caledar_table td span.seminar_time {
    color: #999;
}

.calendar_info {
    color:#646464;
}

.calendar_info a {
    background-color:#f0f0f0;
    border: solid 1px #ccc;
    color:#646464;
}

.calendar_info .select_event_box,
.calendar_info .select_place_box,
.calendar_info .select_time_box {
    background-color: #fff;
    border: solid 1px #ccc;
}

.calendar_info .btn_close {
    background-color: #0099EF;
    color:#fff;
}

.pagetitle_area {
    border-bottom: solid 1px #d6d6d6;
}

.place_prefectures li.place_outside {
    background-color:#ddd;
}

.date_block {
    border: solid 1px #ccc;
}

.date_block .day {
    border-right: solid 1px #ccc;
}

.material_list {
    background-color:#F0F4F7;
    border-top: solid 1px #ccc;
}

.btn_register {
    background-color: #0099EF;
    color: #fff;
}

.btn_entry {
    background-color: #3b5998;
    color: #fff;
}

.date_block .closing {
   color: #0099EF;
}

h2.h2_title3 {
    color: #ccc;
}

.organizer_block {
    border-top: solid 1px #ccc;
}

.organizer_block .add,
.organizer_block .tel {
    color: #ccc;
}

.l_side_cont_bg {
    background-color: #F6FBFF;
}

.checkbox:hover {
    background-color: #D3EDFF;
}

.checkbox:before {
    border: 1px solid #0099EF;
    background-color:#fff;
}

input[type=checkbox]:checked + .checkbox:before {
    background-color: #0099EF;
}

h2.h2_title2 {
    color : #666;
}

h2.search_btn,
h2.search_title,
#l_side_cont h3 {
    color: #0099EF;
}

#l_side_cont h3.h3_title2 {
    color: #666;
}

footer {
    background-color: #fff;
    color: #666;
}

@media screen and (max-width:640px) {
    #l_side_cont h2.search_btn {
        background-color:#fff;
        border: solid 1px #D4EEFC;
    }

    .btn_close {
        background-color: #0099EF;
        color:#fff;
    }
}