@charset "UTF-8";

/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/


/* ---------------------------
mainVisual setting
--------------------------- */
.bg {
	width: 100%;
	min-width: 1000px;
	background: url(/movie/img/mainVisual.jpg) no-repeat center top;
}

/* ---------------------------
updateInfo setting
--------------------------- */
#updateInfoWrap {
	width: 100%;
	height: 60px;
	background: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
}
#updateInfo {
	width: 1000px;
	margin: 0 auto;
}
#updateInfoLeft {
	float: left;
	width: 80px;
	padding: 15px 15px 0 10px;
}
#updateInfoRight {
	position: relative;
	float: left;
	width: 895px;
	padding-top: 15px;
}
	.updateInfoWrap {
		width: 835px!important;
		height: 40px!important;
		margin: 0 30px!important;
	}
#updateInfoList {
	height: 40px!important;
	color: #fff;
	font-size: 108%;
}
	#updateInfoList li {
		width: 835px;
		float: left;
	}
	#updateInfoList li a {
		color: #e7336e;
		text-decoration: underline;
	}
		#updateInfoList li a:hover {
			color: #e19ec2;
			text-decoration: none;
		}
	.updateInfoDay {
		font-weight: bold;
		padding-right: 20px;
	}
		.updateInfoDay img {
			margin-top: 5px;
		}
	.newUp {
		color: #FF0;
	}
#updateInfoControl li {
	width: 20px;
	height: 50px;
	position: absolute;
	top: 5px;
}
#updateInfoPrev { left: 0; }
#updateInfoNext { right: 0; }
	#updateInfoPrev a, #updateInfoNext a {
		display: block;
		width: 20px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		font-size: 217%;
		font-family: 'Quicksand', sans-serif;
		cursor: pointer;
	}
	#updateInfoPrev a:hover, #updateInfoNext a:hover {
	color: #e19ec2;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.1);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);
	}

/* ---------------------------
top content setting
--------------------------- */
#contentWrap { height: 1490px; }
/*#topContent {
	padding-bottom: 774px;
}*/

/* ---------------------------
main content setting
--------------------------- */
#topInfoWrap {
	float: left;
	width: 736px;
}
#topCatch {
	margin-left: 355px;
}
#countdown {
	display: block;
	position: absolute;
	top: 290px;
	margin-left: 327px;
	width: 151px;
	height: 151px;
}
	.nowShowing { background: url(/movie/img/countdown/NowShowing.png) no-repeat; }
	.countdown00 { background: url(/movie/img/countdown/countdown-0.png) no-repeat; }
	.countdown01 { background: url(/movie/img/countdown/countdown-1.png) no-repeat; }
	.countdown02 { background: url(/movie/img/countdown/countdown-2.png) no-repeat; }
	.countdown03 { background: url(/movie/img/countdown/countdown-3.png) no-repeat; }
	.countdown04 { background: url(/movie/img/countdown/countdown-4.png) no-repeat; }
	.countdown05 { background: url(/movie/img/countdown/countdown-5.png) no-repeat; }
	.countdown06 { background: url(/movie/img/countdown/countdown-6.png) no-repeat; }
	.countdown07 { background: url(/movie/img/countdown/countdown-7.png) no-repeat; }
	.countdown08 { background: url(/movie/img/countdown/countdown-8.png) no-repeat; }
	.countdown09 { background: url(/movie/img/countdown/countdown-9.png) no-repeat; }
	.countdown10 { background: url(/movie/img/countdown/countdown-10.png) no-repeat; }
	.countdown11 { background: url(/movie/img/countdown/countdown-11.png) no-repeat; }
#countdown span { display: none; }
#commentLinkWrap {
	position: relative;
	margin-left: 475px;
	z-index: 2;
}
#commentLinkWrap a {
	display: block;
	width: 240px;
	height: 190px;
	background: url(/movie/img/commentLink.png) left top;
}
	#commentLinkWrap a:hover { background-position: left bottom; }
	#commentLinkWrap a span { display: none; }
#newMovieWrap {
	margin-top: 5px;
	margin-left: 460px;
}
#newMovie h2 {
	width: 222px;
	margin: 0 auto;
}
#newMovieThumbnail li {
	margin: 0 auto;
}
	#newMovieThumbnail li a { display: block; height: 108px; }
#newMovie-01 { background: url(/movie/img/topMovie-on.jpg) no-repeat center; }
	#newMovie-01, #newMovie-01 a { width: 192px; }
#newDiary {
	width: 250px;
	margin-top: 10px;
	margin-left: 473px;
}
	#newDiary h2 a {
		display: block;
		width: 224px;
		height: 38px;
		margin: 0 auto;
		background: url(/movie/img/globalNav/diaryNav.png) no-repeat top;
	}
		#newDiary h2 a:hover { background-position: bottom; }
		#newDiary h2 a span { display: none; }
#articleList {
	color: #FFF;
	width: 230px;
	margin: 0 auto;
	padding: 5px;
	background-color: rgba(0,0,0,0.4);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000);
}
	#articleList a { text-decoration: underline; }
	#articleList a:hover { text-decoration: none; }
#topLogo {
	clear: both;
	width: 712px;
	margin: 0 auto;
	top: -25px;
	position: relative;
	z-index: 1;
}

/* ---------------------------
globalFooter setting
--------------------------- */
#globalFooterWrap {
	height: 350px;
	background: url(/movie/img/globalFooter/footer.png) no-repeat center bottom;
	margin-top: -350px;
}
#topSocialBtnWrap {
	width: 590px;
	height: 50px;
	margin: 0 auto;
}
#topSocialBtn { padding-top: 15px; }
	#topSocialBtn h2 { float: left; }
	#topSocialBtn h2 img { padding: 3px 25px 0 0; }
	#topSocialBtnList {  }
		#topSocialBtnList li { float: left; }
#twTickerWrap {
	width: 300px;
	height: 100px;
	margin: 0 auto;
}
#twTicker {  }
#twTickerLeft {
	float: left;
	width: 300px;
	background: url(/movie/img/twTicker/twIcon.png) no-repeat 10px 40px;
}
	#twTickerLeft a {
		display: block;
		margin-top: 30px;
		padding-left: 45px;
		color: #fff;
	}
	#twTickerLeft a:hover { color: #f19ec2; }
		#twTickerLeft a span { font-size: 125%; }
#twTickerRight {
	position: relative;
	float: left;
	width: 680px;
}
	.twTickerListWrap {
		width: 620px!important;
		height: 100px!important;
		margin: 0 30px!important;
	}
#twTickerList {
	height: 80px!important;
	padding: 10px 0;
}
	#twTickerList li {
		float: left;
		width: 620px;
		line-height: 20px;
		color: #fff;
		font-size: 108%;
	}
		#twTickerList li a {
			color: #e7336e;
			text-decoration: underline;
		}
		#twTickerList li a:hover {
			color: #e19ec2;
			text-decoration: none;
		}
		#twTickerList li .detail {
			color: #999;
			text-decoration: none;
		}
		#twTickerList li .detail:hover {
			color: #666;
			text-decoration: underline;
		}
#twTickerControl li {
	width: 20px;
	height: 50px;
	position: absolute;
	top: 25px;
}
#twTickerPrev { left: 0; }
#twTickerNext { right: 0; }
	#twTickerPrev a, #twTickerNext a {
		display: block;
		width: 20px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		font-size: 217%;
		font-family: 'Quicksand', sans-serif;
		cursor: pointer;
	}
	#twTickerPrev a:hover, #twTickerNext a:hover {
		color: #e19ec2;
		text-decoration: none;
		background: rgba(255, 255, 255, 0.1);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);
	}
#movieBannerLink {
	width: 234px;
	height: 60px;
	margin: 0 auto;
	padding-top: 20px;
}
#seriesBannerLink {
	width: 897px;
	height: 60px;
	margin: 0 auto;
	padding-top: 20px;
}
	#seriesBannerLink li {
		float: left;
		padding-right: 30px;
	}
.last {
	padding-right: 0px!important;
}