@charset "Shift_JIS";

/*
* 
* 	top.css ： トップページ
*	
*	1トップコンテンツ段組
*	2ニュース欄
*	3おすすめコンテンツ
*	4インフォメーション
*	5イベント
*	
*/
		
	
/* =1トップコンテンツ段組
----------------------------- */
#topMaincontent,
#topLeft{
	float: left;
	}
#topRight,
#topMain{
	float: right;
	}
#topMaincontent{
	width: 735px;
	background: url(../../images/top/bg/left.gif) repeat-y bottom left;
	}
#topRight{
	width: 220px;
	}
#topMain{
	width: 540px;
	}
#topLeft{
	width: 180px;
	background: #1a1a76;
	}
#topMaincontent,
#topRight{
	margin-top: 15px;
	}
	
/* =2ニュース欄
----------------------------- */
#topNews,
#recommend{
	padding-bottom: 16px;
	background: #1a1a76 url(../../images/top/bg/main.gif) no-repeat bottom left;
	}
#topNews,
#event,
.topBanner p{
	margin-bottom: 10px;
	}
#topNews dl,
#event table{
	margin: 10px;
	}
#topNews h4{
	font-weight: bold;
	}
#topNews dl,
#infoMenu{
	line-height: 1.4;
	color: #FFF;
	}
#topNews dl dt,
#infoMenu li{
	padding-left: 16px;
	background: url(../../images/base/icon1.jpg) no-repeat center left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}
dl.news dt{
	width: 6em;
	float: left;
	}
dl.news dd{
	margin-left: 6.5em;
	}
#topNews h4,
dl.animalInfo dt{
	margin-bottom: 0.2em;
	font-size: 12px;
	color: #FFF;
	}
dl.animalInfo dd{
	margin-left: 16px;
	}

/* =3おすすめコンテンツ
----------------------------- */
#recommend{
	padding-left: 12px;
	}
#recommend ul{
	width: 520px;
	}
#recommend li{
	float: left;
	width: 255px;
	margin: 0 5px 5px 0;
	}
	
/* =4インフォメーション
----------------------------- */
#infoMenu{
	margin: 10px 10px 50px;
	}
	
/* =5イベント
----------------------------- */
#event{
	padding-bottom: 15px;
	background: #1a1a76 url(../../images/top/bg/right.gif) no-repeat bottom left;
	}
#event dl{
	padding-top: 10px;
	border-bottom: 1px solid #fff;
	}
#event dt{
	font-weight: bold;
	}
#event dd{
	color: #fff;
	}
#event dt,
#event dd{
	padding: 0 12px 4px;
	}
#event td{
	font-size: 84%;
	vertical-align: top;
	}
/* 20140415追加  */
#event dd img{
	float: right;
	margin-left:10px;
	margin-bottom: 1em;
}
#event dl dt span{color: #3cf;}