@charset "UTF-8";

/*タブ選択*/
body#friendsDog ul#menu li a {
	background: left top;
}
#friends h3 {
	margin: 0px;
	padding: 0px;
	background: url(none);
	border-style: none;
}
#friends p{
	margin: 0px;
	padding: 0px;
}


/*----- メニュー -----*/
#friends ul#menu {
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
#friends ul#menu li {
	float: left;
	background-repeat: no-repeat;
	margin: 0px 1px 0px 0px;
}
#friends ul#menu li a{
	height: 47px;
	width: 185px;
	text-indent: -9999px;
	display: block;
}
#friends ul#menu li a#dog:link ,
#friends ul#menu li a#animal:link ,
#friends ul#menu li a#marine:link ,
#friends ul#menu li a#reptilian:link ,
#friends ul#menu li a#dog:visited ,
#friends ul#menu li a#animal:visited ,
#friends ul#menu li a#marine:visited ,
#friends ul#menu li a#reptilian:visited 
  {
	background-position:bottom;
}
#friends ul#menu li a#dog:hover ,
#friends ul#menu li a#animal:hover ,
#friends ul#menu li a#marine:hover ,
#friends ul#menu li a#reptilian:hover  {
	background-position: top;
}
#friends #friends li.select a#dog:link ,
#friends #friends li.select a#animal:link ,
#friends #friends li.select a#marine:link ,
#friends #friends li.select a#reptilian:link ,
#friends #friends li.select a#dog:visited ,
#friends #friends li.select a#animal:visited ,
#friends #friends li.select a#marine:visited ,
#friends #friends li.select a#reptilian:visited   {
	background-position:top;
}

#friends #friends li a#dog {
	background: url(img/menu_dog.jpg);
}
#friends #friends li a#animal {
	background: url(img/menu_animal.jpg);
}
#friends #friends li a#marine {
	background: url(img/menu_marine.jpg);
}
#friends #friends li a#reptilian {
	background: url(img/menu_reptilian.jpg);
}

/*----- 動物ごとの枠 -----*/
#friends .oneBox{
	width: 275px;
	margin: 5px;
}
#friends .oneBoxWrap{
	padding: 8px;
	margin: 0px;
}
#friends .oneBox h5{
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 0px 3px 30px;
	margin-top: 5px;
	color: #FFFFFF;
	text-align: left;
}
#friends .oneBox p.name{
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}
#friends .oneBox p.text{
	font-size: 11px;
}

/*ワンちゃんの館*/
#friends div#dogContents .oneBox{
	border: 1px solid #FF6600;
	float: left;
}
#friends div#dogContents .oneBox h5{
	background-image: url(dog_img/dog_title_bg.gif);
}
#friends div#dogContents .oneBox p.name{
	color: #FF6600;
}


/*動物園*/
#friends div#animalContents .oneBox{
	border: 1px solid #FF3334;
	float: left;
	height: 315px;
}
#friends div#animalContents .oneBox h5{
	background-image: url(animal_img/animal_title_bg.jpg);
}
#friends div#animalContents .oneBox p.name{
	color: #FF3333;
}


/*水族館*/
#friends div#marineContents .oneBox{
	border: 1px solid #2E7BEF;
	float: left;
	height: 265px;
}
#friends div#marineContents .oneBox h5{
	background: url(marine_img/marine_title_bg.gif);
}
#friends div#marineContents .oneBox h5.second{
	background-image: url(marine_img/marine_title_bg02.gif);
}
#friends div#marineContents .oneBox p.name{
	color: #2E7BEF;
}
#friends div#marineContents .oneBox p.text{
	margin-top: 5px;

}



/*爬虫類*/
#friends div#reptilianContents .oneBox{
	border: 1px solid #006600;
	float: left;
	height: 250px;
}
#friends div#reptilianContents .oneBox h5{
	background-image: url(reptilian_img/reptilian_title_bg.gif);
}
#friends div#reptilianContents .oneBox p.name{
	color: #006600;
}
#friends div#reptilianContents .oneBox p.text{
	margin-top: 5px;
}