@charset "UTF-8";
/*CSS_reset*/
	* {margin: 0;padding: 0;}
/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */

/*リンク設定*/
a:link {
	color: #FF3366;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF6666;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
	color: #FF3366;
}

/* 共通スタイル */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
	 Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 87.5%;
	background: #fff url(../image/background_img.gif);
	background-repeat: repeat-x;
}

#Header {
	width:780px;
	height:50px;
	padding: 10px 10px 0 10px;	
	margin-left: auto;
	margin-right: auto;
/*	margin-bottom:10px;*/
	text-align: left;
}

#Wrapper {
	width:780px;
	padding: 0 10px 10px 10px;	
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	text-align: left;
}
p.Wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:center;
}

#nav {
	float:left;
	width:480px;
/*	height:200px; */
	padding: 10px 10px 0 10px;
	margin-bottom:10px;
	background-color:#fff;
}
/*Note トップページのイラスト配置用*/
#NoTe {
	float:left;
	width:480px;
	height:223px;
	padding: 10px 10px 0 10px;
	margin-bottom:10px;
	background-image: url(../image/humptynote.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color:#fff;
}
/*日本の動物園リンクページのイラスト配置用*/
#ConTents_AnimalLinkJapan {
	float:left;
	width:240px;
	height:223px;
	padding: 10px 10px 0 10px;
	margin-bottom:10px;
	background-image: url(../image/animallink01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color:#fff;
}
/*世界の動物園リンクページのイラスト配置用*/
#ConTents_AnimalLinkWorld {
	float:left;
	width:240px;
	height:223px;
	padding: 10px 10px 0 10px;
	margin-bottom:10px;
	background-image: url(../image/animallink02.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color:#fff;
}
#ConTents {
	float:right;
	width:240px;
	height:223px;
	padding: 10px 10px 0 30px;
	margin-bottom:10px;
	background-color:#fff;
/*	text-align:center;*/
}
/*イラスト配置用*/
#nav_illust {
	float:left;
	width:480px;
/*	height:400px;*/
	padding: 10px 10px 0 10px;
	margin-bottom:10px;
/*	background-image: url(../image/bg_380.png);
	background-repeat: no-repeat;
	background-position: bottom;*/
	background-color:#fff;
}
#ConTents_illust {
	float:right;
	width:240px;
	height:500px;
	padding: 10px 10px 0 30px;
	margin-bottom:10px;
	background-image: url(../image/humptyillust.png);
	background-position:0px 30px;
	background-repeat:no-repeat;
	background-color:#fff;
/*	text-align:center;*/
}
/*イラスト配置用終わり*/

#Footer {
	clear:both;
	width:760px;
	height:70px;
	padding: 0 10px 0 10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
/*	background-image:url(../image/humptydumpty_bar.jpg);*/
	background-repeat:no-repeat;
	background-color:#fff;
	text-align:center;
}
ul li {
	font-size:12px;
	list-style-type: none;
	line-height:160%;
}

img.left {float:left; margin: 20px 20px 10px 0px;}
img.right {float:right; margin: 20px 20px 10px 5px;}
img.clear {clear:both; margin: 10px 20px 15px 20px;}

p.clear {clear:both;}
tr td { line-height:160%; padding: 10px 10px 0 10px;}


/*menu*/
#breadcrumbslist {
	list-style: none;
	clear:both;
	margin: 20px auto 10px ;
	font-size: 93%;
}
#breadcrumbslist li.home {
	background: #fff url(../image/home.gif) no-repeat left center;
	padding-left: 23px;
}
#breadcrumbslist li a, #breadcrumbslist li span {
	display: block;
	background: #fff url(../image/arrow.gif) no-repeat right center;
	padding: 10px 20px 10px 5px;
}
#breadcrumbslist li.current a, #breadcrumbslist li.current span {
	background-image: none;
}

/*pagetop_btn*/
#pagetop {
	position: fixed;
	bottom: 30px;
	right: 30px;
}
#pagetop a {
	display: block;
	width: 60px;
	background: url(../image/pagetop_btn_ov.png) no-repeat;
}
#pagetop a:hover img {
	visibility: hidden;
}