@import url('reset.css');
@import url('cssfonts.css');
@import url('common.css');

/*	Contents
*********************************************************************************************/
#contents{
	background-color: #000;
}

/*	main
*********************************************************************************************/
#main {
	background: url(../images/bg_main.gif) no-repeat center top;
}
#main #cast {
	width: 1068px;
	height: 314px;
	margin: 0 auto;
	padding: 12px 0 0 0;
	display: block;
}
#main div {
	width: 1068px;
	margin: 0 auto;
	position: relative;
}
#main .release {
	margin: 17px 0 0 28px;
}
#main .name {
	margin: 20px 0 0 28px;
}
#main .pia {
	position: absolute;
	top: 407px;
	left: 656px;
}
#main .niconico {
	position: absolute;
	top: 407px;
	left: 855px;
}


/*	sub
*********************************************************************************************/
#sub {
	width: 1000px;
	margin: 20px auto 0 auto;
	position: relative;
}
#sub h2 {
	width: 1000px;
	height: 69px;
	margin: 0 auto;
}
#sub > a {
	width: 1000px;
	height: 142px;
	margin: 20px 0 0 0;
	display: block;
}
#sub > div {
	width: 980px;
	margin: 25px auto 0 auto;
}
#sub .left {
	width: 500px;
	margin: 0 24px 0 0;
	float: left;
}
#sub .right {
	width: 455px;
	float: right;
}
#sub #asmart {
	height: 43px;
	padding: 6px 0 0 0;
	background: url(../images/top/asmart_txt.gif) no-repeat left top #000;
}
#sub #asmart a {
	width: 152px;
	height: 37px;
	margin: 0 6px 0 auto;
	display: block;
}
#sub #asmart a:hover {
}
#sub #rental {
	height: 49px;
}
#sub #yokoku {
	width: 415px;
	padding: 10px 0 10px 40px;
	margin: 20px 0 0 0;
	background: url(../images/top/digest_movie.gif) no-repeat left top #303030;
}
#sub #yokoku div {
	height: 160px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #454545;
	text-align:center;
}
#sub #yokoku a, 
#sub #yokoku p {

}
#sub #yokoku a {
	width: 198px;
	height: 110px;
	margin: 0 20px 0 0;
}
#sub #yokoku p {
	margin: 0;
}
#sub #yokoku ul {
	width: 410px;
	height: 35px;
	margin: 10px 0 0 0;
}
#sub #yokoku ul li {
	width: 198px;
	height: 35px;
	list-style: none;
	display: inline-block;
	cursor: pointer;
}
#sub #yokoku ul li:first-child {
	margin: 0 10px 0 0;
}
#sub #sns2 {
	width: 330px;
	margin: 20px auto 0 auto;
}
#sub #sns2 ul li:first-child {
	margin: 0 10px 0 0;
}
#sub #sns2 ul li {
	width: 160px;
	height: 30px;
	list-style: none;
	display: inline-block;
}

/*	twitter
*********************************************************************************************/
#twittertext{
	position: relative;
	width: 500px;
	height: 200px;
	margin: 25px 0 0 0;
	background: #303030;
}

#twittertext #twitterheader{
	width: 492px;
	height:30px;
	margin: 0 auto;
	padding: 4px 0 0 0;
}

#twittertext #twitterbody {
	position:absolute;
	width: 500px;
	height:85px;
	top:48px;
	background-color: #303030;
}

#twittertext #twittermask{
	position:absolute;
	width: 500px;
	height: 140px;
	overflow:hidden;
}

#twittertext #twittermain{
	position:absolute;
	width: 484px;
	left:8px;
}

#twittertext #twittermain a{
	text-decoration:none;
	color: #fff;
}

#twittertext #twittermain a:hover{
	text-decoration:underline;
	color: #fff;
}

#twittertext #twitterfooter{
	position:absolute;
	width:230px;
	height:5px;
	top:195px;
	background-image:url(../images/top/twitterfooter.png);
	background-repeat:no-repeat;
	background-position:center;
}

.twittertext{
	width:484px;
	font-size: 108%;
	line-height:14px;
	font-family:HiraKakuProN-W4,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', ArialMT, sans-serif;
	display:block;
}

.twitterdot{
	width: 484px;
	height: 11px;
}

/*	news
*********************************************************************************************/
#newtext{
	width:500px;
	height:138px;
	margin: 20px 0 0 0;
	position:relative;
	background: #303030;
}

#newtext #newheader{
	width: 492px;
	height:30px;
	margin: 0 auto;
	padding: 4px 0 0 0;
}

#newtext #newbody {
	position:absolute;
	width: 500px;
	height: 85px;
	top: 48px;
}

#newtext #newmask{
	position: absolute;
	width: 500px;
	height: 85px;
	overflow:hidden;
}

#newtext #newmain{
	position:absolute;
	width: 484px;
	left:8px;
}

#newtext #newmain a{
	text-decoration:none;
	color:#fff;
}

#newtext #newmain a:hover{
	text-decoration:underline;
	color:#fff;
}

#newtext #newfooter{
	position:absolute;
	width:500px;
	height:5px;
	top:133px;
	background-image:url(../images/top/twitterfooter.png);
	background-repeat:no-repeat;
	background-position:center;
}

.newtext{
	width:214px;
	font-size:10px;
	line-height:14px;
	font-family:HiraKakuProN-W4,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', ArialMT, sans-serif;
	display:block;
}

.red{
	color:#cc0000;
}

.newdot{
	width:214px;
	height:11px;
}

/*	footer
*********************************************************************************************/
#footer {
	margin: 26px auto 0 auto;
	padding: 10px 0 26px 0;
	border-top: 1px solid #333;
}
#footer p {
	width: 980px;
	margin: 0 auto;
	color: #666;
	font-size: 9px;
	text-align: center;
}

/*	loading
*********************************************************************************************/
#loading{
	position:absolute;
	width:48px;
	height:48px;
	top:300px;
	left:50%;
	margin-left:-24px;
}