@charset "utf-8";

body {
	background:#efefef;
}

#main {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 600px;
}


#collapsed {
	position:absolute;
	left: 0px;
	top: 0px;
	/* width & height 2px less than total */
	width: 298px;
	height: 598px;
	overflow:hidden;
	background:#fff;
	border:1px solid rgb(118, 118, 118);
	visibility:hidden;

}

#collapsed .content {
	position:absolute;
	/* width & height 6px less than content box */
	width:274px;
	height:534px;
	top:9px;
	left:9px;
	border:3px solid #b7b7b7;
	border-radius:7px;
	overflow:hidden;
	background:#ffffff;
}


#borderCover {
	position:absolute;
	/* width & height 6px less than content box */
	width:274px;
	height:534px;
	top:9px;
	left:9px;
	border:3px solid #b7b7b7;
	border-radius:7px;
	overflow:hidden;
	z-index:500;
}


.banner {
	position:absolute;
	top:0px;
	left:0px;
}



#text01, #text02 {
	position:absolute;
	left:13px;
	top:47px;
}

#text03, #text04 {
	position:absolute;
	left:11px;
	top:47px;
}



#bar01b {
	position: absolute;
	left:0px;
	top:108px;
	clip:rect(0px,0px,35px,0px);
}


#cybersphere {
	position:absolute;
	left:-37px;
	top:140px;
		
	-ms-transform: rotate(0.01deg); /* IE 9 */	
	-webkit-transform: rotate(0.01deg); /* Chrome, Safari, Opera */
	transform:rotate(0.01deg);
	
    -ms-transform-origin: 54% 51%; /* IE 9 */
    -webkit-transform-origin: 54% 51%; /* Chrome, Safari, Opera */
    transform-origin: 54% 51%;
	
}




#endFrame {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: #ce1126;
}

#endFrame #endText {
	position: absolute;
	left:17px;
	top:214px;
}

.frame {
	position:relative;
}
.frame .logo {
	position:absolute;
	right:11px;
	bottom:14px;
}
.frame .button {
	position:absolute;
	left:10px;
	bottom:14px;
}

.text-layer {
	position:absolute;
}

.clickable {
	cursor:pointer;
}