@charset "utf-8";

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 common

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#bodyArea *{
	box-sizing:content-box;
}

#animalsContents{
	width:970px;
	background:url(../img/contents_bg01.jpg) no-repeat;
}

#animalsContents a:link,
#animalsContents a.internal:visited{
	color:#0065cd;
}
#animalsContents a:visited{
	color:#4D3380;
}
#animalsContents a:hover{
	color:#7F99B2;
}
#animalsContents a:active{
	color:#7F99B2;
}

#animalsContents a.nounderline span.rt,
#topicPath a.nounderline span.rt{
	border:0;
	text-decoration:none !important;
}

#animalsContents span.rt{
	font-weight:normal !important;
}


#animalsContents h4,
#animalsContents dl{
	font-size:84%;
}
#animalsContents dl dd dl dd dl dd ul{
	font-size:130%;
	line-height:1.5;
}
#animalsContents dl dd ul{
	font-size:100%;
}

#bodyArea #animalsContents dl,
#bodyArea #animalsContents dd{
	margin:0;
}

object {
	display: block;
}

#wrapper #bodyArea #topicPath {
	margin: 10px 0 6px;
}

/* professor -------------------------------------- */
.professorBlock01{
	position:relative;
	zoom:1;
}
.professorBlock01 p{
	margin:0;
}
.professorBlock01 .btnForProfessor{
	position:absolute;
	bottom:22px;
	right:173px;
}
.deltm{
	margin-top:0;
}


/* header -------------------------------------- */
#bodyArea #animalsHeader{
	position:relative;
	width:944px;
	padding:0 0 7px 26px;
	zoom:1;
	clear:both;
}
#animalsHeader:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#animalsHeader h1,
#animalsHeader p{
	float:left;
}
#animalsHeader div.rubyStyle h1,
#animalsHeader div.rubyStyle p{
	font-size:1% !important;
	line-height:1% !important;
}

#bodyArea #animalsHeader h1{
	width:200px;
	padding-top:22px;
	margin:0;
}
#bodyArea #animalsHeader p.hTxt01{
	padding:43px 5px 0 16px;
}
#bodyArea #animalsHeader p.hTxt01 img{
	display: block;
}
#bodyArea #animalsHeader p.rubyBtnChange{
	width:177px;
	color:#ee0202;
	font-weight:bold;
	padding-top:34px;
}
#animalsHeader p.hLink01{
position:absolute;
right:22px;
top:10px;
}

/* globalnav -------------------------------------- */
#bodyArea ul#animalsGnav{
	width:936px;
	list-style:none;
	margin:0 0 0 24px;
	padding:0;
	zoom:1;
	clear:both;
}
ul#animalsGnav:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
ul#animalsGnav li{
	float:left;
	font-size:1% !important;
	line-height:1% !important;
}
ul#animalsGnav li.gnavLast{
	float:right;
}


/* footer -------------------------------------- */
#bodyArea #animalsFooter{
	width:860px;
	background:url(../img/contents_bg02.jpg) no-repeat;
	padding:36px 50px 0 60px;
	zoom:1;
	clear:both;
}
#animalsFooter:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#bodyArea #animalsFooter ul{
	list-style:none;
	width:620px;
	margin:0;
	padding:60px 0 0;
}
#bodyArea #animalsFooter ul li{
	display:inline;
	padding-right:6px;
		zoom:1;
}
#bodyArea #animalsFooter ul li a{
	padding-right:10px;
}


/* modalwindow for images -------------------------------------- */
#mwBackground{
	background:#000;
}
#mwImageFrame{
	background:#fff;
	border:8px solid #fff;
}
#mwImageFrame p{
	text-align:right;
	padding-top:8px;
}
#mwImageFrame p img{
	vertical-align:middle;
	margin-right:4px;
}


/* components -------------------------------------- */
#contentsArea div.rubyStyle #animalsContents .fontS{
	font-size:80% !important;
}
#contentsArea div.normalStyle #animalsContents .fontS{
	font-size:80% !important;
}

.alignRight{
	text-align:right;
}
.alignCenter{
	text-align:center;
}

.txtB{
	font-weight:bold;
}

a.icoBlank{
	background:url(/shared/img/icon_related_00_08.gif) no-repeat 0 center;
	padding:0.4em 0 0.4em 22px;
}
a.icoBlank2{
	background:url(/shared/img/icon_related_00_08.gif) no-repeat 0 center;
	padding:0.1em 0 0.1em 22px;
}

#animalsContents .posLeft{
	float:left;
}
#animalsContents .posRight{
	float:right;
}
#animalsContents .posClear{
	clear:both;
}

#animalsContents a.linkA01{
	background:url(../img/conductor01.gif) no-repeat 0 0.45em;
	padding-left:8px;
}
/* ruby off */
#contentsArea div.normalStyle #animalsContents a.linkA01{
	background:url(../img/conductor01.gif) no-repeat 0 0.5em;
}


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 UNDER FRAME

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#bodyArea #animalsLowWrapper{
	width:945px;
	background:url(../img/contents_bg05.jpg) no-repeat left bottom;
	padding-bottom:54px;
	margin-left:13px;
}

#bodyArea #animalsLowContainer{
	width:945px;
	background:url(../img/contents_bg03.jpg) repeat-y;
	zoom:1;
	clear:both;
}
#bodyArea #animalsLowContainer:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#bodyArea #animalsLowContainer h2{
	margin:0;
}


/* localnav -------------------------------------- */
#bodyArea #animalsLowLnav{
	width:224px;
	float:left;
	background:url(../img/lnav_bg.jpg) no-repeat;
	border-left:1px solid #f4f0ec;
	padding-top:32px;
}

#bodyArea #animalsLowLnav dd.lnavSub{
	font-size:1%;
	line-height:1%;
	padding:16px 0 0 16px;
}

#bodyArea #animalsLowLnav dl dd ul,
#bodyArea #animalsLowLnav dl dd ul li{
	list-style:none;
	margin:0;
	padding:0;
}
#bodyArea #animalsLowLnav dl dd ul{
	padding:0.6em 0;
}
#bodyArea #animalsLowLnav dl dd ul li{
	font-weight:bold;
	background:url(../img/conductor01.gif) no-repeat 15px 1em;
	padding:4px 0 4px 24px;
}
#bodyArea #animalsLowLnav dl dd ul li.current{
	color:#000;
	background:url(../img/conductor02.gif) no-repeat 14px 1.1em;
	/*color:#2B5D07;*/
}
#bodyArea #animalsLowLnav dl dd ul li a{
	display:block;
	/*background:url(../img/conductor01.gif) no-repeat 15px 0.8em;
	padding-left:24px;*/
}
/*#animalsLowLnav dl.library dd ul li a:hover,
#animalsLowLnav dl.library dd ul li.current{
	background:url(../img/conductor01.gif) no-repeat 15px 0.8em;
	background:#d5f1a3 url(../img/conductor01.gif) no-repeat 15px 0.8em;
}*/


/* ruby off */
/*#contentsArea div.normalStyle #animalsLowLnav dl dd ul li{
	background:url(../img/conductor01.gif) no-repeat 15px 1em;
	padding:4px 0 4px 24px;
}
#animalsLowLnav dl dd ul li.current{
	background:url(../img/conductor02.gif) no-repeat 14px 1.1em;
}*/


/* local contents -------------------------------------- */
#bodyArea #animalsLowContents{
	width:674px;
	float:right;
	background:url(../img/contents_bg04.jpg) no-repeat right top;
	padding:32px 32px 0 0;
}

#bodyArea #animalsLowContents div.indexRelationalLinkOuter{
	width:674px;
	background:url(../img/relationallink_bg01.gif) no-repeat left bottom;
	padding-bottom:8px;
	margin-top:1em;
	clear:both;
}
#bodyArea #animalsLowContents div.indexRelationalLink{
	background:url(../img/relationallink_bg01.gif) no-repeat;
	padding:8px 16px;
	zoom:1;
	clear:both;
}
#bodyArea #animalsLowContents div.indexRelationalLink:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#bodyArea #animalsLowContents div.indexRelationalLink h4{
	margin:0.75em 0 0;
}
#bodyArea #animalsLowContents div.indexRelationalLink p.posRight img{
	margin:0 0 12px 16px;
}


#bodyArea #animalsLowContents div.pdfBlockOuter{
	width:674px;
	background:url(../img/relationallink_bg01.gif) no-repeat left bottom;
	padding-bottom:16px;
	clear:both;
}
#bodyArea #animalsLowContents div.pdfBlock{
	background:url(../img/relationallink_bg01.gif) no-repeat;
	padding:16px 16px 0;
	zoom:1;
	clear:both;
}
#bodyArea #animalsLowContents div.pdfBlock:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#bodyArea #animalsLowContents div.pdfBlock p.posRight{
	width:516px;
}

/* br.blockEndの下のスペース対策 */

#bodyArea br.blockEnd {
	display: block;
}