/* by dom@mcedit.com 2004-10-29 */

a { 
	color: #a0a0a0;
	background:transparent;
	text-decoration:none;
	outline: 0
	}

a:hover {
	color:#fff;
	background:transparent;
	}

#wrapper {
	top:0px;
	left: 0px;
	height:480px;
	width:900px;
	margin: 4% auto;
	}

#content {
	float:left;
	margin:50px 0 0 90px;
	height:300px;
	width:510px;
	text-align:justify;
	/*padding-left:0px;*/
	clear:right;
	}
	
#header {
	position:relative;
	top:0px;
	left:210px;
	height: 65px;
	margin: 0 auto;
	}

#header a {
	border-bottom: none
	}

#inkan {
	position:relative;
	left:200px;
	top:200px;
}

#leftcol {
	float: left;
	width: 98px;
	margin: 30px 0 0 10px;
	color: #000;
	padding: 3px;
	height:500px;
	}

div#leftcol a {
	display: block; 
	text-align: center; 
	height:35px;
	padding-top:18px;
	margin: 5px; 
	border-width: 0; 
	text-decoration: none; 
	letter-spacing:1px;
	color: #a0a0a0; 
	background: #000;
	background-image: url(../image/unmask.png);
	background-repeat: no-repeat;
	overflow:hidden;
	}

div#leftcol a:hover {
	color: #000; 
	background: #fff;
	background-image: url(../image/unmask.png);
	background-repeat: no-repeat; 
	}

#footer {
	width:550px;
	height:35px;
	font-size:85%;
	text-align: center;
	letter-spacing:1px;
	padding-top: 5px;
	margin: 0 auto;
	z-index:100;
	clear:both;
	border-top:2px solid #000;
	}

div#pageDIV {
	float:left;
	margin-top:40px;
	margin-left:242px;
	width:150px;
	height:20px;
	text-align: right;
	font: bold 12px/18px verdana, lucida, arial, sans-serif;
	}
	
body {
	width: 97%;
	min-width:900px;
	}

html, body {
	font:13px/16px helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #a0a0a0;
	background-color: #444;
	overflow:hidden;
	}

div.float {
	float: left;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:15px;
	width:160px;
	}

div.float a {
	border-bottom: none;
	}

div.float p {
	text-align: center;
	margin-top:2px;
	width:115px;
	}

div#content #book,div#content #book3,div#content #book4 { float:left; margin:0 10px 15px 0; }
div#content #book2,div#content #book5 { float:right; text-align:right;margin:0 10px 10px 10px; }
div#content img:not([name='blend']){ border:3px solid #000; }
/*div#content img[name='blend'] { border:0;margin: 0; }
div#id1 img { border:0;margin: 0; }*/

div#content a img:hover { border-color: #fff; }

#blendme { border:3px solid #000; margin:60px auto; width:147px; height:101px; overflow:hidden}

#rule {
	left:0px;
	width:95%;
	border-bottom:2px solid #000; 
	height:5px;
	margin:5px;
	}
	
#copy {
	position:absolute;
	top:50px;
	left:40px;
	height:auto;
	width:350px;
	color:#fff;
	background:#000;
	padding:30px;
	font-size: 14px;
	z-index:1000;
	display: none; 
	text-align: justify;
	}

#prev { position:absolute; display:none;}
#next { position:absolute; display:none;/*width:460px*/}
#transIMG { position:relative;left:0; margin:0}

.blend img {
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
}

.transSwap0 {
 filter: alpha(opacity=0);
 -moz-opacity: 0;
 -khtml-opacity: 0;
 opacity: 0;
}

.transSwap1 {
 filter: alpha(opacity=10);
 -moz-opacity: .1;
 -khtml-opacity: .1;
 opacity: .1;
}

.transSwap2 {
 filter: alpha(opacity=20);
 -moz-opacity: .2;
 -khtml-opacity: .2;
 opacity: .2;
}

.transSwap3 {
 filter: alpha(opacity=30);
 -moz-opacity: .3;
 -khtml-opacity: .3;
 opacity: .3;
}

.transSwap4 {
 filter: alpha(opacity=40);
 -moz-opacity: .4;
 -khtml-opacity: .4;
 opacity: .4;
}

.transSwap5 {
 filter: alpha(opacity=50);
 -moz-opacity: .5;
 -khtml-opacity: .5;
 opacity: .5;
}

.transSwap6 {
 filter: alpha(opacity=60);
 -moz-opacity: .6;
 -khtml-opacity: .6;
 opacity: .6;
}

.transSwap7 {
 filter: alpha(opacity=70);
 -moz-opacity: .7;
 -khtml-opacity: .7;
 opacity: .7;
}

.transSwap8 {
 filter: alpha(opacity=80);
 -moz-opacity: .8;
 -khtml-opacity: .8;
 opacity: .8;
}

.transSwap9 {
 filter: alpha(opacity=90);
 -moz-opacity: .9;
 -khtml-opacity: .9;
 opacity: .9;
}

.transSwap10 {
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 -khtml-opacity: 1;
 opacity: 1;
}