@charset "utf-8";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : areas.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */

ul#areasNavi:after,
ul#areasNavi li:after,
body#area ul#areaMenu:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#areasNavi,
ul#areasNavi li,
body#area ul#areaMenu {
	display: inline-block;
}
* html ul#areasNavi,
* html ul#areasNavi li,
* html body#area ul#areaMenu {
	height: 1%;
}
ul#areasNavi,
ul#areasNavi li,
body#area ul#areaMenu {
	display: block;
}


/* ********************************************************************************
 * ■いきものたちに出会う旅：トップページ
 * file path : /encyclopedia/areas/index.html
 * body id name : body#areas
 * ******************************************************************************** */

/* ul#areasNavi
------------------------------------------------------------*/
body#areas ul#areasNavi {
	width: 696px;
	margin: 25px 0 0 -32px;
}
body#areas ul#areasNavi li {
	display: inline;
	float: left;
	width: 316px;
	margin-left: 32px;
	margin-bottom: 20px;
}
/* dl */
body#areas ul#areasNavi li dl {
	float: right;
	width: 174px;
}
body#areas ul#areasNavi li dl dt {
	margin-bottom: 5px;
	line-height: 1.1;
	color: #009be5;
}
body#areas ul#areasNavi li dl dd {
	line-height: 1.5;
}
body#areas ul#areasNavi li dl dd a {
	color: #4D4D4D;
}

/* p.thumbnail */
body#areas ul#areasNavi li p.thumbnail {
	float: left;
	width: 122px;
}
/* p.thumbnail a:hover img */
body#areas ul#areasNavi li p.thumbnail a:hover img {
	/*filter: alpha(opacity=80);*/
	-moz-opacity:0.8;
	opacity:0.8;
}

/* li.on p.thumbnail a img */
body#areas ul#areasNavi li.on p.thumbnail a img {
	/*filter: alpha(opacity=80);*/
	-moz-opacity:0.8;
	opacity:0.8;
}
/* li.on dl dd a */
body#areas ul#areasNavi li.on dl dd a {
	color: #4D4D4D;
	text-decoration: none;
}


/* ********************************************************************************
 * ■いきものたちに出会う旅：下層ページ共通
 * file path : /encyclopedia/areas/areaX/
 * body id name : body#area
 * ******************************************************************************** */

/* ol#breadcrumbs
------------------------------------------------------------*/
body#area ol#breadcrumbs {
	margin-bottom: 10px;
}

/* div#areaContent
------------------------------------------------------------*/
body#area div#areaContent {
	margin: 25px 0 20px;
	height: 630px;
	overflow: hidden;
}

/* ul#areaMenu
------------------------------------------------------------*/
body#area ul#areaMenu {
	width: 683px;
	margin: 0 0 0 -19px;
}
body#area ul#areaMenu li {
	display: inline;
	float: left;
	width: 151px;
	margin: 0 0 20px 19px;
}
/* dl.on */
body#area ul#areaMenu li dl.on dt img {
	/*filter: alpha(opacity=80);*/
	-moz-opacity:0.8;
	opacity:0.8;
}
body#area ul#areaMenu li dl.on dd p.link a {
	background-position: 0 -100px;
	text-decoration: underline;
}