*{
margin:0;
padding:0;
}


/* FIRST BITS */

body{
font-family:Helvetica,Arial; 
height:100%;
}

#frame{
position:relative;
margin-left:auto;
margin-right:auto;


margin-top:20px;

height:900px;
width:725px;
background-image:url("frame.png");
background-repeat: no-repeat;
}

#innerframe{

height: 858px;
margin-left: 29px;
margin-top: 28px;
overflow: hidden;
position: absolute;
width: 668px

}
#links,.hiddenstart,#photoframe{
opacity:0;

}

#back{
overflow:hidden;
position:absolute;

height:530px;
width:668px;

margin-top: 194px;

background-image:url("digi2back.png");
background-repeat: no-repeat;

}

#backleft{float:right;height:810px}
#backmain{
float: right;
height: 810px;
margin-right: -1px;
}
#backbottom{float:right;}

#layer{

background:none;
right:-800px;

width:100%;
height:100%;

z-index:0;

position:absolute;


}


/* LINKS */

#links{
width:20%;
position: absolute;
z-index: 2;
height:300px;
}

#links ul{
margin-left: 44px;
margin-top: 153px;
}

.movie{
letter-spacing:1px;
}
#links li{
font-size:90%;
display: block;
margin-top: 20px;
text-align: justify;
}

.about,.photo,.movie{
color:#444;
text-transform: uppercase;
text-decoration: none;
}
.jap a, .eng a{
color:#444;
}
.jap a:hover{
color: #69deff;
}

.eng a:hover{
color: #ffd800;
}
.about:hover{
color:#40b8ef;
}
.photo:hover{
color:#e61087;
}
.movie:hover{
color:#31b144;
}

/* PHOTOFRAME */

#photoframe{
background: white;
border: 1px solid #888;
height: 839px;
position: absolute;
width: 600px;
left:185px;
top:18px;

box-shadow:3px 3px 3px 0px #ccc;
-webkit-box-shadow:3px 3px 3px 0px #ccc;
-moz-box-shadow:3px 3px 3px 0px #ccc;
}

#next,.prev{
margin-left:-1px;
margin-top:8px;
z-index:10;
}
#next{
margin-left:10px;
}
#slideshow{
z-index:10;
position:absolute;
width:400px;
height:300px
}
#moviesheet{
position:absolute;
top:0px;
}

.showphotoframe{
border:1px solid #aaa;
padding:3px;
height:302px;
padding-top:4px;


}

#showphoto{
margin-left:1px;
border:1px solid #aaa;
float:left;
height: 300px;
z-index:10;
width: 400px;
position:relative;
}

#preload{
visibility: hidden;
}

button{
clear:both;
}
#aboutsheet{
margin-left: -2px;
position: absolute;

top: 0px;
width: 398px;}

.jap{
font-family: Osaka;
font-size: 15px;
text-align: justify;
letter-spacing: 1px;
}

.eng{
z-index:20;

margin-top:180px;
text-align: justify;
font-size: 15px;
letter-spacing: 1px;
width: 390px;
}


.macroword{
font-family: Helvetica;
font-size: 25px;
font-weight:100;
left: -1px;
padding-top: 341px;
position: absolute;
text-transform: uppercase;
z-index:-1;
}
{
}
#mainframe{
margin-top:30px;
height: 100%;
left: 25%;
position: absolute;
width: 69%;
z-index: 3;}

#youtube,.macroword,.hiddenstart,#photoframe, #aboutsheet{
opacity:0;
filter: alpha(opacity=0);
zoom: 1;
visibility:hidden;
}