/* ===================================================================
CSS information
anime
=================================================================== */

.anime{
	background: #DBE3F8;
}

/*--------------
	メインタイトル
-------------- */
.anime h2{
	width: 77px;
	height: 381px;
	background: url(../../static2/img_common.png) -631px 0 no-repeat;
}


/*--------------
	最新情報
-------------- */
.anime .newsBox{
	width: 820px;
	height: auto;
	margin-bottom: 60px;
}
	.anime .newsBox .oneBox{
		border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		background: #FFF;
		width: 820px;
		height: auto;
		position: relative;
		behavior: url("https://web.archive.org/web/20160331015233im_/http://www.keroro.com/PIE.htc");
	}

		.anime .newsBox .inner{
			width: 700px;
			height: auto;
			padding: 60px;
		}

			.anime .newsBox .inner .imgBox{
				width: 280px;
				height: auto;
				float: left;
			}
				.anime .newsBox .inner .Img{
					width: 280px;
					height: auto;
					text-align: center;
					padding: 10px 0;
					background: #DBE3F8;
					margin-bottom: 10px;
				}

			.anime .newsBox .inner .txtBox{
				width: 390px;
				height: auto;
				float: right;
			}
				.anime .newsBox .inner .txtBox .update{
					font-size: 10px;
					margin-bottom: 15px;
				}
				.anime .newsBox .inner .txtBox .newstitle{
					color: #000;
					font-size: 28px;
					line-height: 1.4;
					font-weight: bold;
					margin-bottom: 15px;
				}
				.anime .newsBox .inner .txtBox .newstitle .new{
					color: #e50012;
					font-weight: bold;
					padding-right: 20px;
				}
				.anime .newsBox .inner .txtBox .lead{
					font-size: 15px;
					font-size: 1.5rem;
					line-height: 1.6;
					font-weight: bold;
					padding-bottom: 25px;
					color: #587EE1;
				}
				.anime .newsBox .inner .txtBox .txt{
					font-size: 12px;
					font-size: 1.2rem;
					line-height: 1.7;
					background: url(../../static2/line_detail.gif) left top repeat-x;
					padding: 25px 0;
				}
				.anime .newsBox .inner .txtBox .detail{
					font-size: 10px;
					font-size: 1.0rem;
					line-height: 1.7;
					margin-bottom: 25px;
				}
				.anime .newsBox .inner .txtBox .btn_sns{
					width: 100%;
				}
					.anime .newsBox .inner .txtBox .btn_sns li{
						float: left;
						margin-right: 10px;
					}

/* 詳しくはコチラボタン */
.anime .newsBox a.btn_detail{
	width: 100%;
	height: 44px;
	display: block;
	text-align: center;
	line-height: 44px;
	background: #000;
	color: #FFF;
	border-radius: 0 0 8px 8px;
	/* その他 */
	text-decoration: none;
	font-size: 18px;
	font-size: 1.8rem;
	position: relative;
	behavior: url("https://web.archive.org/web/20160331015233im_/http://www.keroro.com/PIE.htc");
}
	.anime .newsBox a.btn_detail:hover{
		/* 反転 */
		background: #587EE1;
		color: #FFF;
	}
	.anime .newsBox a.btn_detail span.arrow{
		width: 17px;
		height: 17px;
		background-image: url(../../static2/img_common.png);
		background-position: -27px 0;
		display: inline-block;
		/* 位置合わせ用 */
		vertical-align: middle;
		margin: 0 10px 5px 0;
	}




/*--------------
	過去作品
-------------- */
/* タブ */
.anime #tabnavi{
	width: 820px;
	margin-bottom: 40px;
}

.anime #tabnavi ul{
	margin: 0 auto;
	width: 690px;
}

	.anime #tabnavi li{
		width: 220px;
		height: 110px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		float: left;
		margin: 0 5px;
		display: inline;
		zoom: 1;
		position:relative;
	}

	.anime #tabnavi li a{
		width: 210px;
		height: 110px;
		padding: 0 5px;
		background: #587EE1 url(../../static2/arrow_tab.png) center 95px no-repeat;
		border-radius: 8px;
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		position: relative;
		behavior: url("https://web.archive.org/web/20160331015233im_/http://www.keroro.com/PIE.htc");
	}

	.anime #tabnavi li p{
		width: 220px;
		height: 110px;
		display: table-cell;
		vertical-align: middle;
	}
	* html .anime #tabnavi li p{ 
		display: inline;
		zoom: 1;
	}
	*:first-child+html .anime #tabnavi li p{ 
		display: inline;
		zoom: 1;
	}
		.anime #tabnavi li a:hover,
		.anime #tabnavi li a.active{
			background: #fff;
			color: #587EE1;
			text-decoration: none;
		}


/* タブ内容 */
.anime #tabcontent{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #FFF;
	width: 700px;
	height: auto;
	padding: 60px 60px 10px;
	position: relative;
	behavior: url("https://web.archive.org/web/20160331015233im_/http://www.keroro.com/PIE.htc");
}

	.anime #tabcontent .sub_title{
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
		.anime #tabcontent .sub_title h5{
			font-size: 24px;
			background: url(../../static2/line_anime.gif) left bottom repeat-x;
			padding-bottom: 10px;
			font-weight: bold;
		}
	.anime #tabcontent .inner{
		width: 700px;
		height: auto;
		padding: 0;
		margin-bottom: 30px;
	}
		.anime #tabcontent .normalBox{
			width: 193px;
			height: auto;
			float: left;
			padding: 0 20px;
			text-align: center;
			margin-bottom: 30px;
		}
			.anime #tabcontent .normalBox .thumbnail{
				width: 193px;
				height: 120px;
			}
			.anime #tabcontent .normalBox .worktitle{
				padding-top: 15px;
				height: auto;
				/height: 60px;
				font-size: 10px;
				font-size: 1.0rem;
				line-height: 1.5;
			}