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

     Global

=======================================*/
div#animalplanet{
	width: 715px;
}

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

     Header

=======================================*/
div#animalplanet div#header{
	position: relative;
	height: 270px;
	background: transparent url(../img/header.png) left top no-repeat;
}
div#animalplanet div#header h1{
	position: absolute;
	top: 0;
	left: 22px;
	width: 346px;
	height: 0 !important;
	height /**/: 170px;
	padding-top: 170px;
	overflow: hidden;
	outline: none;
	background: transparent url(../img/logo.png) left top no-repeat;
	z-index: 100;
}
div#animalplanet p.summary{
	float: left;
	width: 345px;
	height: 0 !important;
	height /**/: 87px;
	padding-top: 87px;
	margin: 170px 0 0 23px;
	overflow: hidden;
	outline: none;
	background: transparent url(../img/summary.png) left top no-repeat;
	display: inline;
}
div#animalplanet p#wanko{
	margin-top: 141px;
	height /**/: 120px;
	padding-top: 120px;
}
div#animalplanet p#wanko{
	background: transparent url(../img/summary_02.png) left top no-repeat;
}

div#animalplanet p#nyanko{
	margin-top: 141px;
	height /**/: 120px;
	padding-top: 120px;
}
div#animalplanet p#nyanko{
	background: transparent url(../img/summary_03.png) left top no-repeat;
}

div#animalplanet p#wild{
	margin-top: 141px;
	height /**/: 120px;
	padding-top: 120px;
}

div#animalplanet p#wild{
	background: transparent url(../img/summary_04.png) left top no-repeat;
}

div#animalplanet p#neko_usa{
	margin-top: 141px;
	height /**/: 120px;
	padding-top: 120px;
}

div#animalplanet p#neko_usa{
	background: transparent url(../img/summary_05.png) left top no-repeat;
}


div#animalplanet div#header ul#pickup,
div#animalplanet div#header ul#slide{
	position: relative;
	float: right;
	width: 311px;
	height: 238px;
	margin: 14px 16px 0 0;
	border-style: solid none none solid;
	border-width: 1px;
	border-color: #bfbfbf;
	background-color: #fff;
	overflow: hidden;
	display: inline;
}
div#animalplanet div#header ul li{
	position: absolute;
	top: 0;
	left: 0;
	width: 311px;
	height: 238px;
	z-index: 98;
}
div#animalplanet div#header ul#slide li{
	display: none;
}
div#animalplanet div#header ul li img{
	border: none;
	padding: 8px 0 0 8px;
}
div#animalplanet div#header ul span{
	position: absolute;
	display: block;
	width: 295px;
	height: 28px;
	padding: 6px 8px;
	bottom: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	line-height: 14px;
	color: #fff;
	z-index: 99;
}


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

     Menu

=======================================*/
div#animalplanet ul#category{
	width: 715px;
	height: 57px;
	margin: -1px 0 9px 0;
	background: transparent url(../img/menu.png) left top no-repeat;
}
div#animalplanet ul#category li{
	float: left;
}
div#animalplanet ul#category li a{
	display: block;
	width: 143px;
	height: 0 !important;
	height /**/: 57px;
	padding-top: 57px;
	overflow: hidden;
	outline: none;
	background: transparent url(../img/menu.png) left top no-repeat;
}


div#animalplanet ul#category li#menu01 a{
	width: 143px;
	background-position: left top;
}

div#animalplanet ul#category li#menu01 a:hover{
	background-position: left -57px;
	width:143px;
	height:57px;
}

div#animalplanet ul#category li#menu02 a{
	background-position: -143px top;
}

div#animalplanet ul#category li#menu02 a:hover{
	background-position: -143px -57px;
	width:143px;
	height:57px;
}

div#animalplanet ul#category li#menu03 a{
	background-position: -286px top;
}
div#animalplanet ul#category li#menu03 a:hover{
	background-position: -286px -57px;
	width:143px;
	height:57px;
}

div#animalplanet ul#category li#menu04 a{
	background-position: -429px top;
}
div#animalplanet ul#category li#menu04 a:hover{
	background-position: -429px -57px;
	width:143px;
	height:57px;
}

div#animalplanet ul#category li#menu05 a{
	background-position: -572px top;
}
div#animalplanet ul#category li#menu05 a:hover{
	background-position: -572px -57px;
	width:143px;
	height:57px;
}



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

     Contents Base

=======================================*/
div#animalplanet div#main{
	width: 724px;
	overflow: hidden;
	margin-right: -9px;
	_zoom: 1;
}
div#animalplanet div.categoryBox{
	position: relative;
	background-color: #ccc;
	background-image: url(../img/labels.gif);
	background-repeat: no-repeat;
	padding-top: 36px;
	padding-bottom: 1px;
	margin-bottom: 10px;
}
div#animalplanet div.fullSize{
	clear: both;
	width: 715px;
}
div#animalplanet div.halfSize{
	float: left;
	width: 353px;
	margin: 0 9px 40px 0;
}
div#animalplanet div#category01{
	background-position: left top;
}
div#animalplanet div#category02{
	background-position: -715px top;
}
div#animalplanet div#category03{
	background-position: -1068px top;
}

div#animalplanet div#category04{
	background-position: -1421px top;
}
div#animalplanet div#category05{
	background-position: -1774px top;
}
div#animalplanet div#category06{
	background-position: -2127px top;
}
div#animalplanet div.contents{
	border: solid 1px #fff;
	background: #fff url(../img/bg.gif) left top repeat-x;
	margin: 1px auto 0;
}
div#animalplanet div.fullSize div.contents{
	width: 711px;
	padding-bottom: 16px;
}
div#animalplanet div.halfSize div.contents{
	width: 349px;
}



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

     Category Box (Full Size)

=======================================*/
div#animalplanet div.fullSize div.box{
	position: relative;
	float: left;
	width: 160px;
	padding: 125px 0 0 0;
	margin: 13px 0 0 14px;
	display: inline;
}
div#animalplanet div.fullSize div.box h2{
	height: 33px;
}
div#animalplanet div.fullSize div.box h2 a{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
div#animalplanet div.fullSize div.box h2 a:hover{
	text-decoration: none;
}
div#animalplanet div.fullSize div.box img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	padding: 0;
}
div#animalplanet div.fullSize div.box p{
	height: 65px;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 0;
	color: #808080;
}
div#animalplanet div.fullSize div.box ul{
	width: 158px;
	height: 60px;
	border: solid 1px #dbdbdb;
	background-color: #e8f0d1;
}
div#animalplanet div.fullSize div.box ul li.label{
	font-size: 10px;
	color: #808080;
	text-align: center;
	line-height: 19px;
}
div#animalplanet div.fullSize div.box ul li.free{
	font-size: 10px;
	color: #b06565;	
	text-align: center;
	line-height: 19px;
}
div#animalplanet div.fullSize div.box ul li.detail{
	float: left;
	margin-left: 9px;
	display: inline;
}

div#animalplanet div.fullSize div.box ul li.detail01{
	float: left;
	margin-left:45px;
	display: inline;
}

div#animalplanet div.fullSize div.box ul li.watch{
	float: right;
	margin-right: 9px;
	display: inline;
}

/*12.3.16 add*/

div#animalplanet div.fullSize div.box ul li.watch01{
	float: left;
	margin-left: 8px;
	margin-top: 4px;
	display: inline;
}

div#animalplanet div.fullSize div.box ul li.watch02{
	float: left;
	margin-left: 8px;
	margin-top: 4px;
	display: inline;
}



div#animalplanet div.fullSize div.box ul li a{
	display: block;
	width: 67px;
	height: 0 !important;
	height /**/: 15px;
	padding-top: 15px;
	overflow: hidden;
	outline: none;
}

div#animalplanet div.fullSize div.box ul li.detail a{
	background: transparent url(/common/button/detail_s.gif) left top no-repeat;
}

div#animalplanet div.fullSize div.box ul li.detail01 a{
	background: transparent url(/common/button/detail_s.gif) left top no-repeat;
}

div#animalplanet div.fullSize div.box ul li.watch a{
	background: transparent url(/common/button/0000_s.gif) left top no-repeat;
}

div#animalplanet div.fullSize div.box ul li.watch01 a{
	background: transparent url(/common/button/0000_s.gif) left top no-repeat;
}

div#animalplanet div.fullSize div.box ul li.watch02 a{
	background: transparent url(/common/button/2000_s.gif) left top no-repeat;
}



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

     Category Box (Half Size)

=======================================*/
div#animalplanet div.halfSize div.box{
	position: relative;
	float: left;
	width: 321px;
	padding: 180px 0 8px 0;
	margin: 13px 0 0 14px;
	display: inline;
}
div#animalplanet div.halfSize div.box h2{
	position: absolute;
	width: 353px;
	height: 30px;
	bottom: -32px;
	left: -16px;
	background: transparent url(../img/btn.gif) left top no-repeat;
}
div#animalplanet div.halfSize div.box h2 a{
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 30px;
	text-align: center;
}
div#animalplanet div.halfSize div.box h2 a:hover{
	text-decoration: none;
}
div#animalplanet div.halfSize div.box div#imgBox{
	position: absolute;
	width: 321px;
	height: 180px;
	top: 0;
	left: 0;
	overflow: hidden;
	background: transparent url(../img/comingsoon.gif) left top no-repeat;
}
div#animalplanet div.halfSize div.box div#imgBox img{
	display: block;
	width: 321px;
	height: 241px;
	border: 0;
	padding: 0;
	margin: 0 auto;
	margin-top: -5px;
}
div#animalplanet div.halfSize div.box div#imgBox img.upcoming{
	width: 100%;
	height: 100%;
}
div#animalplanet div.halfSize div.box p{
	height: 60px;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 0;
	color: #808080;
}

div#animalplanet div.halfSize div.box ul.keywords{
	min-height: 25px;  
	height: auto !important;  
	height: 10px;
	padding-top: 15px;
	background: transparent url(../img/keyword.gif) left top no-repeat;
}
div#animalplanet div.halfSize div.box ul.keywords li{
	display: block;
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin-right: 15px;
	/*color: #888;*/
	color: #607ea2;
	/*text-decoration: underline;*/
}


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

     New Mark

=======================================*/
div#animalplanet div.categoryBox div.mark{
	position: absolute;
	top: 12px;
	right: 10px;
	height: 0 !important;
	height /**/: 13px;
	padding-top: 13px;
	overflow: hidden;
	outline: none;
	z-index: 1000;
}
div#animalplanet div.box div.mark{
	top: 102px;
	right: 2px;
}
div#animalplanet div.categoryBox div.up{
	width: 28px;
	background: transparent url(/r_img/common/icon/up.gif) left top no-repeat;
}
div#animalplanet div.categoryBox div.new{
	width: 28px;
	background: transparent url(/r_img/common/icon/new.gif) left top no-repeat;
}
div#animalplanet div.categoryBox div.hit{
	width: 37px;
	background: transparent url(/r_img/common/icon/hit.gif) left top no-repeat;
}
div#animalplanet div.categoryBox div.mihodai{
	width: 55px;
	background: transparent url(/r_img/common/icon/mihodai.gif) left top no-repeat;
}
div#animalplanet div.categoryBox div.one_episode_free{
	width: 44px;
	background: transparent url(/r_img/common/icon/one_episode_free.gif) left top no-repeat;
}
div#animalplanet div.categoryBox div.1con_mihodai{
	width: 70px;
	background: transparent url(/r_img/common/icon/1con_mihodai.gif) left top no-repeat;
}

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

     Footer

=======================================*/
div#animalplanet div#footer{
	clear: both;
}


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

     Clearfix

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

div#animalplanet div.contents{
	_height: 1px;
	zoom:1;/*for IE 5.5-7*/
}
div#animalplanet div.contents:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}