@charset "UTF-8";

body {
    background: #EBF6E1;
}

#nav,
#nav li .sub-menu,
#nav li.parent_nav li {
    background: #BCDE9B;
}

#nav {
    border-top: solid 11px #E4F2D7;
}

#header ul li a:hover {
	color: #0f0;
	background: #000;
	border-color: #fff;
}

#header {
    background: #78BD36;
}

#nav ul li a:hover,
#nav ul li span:hover,
#nav li.parent_nav ul li a:hover,
#nav ul .current,
#head01 a:hover {
    background: #004600;
}

.head03 {
    color: #004600;
}

.head04:before{
	background-color: #3C5E1B;
}
 
.head04:after{
	background-color: #78BD36;
}

#nav ul#study {
    width: 13.5em;
}

#nav ul#study span {
	display: block;
    line-height: 1.2em;
    padding: 0;
    font-size: 1em;
    margin: 0 auto;
}

.lead p {
    margin-top: 1em;
    padding-left: 0;
}

/* お知らせ */

.notice {
    display: block;
    border: solid 1px #aaa;
    max-width: 700px;
    min-height: 135px;
    margin: 60px auto;
    position: relative;
}

.notice img {
    position: absolute;
    bottom: 3px;
    right: 10px;
}

.notice .head03 {
    border-bottom: dotted 2px #004600;
    margin: 10px 120px 10px 20px;
    padding: 8px;
}

.notice p {
    max-width: 590px;
    margin-bottom: 1em;
}

/* 2nd*/

.secondary .head04 {
    margin-top: 40px;
    margin-bottom: 10px;
}

.secondary .head04:first-child {
    margin-top: 30px;
}

.secondary th {
    width: 7em;
    line-height: 2.5em;
    background: #EBF6E1;
}

.secondary td {
    padding: 10px;
}

@media (max-width:970px) {
	#nav ul#study {
	    width: 100%;
	}
	#nav ul#study span {
	    width: 9em;
	}
}

@media (max-width:739px) {
	#nav li .sub-menu,
	#nav .sub-menu li {
	    background: #EBF6E1;
	}
	#nav ul#study {
	    width: 200%;
	    left: 0;
	}

	#nav ul#study a {
	    padding: 12px 0;
	    height: 3.8em;
	}
	.notice p {
	    margin-left: 20px;
	    margin-right: 120px;
	}
}

@media (max-width:591px) {
	.notice {
	    margin: 10px 10px 50px;
	}
	#nav ul#study {
	    width: 100%;
	}
	#nav ul#study a {
	    height: auto;
	}
	#nav ul#study span {
	    width: 100%;
	}
}

/* ハイコントラスト */

body.contrast #header, body.contrast #nav, body.contrast #nav li.parent_nav li, body.contrast .secondary th {background: #060;}
body.contrast #nav ul li a, body.contrast #nav ul li span,#nav ul#study span:hover, body.contrast .secondary th {color: #fff;}
body.contrast #nav ul li a:hover, body.contrast #nav li.parent_nav li a:hover, body.contrast #nav ul li span:hover, body.contrast #nav ul .current, body.contrast #head01 a:hover {color: #fff!important; background: #808;}

body.contrast .head03 {color: #0f0;border-bottom-color: #0f0;}
body.contrast .head04:before{background: #0f0;}
body.contrast .head04:after {background: #808;}

#header li#font_btn:hover, #header li#contrast_btn:hover,
body.contrast #header li#font_btn, body.contrast #header li#contrast_btn {color: #0f0; border-color: #fff;}
body.contrast #header li#font_btn:hover, body.contrast #header li#contrast_btn:hover {color: #000; background: #fff; border-color: #000;}