@charset "utf-8";

body.chwhite {
    background-color: #fff!important;
}

* .chblack {
    background-color: #000!important;
	color: #fff!important;
}

* .chblue {
    background-color: #0165c7!important;
    color: #fff!important;
}

.chblue #font-size div.active span::before,
.chblack #font-size div.active span::before {
    border-left-color: #fff;
}

.chblue #bgcolor li,
.chblack #bgcolor li {
	border:none!important;
}

.chblue header .accessibility .chblue .bg-area ul#bgcolor li.active2 a span::before,
.chblack header .accessibility .chblack .bg-area ul#bgcolor li.active2 a span::before {
	border-left-color: #fff;
}

.chblue header .accessibility .language-area .cp_ipselect.cp_sl01::before, 
.chblack .accessibility .language-area .cp_ipselect.cp_sl01::before{
	border-top: 6px solid #fff;
}

.chblue header .accessibility .bg-area ul#bgcolor li.active a span::before,
.chblack header .accessibility .bg-area ul#bgcolor li.active a span::before {
	border-left-color: #fff;
}

.chblue #headSearchField,
.chblack #headSearchField {
	border:1px solid #fff!important;
}

.chblue .menu ul.gnav span.special:hover::after,
.chblack .menu ul.gnav span.special:hover::after {
	content: url(../images/navi_aroow2_wh.png);
	}
	
.chblue nav ul li.on a,
.chblack nav ul li.on a {
	background: none!important;
	color:#f6ff00!important;
}


/* index */


.chblue h2.ind_title:after,
.chblack h2.ind_title:after {
	background-color: #fff;
}


.chblue .top_inner .box h1,
.chblack .top_inner .box h1,
.chblue .title_search,
.chblack .title_search,
.chblue .top_form_area,
.chblack .top_form_area {
	background: none!important;
}

.chblue .top_form_area dl.search,
.chblack .top_form_area dl.search {
    border: none;
    border-radius: 0;
}

.chblue .top_form_area dl.search dt,
.chblack .top_form_area dl.search dt {
	background: none;
}

.chblue p.ind_more_btn_area,
.chblack p.ind_more_btn_area {
    border: 2px solid #fff;
}


.chblue h2.ico_service,
.chblack h2.ico_service {
	background: none;
}

.chblue h2.title_l::after,
.chblack h2.title_l::after {
    background-color: #fff;
}

.chblue h3.title::after,
.chblack h3.title::after {
    background-color: #fff;
}

.chblue .chblue h3.title_l,
.chblack .chblue h3.title_l {
    border-left: 3px solid #fff;
}

.chblue .chblue h4.title,
.chblack .chblue h4.title {
    border-left: 3px solid #fff;
}

.chblue .chblue h4.title_min,
.chblack .chblue h4.title_min {
    border-left: 3px solid #fff;
}

.chblue h1.title:after,
.chblack h1.title:after {
	bottom: -1px;
	left: 50%;
	width: 90px;
	height: 3px;
	content: '';
	position: absolute;
	background-color: #fff;
	margin-left: -45px;
}

.chblue .tab_area label,
.chblack .tab_area label {
	border: 1px solid #fff;
	box-sizing:border-box;
}

.chblue #tab1:checked ~ .tab_area .tab1_label::after, .chblue #tab2:checked ~ .tab_area .tab2_label::after, .chblue #tab3:checked ~ .tab_area .tab3_label::after, .chblue #tab4:checked ~ .tab_area .tab4_label::after,
.chblack #tab1:checked ~ .tab_area .tab1_label::after, .chblack #tab2:checked ~ .tab_area .tab2_label::after, .chblack #tab3:checked ~ .tab_area .tab3_label::after, .chblack #tab4:checked ~ .tab_area .tab4_label::after {
	border-top-color: #fff;
	box-sizing:border-box;
}

.chblue .panel_area dl span,
.chblack .panel_area dl span {
	border: 1px solid #fff;
}

.chblue .inner_right h2,
.chblack .inner_right h2 {
    border-top: 3px solid #fff;
    border-bottom: 1px solid #fff;
}

.chblue .side_navi .switch::after,
.chblack .side_navi .switch::after,
.chblue .side_navi .switch:first-child::after,
.chblack .side_navi .switch:first-child::after {
    color: #fff;
}

.chblue .side_navi li::after,
.chblack .side_navi li::after {
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
}

.chblue span.news-ico,
.chblack span.news-ico{
    border: 1px solid #fff;
}

.chblue .event_title_area ul li.back_month::after,
.chblack .event_title_area ul li.back_month::after {
    border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
}

.chblue .event_title_area ul li.next_month::before,
.chblack .event_title_area ul li.next_month::before {
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
}

.chblue p.more_btn_area,
.chblack p.more_btn_area {
    border: 2px solid #fff;
}

.chblue a.more_btn span::before,
.chblack a.more_btn span::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.chblue .link_icon::after,
.chblack .link_icon::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.chblue .back_icon::after,
.chblack .back_icon::after {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}

.chblue .event_title_area h2.title,
.chblack .event_title_area h2.title{
    border-bottom: 2px solid #fff;
}

.chblue .sansaku_map_area .view_change,
.chblack .sansaku_map_area .view_change {
    border: 1px solid #fff;
}

.chblue .sansaku_map_area .view_change span::before,
.chblack .sansaku_map_area .view_change span::before {
    content: url(../images/icn_view_change_wh.png);
}

.chblue .sansaku_map_area h2.title,
.chblack .sansaku_map_area h2.title {
    border-bottom: 1px solid #fff;
}

.chblue .sansaku_map_area h2.title::after,
.chblack .sansaku_map_area h2.title::after {
    background-color: #fff;
}

.chblue #recomend_course .select_course.cp_sl::before,
.chblack #recomend_course .select_course.cp_sl::before {
    border-top: 6px solid #fff;
}

.chblue #recomend_course .time::before,
.chblack #recomend_course .time::before {
    content: url(../images/icn_time_wh.png);
}

.chblue .point_start, .chblue .point_goal,
.chblack .point_start, .chblack .point_goal {
    border: 1px solid #fff;
}

.chblue .point_relay,
.chblack .point_relay {
    border: 1px solid #fff;
}

.chblue .link-list li::after,
.chblack .link-list li::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.chblue .headline-list li::after,
.chblack .headline-list li::after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.chblue p.more_memory_btn_area,
.chblack p.more_memory_btn_area {
    border: 2px solid #fff;
}

.chblue a.more_memory_btn span::before,
.chblack a.more_memory_btn span::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.chblue .tab_area_link li.checked::after,
.chblack .tab_area_link li.checked::after {
    border-top-color: #fff;
}

.chblue .memory .select_course.cp_sl::before,
.chblack .memory .select_course.cp_sl::before {
    border-top: 6px solid #fff;
}

.chblue #tab1:checked ~ .tab_area2 .tab1_label::after, .chblue #tab2:checked ~ .tab_area2 .tab2_label::after,
.chblack #tab1:checked ~ .tab_area2 .tab1_label::after, .chblack #tab2:checked ~ .tab_area2 .tab2_label::after {
    border-top-color: #fff;
}