@charset "UTF-8";
/* CSS Document */

#studio_bg {
		z-index:1000;
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
}

#studio_linear {
		z-index:995;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		
		
}

.clearfix {
		clear:both;
}

#studio_contents {
		margin-top:0;
		margin-left:0;
}

#contact_text {
		float:left;
		width:68%;
		color:#a265ff;
		font-size:15px;
		line-height:23px;
}

.selected {
		background:#fff;
		width:280px;
	
		z-index:1800;
		position:absolute;
		width:200px;
		height:400px;
		text-align:center;
		top:365px;
		left:50px;
		/*overflow:scroll !important;
		padding-right:50px;*/
		
}

.comingsoon {
		color:#ff5546;
		font-size: 25px;
		font-weight: 900;
		text-align: center;
		margin:30% auto;
		transition: all 0.2s 0.1s;
	
}

/*
#studiomenu {
		overflow: scroll;
	
}*/

.studio_side {
		background-color:#fff;
		z-index:1800;
		position:absolute;
		width:152px;
		text-align:center;
		padding:0 70px 50px 70px;
		margin-top:7px;
		left:-20px;
		overflow:hidden;
		
}

#studiomenu ul {
	
}

.studio_list {
		background-color:#fff;
		z-index:1900;
		margin:5px;
		height:59px;
		width:152px;
		overflow:hidden;
		z-index:2000;
		position:relative;
}

.no-cssanimations .windows_studio {
		z-index:4;
		margin:0 auto;
		text-align:center;
		background:url(../image/common/windows_studio.png) no-repeat;
		width:100%;
		height:100%;
}

.no-cssanimations .no_svg {
		display:none;
}

.website {
		width:100%;
		text-align:center;
		margin:70px auto;
}

.link_to {
		margin-bottom:25px;
}

/*.link {
		text-decoration:underline;
}*/

.link a {
		text-decoration:underline;
		color:#a265ff;
}

.link a:link {
		text-decoration:underline;
		color:#a265ff;
}

.link a:visited {
		text-decoration:underline;
		color:#a265ff;
}

.link a:hover {
		text-decoration:none;
		color:#a265ff;
}

.link a:active {
		text-decoration:underline;
		color:#a265ff;
}

.navigation_contact {
		/*display:inline;*/
		margin-right:87px;
		float:left;
		margin-left:1px;
}

.navigation_link {
		/*display:inline;*/
		margin-right:87px;
		float:left;
		margin-left:77px;
}



.navigation_location{
		/*display:inline;*/
		margin-right:0;
		float:left;
		margin-left:-1px;
}

.navigation_about{
		/*display:inline;*/
		margin-right:0;
		float:left;
		margin-left:7px;
}

#studio_photo img{
		width:800px;
		height:auto;
}

#studio_photo {
		margin-top:50px;
}

.link_to a {

}

.link_to a:link {
		text-decoration:none;
		opacity:1;
}

.link_to a:visited {
		text-decoration:none;
		opacity:1;
}

.link_to a:hover {
		text-decoration:none;
		opacity:1;
}

.link_to a:active {
		text-decoration:none;
		opacity:1;
}

/*.list_top img {
		margin-top:2px;
}
*/
.studio_list a {
		display:block;
		width:0;
		position:absolute;
		left:0;
}

.menu_off img {
		z-index:2000;
		left:0;
		position:relative;
}

.studio_list a:link {
		text-decoration:none;
		opacity:1;
		
}

.studio_list a:visited {
		text-decoration:none;
		opacity:1;
}

.studio_list a:hover img {
		text-decoration:none;
		opacity:1;
}

.studio_list a:active {
		opacity:1;
		transition:all .2s;
}

.moving_bar {
		/*display:none;*/
		left:0px;
		top:0px;
		position:absolute;
		z-index:1;
		background:#ff5546;
		width:0px;
		height:59px;
		opacity:1;
		/*padding:1px 0;*/
		transition:all .2s;
	
}

.menu_off a:hover img {
		/*background:#ff5546;
		
		width:152px;
		height:59px;*/
		opacity:1;
		left:-152px;
		/*padding:1px 0;*/
		transition:all .1s;
}


.menu_off a:hover .moving_bar {
		/*left:152px;*/
		width:152px;
		transition:all .2s;
}

.studio_list a img {
		z-index:2000;
		left:0;
		position:relative;
}

.menu_off a:hover {
		/*left:-152px;*/
		transition:all .2s;
}

.menu_off a img {
		z-index:2000;
		left:0;
		position:relative;
}


.studio_linkto {
		position:absolute;
		margin-left:40px;
		margin-top:15px;
		transition:all .2s;
}

.link_to a:hover .studio_linkto {
		margin-left:230px;
		transition:all .3s;
}

/* .studio_list a img{
	animation-name:out;
	animation-duration:1.5s;
	Safari and Chrome: 
	-webkit-animation-name:out;
	-webkit-animation-duration:1.5s;
}*/

/* .studio_list a:hover img{
animation-name:in;
animation-duration:1.5s;
animation-iteration-count:infinite;
animation-direction:normal;
Safari and Chrome: 
-webkit-animation-name:in;
-webkit-animation-duration:1.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
}

@keyframes in
{
from {transform: rotateY(0deg);}
to   {transform: rotateY(360deg);}
}
@-webkit-keyframes in /* Safari and Chrome 
{
from {transform: rotateY(0deg);}
to   {-webkit-transform: rotateY(360deg);}
}
@keyframes out
{
from {transform: rotateY(360deg);}
to   {transform: rotateY(0deg);}
}
@-webkit-keyframes out /* Safari and Chrome 
{
from {transform: rotateY(360deg);}
to   {-webkit-transform: rotateY(0deg);}
}*/