@charset "utf-8";

body,
#menu {
    background: #e8ffe3 !important;
}

h1.icon1,
#facility-search-panel,
#search-result #result_list li,
#hoikuen_contents table td,
h2,
#competition-search-panel,
#training-search-panel,
#contents-panel .list_panel,
#contents-panel #video_login_info,
#enquete_panel #enquete_ctl
{
    border-color: #3eb85c !important;
}

#header {
    background: #daffd1;
  /* background: #B2FFFF; */
  background: -webkit-linear-gradient(top, #e5ffde 20%, #e5ffdf 35%, #daffd1 100%);
  background: linear-gradient(to bottom, #e5ffde 20%, #e5ffdf 35%, #daffd1 100%);
}
#header #top-line {
    background: #86f1a1 !important;
}
#header #bottom-line {
    background: #86f1a1 !important;
}
#header #title {
    color: #2a6b1a;
}
#header #info {
    color: #2a6b1a;
}

#menu_btn span {
    background: #2a6b1a;
}

#img-panel {
    background: #f7fff6 !important;
}

#menu #main li.top,
#menu #main li.top ul.sub li,
.banner_btn {
    background: #53c06e;
    border-color: #ffffff;
    transition: background 0.3s ease-in-out;
    -webkit-transition:background 0.3s;
}
#menu #main li.top.highlight {
    background: #ff8480;
}
#menu #main li.select,
#menu #main li.top ul.sub li.select {
  background: #2c9747;
}
#menu #main li.select.highlight {
    background: #ec615d;
    transition: background 0.3s ease-in-out;
    -webkit-transition:background 0.3s;
}
#menu #main li.top:hover,
#menu #main li.top ul.sub li:hover,
.banner_btn:hover {
    background: #ffb45f;
}
#menu #main li.top.highlight:hover {
    background: #ffb45f;
}
#menu #main li.select.highlight:hover {
    background: #ffb45f;
}

#page-top {
    background-color: #53c06e;
}
#page-top:hover {
    background-color: #ffb45f;
}

#footer {
    background: #ffffff;
}
#footerinner {
    color:#2c2c2c;
}

#left-panel {
    background: #daffd1;
    /* background: #B2FFFF; */
    background: -webkit-linear-gradient(top, #e5ffde 20%, #e5ffdf 35%, #daffd1 100%);
    background: linear-gradient(to bottom, #e5ffde 20%, #e5ffdf 35%, #daffd1 100%);
}

#news-panel ul li:hover,
#competition-search-result ul li:hover,
#training-search-result ul li:hover,
#compe_list_panel ul li:hover {
    background: #e8f8e5;
}

#video-panel {
    border-color: #ec843e;
    background: #ffffff;
}
#video-panel legend {
    color: #d47433;
}
#yousei-panel {
    border-color: #3b87eb;
    background: #fdedf9;
}
#yousei-panel legend {
    color: #3b87eb;
}

#search-result #result_list li span,
a {
    text-decoration: none;
    color: #1930ff;
    cursor: pointer;
}
#search-result #result_list li span:hover,
a:hover {
    text-decoration: underline;
    color: #5162ff;
    cursor: pointer;
}
#search-result #result_list li span.no-link {
    text-decoration: none;
    color: #2c2c2c;
    cursor: default;
}
#search-result #result_list li.ag_title {
    background: #c1ffb2;
}

#dialog-div #title,
#competition-video-panel .video-item .title,
#contents-panel .video-title,
#competition-video-panel2 .b_panel .b_title,
#training-video-panel .b_panel .b_title,
#QA_list .QA_b_item .title {
    background: #35a551;
    color: #ffffff;
}

.btn {
	background: #c5c5c5;
	background: -webkit-linear-gradient(top, #c5c5c5 0%, #c5c5c5 100%);
    background: linear-gradient(to bottom, #c5c5c5 0%, #c5c5c5 100%);
    border-color: #777777;
    color:#363636;
    opacity: 1;
}
.btn:hover {
    opacity: 0.7;
}
.btn:active {
    opacity: 0.9;
}
.btn:disabled {
	background: #f1f1f1;
	background: -webkit-linear-gradient(top, #f1f1f1 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #f1f1f1 0%, #e6e6e6 100%);
    border-color: #c5c5c5;
    color:#969696;
    opacity: 1;
}

#contents-panel .msg_item ul li.sd,
#QA_list .QA_b_item .QA {
    background: #dbfce0;
}
#contents-panel .msg_item ul li.sd:hover {
    background: #d0fcd7;
}

#contents-panel .msg_item ul li.rv,
#QA_list table td.a {
    background: #ffe4e4;
}
#contents-panel .msg_item ul li.rv:hover {
    background: #ffdcdc;
}

#contents-panel .link_item h2 {
    color: #36a852;
}