@charset "EUC-JP";

/*----------------------------------------------------------------

	fringe CSS

	1.Copyright

	2 .seasonInfoSection

	3 .seasonInfoBox

----------------------------------------------------------------*/

/* fringe
========================================== */
div#contents #fringe {
	background-color:#000000;
}

div#contents #fringe .fringeImgMgn {
	padding-bottom:20px;
	background-color:#000000;
}


/* 1.Copyright
========================================== */
div#contents #fringe .fringeCopy {
	padding:5px 15px 15px;
	color:#CCCCCC;
	background-color:#000000;
}


/* add css by hayakawa 2011/10/31
========================================== */
/* 2 .seasonInfoSection
========================================== */
div.seasonInfoSection h2 {
	position: relative;
}

div.seasonInfoSection h2 p {
	position: absolute;
	font-size: 12px;
	top: 12px;
	left: 141px;
	font-weight: bold;
}

div.seasonInfoSection a:link { color: #53dbe9; }
div.seasonInfoSection a:visited { color: #53dbe9; }
div.seasonInfoSection a:hover { color: #fff; }
div.seasonInfoSection a:active { color: #53dbe9; }

div.seasonInfoSection h2 p a:link { color: #ffff00; }
div.seasonInfoSection h2 p a:visited { color: #ffff00; }
div.seasonInfoSection h2 p a:hover { color: #fff; }
div.seasonInfoSection h2 p a:active { color: #fff; }


/* 3 .seasonInfoBox
========================================== */
div.seasonInfoSection div.seasonInfoBox {
	background: #000 url(/etc/drama/fringe/img/back_season_info.jpg) no-repeat top left;
	width : 715px;
	height : 337px;
	position: relative;
	margin-bottom: 20px;
}
div.seasonInfoSection div.seasonInfoBox.noContentSeason {
	background: #000 url(/etc/drama/fringe/img/back_season_info_none.jpg) no-repeat top left;
}

div.seasonInfoSection div.seasonInfoBox.seasonInfo_01 { background: #000 url(/etc/drama/fringe/img/back_season_info_plus.jpg) no-repeat top left;}
div.seasonInfoSection div.seasonInfoBox.seasonInfo_02 { display: none;}
div.seasonInfoSection div.seasonInfoBox.seasonInfo_03 { display: none;}
div.seasonInfoSection div.seasonInfoBox.seasonInfo_04 { display: none;}
div.seasonInfoSection div.seasonInfoBox.seasonInfo_05 { display: none;}

div.seasonInfoSection div.seasonInfoBox h3{
	position: absolute;
	top: 10px;
	left: 26px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #53dbe9;
}

div.seasonInfoSection div.seasonInfoBox .mainImg{
	position: absolute;
	top: 38px;
	left: 26px;
	width : 304px;
	height : 204px;
}

div.seasonInfoSection div.seasonInfoBox p.seasonInfoTxt{
	position: absolute;
	top: 38px;
	left: 342px;
	width: 348px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}

div.seasonInfoSection div.seasonInfoBox div.seasonInfoFirstStory{
	position: absolute;
	top: 162px;
	left: 341px;
	width : 348px;
}

div.seasonInfoSection div.seasonInfoBox div.seasonInfoFirstStory a.subImg{
	display: block;
	float: left;
}

div.seasonInfoSection div.seasonInfoBox div.seasonInfoFirstStory div.seasonInfoFirstStoryDetial{
	float: right;
	width : 263px;
}

div.seasonInfoSection div.seasonInfoBox div.seasonInfoFirstStory h4{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #53DBE9;
}

div.seasonInfoSection div.seasonInfoBox div.seasonInfoFirstStory p{
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}

div.seasonInfoSection div.seasonInfoBox ul{
	position: absolute;
	top: 259px;
	font-size: 12px;
	line-height: 16px;
	color: #dcb222;
	text-align: center;
}

div.seasonInfoSection div.seasonInfoBox ul.seasonInfoTrailer{ width: 304px; left: 26px;}
div.seasonInfoSection div.seasonInfoBox ul.seasonInfoViewer{ width: 348px; left: 341px;}
div.seasonInfoSection div.seasonInfoBox ul li{ display: inline;}

div.seasonInfoSection div.seasonInfoBox p.seasonInfoCopy{
	position: absolute;
	top: 315px;
	left: 26px;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	text-align: right;
	width: 663px;
}

h5 span{
	color: #e60000;
	font-weight: bold;
}