*{
	margin:0px;
	padding:0px;
}
body{
	color:#993366;
	font-family:"MS UI Gothic";
	text-align:center;
	font-size:11pt;
}
h1{
	font-size:20pt;
	margin:10px 0px;
}
h2{
	font-size:15pt;
	margin:8px 0px;
}
p{
	margin:10px 0px;
}
a.button{
	color:#993366;
	background:#ffcccc;
	text-decoration:none;
	border-style:outset;
	cursor:pointer;
}
a.button:hover{
	background:#ffdddd;
}
#top,#shuffle,#main{
	height:490px;
	display:none;
}
#next{
	display:none;
	padding:2px;
	width:100px;
	margin:0px auto;
}

#spread{
	text-align:left;
	width:690px;
	position:relative;
	height:470px;
	margin:0px auto;
}

#div_card1,#div_card2,#div_card3,#div_card4,#div_card5,
#div_card6,#div_card7,#div_card8,#div_card9,#div_card10,
#div_card11,#div_card12,#div_card13{
	position:absolute;
	font-size:9pt;
	text-align:center;
	width:90px;
	height:150px;
}

#div_card1{
	left:0px;
}
#div_card2,#div_card12{
	left:100px;
}
#div_card3,#div_card11{
	left:200px;
}
#div_card4,#div_card10,#div_card13{
	left:300px;
}
#div_card5,#div_card9{
	left:400px;
}
#div_card6,#div_card8{
	left:500px;
}
#div_card7{
	left:600px;
}

#div_card4{
	top:0px;
}
#div_card3,#div_card5{
	top:40px;
}
#div_card2,#div_card6{
	top:80px;
}
#div_card1,#div_card7,#div_card13{
	top:160px;
}
#div_card8,#div_card12{
	top:240px;
}
#div_card9,#div_card11{
	top:280px;
}
#div_card10{
	top:320px;
}

#message{
	position:absolute;
	width:490px;
	top:30px;
	left:100px;
	background-color:#ffc;
	text-align:center;
	visibility:hidden;
	border:5px solid #fc9;
	/*padding:5px 0px;*/
}
#message2{
	height:300px;
	overflow:auto;
	padding:5px;
	border:2px solid #fc9;
}
#mes1{
	font-weight:bold;
	font-size:12pt;
}
#mes2{
	line-height:18px;
	text-align:left;
}
#mes3, #mes5{
	font-weight:bold;
}
#close{
	padding:2px 20px;
	margin:3px;
}


#main img, #img_shuffle{
	cursor:pointer;
}