@charset "utf-8";

/*****************************************
			Main Visual Slider
*****************************************/
#mainVisual {
	background: url(../img/contents/slider_bg.png) 50% 42px repeat-x;
	width: 100%;
	height: 280px;
	margin: 20px 0 0 0;
	position: relative;
	overflow: hidden;
}
#mainVisualContents {
	width: 2082px;
	position: absolute;
	left: 50%;
	margin-left: -1041px;
}
#mainVisualBox {
	width: 100%;
	text-align: center;
}
#mainVisual .bx-wrapper {
	width: 2082px !important;
	max-width: 2082px !important;
}
#mainVisual .slide {
	text-align: center;
	overflow: hidden;
}
#mainVisual .slide img {
	width: 100%;
	max-width: 600px;
	height: auto;
}
#mainVisual .bx-controls {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}
#mainVisual .bx-pager {
	display: inline-block;
	height: 9px;
	vertical-align: top;
	z-index: 300;
}
#mainVisual .bx-pager-item {
	width: 9px;
	height: 9px;
	margin: 0 9px;
	padding: 3px 0 0 0;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
#mainVisual .bx-pager-link {
	background: #D6D3C9;
	width: 9px;
	height: 9px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	color: #000;
	border-radius: 9px;
}
#mainVisual .bx-pager-link.active,
#mainVisual .bx-pager-link:hover {
	background: #0097FF;
}
#mainVisual .bx-prev,
#mainVisual .bx-next {
	display: block;
	width: 52px;
	height: 52px;
	background: url(../img/contents/slider_list.png) 0 0 no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 74px;
	z-index: 3000;
}
#mainVisual .bx-prev {
	background-position: 0 0;
	left: 50%;
	margin: 0 0 0 -372px;
}
#mainVisual .bx-prev:hover { background-position: 0 -52px; }
#mainVisual .bx-next {
	background-position: -52px 0;
	right: 50%;
	margin: 0 -372px 0 0;
}
#mainVisual .bx-next:hover { background-position: -52px -52px; }
#mainVisual .bx-controls-auto {
	width: 23px;
	height: 15px;
	margin: 0 9px;
	display: inline-block;
	vertical-align: top;
}
#mainVisual .bx-start,
#mainVisual .bx-stop {
	background: url(../img/contents/btn_move.png) 0 0 no-repeat #FFF;
	width: 23px;
	height: 15px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
	color: #000;
}
#mainVisual .bx-start { background-position: -23px 0; }
#mainVisual .bx-start:hover { background-position: -23px -15px; }
#mainVisual .bx-stop { background-position: 0 0; }
#mainVisual .bx-stop:hover { background-position: 0 -15px; }
/*****************************************
			Count Down
*****************************************/
#countdownBox {
	width: 206px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 10px;
}
#countOly {
	background: url(../img/contents/back_oly.png) 0 0 no-repeat;
	width: 97px;
	height: 150px;
	float: left;
	overflow: hidden;
	position: relative;
}
#countPara {
	background: url(../img/contents/back_para.png) 0 0 no-repeat;
	width: 97px;
	height: 150px;
	float: right;
	overflow: hidden;
	position: relative;
}
#countdownBox span {
	display: inline-block;
	background: #0051BB;
	line-height: 1;
	letter-spacing: 0.2em;
	padding: 1px 0 1px 4px;
	font-size: 120%;
	text-align: right;
	color: #FFF;
	position: absolute;
	bottom: 7px;
	right: 30px;
}
/*****************************************
				Main
*****************************************/
#mainTop {
	background: url(../img/contents/bg_top01.jpg) 50% 0 no-repeat;
	background-size: cover;
	padding: 0 0 90px 0;
	overflow: hidden;
}
#mainBlock {
	width: 1000px;
	margin: 0 auto;
}
/*****************************************
				News
*****************************************/
/*#news {
	width: 1000px;
	padding: 0 0 30px 0;
	position: relative;
}
*/
#news {
	width: 650px;
	padding: 0 0 30px 0;
	position: relative;
	float: left;
}
#news .tab {
	height: 76px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}
#news .tab li {
	width: 140px;
	height: 76px;
	margin: 0 11px 0 0;
	float: left;
	_display: inline;
}
#news .tab li a {
	background: url(../img/contents/tab.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	color: #000;
}
#news .tab li.nav01 a { background-position: 0 0; }
#news .tab li.nav02 a { background-position: -140px 0; }
#news .tab li.nav03 a { background-position: -280px 0; }
#news .tab li.nav04 a { background-position: -420px 0; }
#news .tab li.nav01 a.active,
#news .tab li.nav01 a:hover { background-position: 0 -76px; }
#news .tab li.nav02 a.active,
#news .tab li.nav02 a:hover { background-position: -140px -76px; }
#news .tab li.nav03 a.active,
#news .tab li.nav03 a:hover { background-position: -280px -76px; }
#news .tab li.nav04 a.active,
#news .tab li.nav04 a:hover { background-position: -420px -76px; }
#news .area {
	background: url(../img/contents/news_head.png) 0 100% repeat-x, url(../img/contents/news_bottom.png) 0 0 repeat-x;
	margin: -15px 0 0 0;
	padding: 6px 0 34px 0;
	overflow: hidden;
}
.newsContentsInner {
	background: #FFF;
	height: 299px;
	border-bottom: 2px solid #D2D2D2;
	overflow: auto;
	position: relative;
}
.newsContentsInner dl {
	background: url(../../common/img/parts/blue_arw.png) 99% 50% no-repeat;
	margin: 0 1px;
	padding: 10px 20px 12px 10px;
	overflow: hidden;
	border-bottom: 2px solid #D2D2D2;
}
.newsContentsInner dl:last-of-type {
	border-bottom: none;
}
.newsContentsInner dl dt {
	color: #000;
	font-size: 81%;
}
.newsContentsInner dl dd {}
.newsContentsInner dl dd a {
	color: #0032B7;
}
.newsContentsInner dl dd a:hover {
	color: #D00;
}
.btn_newslist {
	background: url(../img/contents/btn_newslist.png) 0 0 no-repeat;
	width: 213px;
	height: 45px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 10px;
	margin: 0 0 0 -106px;
}
.btn_newslist:hover {
	background-position: 0 -45px;
}
.btn_rss {
	background: url(../img/contents/btn_rss.png) 0 0 no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 2000;
}
.btn_rss:hover { background-position: 0 -38px; }
/*****************************************
				Topics
*****************************************/
#topics {
	width: 300px;
	float: right;
	position: relative;
}
#topics a {
	display: block;
	background:url(../img/contents/foreign_btn.png) 0 0 no-repeat;
	width: 300px;
	height: 420px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#topics a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#topics h2 {
	background: url(../img/contents/topics_title.png) 0 0 no-repeat;
	width: 300px;
	height: 79px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}
/*
#topicsContents {
	position: relative;
}
#topics .bx-wrapper {
	margin: -17px 0 0 0;
}
#topics .bx-viewport {
	overflow: visible !important;
}
*/
#topicsContents {
	width: 300px;
	margin: -17px 0 0 0;
	padding: 0 0 30px 0;
	position: relative;
	overflow: hidden;
}
#topics .bx-viewport {
	overflow: visible !important;
}
.topicsBox {
	background: #FFF;
	width: 300px;
	height: 340px;
	position: relative;
}
.topicsImage {
	width: 300px;
	height: 196px;
	overflow: hidden;
}
.topicsImage img {
	display: block;
	width: 300px;
	height: auto;
}
.topicsBox dl {
	height: 74px;
	padding: 10px 0 40px 0;
	position: relative;
}
.topicsBox dl dt {
	display: inline-block;
	background: url(../img/contents/topics_bar.png) 100% 0 no-repeat;
	height: 32px;
	line-height: 32px;
	margin: 0 0 8px 0;
	padding: 0 40px 0 20px;
	color: #000;
	font-size: 87.5%;
}
.topicsBox dl dd {
	display: block;
	height: 44px;
	line-height: 22px;
	padding: 0 20px;
	overflow: hidden;
	color: #0032B7;
	font-size: 93%;
}
.topicsDetail {
	display: block;
	background: url(../img/contents/btn_more.png) 0 0 no-repeat;
	width: 213px;
	height: 45px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	bottom: -20px;
	left: 43px;
}
.topicsDetail:hover {
	background-position: 0 -45px;
}
/*
#topics .bx-pager {
	width: 320px;
	height: 7px;
	position: absolute;
	top: 237px;
	left: 0;
	text-align: center;
	z-index: 500;
}
#topics .bx-pager-item {
	width: 15px;
	height: 5px;
	margin: 0 3px;
	text-align: center;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#topics .bx-pager-link {
	background: #FFF;
	border: 1px solid #FFF;
	width: 15px;
	height: 5px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#topics .bx-pager-link.active,
#topics .bx-pager-link:hover {
	background: #000;
	color: #FFF;
}
#topics .bx-prev,
#topics .bx-next {
	display: block;
	width: 34px;
	height: 34px;
	background: url(../img/contents/topics_arw.png) 0 0 no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 147px;
	z-index: 3000;
}
#topics .bx-prev {
	background-position: 0 0;
	left: 50%;
	margin: 0 0 0 -160px;
}
#topics .bx-prev:hover { background-position: 0 -34px; }
#topics .bx-next {
	background-position: -34px 0;
	right: 50%;
	margin: 0 -160px 0 0;
}
#topics .bx-next:hover { background-position: -34px -34px; }
#topics .bx-controls-auto {
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index: 600;
}
#topics .bx-start,
#topics .bx-stop {
	background: url(../img/contents/topics_button.png) 0 0 no-repeat;
	width: 28px;
	height: 28px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#topics .bx-start { background-position: -28px 0; }
#topics .bx-start:hover { background-position: -28px -28px; }
#topics .bx-stop { background-position: 0 0; }
#topics .bx-stop:hover { background-position: 0 -28px; }
*/
/*****************************************
			   Calendar
*****************************************/
#calendarBlock {
	padding: 93px 0 0 0;
	clear: both;
}
#eventCalendar {
	background: url(../img/contents/cal_bg.png) 0 0 no-repeat;
	width: 1016px;
	min-height: 360px;
	margin: 0 auto;
	position: relative;
}
#calendarSwitch {
	display: inline-block;
	background: #FFF;
	border-radius: 40px;
	overflow: hidden;
	position: absolute;
	top: 13px;
	right: 50px;
	z-index: 500;
}
#calendarSwitch p {
	padding: 12px 16px;
	line-height: 1;
	text-align: center;
	color: #000;
	font-size: 87.5%;
}
#calendarSwitch p span {
	padding: 0 10px;
	color: #03B;
	text-decoration: underline;
	cursor: pointer;
}
#calendarSwitch p span:hover {
	color: #C03;
}
#calendarSwitch p span.active {
	color: #000;
	text-decoration: none;
	cursor: auto;
}
#eventCalendarInner {
	height: 146px;
	margin: 0 0 33px 0;
	padding: 62px 0 0 128px;
	position: relative;
}
#eventCalendar .caption {
	background: url(../img/contents/cal_caption.png) 0 0 no-repeat #000;
	width: 89px;
	height: 93px;
	padding: 33px 0 0 24px;
	color: #384593;
	line-height: 1.21;
	position: absolute;
	top: 50px;
	left: 15px;
	color: #FFF;
	font-weight: bold;
	overflow: hidden;
}
#eventCalendar .year {
	font-size: 128%;
}
#eventCalendar .month {
	font-size: 225%;
}
#eventCalendar .month span {
	font-size: 52%;
}
#eventCalendar .date {
	float: left;
	_display: inline;
}
#eventCalendar .date dl,
#eventCalendar .date .nodata {
	margin: 0 1px 0 0;
	width: 26px;
	height: 146px;
	float: left;
	background: #FFF;
}
#eventCalendar .date .nodata {
	background-color: #DDD;
}
#eventCalendar .date dl dt {
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	line-height: 25px;
}
#eventCalendar .date dl dd {
	position: relative;
}
#eventCalendar .date dl dd span {
	color: #000;
	display: block;
	width: 26px;
	height: 10px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	cursor: pointer;
}
#eventCalendar .date dl.seven,
#eventCalendar .date dl.seven dd span {
	width: 119px;
}
/* Bar Color */
#eventCalendar .bar_red {
	background: #F65E55;
	top: 0;
}
#eventCalendar .bar_green {
	background: #85B200;
	top: 15px;
}
#eventCalendar .bar_orange {
	background: #F49900;
	top: 30px;
}
#eventCalendar .bar_purple {
	background: #7A4DFF;
	color: #FFF !important;
	top: 45px;
}
#eventCalendar .bar_pink {
	background: #FF99FF;
	top: 60px;
}
#eventCalendar .bar_skyblue {
	background: #00A4FF;
	top: 75px;
}
#eventCalendar .bar_blue {
	background: #2055FF;
	color: #FFF !important;
	top: 90px;
}
#eventCalendar .bar_darkgreen {
	background: #006600;
	color: #FFF !important;
	top: 105px;
}
#eventCalendar .date dl dd div {
	position: absolute;
	left: -145px;
	width: 300px;
	z-index: 5000;
	padding: 5px;
	background: #FFF;
	box-shadow: 1px 1px 3px #666;
	display: none;
}
#eventCalendar .date dl dd div h3 {
	font-weight: bold;
	color: #333;
	text-align: center;
}
#eventCalendar .date dl dd div ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 93%;
}
#eventCalendar .date dl dd div ul li {
	padding: 0 0 0 15px;
}
/* Tips Border Color */
#eventCalendar .tips_red { border: solid 2px #F65E55; }
#eventCalendar .tips_green { border: solid 2px #85B200; }
#eventCalendar .tips_orange { border: solid 2px #F49900; }
#eventCalendar .tips_purple { border: solid 2px #7A4DFF; }
#eventCalendar .tips_pink { border: solid 2px #FF99FF; }
#eventCalendar .tips_skyblue { border: solid 2px #00A4FF; }
#eventCalendar .tips_blue { border: solid 2px #2055FF; }
#eventCalendar .tips_darkgreen { border: solid 2px #006600; }
/* Tips List Icon */
#eventCalendar dl dd div ul li  { background: url(../img/contents/point_arw_cal.png) 5px 7px no-repeat; }
/* Date Color */
#eventCalendar .date .sun { color: #DC2600; }
#eventCalendar .date .sat { color: #06C; }
#eventCalendar .date .national { color: #DC2600; }
#eventCalendar .date .today { background: url(../img/contents/dot_today.png) 0 0 repeat; }
/* Calendar Footer Navigation */
#calendarFooterNav {
	padding: 0 15px 5px 15px;
	overflow: hidden;
}
/* Bar Description */
#bar_desc {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: -0.4em;
}
#bar_desc li {
	margin: 0 24px 5px 0;
	font-size: 80%;
	line-height: 20px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
#bar_desc li span.bar_red,
#bar_desc li span.bar_green,
#bar_desc li span.bar_orange,
#bar_desc li span.bar_purple,
#bar_desc li span.bar_pink,
#bar_desc li span.bar_skyblue,
#bar_desc li span.bar_blue,
#bar_desc li span.bar_darkgreen {
	margin: 0 5px 0 0;
	width: 24px;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
}
#bar_desc li span.bar_today {
	background: #00BFAA;
	margin: 0 5px 0 0;
	width: 24px;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* Tips Text Color */
#calendarFooterNav .bar_red_text,
#calendarFooterNav .bar_green_text,
#calendarFooterNav .bar_orange_text,
#calendarFooterNav .bar_purple_text,
#calendarFooterNav .bar_pink_text,
#calendarFooterNav .bar_skyblue_text,
#calendarFooterNav .bar_blue_text,
#calendarFooterNav .bar_darkgreen_text {
	margin: 0 5px 0 0;
	padding: 0 0 3px 0;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}
#calendarFooterNav .bar_red_text { background: url(../img/contents/dot_line_red.png) 0 100% repeat-x; }
#calendarFooterNav .bar_green_text { background: url(../img/contents/dot_line_green.png) 0 100% repeat-x; }
#calendarFooterNav .bar_orange_text { background: url(../img/contents/dot_line_orange.png) 0 100% repeat-x; }
#calendarFooterNav .bar_purple_text { background: url(../img/contents/dot_line_purple.png) 0 100% repeat-x; }
#calendarFooterNav .bar_pink_text { background: url(../img/contents/dot_line_pink.png) 0 100% repeat-x; }
#calendarFooterNav .bar_skyblue_text { background: url(../img/contents/dot_line_skyblue.png) 0 100% repeat-x; }
#calendarFooterNav .bar_blue_text { background: url(../img/contents/dot_line_blue.png) 0 100% repeat-x; }
#calendarFooterNav .bar_darkgreen_text { background: url(../img/contents/dot_line_darkgreen.png) 0 100% repeat-x; }
/* Calendar Navigation Button */
#prev_month,
#next_month {
	background: url(../img/contents/calendar_arw.png) 0 0 no-repeat;
	color: #000;
	display: block;
	width: 79px;
	height: 67px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 85px;
}
#prev_month {
	background-position: 0 0;
	left: -45px;
}
#next_month {
	background-position: -79px 0;
	right: -45px;
}
#prev_month:hover { background-position: 0 -67px; }
#next_month:hover { background-position: -79px -67px; }
/* Calendar Button */
#calendarFooterButton {
	text-align: center;
	letter-spacing: -0.4em;
}
#calendarFooterButton .btnList {
	display: inline-block;
	background: url(../img/contents/btn_caledarlist.png) 0 0 no-repeat;
	width: 213px;
	height: 45px;
	margin: 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: normal;
	vertical-align: top;
}
#calendarFooterButton .btnList:hover {
	background-position: 0 -45px;
}
#calendarFooterButton .btnMore {
	display: inline-block;
	background: url(../img/contents/btn_more.png) 0 0 no-repeat;
	width: 213px;
	height: 45px;
	margin: 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: normal;
	vertical-align: top;
	cursor: pointer;
}
#calendarFooterButton .btnMore:hover {
	background-position: 0 -45px;
}
.desc_text {
	padding: 0 0 0 10px;
	font-size: 90%;
}
/*****************************************
			   About Area
*****************************************/
#aboutBlock {
	background: url(../img/contents/top_bg.png) 50% 0 repeat-x;
	margin: -70px 0 0 0;
	overflow: hidden;
}
#aboutBlockButton {
	width: 1050px;
	margin: 0 auto;
	padding: 80px 0 50px 0;
	position: relative;
	overflow: hidden;
}
#aboutBlockButton h2 {
	background: url(../img/contents/title_about.png) 0 0 no-repeat;
	width: 429px;
	height: 107px;
	margin: 0 auto 22px auto;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#aboutBlockButton ul {
	height: 505px;
	position: relative;
	list-style: none;
}
#aboutBlockButton ul li {
	width: 264px;
	height: 248px;
	position: absolute;
}
#aboutBlockButton ul li.about01 {
	top: 0;
	left: 0;
}
#aboutBlockButton ul li.about02 {
	top: 0;
	left: 264px;
}
#aboutBlockButton ul li.about03 {
	top: 0;
	left: 530px;
}
#aboutBlockButton ul li.about04 {
	top: 0;
	right: 0;
}
#aboutBlockButton ul li.about05 {
	bottom: 0;
	left: 154px;
}
#aboutBlockButton ul li.about06 {
	top: 0;
	left: 526px;
}
#aboutBlockButton ul li.about07 {
	bottom: 0;
	left: 638px;
}
#aboutBlockButton ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#aboutBlockButton ul li.about01 a { background: url(../img/contents/btn_image01.png) 0 0 no-repeat; }
#aboutBlockButton ul li.about02 a { background: url(../img/contents/btn_image02.png) 0 0 no-repeat; }
#aboutBlockButton ul li.about03 a { background: url(../img/contents/btn_image03.png) 0 0 no-repeat; }
#aboutBlockButton ul li.about04 a { background: url(../img/contents/btn_image04.png) 0 0 no-repeat; }
#aboutBlockButton ul li.about05 a { background: url(../img/contents/btn_image05.png) 0 0 no-repeat; }
#aboutBlockButton ul li.about06 a { background: url(../img/contents/btn_image06.png) 0 0 no-repeat; }
#aboutBlockButton ul li.about07 a { background: url(../img/contents/btn_image07.png) 0 0 no-repeat; }
#aboutBlockButton ul li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* About Link Text */
#aboutLink {
	width: 1000px;
	margin: 0 auto 95px auto;
}
#aboutLink ul {
	list-style: none;
	overflow: hidden;
}
#aboutLink ul li {
	width: 230px;
	height: 74px;
	margin: 0 26px 0 0;
	float: left;
}
#aboutLink ul li.a_link04 {
	margin: 0;
}
#aboutLink ul li a {
	display: block;
	background: url(../img/contents/top_button.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#aboutLink ul li.a_link01 a { background-position: 0 0; }
#aboutLink ul li.a_link02 a { background-position: -230px 0; }
#aboutLink ul li.a_link03 a { background-position: -460px 0; }
#aboutLink ul li.a_link04 a { background-position: -690px 0; }
#aboutLink ul li.a_link01 a:hover { background-position: 0 -74px; }
#aboutLink ul li.a_link02 a:hover { background-position: -230px -74px; }
#aboutLink ul li.a_link03 a:hover { background-position: -460px -74px; }
#aboutLink ul li.a_link04 a:hover { background-position: -690px -74px; }
/* About Link Text 
#aboutLink {
	width: 1000px;
	margin: 0 auto 95px auto;
}
#aboutLink ul {
	list-style: none;
	overflow: hidden;
}
#aboutLink ul li {
	width: 300px;
	height: 73px;
	margin: 0 50px 0 0;
	float: left;
}
#aboutLink ul li.a_link03 {
	margin: 0;
}
#aboutLink ul li a {
	display: block;
	background: url(../img/contents/top_button.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#aboutLink ul li.a_link01 a { background-position: 0 0; }
#aboutLink ul li.a_link02 a { background-position: -300px 0; }
#aboutLink ul li.a_link03 a { background-position: -600px 0; }
#aboutLink ul li.a_link01 a:hover { background-position: 0 -73px; }
#aboutLink ul li.a_link02 a:hover { background-position: -300px -73px; }
#aboutLink ul li.a_link03 a:hover { background-position: -600px -73px; }
/* About Banner Text */
#aboutBanner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#aboutBanner .bx-viewport {
	width: 1000px !important;
}
#aboutBanner ul {
	list-style: none;
}
#aboutBanner ul li {
	width: 298px;
	height: 88px;
	border: 1px solid #DDD;
	position: relative;
}
#aboutBanner ul li img {
	max-width: 100%;
	height: auto;
}
#aboutBanner ul li img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#aboutBanner .bx-controls {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}
#aboutBanner .bx-pager {
	display: inline-block;
	height: 9px;
	vertical-align: top;
	z-index: 300;
}
#aboutBanner .bx-pager-item {
	width: 9px;
	height: 9px;
	margin: 0 9px;
	padding: 3px 0 0 0;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
#aboutBanner .bx-pager-link {
	background: #D6D3C9;
	width: 9px;
	height: 9px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	color: #000;
	border-radius: 9px;
}
#aboutBanner .bx-pager-link.active,
#aboutBanner .bx-pager-link:hover {
	background: #0097FF;
}
#aboutBanner .bx-prev,
#aboutBanner .bx-next {
	display: block;
	width: 13px;
	height: 22px;
	background: url(../img/contents/btn_arw.png) 0 0 no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 34px;
	z-index: 3000;
}
#aboutBanner .bx-prev {
	background-position: 0 0;
	left: 50%;
	margin: 0 0 0 -532px;
}
#aboutBanner .bx-next {
	background-position: -13px 0;
	right: 50%;
	margin: 0 -532px 0 0;
}
#aboutBanner .bx-prev:hover,
#aboutBanner .bx-next:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#aboutBanner .bx-controls-auto {
	width: 23px;
	height: 15px;
	margin: 0 9px;
	display: inline-block;
	vertical-align: top;
}
#aboutBanner .bx-start,
#aboutBanner .bx-stop {
	background: url(../img/contents/btn_move.png) 0 0 no-repeat #FFF;
	width: 23px;
	height: 15px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
	color: #000;
}
#aboutBanner .bx-start { background-position: -23px 0; }
#aboutBanner .bx-start:hover { background-position: -23px -15px; }
#aboutBanner .bx-stop { background-position: 0 0; }
#aboutBanner .bx-stop:hover { background-position: 0 -15px; }
/*****************************************
			   App Block
*****************************************/
#appBlock {
	background: url(../img/contents/bg_top03.jpg) 50% 100% no-repeat;
	margin: 0 0 50px 0;
}
#appBlockInner {
	background: url(../img/contents/app_image.png) 100% 100% no-repeat;
	width: 1000px;
	height: 307px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#appBlockInner h2 {
	background: url(../img/contents/app_title.png) 0 0 no-repeat;
	width: 714px;
	height: 58px;
	margin: 65px 0 30px 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#appBlockInner h3 {
	margin: 0 0 5px 0;
	font-size: 150%;
	font-weight: bold;
	color: #000;
}
#appBlockInner h3 span {
	display: inline-block;
	background: url(../img/contents/dot_white.png) 0 0 repeat;
	line-height: 20px;
	margin: 0 0 0 10px;
	padding: 0 10px;
	font-size: 50%;
	font-weight: normal;
	vertical-align: middle;
}
#iosBox {
	background: url(../img/contents/qr_ios.png) 0 0 no-repeat;
	width: 208px;
	min-height: 110px;
	margin: 0 2px 0 0;
	padding: 0 0 0 120px;
	float: left;
}
#iosBox a {
	background: url(../img/contents/btn_app.png) 0 0 no-repeat;
	width: 163px;
	height: 60px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#androidBox {
	background: url(../img/contents/qr_google.png) 0 0 no-repeat;
	width: 300px;
	min-height: 110px;
	padding: 0 0 0 120px;
	float: left;
}
#androidBox a {
	background: url(../img/contents/btn_google.png) 0 0 no-repeat;
	width: 202px;
	height: 60px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#iosBox a:hover,
#androidBox a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*****************************************
				Movie
*****************************************/
#movie {
	width: 100%;
	height: 700px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	animation: bg_movie 1s forwards;
	opacity: 0;
}
@keyframes bg_movie {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#movieBox {
	width: 1400px;
	height: 700px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -700px;
}
#movieBoxInner {
	width: 1400px;
	height: 700px;
	position: relative;
	overflow: hidden;
}
#catchcopy {
	background: url(../img/movie/catchcopy.png) 0 0 no-repeat;
	width: 441px;
	height: 105px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 490px;
	left: 50%;
	margin: 0 0 0 -700px;
}
/*****************************************
				Movie Item
*****************************************/
#book {
	background-image: url(../img/movie/hon_19_1400_700_s.png);
	width: 1400px;
	height: 700px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	animation: bg_book 1.6s steps(19) 0.5s;
	opacity: 0;
}
@keyframes bg_book {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -13300px;
		opacity: 1;
	}
}
#book_s {
	background: url(../img/movie/book_bg.png) 0 0 no-repeat;
	width: 1400px;
	height: 700px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	animation: bg_book_opcity 1.6s 0.5s forwards;
	opacity: 0;
}
@keyframes bg_book_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#book_ev {
	background-image: url(../img/movie/hon_ev_19_1400_700_s.png);
	width: 1400px;
	height: 700px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	animation: bg_book_ev 1.6s steps(19) 0.5s;
	opacity: 0;
}
@keyframes bg_book_ev {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -13300px;
		opacity: 1;
	}
}
#book_ev_s {
	background: url(../img/movie/book_ev_bg.png) 0 0 no-repeat;
	width: 1400px;
	height: 700px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	animation: bg_book_ev_opcity 1.6s 0.5s forwards;
	opacity: 0;
}
@keyframes bg_book_ev_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#book_night {
	background-image: url(../img/movie/hon_night_19_1400_700_s.png);
	width: 1400px;
	height: 700px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	animation: bg_book_night 1.6s steps(19) 0.5s;
	opacity: 0;
}
@keyframes bg_book_night {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -13300px;
		opacity: 1;
	}
}
#book_night_s {
	background: url(../img/movie/book_night_bg.png) 0 0 no-repeat;
	width: 1400px;
	height: 700px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	animation: bg_book_night_opcity 1.5s 0.5s forwards;
	opacity: 0;
}
@keyframes bg_book_night_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#nami {
	background-image: url(../img/movie/nami_29_280_230_r.png);
	width: 280px;
	height: 230px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 347px;
	left: 1000px;
	animation: bg_nami 3s steps(29) 2s infinite;
	opacity: 0;
}
@keyframes bg_nami {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -6670px;
		opacity: 1;
	}
}
/*******************************************************************/
#niji {
	background-image: url(../img/movie/niji_250_265_120_r.png);
	width: 265px;
	height: 120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 570px;
	animation: bg_niji 8s steps(250) 5s infinite;
	opacity: 0;
}
@keyframes bg_niji {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -30000px;
		opacity: 1;
	}
}
/*******************************************************************/
#fune {
	background-image: url(../img/movie/hune_22_220_145_s.png);
	width: 220px;
	height: 145px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 435px;
	left: 628px;
	animation: bg_fune 1s steps(22) 3.7s;
	opacity: 0;
}
@keyframes bg_fune {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -3190px;
		opacity: 1;
	}
}
#fune_s {
	background: url(../img/movie/hune_bg.png) 0 0 no-repeat;
	width: 220px;
	height: 145px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 435px;
	left: 628px;
	animation: bg_fune_opcity 1s 3.7s forwards;
	opacity: 0;
}
@keyframes bg_fune_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#yashi {
	background: url(../img/movie/ki_1_104_79_s.png) 0 0 no-repeat;
	width: 104px;
	height: 79px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 365px;
	left: 930px;
	animation: bg_yashi_opcity 1s 2.5s forwards;
	opacity: 0;
}
@keyframes bg_yashi_opcity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#sakura01 {
	background-image: url(../img/movie/sakura01_50_340_250_s.png);
	width: 340px;
	height: 250px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 370px;
	animation: bg_sakura 3s steps(50) 3.5s;
	opacity: 0;
}
@keyframes bg_sakura {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -12500px;
		opacity: 1;
	}
}
#sakura01_s {
	background: url(../img/movie/sakura_bg.png) 0 0 no-repeat;
	width: 340px;
	height: 250px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 370px;
	animation: bg_sakura_opcity 3s 3.5s forwards;
	opacity: 0;
}
@keyframes bg_sakura_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#sakura02 {
	background-image: url(../img/movie/sakura02_65_400_400_r.png);
	width: 400px;
	height: 400px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 120px;
	left: 265px;
	animation: bg_sakura02 3s steps(65) 5s infinite;
	opacity: 0;
}
@keyframes bg_sakura02 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -26000px;
		opacity: 1;
	}
}
/*******************************************************************/
#tatemono01 {
	background-image: url(../img/movie/tatemono01_22_156_180_s.png);
	width: 156px;
	height: 180px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 130px;
	left: 610px;
	animation: bg_tatemono01 1s steps(22) 2.5s;
	opacity: 0;
}
@keyframes bg_tatemono01 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -3960px;
		opacity: 1;
	}
}
#tatemono01_s {
	background: url(../img/movie/tatemono01_bg.png) 0 0 no-repeat;
	width: 156px;
	height: 180px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 130px;
	left: 610px;
	animation: bg_tatemono_opcity 1s 2.5s forwards;
	opacity: 0;
}
@keyframes bg_tatemono_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#tatemono02 {
	background-image: url(../img/movie/tatemono02_27_240_190_s.png);
	width: 240px;
	height: 190px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 235px;
	left: 750px;
	animation: bg_tatemono02 1s steps(27) 3.5s;
	opacity: 0;
}
@keyframes bg_tatemono02 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -5130px;
		opacity: 1;
	}
}
#tatemono02_s {
	background: url(../img/movie/tatemono02_bg.png) 0 0 no-repeat;
	width: 240px;
	height: 190px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 235px;
	left: 750px;
	animation: bg_tatemono02_opcity 1s 3.5s forwards;
	opacity: 0;
}
@keyframes bg_tatemono02_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#tatemono03 {
	background-image: url(../img/movie/tatemono03_20_192_300_s.png);
	width: 192px;
	height: 300px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 190px;
	left: 115px;
	animation: bg_tatemono03 1s steps(20) 3.5s;
	opacity: 0;
}
@keyframes bg_tatemono03 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -6000px;
		opacity: 1;
	}
}
#tatemono03_s {
	background: url(../img/movie/tatemono03_bg.png) 0 0 no-repeat;
	width: 192px;
	height: 300px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 190px;
	left: 115px;
	animation: bg_tatemono03_opcity 1s 3.5s forwards;
	opacity: 0;
}
@keyframes bg_tatemono03_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#kirakira {
	background-image: url(../img/movie/kirakira_3_200_160_r.png);
	width: 200px;
	height: 160px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 175px;
	left: 100px;
	animation: bg_kirakira 0.5s steps(3) 5s infinite;
	opacity: 0;
}
@keyframes bg_kirakira {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -480px;
		opacity: 1;
	}
}
/*******************************************************************/
#yakuba {
	background-image: url(../img/movie/yakuba_22_322_168_s.png);
	width: 322px;
	height: 168px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 365px;
	left: 345px;
	animation: bg_yakuba 1s steps(22) 3.4s;
	opacity: 0;
}
@keyframes bg_yakuba {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -3696px;
		opacity: 1;
	}
}
#yakuba_s {
	background: url(../img/movie/yakuba.png) 0 0 no-repeat;
	width: 322px;
	height: 168px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 365px;
	left: 345px;
	animation: bg_yakuba_opcity 1s 3.4s forwards;
	opacity: 0;
}
@keyframes bg_yakuba_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#tabemono {
	background-image: url(../img/movie/tabemono_12_330_140_s.png);
	width: 330px;
	height: 140px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 373px;
	left: 674px;
	animation: bg_tabemono 0.5s steps(12) 4s;
	opacity: 0;
}
@keyframes bg_tabemono {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -1680px;
		opacity: 1;
	}
}
#tabemono_s {
	background: url(../img/movie/tabemono.png) 0 0 no-repeat;
	width: 330px;
	height: 140px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 373px;
	left: 674px;
	animation: bg_tabemono_opcity 0.5s 4s forwards;
	opacity: 0;
}
@keyframes bg_tabemono_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#kemuri {
	background-image: url(../img/movie/kemuri_30_150_160_r.png);
	width: 150px;
	height: 160px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 230px;
	left: 790px;
	animation: bg_kemuri 2s steps(30) 5s infinite;
	opacity: 0;
}
@keyframes bg_kemuri {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -4800px;
		opacity: 1;
	}
}
/*******************************************************************/
#hanabi {
	background-image: url(../img/movie/hanabi_64_380_400_r.png);
	width: 380px;
	height: 400px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 790px;
	animation: bg_hanabi 4s steps(64) 6s infinite;
}
@keyframes bg_hanabi {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -25600px;
		opacity: 1;
	}
}
/*******************************************************************/
#kumo {
	background-image: url(../img/movie/kumo_20_520_375_s.png);
	width: 520px;
	height: 375px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 170px;
	left: 840px;
	animation: bg_kumo 1s steps(20) 2s;
	opacity: 0;
}
@keyframes bg_kumo {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -7500px;
		opacity: 1;
	}
}
#kumo_s {
	background: url(../img/movie/kumo_bg.png) 0 0 no-repeat;
	width: 520px;
	height: 375px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 170px;
	left: 840px;
	animation: bg_kumo_opcity 1s 2s forwards;
	opacity: 0;
}
@keyframes bg_kumo_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#kumo_ev_s {
	background: url(../img/movie/kumo_ev_bg.png) 0 0 no-repeat;
	width: 520px;
	height: 375px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 170px;
	left: 840px;
	animation: bg_kumo_ev_opcity 1s 2.5s forwards;
	opacity: 0;
}
@keyframes bg_kumo_ev_opcity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#kumo_night_s {
	background: url(../img/movie/kumo_night_bg.png) 0 0 no-repeat;
	width: 867px;
	height: 588px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 530px;
	animation: bg_kumo_night_opcity 1s 1.5s forwards;
	opacity: 0;
}
@keyframes bg_kumo_night_opcity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#plane {
	background-image: url(../img/movie/plane_89_900_200.png);
	width: 900px;
	height: 200px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 40px;
	left: 560px;
	animation: bg_plane 14s steps(89) infinite;
	opacity: 0;
}
@keyframes bg_plane {
	0% {
		background-position: 0 0;
		opacity: 0;
	}
	57.9% {
		background-position: 0 0;
		opacity: 0;
	}
	58% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -17800px;
		opacity: 1;
	}
}
/*******************************************************************/
#tori {
	background-image: url(../img/movie/tori_15_100_60.png);
	width: 100px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 290px;
	left: 1160px;
	animation: bg_tori 1s steps(15) 3s infinite;
	opacity: 0;
}
@keyframes bg_tori {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -900px;
		opacity: 1;
	}
}
/*******************************************************************/
#hata {
	background-image: url(../img/movie/hata_25_65_130_r.png);
	width: 65px;
	height: 130px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 274px;
	left: 987px;
	animation: bg_hata 1s steps(25) 4s infinite;
	opacity: 0;
}
@keyframes bg_hata {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -3250px;
		opacity: 1;
	}
}
/*******************************************************************/
#hito01 {
	background-image: url(../img/movie/hito01_10_160_120_s.png);
	width: 160px;
	height: 120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 295px;
	left: 605px;
	animation: bg_hito01 1s steps(10) 4.5s;
	opacity: 0;
}
@keyframes bg_hito01 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -1200px;
		opacity: 1;
	}
}
#hito01_s {
	background: url(../img/movie/hito01_s.png) 0 0 no-repeat;
	width: 160px;
	height: 120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 295px;
	left: 605px;
	animation: bg_hito01_opcity 1s 4.5s forwards;
	opacity: 0;
}
@keyframes bg_hito01_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#hito02 {
	background-image: url(../img/movie/hito02_10_105_135_s.png);
	width: 105px;
	height: 135px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 213px;
	left: 347px;
	animation: bg_hito02 1s steps(10) 4.5s;
	opacity: 0;
}
@keyframes bg_hito02 {
	0% {
		background-position: 0 0;
	}
	0.1% {
		opacity: 1;
	}
	100% {
		background-position: 0 -1350px;
		opacity: 1;
	}
}
#hito02_s {
	background: url(../img/movie/hito02_s.png) 0 0 no-repeat;
	width: 105px;
	height: 135px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 213px;
	left: 347px;
	animation: bg_hito02_opcity 1s 4.5s forwards;
	opacity: 0;
}
@keyframes bg_hito02_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#hito03 {
	background-image: url(../img/movie/hito03_10_116_135_s.png);
	width: 116px;
	height: 135px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 310px;
	left: 280px;
	animation: bg_hito03 1s steps(10) 4.8s;
	opacity: 0;
}
@keyframes bg_hito03 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -1350px;
		opacity: 1;
	}
}
#hito03_s {
	background: url(../img/movie/hito03_s.png) 0 0 no-repeat;
	width: 116px;
	height: 135px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 310px;
	left: 280px;
	animation: bg_hito03_opcity 1s 4.8s forwards;
	opacity: 0;
}
@keyframes bg_hito03_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#hito04 {
	background-image: url(../img/movie/hito04_10_102_120_s.png);
	width: 102px;
	height: 120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 442px;
	left: 458px;
	animation: bg_hito04 1s steps(10) 4.8s;
	opacity: 0;
}
@keyframes bg_hito04 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -1200px;
		opacity: 1;
	}
}
#hito04_s {
	background: url(../img/movie/hito04_s.png) 0 0 no-repeat;
	width: 102px;
	height: 120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 442px;
	left: 458px;
	animation: bg_hito04_opcity 1s 4.8s forwards;
	opacity: 0;
}
@keyframes bg_hito04_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#onpu {
	background-image: url(../img/movie/onpu_35_60_32_r.png);
	width: 60px;
	height: 32px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 215px;
	left: 370px;
	animation: bg_onpu 1.8s steps(35) 5s infinite;
	opacity: 0;
}
@keyframes bg_onpu {
	0% {
		background-position: 0 0;
	}
	1% {
		opacity: 1;
	}
	100% {
		background-position: 0 -1120px;
		opacity: 1;
	}
}
/*******************************************************************/
#chara01 {
	background-image: url(../img/movie/chara_a_20_172_180_s.png);
	width: 172px;
	height: 180px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 320px;
	left: 115px;
	animation: bg_chara01 1s steps(20) 5s;
	opacity: 0;
}
@keyframes bg_chara01 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -3600px;
		opacity: 1;
	}
}
#chara02 {
	background-image: url(../img/movie/chara_b_60_172_180_r.png);
	width: 172px;
	height: 180px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 320px;
	left: 115px;
	animation: bg_chara02 3.6s steps(60) 6s infinite;
	opacity: 0;
}
@keyframes bg_chara02 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -10800px;
		opacity: 1;
	}
}
/*******************************************************************/
#gaya01 {
	background-image: url(../img/movie/kaiwa01_2_220_60_r.png);
	width: 200px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 253px;
	left: 572px;
	animation: bg_gaya01 0.6s steps(2) 5.5s infinite;
	opacity: 0;
}
@keyframes bg_gaya01 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -120px;
		opacity: 1;
	}
}
/*******************************************************************/
#gaya02 {
	background-image: url(../img/movie/kaiwa02_2_220_60_r.png);
	width: 200px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 290px;
	left: 245px;
	animation: bg_gaya02 0.6s steps(2) 5s infinite;
	opacity: 0;
}
@keyframes bg_gaya02 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -120px;
		opacity: 1;
	}
}
/*******************************************************************/
#gaya03 {
	background-image: url(../img/movie/syaberi_40_50_40_r.png);
	width: 50px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 480px;
	left: 474px;
	animation: bg_gaya03 2s steps(40) 5.5s infinite;
	opacity: 0;
}
@keyframes bg_gaya03 {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -1600px;
		opacity: 1;
	}
}
/*******************************************************************/
#tsuki {
	background: url(../img/movie/tsuki.png)0 0 no-repeat;
	width: 112px;
	height: 112px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 198px;
	left: 1230px;
	animation: bg_tsuki_opcity 1s 3s forwards;
	opacity: 0;
}
@keyframes bg_tsuki_opcity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#yuhi {
	background: url(../img/movie/taiyo_yuhi.png) 0 0 no-repeat;
	width: 77px;
	height: 77px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 75px;
	left: 305px;
	animation: bg_yashi_opcity 1s 3s forwards;
	opacity: 0;
}
@keyframes bg_yashi_opcity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#karasu {
	background-image: url(../img/movie/karasu_31_30_25_r.png);
	width: 30px;
	height: 25px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 115px;
	left: 340px;
	animation: bg_karasu 1s steps(31) 3.5s infinite;
	opacity: 0;
}
@keyframes bg_karasu {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -775px;
		opacity: 1;
	}
}
/********************************************************************
								SUMMER
********************************************************************/
.movieSummer #hito04 {
	top: 410px;
	left: 545px;
}
.movieSummer #hito04_s {
	top: 410px;
	left: 545px;
}
.movieSummer #gaya03 {
	top: 448px;
	left: 558px;
}
/*******************************************************************/
#sunflower {
	background: url(../img/movie_summer/sunflower_1_181_74.png) 0 0 no-repeat;
	width: 181px;
	height: 74px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 503px;
	left: 435px;
	animation: bg_sunflower 1s 4.5s forwards;
	opacity: 0;
}
@keyframes bg_sunflower {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#parasol {
	background: url(../img/movie_summer/parasol_1_79_95.png) 0 0 no-repeat;
	width: 79px;
	height: 95px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 460px;
	left: 940px;
	animation: bg_parasol 1s 4s forwards;
	opacity: 0;
}
@keyframes bg_parasol {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#surfer {
	background-image: url(../img/movie_summer/surfer_11_52_80.png);
	width: 52px;
	height: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 350px;
	left: 1070px;
	animation: bg_surfer 1s steps(11) 4.5s forwards;
	opacity: 0;
}
@keyframes bg_surfer {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -880px;
		opacity: 1;
	}
}
#surfer_s {
	background: url(../img/movie_summer/surfer_s.png) 0 0 no-repeat;
	width: 52px;
	height: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 350px;
	left: 1070px;
	animation: bg_surfer_opcity 1s 4.4s forwards;
	opacity: 0;
}
@keyframes bg_surfer_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#swimwear {
	background-image: url(../img/movie_summer/swimwear_11_40_100.png);
	width: 40px;
	height: 100px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 395px;
	left: 998px;
	animation: bg_swimwear 1s steps(11) 4.5s forwards;
	opacity: 0;
}
@keyframes bg_swimwear {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -1100px;
		opacity: 1;
	}
}
#swimwear_s {
	background: url(../img/movie_summer/swimwear_s.png) 0 0 no-repeat;
	width: 40px;
	height: 100px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 395px;
	left: 998px;
	animation: bg_swimwear_opcity 1s 4.4s forwards;
	opacity: 0;
}
@keyframes bg_swimwear_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*******************************************************************/
#floatboy {
	background: url(../img/movie_summer/float_1_35_47.png) 0 0 no-repeat;
	width: 35px;
	height: 47px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 485px;
	left: 1100px;
	animation: bg_floatboy 1s 4.5s forwards;
	opacity: 0;
}
@keyframes bg_floatboy {
	0% {
		top: 485px;
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	100% {
		top: 470px;
		opacity: 1;
	}
}
/*******************************************************************/
#hanabi {
	background-image: url(../img/movie/hanabi_64_380_400_r.png);
	width: 380px;
	height: 400px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 850px;
	animation: bg_hanabi 4s steps(64) 6s infinite;
}
@keyframes bg_hanabi {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -25600px;
		opacity: 1;
	}
}
/*******************************************************************/
#plane_r {
	background: url(../img/movie_summer/plane_s.png) 0 0 no-repeat;
	width: 60px;
	height: 26px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 240px;
	left: 720px;
	animation: bg_plane_r 18s 4s infinite;
	opacity: 0;
}
@keyframes bg_plane_r {
	0% {
		top: 240px;
		left: 720px;
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	50% {
		top: 60px;
		left: 1250px;
		opacity: 0;
	}
}
/********************************************************************
								Autumn
********************************************************************/
.movieAutumn #book {
	background-image: url(../img/movie_autumn/hon_19_1400_700_s.png);
}
.movieAutumn #book_s {
	background: url(../img/movie_autumn/book_bg.png) 0 0 no-repeat;
}
.movieAutumn #book_ev {
	background-image: url(../img/movie_autumn/hon_ev_19_1400_700_s.png);
}
.movieAutumn #book_ev_s {
	background: url(../img/movie_autumn/book_ev_bg.png) 0 0 no-repeat;
}
.movieAutumn #book_night {
	background-image: url(../img/movie_autumn/hon_night_19_1400_700_s.png);
}
.movieAutumn #book_night_s {
	background: url(../img/movie_autumn/book_night_bg.png) 0 0 no-repeat;
}
.movieAutumn #kirakira {
	top: 265px;
	left: 140px;
}
.movieAutumn #chara01,
.movieAutumn #chara02 {
	z-index: 1000;
}
.movieAutumn #hito03,
.movieAutumn #hito03_s {
	top: 300px;
	left: 450px;
}
.movieAutumn #gaya02 {
	left: 415px;
}
/*******************************************************************/
#ringo {
	background-image: url(../img/movie_autumn/apple_11_230_230_s.png);
	width: 230px;
	height: 230px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 270px;
	left: 130px;
	animation: bg_ringo 1s steps(11) 3.5s;
	opacity: 0;
}
@keyframes bg_ringo {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -2530px;
		opacity: 1;
	}
}
#ringo_s {
	background: url(../img/movie_autumn/apple_s.png) 0 0 no-repeat;
	width: 230px;
	height: 230px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 270px;
	left: 130px;
	animation: bg_ringo_opcity 1s 3.5s forwards;
	opacity: 0;
}
@keyframes bg_ringo_opcity {
	0% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/********************************************************************
							Winter
********************************************************************/
.movieWinter #book {
	background-image: url(../img/movie_winter/hon_19_1400_700_s.png);
}
.movieWinter #book_s {
	background: url(../img/movie_winter/book_bg.png) 0 0 no-repeat;
}
.movieWinter #book_ev {
	background-image: url(../img/movie_winter/hon_ev_19_1400_700_s.png);
}
.movieWinter #book_ev_s {
	background: url(../img/movie_winter/book_ev_bg.png) 0 0 no-repeat;
}
.movieWinter #book_night {
	background-image: url(../img/movie_winter/hon_night_19_1400_700_s.png);
}
.movieWinter #book_night_s {
	background: url(../img/movie_winter/book_night_bg.png) 0 0 no-repeat;
}
.movieWinter #kirakira {
	top: 265px;
	left: 140px;
}
.movieWinter #chara01,
.movieWinter #chara02 {
	z-index: 1000;
}
.movieWinter #hito03,
.movieWinter #hito03_s {
	top: 300px;
	left: 450px;
}
.movieWinter #gaya02 {
	left: 415px;
}
/*******************************************************************/
#yuki {
	background-image: url(../img/movie_winter/yuki_58_1400_700.png);
	width: 1400px;
	height: 700px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	animation: bg_yuki 6s steps(58) 3s infinite;
	opacity: 0;
}
@keyframes bg_yuki {
	0% {
		background-position: 0 0;
		opacity: 1;
	}
	100% {
		background-position: 0 -40600px;
		opacity: 1;
	}
}