@charset "utf-8";

/* ブラウザリセット
----------------------------------------------------------------- */
html,body{ height:100%;}

body{ font:13px ;*font-size:small;*font:x-small;width:30000px; background:url(../images/sky.jpg) ; height:100%; }
body,div,dl,dt,dd,h1,h2,h3,h4,p,form,table,th,td { margin:0;padding:0; }
input,textarea,select{ font-family:Arial,Helvetica,sans-serif;font-size:inherit;font-weight:inherit; }
img{ border:0;vertical-align:bottom; }
table { font-size:inherit;font:100%;color:inherit;border-spacing:0; }
address{ font-style:normal;font-weight:normal;	}	
ul{ margin:0;padding:0;list-style:none; }
input{ vertical-align:middle; }
iframe{ padding:0; margin:0;}

h2{ margin-bottom:20px;}

a{ color:#06C;}


/* 共通回り込み解除
----------------------------------------------------------------- */
.clear:after,
div#navi .right .g_h_menu:after
{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }

.clear,
div#navi .right .g_h_menu{ display:inline-block;display:block; overflow:hidden; }

* html .clear,
* html div#navi .right .g_h_menu
{ height:1%; }


/* 共通セレクタ
----------------------------------------------------------------- */
.left{ float:left; }
.right{ float:right; }
.img_right{ text-align:right; }
.img_left{ text-align:left; }
.img_center{ text-align:center; }
.bottom5{ margin-bottom:5px; }
.bottom10{ margin-bottom:10px; }
.bottom15{ margin-bottom:15px; }
.bottom30{ margin-bottom:30px; }
.top10{ margin-top:10px; }
.left10{ margin-left:10px; }

a:hover .img_over{ opacity: 0.7;filter: alpha(opacity=70); }

#bgimg {
	position: fixed;_position: absolute;
	z-index: -1;
}

.wrapper{ background:url(../images/ground.png) repeat-x; width:30000px; height:300px; position: absolute;z-index:1; bottom:0;}


/* グローバルメニュー
----------------------------------------------------------------- */

div#navi {position: fixed;_position: absolute;z-index:100;top:10px;left:50%;width:960px;height:70px;margin:0 0 0 -480px;}
div#navi .right{ float:left; margin-left:20px;}
div#navi .right .g_h_menu01{ text-align:right;}
div#navi .right .g_h_menu{ background:url(../images/g_h_menu_back.png) no-repeat; width:744px; height:46px;}
div#navi .right .g_h_menu ul{ padding:10px 0 15px 25px;}
div#navi .right .g_h_menu ul li{ float:left; margin-right:25px;}


/* パーツ
----------------------------------------------------------------- */
.land{ background:url(../images/land.png) repeat-x; position:absolute; z-index:2; bottom:0; height:300px; width:100%;}
.cloud{ background:url(../images/cloud.png) repeat-x; position:absolute; z-index:2; top:70px; height:351px; width:100%;}

.sun01{ position:absolute; z-index:2; top:10px; right:-50px;}
.bird01{  position:absolute; z-index:2; top:220px; right:190px;}
.wind01{  position:absolute; z-index:2; bottom:180px; right:-10px;}
.tree01{  position:absolute; z-index:2; bottom:160px; left:-10px;}
.giraffe01{  position:absolute; z-index:3; bottom:120px; left:250px;}
.pig01{  position:absolute; z-index:3; bottom:20px; left:0px;}
.sheep01{  position:absolute; z-index:4; bottom:20px; left:190px;}

.rabbit01{  position:absolute; z-index:3; bottom:90px; right:200px;}

.sun02{ position:absolute; z-index:2; top:10px; right:150px;}
.bird02{  position:absolute; z-index:2; top:220px; left:190px;}
.wind02{  position:absolute; z-index:2; bottom:160px; left:-30px;}
.rabbit02{  position:absolute; z-index:3; bottom:90px; left:200px;}
.bird02-2{  position:absolute; z-index:5; bottom:120px; right:-30px;}

.sun03{ position:absolute; z-index:2; top:10px; right:450px;}
.bird03{  position:absolute; z-index:2; top:220px; left:190px;}
.bird03-2{  position:absolute; z-index:2; bottom:133px; left:-30px;}
.sheep03{  position:absolute; z-index:4; bottom:60px; right:50px;}
.rat03{  position:absolute; z-index:5; bottom:30px; right:150px;}
.tree03{  position:absolute; z-index:2; bottom:160px; right:-50px;}

.bird04{  position:absolute; z-index:2; top:220px; right:10px;}
.sun04{ position:absolute; z-index:2; top:10px; right:550px;}
.sheep04{  position:absolute; z-index:4; bottom:60px; left:10px;}
.rat04{  position:absolute; z-index:5; bottom:30px; left:100px;}
.tree04{  position:absolute; z-index:2; bottom:160px; left:-50px;}

.bird05{  position:absolute; z-index:2; top:220px; left:90px;}
.wind05{  position:absolute; z-index:2; bottom:180px;left:-10px;}
.sun05{ position:absolute; z-index:2; top:10px; right:850px;}
.tree05{  position:absolute; z-index:2; bottom:160px; right:-50px;}
.bird05-2{  position:absolute; z-index:2; top:320px; right:90px;}
.rabbit05{  position:absolute; z-index:3; bottom:90px; right:-20px;}


.tree06{  position:absolute; z-index:2; bottom:160px; left:-50px;}
.rabbit06{  position:absolute; z-index:3; bottom:90px; left:30px;}
.sun06{ position:absolute; z-index:2; top:10px; left:200px;}
.bird06{  position:absolute; z-index:2; top:220px; left:90px;}
.tree06-2{  position:absolute; z-index:2; bottom:160px; right:-130px;}
.giraffe06{  position:absolute; z-index:3; bottom:120px; right:-10px;}

.sun07{ position:absolute; z-index:2; top:10px; left:-50px;}
.giraffe07{  position:absolute; z-index:3; bottom:20px; left:160px;}
.tree07{  position:absolute; z-index:2; bottom:160px; left:-50px;}
.bird07{  position:absolute; z-index:2; top:220px; right:10px;}
.bird07-2{  position:absolute; z-index:2; bottom:10px; right:-50px;}

.bird08{  position:absolute; z-index:2; top:220px; left:10px;}
.sun08{ position:absolute; z-index:2; top:10px; left:-90px;}
.wind08{  position:absolute; z-index:2; bottom:180px;left:-110px;}
.bird08-2{  position:absolute; z-index:2; bottom:10px; left:50px;}
.tree08{  position:absolute; z-index:2; bottom:160px; right:-50px;}
.pig08{  position:absolute; z-index:3; bottom:20px; right:100px;}
.sheep08{  position:absolute; z-index:4; bottom:20px; right:-50px;}





/* セクション
----------------------------------------------------------------- */

div.section {position: absolute;z-index:99;width: 100%; height: 100%; overflow: hidden;}
div.section_in{ padding-top:100px;}

.base_wrap{ width:750px; height:auto; margin:0 0 0 -375px; left:50%; z-index:100; position:absolute; }
.base_box{ background:url(../images/box_middle.png) repeat-y; width:710px; padding:0 20px;}



/*スクロールバー*/
.mycustomscroll {
/* Typical fixed height and fixed width example */
width: 700px;
height: 500px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

iframe{ overflow-x:hidden;}

/*トップ*/
div#top {top: 0;left: 0;text-align:center;}
.topbox{ background:url(../images/top_box.png) no-repeat; width:620px; height:412px; margin:10px 0 0 -360px; left:50%; z-index:100; padding:120px 50px; position:absolute; text-align:center;}

.fade_box{
	text-align:center;
	font-size:18px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	line-height:2.5em;
	vertical-align:middle;
	width:620px;
	margin:0;
	color:#666;
	position:absolute;
	z-index:200;
	display: table-cell;
	height:300px;
}
.fade_box p{ display:block;text-align:center; margin-left:30px;/margin-left:-600px;  }
.fade_box p.pl{padding-left:50px;}
.fade_box span{ font-size:24px; color:#333;} 
.fade_box a{ text-decoration:none; color:#39C;}


/*EMLについて*/
div#about {top: 0;left: 100%;}

/*ニュース*/
div#news {top: 0;left: 200%;}

/*イベント*/
div#event {top: 0;left: 300%;}

/*活動内容*/
div#project {top: 0;left: 400%;}

/*活動実績*/
div#report {top: 0;left: 500%;}

/*企業・行政・大学の方へ*/
div#collaboration {top: 0;left: 600%;}

/*入会のご案内*/
div#join {top: 0;left: 700%;}


/*リンク*/
div#link {top: 0;left: 800%;}

/*サイトマップ*/
div#sitemap {top: 0;left: 900%;}


/*お問い合わせ*/
div#contact{top: 0;left: 1000%;}