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

button, a.button, a.button:visited, a.button:hover, input.button {
	background-image: url(/images/button/green/button_small.gif);
}

h2{
	padding: 8px 5px 6px 10px;
	background-color: #ebebeb;
	border-radius: 6px;
	border-top: none;
	border-bottom: none;
	position: relative;
	backdrop-filter: opacity(1);
}

button, input.button{
	background: #1cc7a3 url(/images/button/green/button_small.gif) repeat-x top left;
	border: #1cc7a3 solid 3px;
	border-radius: 5px;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}

table.list th, table.info th, table.calendar th, table.faq th{
	background-color: #e2ffee;
}
caption{
	filter: hue-rotate(108deg)saturate(1.2)contrast(110%)grayscale(0.6);
}

.staff div.dai{
	background: url(/images/menu/green/menu01_bg.gif) no-repeat top #fff;
    border-bottom: 1px solid #e1e1e1;
}

.staff h3{
	filter: hue-rotate(108deg)saturate(1.2)contrast(120%)grayscale(0.5);
}

.staff .menu01 ul li {
	position: relative;
	backdrop-filter: opacity(1);
}
.staff .menu01 ul li::before {
	content: ' ';
	position: absolute;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	overflow: hidden;
	top: 1px;
	left: 1px;
	z-index: -1;
	background: inherit;
	filter: brightness(1.075);
}
.student h2::before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: -1;
	background: inherit;
	border-radius: inherit;
	filter: hue-rotate(108deg)saturate(1.2)contrast(100%)grayscale(0.6);
}

.student .menu01 ul{
	background-color: #e1e1e1;
}
.student .menu01 ul li.onmenu a{
	border-bottom: 2px solid #e1e1e1;
}
.student .menu01 ul li.onmenu a:hover{
	background-color: #edfcfc;
	border-bottom: 2px solid #e1e1e1;
}
.student .menu01 ul li.onmenu_end a:hover{
	background-color: #edfcfc;
}
.staff h2::before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: -1;
	background: inherit;
	border-radius: inherit;
	filter: grayscale(1);
}

img[src*="images/menu/yellow/menu01.gif"],
img[src*="images/header/top_ov.gif"],
img[src*="images/header/top.gif"],
img[src*="images/header/pass_ov.gif"],
img[src*="images/header/pass.gif"],
img[src*="images/header/out_ov.gif"],
img[src*="images/header/out.gif"],
img[src*="images/misc/ya02.jpg"],
img[src*="images/material_item/title01.gif"],
img[src*="images/material_item/title02.gif"],
img[src*="images/online/ti_menu.gif"] {
	filter: hue-rotate(108deg)saturate(1.2)contrast(120%)grayscale(0.5);
}
img[src*="images/header/bottom.jpg"] {
	filter: grayscale(1)brightness(1.25);
}
div#header div.logo_demo { background-image: url(/images/header/green/logo_demo.gif); }
div#header div.logo { background-image:url(/images/header/green/logo.gif); }
div#header { background-image: url(/images/header/green/header_bg.gif); }
.menu01 ul li { background-image: url(/images/menu/green/menu01_min_bg.gif); }
div.menu01 ul li.fin { background-image: url(/images/menu/green/menu01_min_bg.gif); }
h3.ichiran_qa { background-image: url(/images/qa/green/bg_h3qa.jpg) !important; }
#onlinebox .onlinebox_top{ background-image: url(/images/online/green/bg_boxtop.gif); }
* html #onlinebox .onlinebox_top{ background-image: url(/images/online/green/bg_boxtop.gif); }
*:first-child+html #onlinebox .onlinebox_top { background-image: url(/images/online/green/bg_boxtop.gif); }
#onlinebox .onlinebox_middle { background-image: url(/images/online/green/bg_boxmiddle.gif); }
#onlinebox .onlinebox_bottom { background-image: url(/images/online/green/bg_boxbottom.gif); }
h3.faq{ background-image: url(/images/qa/green/title_faq.gif) !important; }