@charset "utf-8";
/*
====================================================
	
	mission.css
	
	CSS page setting
	
	ミッション用
	
====================================================
*/

/*==================================================
	
	share
	
==================================================*/
#contents{
	position: relative;
}
.mission #contents{
	min-height: 400px;
	_height: 400px;
}

/*-------------------------------------------------
	bottom-navi
--------------------------------------------------*/
#bottom-navi-back{
	clear: both;
	width: 100%;
	height: 80px;
	background: url(../img/mission/share/bottom-navi-back-ab.gif) repeat-x left bottom;
}
#mission-ab #bottom-navi-back{
	background:#dddede url(../img/mission/share/bottom-navi-back-ab.gif) repeat-x left bottom;
}
#mission-c #bottom-navi-back{
	background:#fce8d2 url(../img/mission/share/bottom-navi-back-c.gif) repeat-x left bottom;
}
#mission-d #bottom-navi-back{
	background:#cbebdb url(../img/mission/share/bottom-navi-back-d.gif) repeat-x left bottom;
}
#mission-e #bottom-navi-back{
	background:#FBE4E8 url(../img/mission/share/bottom-navi-back-e.gif) repeat-x left bottom;
}
#mission-f #bottom-navi-back{
	background:#DBD5E5 url(../img/mission/share/bottom-navi-back-f.gif) repeat-x left bottom;
}
#mission-g #bottom-navi-back{
	background:#cab4a5 url(../img/mission/share/bottom-navi-back-g.gif) repeat-x left bottom;
}
#mission-bmi #bottom-navi-back{
	background:#dddede url(../img/mission/share/bottom-navi-back-ab.gif) repeat-x left bottom;
}
#mission-primates #bottom-navi-back{
	background:#fce8d2 url(../img/mission/share/bottom-navi-back-c.gif) repeat-x left bottom;
}
#bottom-navi{
	width: 920px;
	height: 53px;
	padding-top: 15px;
	margin: 0 auto;
	position: relative;
}

/*-------------------------------------------------
	page-navi
--------------------------------------------------*/
ul#page-navi-mission-other{
	/*position: absolute;*/
	/*bottom: 75px;*/
/*	width: 920px;
	left: 40px;*/
}
ul#page-navi-mission-other li{
	position: absolute;
	font-size: 0;
	margin-top: 10px;
}
ul#page-navi-mission-other li a{
}
ul#page-navi-mission-other li#pn_01{
	left: 0;
	top:10px;
}
ul#page-navi-mission-other li#pn_02{
	right: 0;
	top:10px;
}
/*index
--------------------*/
ul#page-navi-mission{
	position: absolute;
	bottom: 0px;
}
/*-------------------------------------------------
	mission-navi
--------------------------------------------------*/
ul#mission-navi-other{
	position: absolute;
	width: 560px;
	/*bottom: 40px;*/
	left: 173px;
	z-index: 2000;
	top: 10px;
	margin-left:10px;
}
ul#mission-navi-other{
/*	_top:13px;
	_position: relative!important;
	_width: 610px!important;
	z-index: 2000!important;*/
}
ul#mission-navi-other li{
	float: left;
	font-size: 0;
	margin:0 10px 8px 0;
}
/*index
--------------------*/
ul#mission-navi-index{
	position: absolute;
	/*top: 220px;*/
	top: 140px;
}
ul#mission-navi-index li{
	float: none;
	font-size: 0;
	margin-bottom: 3px;
}



/*==================================================
	
	index
	
==================================================*/

/*-------------------------------------------------
	sec_01
--------------------------------------------------*/
#mission #sec_01{
	position: absolute;
}


/*-------------------------------------------------
	mission-popup
--------------------------------------------------*/
#mission ul#mission-popup{
	position: absolute;
	z-index: 1000;
}
#mission ul#mission-popup li{
	float: left;
	position: relative;
}
#mission ul#mission-popup li img{
	position: absolute;
	top: 150px;
	left: 330px;
	display: none;
}
#mission ul#mission-popup li img#m-popup_01{
}
/*-------------------------------------------------
	mission-tooltip
--------------------------------------------------*/
#mission ul.mission-tooltip{
	position: absolute;
	z-index: 1000;
}
#mission ul.mission-tooltip li{
	position: relative;
	float: left;
}
#mission ul.mission-tooltip li img{
	position: absolute;
	display: none;
}
/**/
#mission ul#mission-tooltip_01 li img#mt_01_01{
	top: 85px;
	left: 158px;
}
/*#mission ul#mission-tooltip_01 li img#mt_01_02{
	top: 50px;
	left: 300px;
}*/
#mission ul#mission-tooltip_01 li img#mt_01_03{
	top: 135px;
	left: 158px;
}
#mission ul#mission-tooltip_01 li img#mt_01_04{
	top: 182px;
	left: 158px;
}
#mission ul#mission-tooltip_01 li img#mt_01_05{
	top: 232px;
	left: 158px;
}
#mission ul#mission-tooltip_01 li img#mt_01_06{
	top: 282px;
	left: 158px;
}
#mission ul#mission-tooltip_01 li img#mt_01_07{
	top: 332px;
	left: 158px;
}
#mission ul#mission-tooltip_01 li img#mt_01_08{
	top: 380px;
	left: 158px;
}
#mission ul#mission-tooltip_01 li img#mt_01_09{
	top: 430px;
	left: 158px;
}


/**/
#mission ul#mission-tooltip_02 li img#mt_02_01{
	top: -25px;
	left: 515px;
}
#mission ul#mission-tooltip_02 li img#mt_02_02{
	top: -25px;
	left: 605px;
}
#mission ul#mission-tooltip_02 li img#mt_02_03{
	top: 312px;
	left: 537px;
}
#mission ul#mission-tooltip_02 li img#mt_02_04{
	top: 170px;
	left: 612px;
}
#mission ul#mission-tooltip_02 li img#mt_02_05{
	top: 130px;
	left: 817px;
}
#mission ul#mission-tooltip_02 li img#mt_02_06{
	top: -10px;
	left: 753px;
}
#mission ul#mission-tooltip_02 li img#mt_02_07{
	top: 365px;
	left: 712px;

}
#mission ul#mission-tooltip_02 li img#mt_02_08{
	top: 115px;
	left: 475px;

}
#mission ul#mission-tooltip_02 li img#mt_02_09{
	top: 325px;
	left: 855px;

}


/*-------------------------------------------------
	point-navi
--------------------------------------------------*/
#mission ul#point-navi{
	position: absolute;
}


#mission ul#point-navi li{
	position: relative;
	float: left;
}
#mission ul#point-navi li a{
	position: absolute;
}

#mission ul#point-navi li a#pn_01{
	top: 10px;
	left: 480px;
}
#mission ul#point-navi li a#pn_02{
	top: 10px;
	left: 570px;
}
#mission ul#point-navi li a#pn_03{
	top: 348px;
	left: 503px;
}
#mission ul#point-navi li a#pn_04{
	top: 205px;
	left: 580px;
}
#mission ul#point-navi li a#pn_05{
	top: 165px;
	left: 785px;
}
#mission ul#point-navi li a#pn_06{
	top: 25px;
	left: 720px;
}
#mission ul#point-navi li a#pn_07{
	top: 400px;
	left: 680px;
}
#mission ul#point-navi li a#pn_08{
	top: 150px;
	left: 440px;
}
#mission ul#point-navi li a#pn_09{
	top: 360px;
	left: 820px;
}


/*==================================================
	
	ab
	
==================================================*/
/*sahre
--------------------*/
#mission-ab #sec_01 .text-box_02 p{
	color: #686c70;
	font-weight: bold;
	font-size:108%;
}
#mission-ab #sec_01 .text-box_02 p a{
	padding: 0 5px;
	text-decoration: underline;
}
/*sec_01
--------------------*/
#mission-ab #sec_01{
	margin-bottom: 20px;
}
#mission-ab #sec_01 .text-box_02{
	_height:3em;
}
#mission-ab #sec_01 .text-box_02{
	position: relative;
}

#mission-ab #sec_01 .text-box_02 #caption-btn_01{
	position: absolute;
	right: 160px;
	bottom: 0px;
}
/*sec_02
--------------------*/
#mission-ab #sec_02{
	clear: both;
	float: left;
	width: 483px;
	margin-right: 20px;
}
#mission-ab #sec_02 p.text_01{
	margin-bottom: 10px;
	font-weight: bold;
	font-size:108%;
	color: #686c70;
}
#mission-ab #sec_02 p.text_02{
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 1em;
	color: #686c70;
	font-weight: bold;
}
#mission-ab #sec_02 dl{
	margin-top: 5px;
	margin-right: 5px;
	color: #686c70;
}
#mission-ab #sec_02 dt{
	float: left;
	width: 100px;
	font-size:85%;
	font-size: 13px!important;
}
#mission-ab #sec_02 dd{
	margin-left: 100px;
	font-size:85%;
	font-size: 13px!important;
}
/*sec_03
--------------------*/
#mission-ab #sec_03{
	float: left;
	width: 437px;
}
#mission-ab-pct{
	width: 436px;
	height: 276px;
	position: relative;
}
#mission-ab-pct-list{
	position: absolute;
	bottom: 10px;
	right: 0px;
	z-index: 50;
}
#mission-ab-pct-list li{
	float: left;
	margin-right: 10px;
	font-size: 0;
}
.ab-pct{
	position: absolute;
	z-index: 10;
	display: none;
}
#ab-pct_01{
	display: block;
}
/*==================================================
	
	c
	
==================================================*/
/*sahre
--------------------*/
#mission-c .text-box_03 p{
	color: #f39939;
	font-weight: bold;
	font-size:108%;
}
#mission-c .text-box_03 a{
	color: #f39939;
	font-weight: bold;
	padding: 0 5px;
}
#mission-c .text-box_03 a:hover{
	color: #feaf5c;
}
/*sec_01
--------------------*/
#mission-c #sec_01{
	margin-bottom: 20px;
}

/*sec_02
--------------------*/
#mission-c #sec_02{
	float: left;
	width: 438px;
	margin-right: 45px;
}
#mission-c #sec_02 p{
	margin-bottom: 20px;
}
/*sec_03
--------------------*/
#mission-c #sec_03{
	float: left;
	float: left;
	width: 437px;
}
#mission-c #sec_03 p{
	margin-bottom: 20px;
}
#mission-c #sec_03 p.text_02{
	text-indent: -1em;
	margin-left: 1em;
}

/*==================================================
	
	d
	
==================================================*/
/*sahre
--------------------*/
#mission-d .text-box_04 p{
	color: #00a95f;
	font-weight: bold;
	font-size:108%;
}
#mission-d .text-box_04 a{
	color: #00a95f;
	font-weight: bold;
	padding: 0 5px;
}
#mission-d .text-box_04 a:hover{
	color: #32d990;
}
/*sec_01
--------------------*/
#mission-d #sec_01{
	margin-bottom: 20px;
}
/*sec_02
--------------------*/
#mission-d #sec_02{
	float: left;
	width: 438px;
	margin-right: 45px;
}
#mission-d #sec_02 p{
	margin-bottom: 20px;
}
/*sec_03
--------------------*/
#mission-d #sec_03{
	float: left;
	float: left;
	width: 437px;
}
#mission-d #sec_03 p{
	margin-bottom: 20px;
}
/*==================================================
	
	e
	
==================================================*/
/*sahre
--------------------*/
#mission-e .text-box_05 p{
	color: #ee869a;
	font-weight: bold;
	font-size:108%;
}
#mission-e .text-box_05 a{
	color: #ee869a;
	font-weight: bold;
	padding: 0 5px;
}
#mission-e .text-box_05 a:hover{
	color: #f3aebc
}
/*sec_01
--------------------*/
#mission-e #sec_01{
	margin-bottom: 20px;
}
/*sec_02
--------------------*/
#mission-e #sec_02{
	float: left;
	width: 438px;
	margin-right: 45px;
}
#mission-e #sec_02 p{
	margin-bottom: 20px;
}
/*sec_03
--------------------*/
#mission-e #sec_03{
	float: left;
	float: left;
	width: 437px;
}
#mission-e #sec_03 p{
	margin-bottom: 20px;
}
#mission-e #sec_03 .left{
	float: left;
	width: 190px;
	margin-right: 40px;
	text-align: center;
}
#mission-e #sec_03 .right{
	float: right;
}
#mission-e #sec_03 .right ul li{
	font-size: 0;
	margin-bottom: 10px;
}

/*==================================================
	
	f
	
==================================================*/
/*sahre
--------------------*/
#mission-f .text-box_05 p{
	color: #7d689e;
	font-weight: bold;
	font-size:108%;
	margin-bottom: 1em;
}
#mission-f .text-box_05 a{
	color: #7d689e;
	font-weight: bold;
	padding: 0 5px;
}
#mission-f .text-box_05 a:hover{
	color: #a99bbf;
}

/*sec_01
--------------------*/
#mission-f #sec_01{
	margin-bottom: 20px;
}
/*sec_02
--------------------*/
#mission-f #sec_02{
	float: left;
	width: 438px;
	margin-right: 45px;
}
#mission-f #sec_02 p{
/*	margin-bottom: 40px;*/
}
/*sec_03
--------------------*/
#mission-f #sec_03{
	float: left;
	width: 437px;
}
#mission-f #sec_03 p{
/*	margin-bottom: 40px;*/
}
#mission-f #sec_03 ul{
	padding-top: 20px;
}
#mission-f #sec_03 ul li{
	font-size: 0;
	margin-bottom: 10px;
}
#mission-f #sec_03 ul li a{
	padding: 0;
	font-size: 0;
	margin-bottom: 10px;
}
/*==================================================
	
	g
	
==================================================*/
/*sahre
--------------------*/
#mission-g .text-box_04 p{
	color: #a26412;
	font-weight: bold;
	font-size:108%;
}
#mission-g .text-box_04 a{
	color: #a26412;
	font-weight: bold;
	padding: 0 5px;
}
#mission-g .text-box_04 a:hover{
	color: #d18017;
}
/*sec_01
--------------------*/
#mission-g #sec_01{
	margin-bottom: 20px;
}
/*sec_02
--------------------*/
#mission-g #sec_02{
	float: left;
	width: 438px;
	margin-right: 45px;
}
#mission-g #sec_02 p{
	margin-bottom: 20px;
}
/*sec_03
--------------------*/
#mission-g #sec_03{
	float: left;
	float: left;
	width: 437px;
}
#mission-g #sec_03 p{
	margin-bottom: 20px;
}

/*==================================================
	
	bmi
	
==================================================*/
#mission-bmi #sec_01{margin-bottom:20px;}
#mission-bmi #sec_02{float:left; width:430px;}
#mission-bmi #sec_03{float:right; width:430px; margin-right:20px;}

#mission-bmi a{color:#686c70;}
#mission-bmi p{margin-bottom:1em; color: #686c70; font-weight:bold;}
#mission-bmi #img_01{float:left; margin:10px 0 0 60px;}
#mission-bmi ul#caption_menu{ padding:55px 0 0 190px;}



/*==================================================
	
	primates
	
==================================================*/
#mission-primates p{
	color: #f39939; font-size:108%; font-weight: bold;
	margin-bottom: 20px;
}
#mission-primates #sec_01{margin-bottom: 20px;}
#mission-primates #sec_02{float: left; width: 438px; margin-right: 45px;}
#mission-primates #sec_03{float: left; width: 437px;}