@charset "utf-8";
/* CSS Document */
#wrapper{
	display:block;
	position:relative;
}

#wrapper #tl{
	position:absolute;
	margin-left:-6px;
	margin-top:-6px;
}
#wrapper #tr{
	position:absolute;
	left:502px;
	margin-top:-6px;
}

#wrapper #bl{
	position:absolute;
	margin-left:-6px;
	top:302px;
}

#wrapper #br{
	position:absolute;
	left:502px;
	top:302px;
}

#nav{
	background:#213f67;
	border:2px dashed #2b60a1;
	position:absolute;
	top:315px;
	padding:15px 5px 5px 20px;
	max-width:500px;
}

#nav a{
	height:100px;
	width:100px;
	display:block;
	float:left;
	margin:0 15px 10px 0;
}

#folioInfo{
	background-color:#2b60a1;
	width:300px;
	height:260px;
	position:absolute;
	left:540px;
	top:55px;
	display:none;
	padding:10px;
}

#folioInfoContent p{
	text-indent:0;
}

#tr2{
	position:absolute;
	right:0;
	top:0;
}

#br2{
	position:absolute;
	bottom:0;
	right:0;
}

#nav a span{
	display:none;
}

.b0{
	background:url(../i/gallery/thumb_01.jpg) no-repeat;
}
.b1{
	background:url(../i/gallery/thumb_02.jpg) no-repeat;
}

.b2{
	background:url(../i/gallery/thumb_03.jpg) no-repeat;
}

.b3{
	background:url(../i/gallery/thumb_04.jpg) no-repeat;
}

.b4{
	background:url(../i/gallery/thumb_05.jpg) no-repeat;
}
.b5{
	background:url(../i/gallery/thumb_06.jpg) no-repeat;
}
.b6{
	background:url(../i/gallery/thumb_07.jpg) no-repeat;
}
.b7{
	background:url(../i/gallery/thumb_08.jpg) no-repeat;
}
.b8{
	background:url(../i/gallery/thumb_09.jpg) no-repeat;
}