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

/*  いきものずかん INDEX
---------------------------------------------------------- */
#tab_menu{
	height:47px;
	width:960px;
	margin:25px 0 20px;
	border-bottom:solid 4px #45B035;
}

#tab_menu .tab{
	margin-left:15px;
}
#tab_menu .tab li{
	float:left;
	width:225px;
}

#tab_menu .tab li.mr10{
	margin-right:10px;
}

/*  一覧ページ */
div.list{
	position: relative;
	width: 960px;
	height: 350px;
	margin-bottom: 60px;
}

div.list ul{
	position: absolute;
	top: 32px;
	left: 95px;/*季節で変更*/
	width: 770px;/*季節で変更*/
	height: 190px;
	background: rgba(255,255,255,0.6);
	border-radius: 15px;
}

div.list ul li{	position: absolute;}
div.list ul li.one{	top: 21px;}
div.list ul li.two{	top: 76px;}
div.list ul li.three{	top: 131px;}
div.list.spring{
	background: url(/enjoy/kids_env/encyclopedia/images/spring/bg_spring.jpg)  no-repeat left top;
}

/*NEWマークなし*/
div.list.spring ul{
	left: 105px;
	width: 750px;
}
div.list.spring ul li.left{	left: 25px;}
div.list.spring ul li.center{	left: 267px;}
div.list.spring ul li.right{	left: 500px;}

/*NEWマークあり*/
/*div.list.spring ul{
	left: 70px;
	width: 800px;
}
div.list.spring ul li.left{	left: 25px;}
div.list.spring ul li.center{	left: 294px;}
div.list.spring ul li.right{	left: 550px;}*/

div.list.summer{
	background:url(/enjoy/kids_env/encyclopedia/images/summer/bg_summer.jpg)  no-repeat left top;
}

/*NEWマークなし*/
div.list.summer ul{
	left: 61px;
	width: 818px;
}
div.list.summer ul li.left{	left: 23px;}
div.list.summer ul li.center{	left: 281px;}
div.list.summer ul li.right{	left: 509px;}

/*NEWマークあり*/
/*div.list.summer ul{
	left: 53px;
	width: 834px;
}
div.list.summer ul li.left{	left: 25px;}
div.list.summer ul li.center{	left: 275px;}
div.list.summer ul li.right{	left: 526px;}*/

div.list.autumn{
	background:url(/enjoy/kids_env/encyclopedia/images/autumn/bg_autumn.jpg)  no-repeat left top;
}
div.list.autumn ul{
	left: 210px;
	width: 540px;
}
div.list.autumn ul li.left{	left: 25px;}
div.list.autumn ul li.right{	left: 230px;}

div.list.winter{
	background:url(/enjoy/kids_env/encyclopedia/images/winter/bg_winter.jpg)  no-repeat left top;
}
div.list.winter ul{
	left: 270px;
	width: 420px;
}
div.list.winter ul li.left{	left: 25px;}
div.list.winter ul li.right{	left: 230px;}

div.list h2{
	margin-bottom:15px;
}

div.list ul{
}

div.list ul li{
	float:left;
	margin-right:27px;
	margin-bottom:15px;
}

.h2_group div.btn{
	float:right;
	padding:25px 0 25px;
}

/*渡り鳥へ誘導*/
#go_to_migratory_bird{
	width: 125px;
	position: relative;
	top: -100px;
	left: -650px;
}
.btn_go_to_migratory_bird{
	margin-top: 38px;
	width: 435px;
	position: relative;
	top: 0px;
	left: 525px;
	height: 40px;
}

/*外来種へ誘導　春*/
#go_to_foreign{
	width: 80px;
	position: relative;
	top: 0px;
	left: -650px;
}
.btn_go_to_foreign,
.btn_go_to_foreign_summer{
	margin-top: 38px;
	width: 441px;
	position: relative;
	top: 0px;
	left: 519px;
	height: 40px;
}

/*外来種へ誘導　夏*/
#go_to_foreign_summer{
	width: 55px;
	position: relative;
	top: -70px;
	left: -3px;
}

/*個別INDEXにて「やってみよう！」へ誘導*/
.btn_try_link{
	position: relative;
	width: 960px;
	height: 50px;
	margin-top: 35px;
	margin-bottom: 25px;
}
.btn_try_link p{
	text-align: center;
}

.btn_try_link p.link_img{
	position: absolute;
	left: 0px;
	top: -45px;
}


/*  content　いきものずかん
---------------------------------------------------------- */
/*  カテゴリーページ snav */
.h2_group ul.enc_snav{
  	position: relative;
	float:right;
	padding-top:6px;
}

.h2_group ul.enc_snav li{
	float:left;
	margin-left: 3px;
}

/*  吹出し */
.balloon {
  display: none;
  position: absolute;
  top: 75px;
}
span:hover + p.balloon {
  display: block;
}

.h2_group ul.enc_snav li.index_btn{
	margin-left:20px;
}

/*  ほかのいきものをみる bnav */
.enc_bnav_group{
	width:960px;
	height:175px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding:10px 0 25px;
}

.enc_bnav_group h4{
	margin:0;
	padding:0 0 10px;
}

.enc_bnav_group p.enc_list{
	position:absolute;
	top:18px;
	right:0;
}

.enc_bnav_group ul{
}

.enc_bnav_group ul li{
	float:left;
	margin-right:24px;
	/*margin-right:8px;*/
	margin-top:12px;
}

.enc_bnav_group ul li.right{
	margin-right:0px;
}


/*  詳細ページ */
.h3_group{
	width:960px;
	margin:40px auto 10px;	
	text-align:left;
	height:auto;
}

.h3_group h3{
	margin:0;	
}

.h3_group h3 span.screen{
	display:block;
}

.h3_group h3 span.print{
	display:none;	
}

/*  春 */
#spring_flower .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #F88AC4 solid;
	border-left:3px #F88AC4 solid;	
	background:#fff;
	text-align:center;
}
#spring_flower_tree .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #99C937 solid;
	border-left:3px #99C937 solid;	
	background:#fff;
	text-align:center;
}
#spring_fly_insect .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #F18E35 solid;
	border-left:3px #F18E35 solid;	
	background:#fff;
	text-align:center;
}
#spring_larva .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #CD8802 solid;
	border-left:3px #CD8802 solid;	
	background:#fff;
	text-align:center;
}
#ground .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #9A6E47 solid;
	border-left:3px #9A6E47 solid;	
	background:#fff;
	text-align:center;
}
#bird01 .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #EA657A solid;
	border-left:3px #EA657A solid;	
	background:#fff;
	text-align:center;
}
#pond_river .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #1EADEA solid;
	border-left:3px #1EADEA solid;	
	background:#fff;
	text-align:center;
}


/*  夏 */
#summer_insect .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #EF8336 solid;
	border-left:3px #EF8336 solid;	
	background:#fff;
	text-align:center;
}
#cicada_butterfly .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #8DB510 solid;
	border-left:3px #8DB510 solid;	
	background:#fff;
	text-align:center;
}
#dragonfly_water .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #199DD7 solid;
	border-left:3px #199DD7 solid;	
	background:#fff;
	text-align:center;
}
#summer_flower .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	/*border-right:3px #8F6FAE solid;
	border-left:3px #8F6FAE solid;*/	
	/*border-right:3px #F85C9A solid;
	border-left:3px #F85C9A solid;	*/
	border-right:3px #F962A1 solid;
	border-left:3px #F962A1 solid;	
	background:#fff;
	text-align:center;
}
#rain .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #197ABD solid;
	border-left:3px #197ABD solid;	
	background:#fff;
	text-align:center;
}
#grasshopper_mantis .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #00AD3A solid;
	border-left:3px #00AD3A solid;	
	background:#fff;
	text-align:center;
}
#summer_bird .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #F59900 solid;
	border-left:3px #F59900 solid;	
	background:#fff;
	text-align:center;
}

/*  秋 */
#acorn .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #F08300 solid;
	border-left:3px #F08300 solid;	
	background:#fff;
	text-align:center;
}
#autumn_leaf .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #B3840A solid;
	border-left:3px #B3840A solid;	
	background:#fff;
	text-align:center;
}
#autumn_flower .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #19B7D1 solid;
	border-left:3px #19B7D1 solid;	
	background:#fff;
	text-align:center;
}
#autumn_insect .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #99CF16 solid;
	border-left:3px #99CF16 solid;	
	background:#fff;
	text-align:center;
}


/*  冬 */
#winter_flower .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #ED7A93 solid;
	border-left:3px #ED7A93 solid;	
	background:#fff;
	text-align:center;
}
#winter_leaf_bud .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #82A4C7 solid;
	border-left:3px #82A4C7 solid;	
	background:#fff;
	text-align:center;
}
#winter_bird .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #25B8BA solid;
	border-left:3px #25B8BA solid;	
	background:#fff;
	text-align:center;
}
#winter_insect .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #BD8141 solid;
	border-left:3px #BD8141 solid;	
	background:#fff;
	text-align:center;
}


/*  さがそう */
#school .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #45B035 solid;
	border-left:3px #45B035 solid;	
	background:#fff;
	text-align:center;
}
#spring_park .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #45B035 solid;
	border-left:3px #45B035 solid;	
	background:#fff;
	text-align:center;
}

#summer_nature .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #45B035 solid;
	border-left:3px #45B035 solid;	
	background:#fff;
	text-align:center;
}

/*  外来種 */
#spring_foreign .h3_group p,
#summer_foreign .h3_group p,
#autumn_foreign .h3_group p,
#winter_foreign .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #AA58B4 solid;
	border-left:3px #AA58B4 solid;	
	background:#fff;
	text-align:center;
}

/*  あぶない */
#spring_danger .h3_group,
#summer_danger .h3_group,
#autumn_danger .h3_group,
#winter_danger .h3_group{
	margin-bottom:90px;
}

#spring_danger .h3_group p,
#summer_danger .h3_group p,
#autumn_danger .h3_group p,
#winter_danger .h3_group p{
	margin:0;
	padding:40px 0px 0px;
	border-right:3px #E73821 solid;
	border-left:3px #E73821 solid;	
	background:#fff;
	text-align:center;
}

/*  ルビあり */
#spring_larva .h3_group p.ruby,
#spring_danger .h3_group p.ruby,
#summer_danger .h3_group p.ruby,
#winter_insect .h3_group p.ruby,
#winter_danger .h3_group p.ruby{
	padding-top:30px;
}
	
#spring_flower .h3_group p img,
#spring_flower_tree .h3_group p img,
#bird01 .h3_group p img,
#ground .h3_group p img,
#spring_fly_insect .h3_group p img,
#pond_river .h3_group p img,
#spring_flower .h3_group p img,
#spring_larva .h3_group p img,
#spring_foreign .h3_group p img,
#spring_danger .h3_group p img,
#summer_insect .h3_group p img,
#cicada_butterfly .h3_group p img,
#dragonfly_water .h3_group p img,
#summer_flower .h3_group p img,
#rain .h3_group p img,
#grasshopper_mantis .h3_group p.img,
#summer_bird .h3_group p.img,
#summer_foreign .h3_group p.img,
#summer_danger .h3_group p img,
#summer_nature p img,
#acorn .h3_group p img,
#autumn_leaf .h3_group p img,
#autumn_flower .h3_group p img,
#autumn_insect_chirp .h3_group p img,
#autumn_insect .h3_group p img,
#autumn_bird .h3_group p img,
#autumn_foreign .h3_group p.img,
#autumn_danger .h3_group p img,
#winter_flower .h3_group p img,
#winter_leaf_bud .h3_group p img,
#winter_bird .h3_group p img,
#winter_insect .h3_group p img,
#winter_danger .h3_group p img{
}

#spring_flower .h3_group p.box_bottom,
#spring_flower_tree .h3_group p.box_bottom,
#bird01 .h3_group p.box_bottom,
#ground .h3_group p.box_bottom,
#spring_fly_insect .h3_group p.box_bottom,
#pond_river .h3_group p.box_bottom,
#spring_larva .h3_group p.box_bottom,
#spring_foreign .h3_group p.box_bottom,
#spring_danger .h3_group p.box_bottom,
#school .h3_group p.box_bottom,
#spring_park .h3_group p.box_bottom,
#summer_insect .h3_group p.box_bottom,
#cicada_butterfly .h3_group p.box_bottom,
#dragonfly_water .h3_group p.box_bottom,
#summer_flower .h3_group p.box_bottom,
#rain .h3_group p.box_bottom,
#grasshopper_mantis .h3_group p.box_bottom,
#summer_bird .h3_group p.box_bottom,
#summer_foreign .h3_group p.box_bottom,
#summer_danger .h3_group p.box_bottom,
#summer_nature p.box_bottom,
#acorn p.box_bottom,
#autumn_leaf p.box_bottom,
#autumn_flower p.box_bottom,
#autumn_insect p.box_bottom,
#autumn_danger p.box_bottom,
#winter_flower p.box_bottom,
#winter_leaf_bud p.box_bottom,
#winter_bird p.box_bottom,
#winter_insect p.box_bottom,
#winter_danger p.box_bottom{
	margin:0;
	padding:0;
	border:none;
}





/*さがしてみよう！　戻るボタン*/
/*上部*/
#school .h3_group h3,
#spring_park .h3_group h3{
	position:relative;
}

#school .h3_group h3 span.return,
#spring_park .h3_group h3 span.return{
	position:absolute;
	left:676px;
	top:18px;
	border-radius:12px 12px 0 0;
	border: #DAF0D7 5px solid;
	border-bottom:none;
	background:#fff;
	width:236px;
	height:41px;	
}

#school .h3_group h3 span.return img,
#spring_park .h3_group h3 span.return img{
	position:absolute;
	left:10px;
	top:5px;
}

#summer_nature .h3_group h3 span.return{
	position:absolute;
	left:721px;
	top:18px;
	border-radius:12px 12px 0 0;
	border: #DAF0D7 5px solid;
	border-bottom:none;
	background:#fff;
	width:191px;
	height:41px;	
}

#summer_nature .h3_group h3 span.return img{
	position:absolute;
	left:10px;
	top:5px;
}


/*下部*/
#school .h3_group p.box_bottom,
#spring_park .h3_group p.box_bottom,
#summer_nature .h3_group p.box_bottom{
	position:relative;
}

#school .h3_group p.box_bottom.danger,
#spring_park .h3_group p.box_bottom.danger,
#summer_nature .h3_group p.box_bottom.danger{
	margin-bottom:55px;
}

#school .h3_group p.box_bottom span.box_bottom_2,
#spring_park .h3_group p.box_bottom span.box_bottom_2{
	position:absolute;
	left:676px;
	top:40px;
	border-radius:0px 0px 12px 12px;
	border: #DAF0D7 5px solid;
	border-top:none;
	background:#fff;
	width:236px;
	height:42px;	
}

#summer_nature .h3_group p.box_bottom span.box_bottom_2{
	position:absolute;
	left:721px;
	top:40px;
	border-radius:0px 0px 12px 12px;
	border: #DAF0D7 5px solid;
	border-top:none;
	background:#fff;
	width:191px;
	height:42px;	
}


#school .h3_group p.box_bottom span.box_bottom_2 img,
#spring_park .h3_group p.box_bottom span.box_bottom_2 img{
	position:absolute;
	left:10px;
	top:5px;
}

#summer_nature .h3_group p.box_bottom span.box_bottom_2 img{
	position:absolute;
	left:10px;
	top:5px;
}


/*page_navi(--prev -- next -- index --)*/
.h3_group{
	position:relative;
}
.page_nav{
	position:absolute;
	top: 14px; right: 40px;
	background:#fff;
	width:260px; height:50px;
	overflow:hidden;
	border-radius:8px 8px 0 0;
}

.page_nav li{
	float: left;
	padding:0; margin:0;
	text-align:center;
	line-height:1;
}
.page_nav li a{
	display:block;
	width:100%;
}
.page_nav li a:hover{
	opacity:0.6;
}

.page_nav li.prev,.page_nav li.next{
	width:70px;
}

.page_nav li.index{
	width:120px;
}

/*pnav_btm*/
.page_nav.btm{
	top:100%;
	border-radius:0px 0px 12px 12px;
	padding:0 0px 12px;
	border: #DAF0D7 5px solid;
	border-top:none;
}


/*  いきもの一覧 */
h3.mt50{
	margin-top:50px;
}







@media print{
/*  詳細ページ */
div#body{
	background:#fff;
}

div.content.print_bg{
	clear:both;
	width:100%;
	text-align:center;
	background:#F2F8E6;
}
div.content.print_bg .section{
	width:960px;
	margin:0 auto;	
}
#tab_menu,
#top_lev2,
.h2_group,
.enc_bnav_group{
	display:none;	
}
.h3_group{
	margin-top:5px;
}
.h3_group h3 span.screen{
	display:none;	
}
.h3_group h3 span.print{
	display:block;
}
#bird01 .h3_group p,
#ground .h3_group p,
#spring_fly_insect .h3_group p,
#pond_river .h3_group p,
#spring_flower_tree .h3_group p,
#spring_flower .h3_group p,
#spring_larva .h3_group p,
#spring_foreign .h3_group p,
#spring_danger .h3_group p,
#school .h3_group p,
#spring_park .h3_group p,
#summer_insect .h3_group p,
#cicada_butterfly .h3_group p,
#dragonfly_water .h3_group p,
#summer_flower .h3_group p,
#rain .h3_group p,
#summer_bird .h3_group p,
#grasshopper_mantis .h3_group p,
#summer_foreign .h3_group p,
#summer_danger .h3_group p,
#summer_nature .h3_group p,
#acorn .h3_group p,
#autumn_leaf .h3_group p,
#autumn_flower .h3_group p,
#autumn_insect .h3_group p,
#autumn_danger .h3_group p,
#winter_flower .h3_group p,
#winter_leaf_bud .h3_group p,
#winter_bird .h3_group p,
#winter_insect .h3_group p,
#winter_danger .h3_group p{
	border-right:none;
	border-left:none;
}
.h3_group p.box_bottom{
	display:none;	
}

.page_nav{
	display:none;
}

#school .h3_group h3 span.return,
#spring_park .h3_group h3 span.return,
#summer_nature .h3_group h3 span.return,
#school .h3_group p.box_bottom span.box_bottom_2,
#spring_park .h3_group p.box_bottom span.box_bottom_2,
#summer_nature .h3_group p.box_bottom span.box_bottom_2{
	display:none;	
}


div.list{
	display:none;	
}

	
}