@charset "utf-8";
/*** initialize ***/
body,td,th,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{
	margin:0;padding:0;
	font-size: 14px;
	line-height:1.4em;
	color:#333333;
}
img { border:0 }
body{
	background-color:#FFF;
	text-align:center;
}
/*** header ***/
div#header{
	text-align:center;
	border-bottom:#FFCC00 solid 4px;
}
/*** wrapper ***/
div#wrapper{
	margin:0 auto;
	padding:0;
	background:url(../img/bg.jpg) repeat-y top left;
	width:800px;
}
/*** content ***/
div#wrapper div#content h1{
	margin:0 auto 20px auto;
	padding-top:10px;
}
div#wrapper div#content dl{
	margin:10px auto;
	width:665px;
}
div#wrapper div#content dl dt{
	margin:10px auto;
}

/*** 算数 ***/

/*** 算数1年 ***/
div#wrapper div#content dd span.ma_1 a{
	margin-bottom:10px;
	background:url(../img/ma_1.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.ma_1 a:hover{
	background:url(../img/ma_1.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** 算数2年 ***/
div#wrapper div#content dd span.ma_2 a{
	background:url(../img/ma_2.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.ma_2 a:hover{
	background:url(../img/ma_2.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** 算数3年 ***/
div#wrapper div#content dd span.ma_3 a{
	background:url(../img/ma_3.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.ma_3 a:hover{
	background:url(../img/ma_3.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** 算数4年 ***/
div#wrapper div#content dd span.ma_4 a{
	background:url(../img/ma_4.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.ma_4 a:hover{
	background:url(../img/ma_4.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** 算数5年 ***/
div#wrapper div#content dd span.ma_5 a{
	background:url(../img/ma_5.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.ma_5 a:hover{
	background:url(../img/ma_5.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** 算数6年 ***/
div#wrapper div#content dd span.ma_6 a{
	background:url(../img/ma_6.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.ma_6 a:hover{
	background:url(../img/ma_6.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** 理科 ***/

/*** 理科1年 ***/
div#wrapper div#content dd span.sc_1 a{
	margin-bottom:10px;
	background:url(../img/sc_1.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.sc_1 a:hover{
	background:url(../img/sc_1.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** 理科2年 ***/
div#wrapper div#content dd span.sc_2 a{
	background:url(../img/sc_2.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.sc_2 a:hover{
	background:url(../img/sc_2.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** 社会 ***/

/*** 社会1年 ***/
div#wrapper div#content dd span.so_1 a{
	margin-bottom:10px;
	background:url(../img/so_1.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.so_1 a:hover{
	background:url(../img/so_1.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}

/*** なぜなに ***/

/*** なぜなに1 ***/
div#wrapper div#content dd span.wh_1 a{
	margin-bottom:10px;
	background:url(../img/wh_1.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_1 a:hover{
	background:url(../img/wh_1.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに2 ***/
div#wrapper div#content dd span.wh_2 a{
	margin-bottom:10px;
	background:url(../img/wh_2.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_2 a:hover{
	background:url(../img/wh_2.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに3 ***/
div#wrapper div#content dd span.wh_3 a{
	margin-bottom:10px;
	background:url(../img/wh_3.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_3 a:hover{
	background:url(../img/wh_3.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに4 ***/
div#wrapper div#content dd span.wh_4 a{
	margin-bottom:10px;
	background:url(../img/wh_4.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_4 a:hover{
	background:url(../img/wh_4.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに5 ***/
div#wrapper div#content dd span.wh_5 a{
	margin-bottom:10px;
	background:url(../img/wh_5.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_5 a:hover{
	background:url(../img/wh_5.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに6 ***/
div#wrapper div#content dd span.wh_6 a{
	margin-bottom:10px;
	background:url(../img/wh_6.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_6 a:hover{
	background:url(../img/wh_6.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに7 ***/
div#wrapper div#content dd span.wh_7 a{
	margin-bottom:10px;
	background:url(../img/wh_7.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_7 a:hover{
	background:url(../img/wh_7.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに8 ***/
div#wrapper div#content dd span.wh_8 a{
	margin-bottom:10px;
	background:url(../img/wh_8.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_8 a:hover{
	background:url(../img/wh_8.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに9 ***/
div#wrapper div#content dd span.wh_9 a{
	margin-bottom:10px;
	background:url(../img/wh_9.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_9 a:hover{
	background:url(../img/wh_9.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに10 ***/
div#wrapper div#content dd span.wh_10 a{
	margin-bottom:10px;
	background:url(../img/wh_10.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_10 a:hover{
	background:url(../img/wh_10.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに11 ***/
div#wrapper div#content dd span.wh_11 a{
	margin-bottom:10px;
	background:url(../img/wh_11.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_11 a:hover{
	background:url(../img/wh_11.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに12 ***/
div#wrapper div#content dd span.wh_12 a{
	margin-bottom:10px;
	background:url(../img/wh_12.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_12 a:hover{
	background:url(../img/wh_12.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに13 ***/
div#wrapper div#content dd span.wh_13 a{
	margin-bottom:10px;
	background:url(../img/wh_13.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_13 a:hover{
	background:url(../img/wh_13.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに14 ***/
div#wrapper div#content dd span.wh_14 a{
	margin-bottom:10px;
	background:url(../img/wh_14.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_14 a:hover{
	background:url(../img/wh_14.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに15 ***/
div#wrapper div#content dd span.wh_15 a{
	margin-bottom:10px;
	background:url(../img/wh_15.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_15 a:hover{
	background:url(../img/wh_15.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに16 ***/
div#wrapper div#content dd span.wh_16 a{
	margin-bottom:10px;
	background:url(../img/wh_16.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_16 a:hover{
	background:url(../img/wh_16.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに17 ***/
div#wrapper div#content dd span.wh_17 a{
	margin-bottom:30px;
	background:url(../img/wh_17.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_17 a:hover{
	background:url(../img/wh_17.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに18 ***/
div#wrapper div#content dd span.wh_18 a{
	margin-bottom:30px;
	background:url(../img/wh_18.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_18 a:hover{
	background:url(../img/wh_18.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに19 ***/
div#wrapper div#content dd span.wh_19 a{
	margin-bottom:30px;
	background:url(../img/wh_19.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_19 a:hover{
	background:url(../img/wh_19.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに20 ***/
div#wrapper div#content dd span.wh_20 a{
	margin-bottom:30px;
	background:url(../img/wh_20.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_20 a:hover{
	background:url(../img/wh_20.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに21 ***/
div#wrapper div#content dd span.wh_21 a{
	margin-bottom:30px;
	background:url(../img/wh_21.jpg) no-repeat top left;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
div#wrapper div#content dd span.wh_21 a:hover{
	background:url(../img/wh_21.jpg) no-repeat bottom left;
	display:block;
	height:58px;
}
/*** なぜなに　その他 ***/
div#wrapper div#content dd span.wh_other{
	margin-bottom:10px;
	display:block;
	width:108px;
	height:58px;
	text-indent:-9999px;
	float:left;
}
/*** PDF ***/
div#wrapper div#content div#pdf{
	margin:10px auto;
	padding:10px 0 0 0;
	text-align:center;
}

/*** footer ***/
/*div#footer{
	padding-top:10px;
	text-align:center;
	border-top:#FFCC00 solid 4px;
	font-size:90%;
	text-align:center;
}*/