@charset "UTF-8";


/*============================================================**
【top.css index】
00. Layout
00-01. Main
00-02.News Block
00-03. Twitter Block
00-04. Movie Block
00-05. Banner Block
=============================================================**/


/* ===============================================
00. Layout
=============================================== */

body {
	background: transparent;
}
#top #topWrapper {
	display:none;
	background: url(/images/topBg.gif) center 0 repeat #d30000;
}
#top #mainWrap {
	background: url(/images/mv_top.png) center 0 no-repeat;
/*	background: url(/images/main.png) center -10px no-repeat; */
}
#top #main {
	margin: 0 auto;
	position:relative;
	width: 1000px;
	height: 620px;
}
#top #footerWrap {
	background: url(/images/footerBg.png) center 0 no-repeat #000;
	padding-top: 20px;
	padding-bottom: 35px;
}
#top #footerInfo {
	margin: 0 auto;
	width: 1000px;
}
#top #footerBanner {
	margin: 0 auto;
	padding-top:50px;
	width: 1000px;
}


/* ===============================================
00-01. Main
=============================================== */

#top #topLogo {
	position:absolute;
	left: 0;
	bottom: 26px; 
	width: 320px;
}
#top #topNav {
	position: absolute;
	right: 0;
	top: 17px; 
	width: 775px;
}
#top #topNav li {
	float: left;
}
#top #onAir {
	position:absolute;
	right: 0;
	bottom: 20px; 
	width: 548px;
}
#top #dvd_kaikin_wide {
	position:absolute;
	bottom: 214px; 
	width: 1000px;
}

#top #dvd_kaikin {
	position:absolute;
	right: 0;
	bottom: 210px; 
	width: 548px;
}

#top #mushinohi {
	position:absolute;
	right: 0;
	bottom: 284px; 
	width: 275px;
}

#top #topEvent {
	position:absolute;
	left: 0;
	bottom: 126px; 
	width: 158px;
}

/* added 2013-06-27 */
#top #imgLogo{
	position: absolute;
	top: 75px;
	right: 0;
	width: 201px;
}
#top #imgMovie{
	position: absolute;
	top: 160px;
	right: 85px;
	width: 232px;
}
#top #imgTxt{
	position: absolute;
	top: 315px;
	right: 0;
	width: 541px;
}
#top #bnrEvent{
	position: absolute;
	top: 410px;
	right: 0;
	width: 548px;
}
#top #bnrDvd{
	position: absolute;
	top: 475px;
	right: 0;
	width: 548px;
}
#top #bnrArea{
	position: absolute;
	top: 547px;
	right: 0;
}
#top #bnrArea img{
	margin: 0 0 10px 4px;
}

#top #btnFujita {
	position:absolute;
	left: -36px;
	bottom: 13px; 
}
#top #btnFujita a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* ===============================================
00-02.News Block
=============================================== */

#top #newsBlock {
	float: left;
	margin-right: 26px;
	width: 316px;
	height: 265px;
	background: url(/images/newsBg.png) 0 bottom no-repeat;
}
#top .newsArea {
	width: 316px;
	height: 235px;
	overflow: hidden;
}
#top .newsList {
	border-bottom: 1px solid #4c4c4c;
}
#top .newsList a{
	display: block;
	padding: 10px 13px;
	border-bottom: 1px solid #000;
}
	#top .newsList a:link{ text-decoration:none; }
	#top .newsList a:visited{ text-decoration:none; }
	#top .newsList a:hover{ background:#5c5036; text-decoration:noe; }
	#top .newsList-none a:hover{ background:#595959; text-decoration:noe; }
#top p.newsDate {
	font-size: 100%;
	color: #bf9d52;
}
#top p.newsCap {
	width: 100%;
	font-size: 100%;
	color: #ffffff;
}


/* ===============================================
00-03. Twitter Block
=============================================== */

#top #twitterBlock {
	float: left;
	margin-right: 26px;
	width: 316px;
	height: 265px;
	background: url(/images/twitterBg.png) 0 bottom no-repeat;
}
#top #twitterTtl {
	padding-left: 257px;
	width: 59px;
	background: url(/images/twitterTtl.gif) no-repeat;
}
#top #tweetArea{
	width:316px;
	height:200px;
}
	/*Twitter Widget*/
	.twtr-widget { width: 316px; }
	.twtr-hd { display:none; }
	.twtr-bd { border:solid 0px #888; }
	.twtr-tweet { padding: 8px 5px; }
	.twtr-timeline { border-radius:0 0 0 0; -moz-border-radius:0 0 0 0; -webkit-border-radius:none; -uu-border-radius:none; font-size:9px; }
	.twtr-ft { display:none; }


/* ===============================================
00-04. Movie Block
=============================================== */

#top #movieBlock {
	position: relative;
	float: left;
	width: 316px;
	height: 265px;
	background: url(/images/movieBg.png) 0 bottom no-repeat;
}
#top #carouselArea{
	width:316px;
	height: 175px;
}
#top #movieCs{
	padding:15px 0 0 43px;
}
#top #sns{
	width: 316px;
	height: 25px;
	overflow: hidden;
}
#top #sns li{ float:right; }
	.twitter{ width:120px; }
	.facebook{ width:114px; }
#top #copyrightTop {
	padding-top: 9px;
	color: #ffffff;
	text-align: right;
	font-size: 100%;
}


/* ===============================================
00-05. Banner Block
=============================================== */

#top #bannerBlock01 {
	width: 650px;
	height: 50px;
}
#top #bannerBlock01 li{
	float:left;
	padding-right:15px;
}
#top #bannerBlock02 {
	margin: 0 auto;
	width: 860px;
	padding-left:15px;
}
#top #bannerBlock02 li{
	float:left;
	padding-right:15px;
	padding-bottom:15px;
}