@charset "utf-8";

#slideArea
{
	width: 780px;
	height: 177px;
	overflow: hidden;
	position: relative;
}

#slideArea p
{
	width: 780px;
	height: 177px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#slideArea a
{
	width: 780px;
	height: 177px;
	display: block;
	position: absolute;
}

#slideArea a.nodisp
{
	display: none;
}

#slideArea ul
{
	width: 780px;
	background: #fff;
}

#slideArea li
{
	width: 780px;
	height: 59px;
	position: relative;
	list-style: none;
}

#slideArea ul#iph li
{
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}

#slideArea span.front,
#slideArea span.back
{
	width: 780px;
	height: 59px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-color: #fff;
	background-repeat: no-repeat;
	position: absolute;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

#slideArea span.front
{
	z-index: 2;
}

#slideArea span.back
{
	z-index: 1;
}

#slideArea ul#iph li span.back
{
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
}

#slideArea li#card1 .front,
#slideArea li#card1 .back
{
	background-position: center 0%;
}

#slideArea li#card2 .front,
#slideArea li#card2 .back
{
	background-position: center -59px;
}

#slideArea li#card3 .front,
#slideArea li#card3 .back
{
	background-position: center -118px;
}

#slideArea ul.on li
{
	animation: on .5s;
	animation-fill-mode: both;
	-webkit-animation: on .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation: on .5s;
	-moz-animation-fill-mode: both;
}

#slideArea ul.off li
{
	animation: off .5s;
	animation-fill-mode: both;
	-webkit-animation: off .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation: off .5s;
	-moz-animation-fill-mode: both;
}

#slideArea ul.on_2 li span.front
{
	transition: .5s height;
	-webkit-transition: .5s height;
	-moz-transition: .5s height;
	height: 59px;
}

#slideArea ul.off_2 li span.front
{
	height: 0px;
}

#slideArea #cardlink
{
	width: 780px;
	height: 6px;
	background: url(../img/shade_hd.png) repeat-x 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

@keyframes on
{
	0%		{ transform: perspective(1000) rotateX(-180deg); }
	100%	{ transform: perspective(1000) rotateX(-360deg); }
}

@-webkit-keyframes on
{
	0%		{ -webkit-transform: perspective(1000) rotateX(-180deg); }
	100%	{ -webkit-transform: perspective(1000) rotateX(-360deg); }
}

@-moz-keyframes on
{
	0%		{ -moz-transform: perspective(1000) rotateX(-180deg); }
	100%	{ -moz-transform: perspective(1000) rotateX(-360deg); }
}

@keyframes off
{
	0%		{ transform: perspective(1000) rotateX(0deg); }
	100%	{ transform: perspective(1000) rotateX(-180deg); }
}

@-webkit-keyframes off
{
	0%		{ -webkit-transform: perspective(1000) rotateX(0deg); }
	100%	{ -webkit-transform: perspective(1000) rotateX(-180deg); }
}

@-moz-keyframes off
{
	0%		{ -moz-transform: perspective(1000) rotateX(0deg); }
	100%	{ -moz-transform: perspective(1000) rotateX(-180deg); }
}


/*********************
*
*	media_print
*
**********************/
@media print
{
#slideArea a
{
	display:none;
}
#slideArea
{
	background: url(../img/slide_01.png) no-repeat;
}
}