a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

li img,dt img,dd img{
	vertical-align:bottom;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

/*-----page-----*/

#page {
	position: relative;
	height: 5000px;
	padding: 10px 10px 50px 10px;
	font-size: 93%;
}

#page_bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background: url(../img/page_bg.png) no-repeat left top;
	width: 100%;
	height: 110%;
}

.border_top {
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 10px;
	background-color: #2F2334;
}

.border_left {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 10;
	width: 10px;
	height: 100%;
	background-color: #2F2334;
}

.border_right {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 10px;
	height: 100%;
	background-color: #2F2334;
}

/*-----header-----*/

#header {
	position: relative;
	width: 960px;
	height: 115px;
	margin: 0 auto 78px;
}

#header h1 {
	text-align: center;
	padding-top: 15px;
}

#header_tel {
	position: absolute;
	top: 0;
	right: 10px;
}

#header_mail {
	position: absolute;
	top: 55px;
	right: 10px;
}

/*-----contents-----*/

#contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px; /*footer調整用*/
}

/*-----topicpath-----*/

#topicPath {
	background: url(../img/topicpath_bg.gif) no-repeat;
	width: 890px;
	height: 17px;
	margin: 0 auto 10px;
	padding: 5px 20px;;
	color: #7C7C7C;
}

#topicPath li {
	float: left;
}

/*-----main-----*/

#main {
/* 	position: relative; */
/* 	position: fixed; */
	float: right;
	width: 700px;
	padding: 0 10px;
}

/*-----sub-----*/

#sub {
	float: left;
	width: 220px;
	height: 964px;
	padding: 0 10px;
}

#sub_menu {
	opacity: 0;
	position: fixed;
	top: 203px;
	z-index: 10;
	background: url(../img/sub_menu_title.png) no-repeat left center;
	width: 170px;
	padding-left: 40px;
}

#sub_bg {
	position: fixed;
	z-index: 3;
	background: url(../img/sub_bg.png) no-repeat right center;
	width: 40px;
	height: 970px;
	margin-left: 450px;
}

#sub_bg_01 {
	position: fixed;
	background: url(../img/sub_bg_01.png) no-repeat;
	width: 40px;
	height: 374px;
	margin-left: 450px;
}

#sub_bg_02 {
	position: fixed;
	background: url(../img/sub_bg_02.png) no-repeat 0 374px;
	width: 40px;
	height: 970px;
	margin-left: 450px;
}

/*-----gnavi-----*/

#gnavi {
	width: 960px;
	margin: 0 auto;
}

#gnavi ul {
	position: absolute;
	top: -58px;
	left: 290px;
}

#gnavi li {
	float: left;
}

/*-----footer-----*/

#footer {
	clear: both;
}

#footer_bg {
	position: fixed;
	z-index: 10;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: #2F2334 url(../img/footer_bg.png) no-repeat center bottom;
}

#footer_menu {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#footer_menu ul {
	position: absolute;
	top: 10px;
	right: 10px;
}

#footer_menu li {
	float: left;
	margin-left: 10px;
}

#footer_menu a {
	color: #fff;
}

/*-----top-----*/

#top_con_01,#top_con_02,#top_con_03,#top_con_04 {
	opacity: 0;
	position: fixed;
/* 	position: absolute; */
}

#top_con_01 {
	top: 203px;
	background: url(../img/top_con_01_bg.png) no-repeat left top;
	width: 640px;
	height: 240px;
	padding-left: 60px;
}

#top_con_02 {
	top: 443px;
	z-index: 5;
	background: url(../img/top_con_02_bg.png) no-repeat left top;
	width: 640px;
	height: 448px;
	padding-left: 60px;
}

#top_con_03 {
	top: 113px;
	background: url(../img/top_con_03_bg.png) no-repeat left bottom;
	width: 640px;
	height: 180px;
	padding-left: 60px;
}

#top_con_04 {
	background: url(../img/top_con_04_bg.png) no-repeat left top;
	width: 640px;
	height: 159px;
	padding-left: 60px;
	margin-bottom: 37px;
}

#top_con_02 ul {
	margin: 16px -20px 0 0;
}

#top_con_02 li {
	float: left;
	margin: 0 20px 20px 0;
}

#top_con_03 ul {
	margin: 13px -20px 0 0;
}

#top_con_03 li {
	float: left;
	margin: 0 20px 20px 0;
}

#top_con_04 dl {
	width: 600px;
	margin: 10px 0;
}

#top_con_04 dt {
	float: left;
	width: 100px;
	padding: 3px 0 3px 0;
	clear: both;
	color: #B68443
}

#top_con_04 dd {
	width:500px;
	margin-left:100px;
	padding:3px 0px 3px 0px;
	color: #717171;
}

#giraffe {
	position: fixed;
	bottom: 50px;
	background: url(../img/giraffe.png) no-repeat 310px;
	width: 960px;
	height: 181px;
}

#animal_01,#animal_02,#animal_03,#animal_04,#animal_05 {
	opacity: 0;
}

#animal_01 {
	position: fixed;
	bottom: 50px;
	background: url(../img/animal_01.png) no-repeat;
	width: 290px;
	height: 181px;
}

#animal_02 {
	position: fixed;
	bottom: 50px;
	background: url(../img/animal_02.png) no-repeat 190px;
	width: 960px;
	height: 181px;
}

#animal_03 {
	position: fixed;
	bottom: 50px;
	background: url(../img/animal_03.png) no-repeat;
	width: 190px;
	height: 181px;
}

#animal_04 {
	position: fixed;
	bottom: 50px;
	background: url(../img/animal_04.png) no-repeat 850px;
	width: 960px;
	height: 181px;
}

#animal_05 {
	position: fixed;
	bottom: 50px;
	background: url(../img/animal_05.png) no-repeat 350px;
	width: 960px;
	height: 181px;
}