/* CSS Document */

p {font:10px "Times New Roman", "Century", "Minion Web","ＭＳ Ｐ明朝"  ;
   color:#a3a3a3;
text-decoration: none;

}

a.a1:link { color: #000000; text-decoration: none}
a.a1:active {color: #CCCCCC;text-decoration: none }
a.a1:visited {color: #000000;text-decoration: none }
a.a1:hover {color: #FFFFFF;background: #000000 }

a.a2:link { color: #ffffff; text-decoration: none }
a.a2:active {color: #ffffff;text-decoration: none }
a.a2:visited {color: #ffffff;text-decoration: none }
a.a2:hover {color: #000000;background: #ffffff }

a.a3:link { color: #ffffff; text-decoration: none }
a.a3:active {color: #ffffff;text-decoration: none }
a.a3:visited {color: #ffffff;text-decoration: none }
a.a3:hover {color: #000000;background: #ffffff }

a.a4:link { color: #a2a2a2; text-decoration: none }
a.a4:active {color: #a2a2a2;text-decoration: none }
a.a4:visited {color: #a2a2a2;text-decoration: none }
a.a4:hover {color: #000000;background: #ffffff }

html, body { 
height: 100%; 
margin: 0; 
overflow: hidden; 
padding: 0; 
width: 100%; 
}
#sidenav { 
background: #ffffff; 
height: 100%; 
float: left; 
width: 290px; 
padding: 10px 0px 0px 32px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:10px "Times New Roman", "Century", "Minion Web","ＭＳ Ｐ明朝" ;
overflow: hidden; 
}
#sidenav2 { 
background: #000000; 
height: 100%; 
float: left; 
width: 290px; 
padding: 10px 0px 0px 32px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:10px "Times New Roman", "Century", "Minion Web","ＭＳ Ｐ明朝" ;
overflow: hidden; 
}
#sidenav3 { 
background: #383838; 
height: 100%; 
float: left; 
width: 290px; 
padding: 10px 0px 0px 32px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:10px "Times New Roman", "Century", "Minion Web","ＭＳ Ｐ明朝" ;
overflow: hidden; 
}
#content { 
height: 100%; 
overflow: auto;
right:0;
padding: 17px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font:10px "Times New Roman", "Century", "Minion Web","ＭＳ Ｐ明朝" ;
}


#main { 
background: #ffffff; 
bottom: auto; 
left: auto; 
right: auto; 
top: auto; 
height: 100%; 
position: static; 
}


#main2 { 
background: #000000; 
bottom: auto; 
left: auto; 
right: auto; 
top: auto; 
height: 100%; 
position: static; 
}
#main3 { 
background: #383838; 
bottom: auto; 
left: auto; 
right: auto; 
top: auto; 
height: 100%; 
position: static; 
}

#layer1 {
	position:absolute;
	Left:230px;
	top:370px;
	width:167px;
	height:167px;
	z-index:10;
}

#layer2 {
position:absolute;
Left:80px;
top:400px;
width:0px;
height:0px;
z-index:2;

}
#layer3 {
position:absolute;
Left:200px;
top:100px;
width:0px;
height:0px;
z-index:3;

}

#layer4 {
position:absolute;
Left:240px;
top:300px;
width:0px;
height:0px;
z-index:4;
}

#layer5 {
position:absolute;
Left:220px;
top:180px;
width:167px;
height:167px;
z-index:5;
}

#layer6 {
position:absolute;
Left:300px;
top:200px;
width:167px;
height:167px;
z-index:10;
}

#article {
position:relative;
left:20px;
right:10px;
top:20px;
width:580px;

}
#viewproject {
position:relative;
left:10px;
right:10px;
top:-20px;
width:0px;

}