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

/*  ¤µ¤¬¤·¤Æ¤ß¤è¤¦¤Îtab
---------------------------------------------------------- */
#tab_menu{
	height:47px;
	border-bottom:none;
	margin:25px 0 0px;
}

#tab_menu .tab{
	margin-left:0px;
}
#tab_menu .tab li{
	float:left;
	width:314px;
}

#tab_menu .tab li.mr09{
	margin-right:9px;
}


/*  ¤µ¤¬¤·¤Æ¤ß¤è¤¦¤Îpopup
---------------------------------------------------------- */
div.content .illust_p {
	clear:both;
	width:960px;
	height:694px;
	position:relative;
	margin:0px 0 15px;
}


/*×ÔÈ»¤ÎÖФǤµ¤¬¤·¤Æ¤ß¤è¤¦£¡¡¡Ò°Ô­popup*/

div.content .illust_p#green_field {
	background:url(/enjoy/kids_env/encyclopedia/summer_nature/green_field/images/bg_green_field.jpg) no-repeat left top;
}
div.content .illust_p#green_field .window01 .sg_lbox a{
	position: absolute;
	width:260px;
	height:250px;
	top: 300px;
	left: 60px;
}
div.content .illust_p#green_field .window02 .sg_lbox a{
	position: absolute;
	width:238px;
	height:160px;
	top: 425px;
	left: 346px;
}
div.content .illust_p#green_field .window03 .sg_lbox a{
	position: absolute;
	width:182px;
	height:83px;
	top: 80px;
	left: 242px;
}
div.content .illust_p#green_field .window04 .sg_lbox a{
	position: absolute;
	width:170px;
	height:170px;
	top: 235px;
	left: 406px;
}
div.content .illust_p#green_field .window05 .sg_lbox a{
	position: absolute;
	width:265px;
	height:140px;
	top: 505px;
	left: 680px;
}
div.content .illust_p#green_field .window01 .sg_lbox a:hover,
div.content .illust_p#green_field .window02 .sg_lbox a:hover,
div.content .illust_p#green_field .window03 .sg_lbox a:hover,
div.content .illust_p#green_field .window04 .sg_lbox a:hover,
div.content .illust_p#green_field .window05 .sg_lbox a:hover{
	border:4px solid #ff0000;
	border-radius:15px;
}


/*¤µ¤¬¤·¤Æ¤ß¤è¤¦¡¡É­?ÁÖ?¤ä¤Öpopup*/
div.content .illust_p#forest {
	background:url(/enjoy/kids_env/encyclopedia/summer_nature/forest/images/bg_forest.jpg) no-repeat left top;
}
div.content .illust_p#forest .window01 .sg_lbox a{
	position: absolute;
	width:140px;
	height:360px;
	top: 68px;
	left: 810px;
}
div.content .illust_p#forest .window02 .sg_lbox a{
	position: absolute;
	width:60px;
	height:60px;
	top: 212px;
	left: 383px;
}
div.content .illust_p#forest .window03 .sg_lbox a{
	position: absolute;
	width:245px;
	height:120px;
	top: 55px;
	left: 450px;
}
div.content .illust_p#forest .window04 .sg_lbox a{
	position: absolute;
	width:80px;
	height:110px;
	top: 235px;
	left: 125px;
}
div.content .illust_p#forest .window05 .sg_lbox a{
	position: absolute;
	width:326px;
	height:135px;
	top: 537px;
	left: 622px;
}
div.content .illust_p#forest .window06 .sg_lbox a{
	position: absolute;
	width:250px;
	height:130px;
	top: 425px;
	left: 155px;
}

div.content .illust_p#forest .window01 .sg_lbox a:hover,
div.content .illust_p#forest .window02 .sg_lbox a:hover,
div.content .illust_p#forest .window03 .sg_lbox a:hover,
div.content .illust_p#forest .window04 .sg_lbox a:hover,
div.content .illust_p#forest .window05 .sg_lbox a:hover,
div.content .illust_p#forest .window06 .sg_lbox a:hover{
	border:4px solid #ff0000;
	border-radius:15px;
}


/*×ÔÈ»¤ÎÖФǤµ¤¬¤·¤Æ¤ß¤è¤¦£¡¡¡Ë®Þxpopup*/
div.content .illust_p#water {
	background:url(/enjoy/kids_env/encyclopedia/summer_nature/water/images/bg_water.jpg) no-repeat left top;
}
div.content .illust_p#water .window01 .sg_lbox a{
	position: absolute;
	width:180px;
	height:130px;
	top: 390px;
	left: 225px;
}
div.content .illust_p#water .window02 .sg_lbox a{
	position: absolute;
	width:160px;
	height:60px;
	top: 475px;
	left: 472px;
}
div.content .illust_p#water .window03 .sg_lbox a{
	position: absolute;
	width:180px;
	height:130px;
	top: 540px;
	left: 707px;
}
div.content .illust_p#water .window04 .sg_lbox a{
	position: absolute;
	width:120px;
	height:130px;
	top: 88px;
	left: 183px;
}
div.content .illust_p#water .window05 .sg_lbox a{
	position: absolute;
	width:70px;
	height:120px;
	top: 400px;
	left: 120px;
}

div.content .illust_p#water .window01 .sg_lbox a:hover,
div.content .illust_p#water .window02 .sg_lbox a:hover,
div.content .illust_p#water .window03 .sg_lbox a:hover,
div.content .illust_p#water .window04 .sg_lbox a:hover,
div.content .illust_p#water .window05 .sg_lbox a:hover{
	border:4px solid #ff0000;
	border-radius:15px;
}





@media print{

div.list{
	display:none;	
}

	
}