/* ZOONET BB */
/* zoonetbb.css */

/* common */

hr {
	display: none;
}
.sp5 {
	margin-top: 5px;
}
.sp10 {
	margin-top: 10px;
}
.sp15 {
	margin-top: 15px;
}
.sp20 {
	margin-top: 20px;
}

/* top */

p.read {
	font: 14px/1.3em "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #9F4F0E;
	margin: 10px 0 0 0;
	padding: 0;
}
#beginner {
	width: 538px;
	height: 71px;
	float: left;
	background-image: url(../images/beginner_back.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}
#beginner h3.title {
	font: 10px/100% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #a24f09;
	font-weight: bold;
	margin: 0;
	padding: 13px 0 3px 13px;
}
#beginner p {
	font: 10px/120% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #a24f09;
	margin: 0;
	padding: 0 0 0 13px;
}
#animalindex_btn {
	width: 204px;
	float: right;
	margin-top: 10px;
}

#animalMovie {
	width: 439px;
	float: left; 
	margin-top: 20px;
}
#animalMovie h3.title {
	margin-bottom: 10px;
}
#animalMovie .animalmovie_btn {
	font: 12px/100% "lr oSVbN", Osaka, "qMmpS Pro W3";
	text-align: center;
}
#animalMovie .animalmovie_btn img {
	margin-bottom: 10px;
}
#animalInformation {
	width: 297px;
	float: right;
	background-image: url(../images/animalinfo_back.gif);
	background-repeat:repeat-y;
	margin-top: 20px;
}
#animalInformation .element {
	margin: 18px 0 18px 18px;
}
#animalInformation .element h3 a {
	font: 14px/140% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #4b330d;
	font-weight: bold;
}
#animalInformation .element h3 a span {
	font-size: 12px;
}
#animalInformation .element p {
	font: 12px/120% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #695228;
	margin: 5px 0 0 0;
	padding: 0;
}
#animalInformation .element  .animalinfo_img {
	border: 3px solid #d4daae;
}
#animalInformation p.border {
	margin: 0;
	padding: 5px;
	text-align: center;
}
#animalInformation .animalinfo_btn {
	font: 12px/100% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #4c3410;
	text-align: center;
	padding-top: 12px;
}
#animalInformation .animalinfo_btn img {
	margin-bottom: 10px;
}
#animalInformation .animalinfo_bottom {
	width: 297px;
	background-image: url(../images/animalinfo_bottom.gif);
	background-repeat: no-repeat;
}


/* AnimalIndex */

#animalindex_title {
	width: 538px;
	float: left;
	margin-top: 15px;
	margin-bottom: 20px;
}
#animalindex_title h3.title {
	margin-bottom: 5px;
}
#animalindex_title p {
	font: 12px/140% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #a24f09;
	margin: 0;
	padding: 0;
}
#bbtop_btn {
	width: 204px;
	float: right;
	margin-top: 15px;
	margin-bottom: 20px;
}
#animalindex_navigation {
	width: auto;
	background-color: #eef7ca;
	border: 1px solid #bdbe7a;
}
#animalindex_navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 6px 8px 7px 8px;
	/* MacIE Heightw่ */
	/*\*//*/
	height: 28px;
	/**/
}
#animalindex_navigation ul li {
	display: block;
	width: 40px;
	float: left;
}
#animalindex_navigation ul li a {
	font: 12px/140% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #0065ca;
}
#animalindex_table {
	width: auto;
}
#animalindex_table p {
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
}

/* ฎจผCfbNX\ชBBB */
#animalindex_table .animalindex_table {
	width: 755px;
	background-color: #eef7ca;
}
#animalindex_table  .border .animalindex_table {
	border: 1px solid #441302;
}
#animalindex_table .animalindex_table td {
	font: 12px/140% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #411300;
	padding: 5px 7px 5px 7px;
}
#animalindex_table .animalindex_table td a {
	font: 12px/140% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #0065ca;
}
#animalindex_table .animalindex_table tr.area_end td {
	border-bottom: none;
}
#animalindex_table .animalindex_table tr.titlelabel {
	background-color: #cbc9a2;
	text-align: center;
}
#animalindex_table .animalindex_table td.label_on50 {
	width: 50px;
	font-weight: bold;
	border-right: 1px solid #441302;
	border-bottom: 1px solid #441302;
}
#animalindex_table .animalindex_table td.label_animalname {
	width: 180px;
	font-weight: bold;
	border-right: 1px solid #441302;
	border-bottom: 1px solid #441302;
}
#animalindex_table .animalindex_table td.label_animalmovie {
	width: 270px;
	font-weight: bold;
	border-right: 1px solid #441302;
	border-bottom: 1px solid #441302;
}
#animalindex_table .animalindex_table td.label_update {
	width: auto;
	/*\*//*/
	width: 185px;
	/**/
	font-weight: bold;
	border-right: 1px solid #441302;
	border-bottom: 1px solid #441302;
}
#animalindex_table .animalindex_table td.label_category {
	width: 70px;
	font-weight: bold;
	border-bottom: 1px solid #441302;
}
#animalindex_table .animalindex_table td.on50 {
	text-align: center;
	border-right: 1px solid #441302;
	background-color: #eef7ca;
}
#animalindex_table .animalindex_table td.animalname {
	border-right: 1px solid #441302;
	border-bottom: 1px solid #cbc9a2;
	background-color: #eef7ca;
}
#animalindex_table .animalindex_table td.animalname_none {
	border-right: 1px solid #441302;
	background-color: #eef7ca;
}
#animalindex_table .animalindex_table td.animalmovie {
	border-right: 1px solid #441302;
	border-bottom: 1px solid #cbc9a2;
	background-color: #eef7ca;
}
#animalindex_table .animalindex_table td.update {
	border-right: 1px solid #441302;
	border-bottom: 1px solid #cbc9a2;
	background-color: #eef7ca;
	text-align: center;
}
#animalindex_table .animalindex_table td.category {
	text-align: center;
	border-bottom: 1px solid #cbc9a2;
	background-color: #eef7ca;
}
#animalindex_table .animalindex_table td.animalindex_border {
	background-color: #441302;
	margin: 0;
	padding: 0;
}
/* ฎจผCfbNX\ชBBBend */


/* animalMovie */

#movieArea {
	width: 757px;
	background-color: #000;
	border: 3px solid #A29B68;
}

/* Error */
h3.error_title {
	margin-top: 15px;
	margin-bottom: 5px;
}
h4.error_subtitle {
	font: 12px/140% "lr oSVbN", Osaka, "qMmpS Pro W3";
	color: #9F4F0E;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0;
}
p.error_text {
	font: 12px/140% "lr oSVbN", Osaka, "qMmpS Pro W3";
	margin: 0;
	padding: 0;
}