@charset "utf-8";

/* 960px幅リセット
----------------------------------------------------*/
div#body{
	background:#F2F8E6;
}


/*  top
---------------------------------------------------------- */
div#top_lev2{
	clear:both;
	height:54px;
	margin:0 0 0 0;
	background:#45B035;
	text-align:center;
}

/*ナビゲーション*/
div.nav_area_lev2_bg{
	background:#C5DEA0;
}

div.content.nav_area_lev2{
	text-align:left;
	padding:0;
	height:50px;
}

div.content.nav_area_lev2 p.nav{
  	float: left;
}

div.content.nav_area_lev2 p.nav.l{
	margin-right:0px;
}





/*go_pagetop*/
.go_pagetop_frame {
	position:fixed;
	right:0px;
	bottom:0px;
	width:61px;
	height:auto;
	z-index:5;
	display:none;
}
.go_pagetop_frame img{
}
.go_pagetop_frame span{
	display:none;
}





/*  content
---------------------------------------------------------- */
/*  白地 */
.white{
	background:#fff;
}

/*  第二階層見出し */
.h2_group{
	position:relative;
	width:960px;
	margin:0px auto;	
	background:#fff;
	text-align:left;
	height:96px;
}

.h2_group h2{
	margin:0;
	padding:13px 0;
/*	width:648px;*/	
	float:left;
}

h3{
	padding-left: 0;
	background:none;
	margin-bottom:35px;
}

ul.env{
}

ul.env li{
	background:url(/enjoy/kids_env/common/images/bg_square_env.png) no-repeat 0 0.65em;
	padding-left:12px;
}




/*footerナビ
---------------------------------------------------------- */
/*div.footer_navi{
	width:960px;
	margin:0px auto;	
	padding:10px 0 0;

}

div.footer_navi .env_footer{
	background:url(/enjoy/kids_env/common/images/bg_env_dotline.png) repeat-x scroll 0 0;
	text-align:center;
	margin:40px 0 30px;
	padding-top:25px;
}

div.footer_navi .env_footer .mb20{
	margin-bottom:20px;
}

div.footer_navi h4.link_btn{
	margin-top:25px;
	margin-bottom:18px;
}*/
div.footer_nav2{
	width:960px;
	margin:0px auto;	
	padding:40px 0 0;
	/*border-top:solid 1px #45B035;*/
}

div.footer_nav2 ul{
	/*border-top:solid 3px #cae8c6;*/
}

div.footer_nav2 ul li{
	float:left;
}

div.footer_nav2 ul li.l{
	margin-right:24px;
}


div.footer_nav2 .env_footer{
	background:url(/enjoy/kids_env/common/images/bg_env_dotline.png) repeat-x scroll 0 0;
	text-align:center;
	/* margin:40px 0 30px; */
	margin:40px 0 0;
	padding-top:25px;
	padding-bottom: 30px;
}

div.footer_nav2 .env_footer .mb20{
	margin-bottom:20px;
}




/*  緑枠 こころえ、やってみよう
============================================= */
.content .full-width.mt_20{
	margin-top:20px;
}



div.content .green_frame{
	width:860px;
	margin:40px 0 20px;
	/*padding:10px 47px 40px; 前後ボタンない時の指定　春*/
	padding:10px 47px 22px; /*前後ボタンある時の指定　夏150715*/
	border:3px #45B035 solid;
	background:#fff;
	border-radius: 12px;        /* CSS3草案 */
	-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 12px;   /* Firefox用 */
}

.try_frame .section{
}

/*こころえ、やってみよう 前後ボタン、もくじへもどる */
/*page_navi(--prev -- next -- index --)*/
#rules .page_nav,
#try .page_nav{
	position:relative;
	width:860px;
	height:42px;
	background:url(/enjoy/kids_env/common/images/bg_env_dotline_green.png) repeat-x scroll 0 0;
	margin-top:45px;
	padding-top:22px;
}

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

#rules .page_nav li.prev,
#try .page_nav li.prev{
	position:absolute;
	width:82px;
	top:22px;
	left:0px;
}

#rules .page_nav li.index,
#try .page_nav li.index{
	position:absolute;
	top:22px;
	left:340px;
	width:180px;
	/*margin-left:258px;
	margin-right:258px;*/
}

#rules .page_nav li.next,
#try .page_nav li.next{
	position:absolute;
	width:82px;
	top:22px;
	right:0px;
}

/*footerナビ　 やってみよう */
#try .page_nav{
	margin-top:22px;
}

div.try_link_btn{
	clear:both;
	width:860px;
	height:50px;
	margin:65px 0 0;
}
div.try_link_btn p{
	float:left;
	margin-right:19px;
	width:274px;
}
div.try_link_btn p.last{
	margin-right:0px;
}


/*いきものマップをつくろう　フッター*/
/*div.footer_navi_map {
    width: 960px;
    margin: 70px auto 85px;
}
div.footer_navi_map h4 {
	margin-bottom:30px;
}
div.footer_navi_map div.map_link_btn {
    clear: both;
    width: 960px;
    height: 140px;
    margin: 0 0 0;
}
*/


/*こころえ、やってみよう けんきゅうしつ */

.btn_labo{
	margin:35px 0 15px;
}

.btn_labo_index{
	margin:45px 0 10px;
	background:url(/enjoy/kids_env/common/images/bg_env_dotline_green.png) repeat-x scroll 0 0;
	padding-top:24px;
}


/*図版レイアウト*/
.green_frame .col .span-2,
.green_frame .col .span-3{
	float:left;
}

.green_frame .col {
	float:left;
}

.green_frame .col2 .col{
	width:410px;
}

.green_frame .col2 .l {
	margin-right:40px;
}

.green_frame .col3 .col {
	width:260px;
}

.green_frame .col3 .col .span-2{
	width:560px;
}

.green_frame .col3 .l {
	margin-right:40px;
}

.green_frame .col4 .col .span-3{
	width:637px;
}

.green_frame .col4 .col .span-2{
	width:414px; 
}

.green_frame .col4 .col {
	width:191px;
}

.green_frame .col4 .l {
	margin-right:32px;
}


.green_frame ul{
	margin:0;
	padding:0;}
.btn_link li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	}

/*トップへ戻るボタン*/
.go_top_button{
	text-align:center;
	margin-top:40px;
}



p.mb20{
	margin-bottom:20px;
}





@media print{
.go_pagetop_frame,
.env_footer {
		display:none;
}

#rules div#body,
#try div#body{
	background:#fff;
}	

	
#top_lev2,
div.nav_area_lev2_bg,
div.content.nav_area_lev2{
	display:none;	
}	
.h2_group{
	display:none;	
}	

.go_top_button,
#rules .page_nav,
#try .page_nav,
.btn_labo{
	display:none;
}

div.content .green_frame{
	margin:0px;
	border:none;
}
div.content.footer_navi,
h4.link_btn,
div.try_link_btn,
div.rules_link_btn{
	display:none;
}

div.footer_nav2{
display:none;
}

div.footer_navi_map {
	display:none;
	}

}