#bannerarea{
	width:1000px;
	margin:20px auto;
	clear:both;	
}
#zenbun{
	text-align:center;	
}
/* ----- 在宅勤務の併用実施のお知らせ -----*/
#zaitaku{
	border:1px solid #ccc;
	color:#000;
	width:998px;
	margin:auto;
}
#zaitaku a{
	color:#000;
	display:block;
	margin:0;
	padding:10px 30px;
}
#zaitaku p{
	margin:0;
	padding:0;
	font-weight:bold;	
}

/* ----- 2021中学校教科書バナーエリア -----*/
#chu2021{
	width:1000px;
	height:200px;
	margin-bottom:10px;
	overflow:hidden;
}
#chu2021,#chu2021_eigo,#chu2021_bijutsu,#chu2021_gijutsu,#chu2021_katei{
	background-image:url(banner_2021-chu.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#chu2021_eigo{
	width:204px;
	height:181px;
	float:left;
	background-position:-39px -211px;
	margin:10px 0 0 30px;	
}
#chu2021_eigo:hover{
	background-position:-39px -411px;
}
#chu2021_bijutsu{
	width:174px;
	height:181px;
	float:left;
	background-position:-272px -211px;
	margin:10px 0 0 40px;	
}
#chu2021_bijutsu:hover{
	background-position:-272px -411px;
}
#chu2021_gijutsu{
	width:124px;
	height:180px;
	float:left;
	background-position:-688px -211px;
	margin:10px 0 0 240px;	
}
#chu2021_gijutsu:hover{
	background-position:-688px -411px;
}
#chu2021_katei{
	width:125px;
	height:179px;
	float:left;
	background-position:-838px -211px;
	margin:10px 0 0 35px;	
}
#chu2021_katei:hover{
	background-position:-838px -411px;
}
/* ----- 学習者用デジ教普及促進事業 ----- */
#fukyusokushin{
	clear:both;
	width:1000px;
	border:1px solid #ccc;	

}
#fukyusokushin a{
	color:#900;
	font-weight:bold;
	margin-left:35px;
}

/* ----- デジタル教科書教材 ----- */
#banner_digital{
	clear:both;
	width:1000px;
	margin:10px auto 10px auto;
}
/* ----- 中学校ウェブマガジン ----- */
#banner_webmagazine{
	clear:both;
	width:1000px;
	margin:10px auto 10px auto;
}
/* ----- INFORMATION ----- */
#information{
	width:1000px;
	margin:0px auto 0px auto;
	background-image:url(information.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #ccc;
	padding-top:40px;
}
#information_body{
	background-image:url(information_body.png);
	background-repeat:repeat-y;
	overflow:hidden;
}
#information_body table{
	width:50%;
	float:left;	
	border:0px solid #ccc;
}
#information_body td{
	padding:0px 10px 0px 20px;
	border:0px solid #ccc;
}
#information_body table td:first-child{
	width:20px;	
	vertical-align:top;
	background-image:url(arrow_right.png);
	background-repeat:no-repeat;
	background-position:right top;
}
#information_body table td:first-child:before{
	display:block;	
	float:left;
	content:"";
	height:21px;
	
}
#information_body table td:nth-child(2){
	padding:0px 10px 10px 10px;
}
#information a{
	color:#060;	
}
#information a:hover{
	color:#C00;	
}
/* ----- WHAT'S NEW ----- */
#whatsnew2{
	width:1000px;
	margin:10px auto 0 auto;
	background-image:url(whatsnew.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:40px;
}
#whatsnew2_body{
	overflow:auto;
	height:300px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#whatsnew2 table{
	width:100%;
	padding:0 20px 0 10px;
	border:0px solid #ccc;
}
#whatsnew2 td{
	padding:5px 00px 5px 10px; 
	border:0px solid #ccc;
	line-height:180%;
}
#whatsnew2 table td:first-child{
	width:120px;
	vertical-align:top;
	
}
#whatsnew2 td:first-child span{
	padding:5px 10px;
	background-color:#ddd;
	color:#000;	
	width:100px;
	display:block;
}
#whatsnew2 tr:first-child td:first-child span{
	background-color:#900;
	color:#fff;	
}
#whatsnew2 table td:first-child:before{
	
}
#whatsnew2 table td:nth-child(2){
	
}
#whatsnew2 a{
	color:#060;	
}
#whatsnew2 a:hover{
	color:#c00;	
}

/* ----- 研究会情報 ----- */
#kenkyukai{
	width:1000px;
	margin:10px auto 0 auto;
	background-image:url(study.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:40px;
}
#kenkyukai_body{
	overflow:auto;
	height:300px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#kenkyukai table{
	width:100%;
	padding:0 20px 0 10px;
	border:0px solid #ccc;
}
#kenkyukai td{
	padding:5px 00px 5px 10px; 
	border:0px solid #ccc;
	line-height:180%;
}
#kenkyukai table td:first-child{
	width:120px;
	vertical-align:top;
	
}
#kenkyukai td:first-child span{
	padding:5px 10px;
	background-color:#ddd;
	color:#000;	
	width:100px;
	display:block;
}
#kenkyukai tr:first-child td:first-child span{
	
		
}
#kenkyukai table td:first-child:before{
	
}
#kenkyukai table td:nth-child(2){
	
}
#kenkyukai a{
	color:#060;	
}
#kenkyukai a:hover{
	color:#c00;	
}


/* ----- Big Slide Scroll ----- */
#bigslider-container{
	clear:both;
	margin:0 auto 0 auto;
	width:1000px;	
	padding:10px 0;
}
#bigslider-container2{
	padding:6px 0;
	background-color:#00913c;
}
/* ----- お知らせ ----- */
#info{
	width:990px;
	margin:0px auto 10px auto;
	border:5px solid #090;
}
#info p{
	margin:0;
	text-align:center;	
	padding:5px 0;
	font-weight:bold;
}

/* ----- 新型コロナウイルス感染症対策に関する重要なお知らせ ----- */
#juyo{
	width:1000px;
	margin:10px auto 10px auto;
	background-image:url(juyo.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #c9caca;
	padding-top:40px;
}
#juyo_body{
	background-image:url(juyo_body.png);
	background-repeat:repeat-y;
	overflow:hidden;
}
#juyo_body table{
	width:100%;
	float:left;	
	border:0px solid #c9caca;
}
#juyo_body td{
	padding:0px 10px 0px 20px;
	border:0px solid #ccc;
}
#juyo_body table td:first-child{
	width:20px;	
	vertical-align:top;
	background-image:url(arrow_right_red.png);
	background-repeat:no-repeat;
	background-position:right top;
}
#juyo_body table td:first-child:before{
	display:block;	
	float:left;
	content:"";
	height:21px;
	
}
#juyo_body table td:nth-child(2){
	padding:0px 10px 10px 10px;
}
#juyo a{
	color:#000;
	font-weight:bold;	
}
#juyo a:hover{
	color:#C00;	
}
/* ----- 2022高等学校教科書バナーエリア -----*/
#ko2022{
	width:1000px;
	height:400px;
	margin-bottom:10px;
	overflow:hidden;
	background-image:url(banner_koko2022_2.png);
}
#ko2022_eigo,#ko2022_katei,#ko2022_joho{
	background-image:url(banner_koko2022_2.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#ko2022_eigo{
	width:390px;
	height:400px;
	float:left;
	background-position:0 0px;
}
#ko2022_eigo:hover{
	width:390px;
	height:400px;
	float:left;
	background-position:0 -400px;
}
#ko2022_katei{
	width:212px;
	height:400px;
	float:left;
	margin-left:0px;
	background-position:-390px 0px;
}
#ko2022_katei:hover{
	width:212px;
	height:400px;
	float:left;
	margin-left:0px;
	background-position:-390px -400px;
}
#ko2022_joho{
	width:186px;
	height:400px;
	float:left;
	margin-left:0px;
	background-position:-600px 0px;
}
#ko2022_joho:hover{
	width:186px;
	height:400px;
	float:left;
	margin-left:0px;
	background-position:-600px -400px;
}

#banner_line{
	width:1000px;
	height:182px;
	background-image:url("banner_line_waku.png");
	background-repeat:no-repeat;
	margin-bottom:10px;
}
.banner_line_eigo{
	width:300px;
	height:80px;
	background-image:url("banner_line_eigo.png");
	background-repeat:no-repeat;
	display:block;
	position:relative;
	top:75px;
	left:40px;
}
.banner_line_zubi{
	width:300px;
	height:80px;
	background-image:url("banner_line_zubi.png");
	background-repeat:no-repeat;
	display:block;
	position:relative;
	top:-5px;
	left:350px;
}
.banner_line_gika{
	width:300px;
	height:80px;
	background-image:url("banner_line_gika.png");
	background-repeat:no-repeat;
	display:block;
	position:relative;
	top:-85px;
	left:660px;
}
#ko2026 img {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6); /* 画像の影 */
  transition: opacity 0.3s ease, transform 0.3s ease; /* アニメーション */
}

#ko2026 img:hover {
  opacity: 0.85; /* 少し明るく（=薄く）見える */
}