body{
	background:black url(img/background.png) left bottom no-repeat fixed;
	overflow-x:auto;
	color:#CCC;
	overflow:scroll;
	overflow-y:scroll;
}
a{
	color:#09f;
	text-decoration:none;
	border-bottom:1px dashed #09f;
}
a:hover{
	background:url(img/hover.png);
}

h1,h2{
	font-size:0;
}
header,footer{
	margin:0 auto;
	width:980px;
}

footer p{
	font-size:80%;
	text-align:center;
}

article{
	clear:both;
	margin:80px auto;
	width:980px;
}
article header{
	background:url(img/butterfly.png) no-repeat;
	margin:0;
	height:100px;
}

article header h2{
	display:block;
	height:40px;
	margin:0 0 0 80px;
}
article header h3{
	margin:0 0 40px 100px;
}
article h4{
	font-weight:bold;
	text-align:center;
	font-size:100%;
	margin:40px auto 5px auto;
}
article h5{
	font-weight:bold;
	text-align:left;
	font-size:100%;
	margin:40px auto 0px auto;
}
article h6{
	font-weight:normal;
	text-align:left;
	font-size:100%;
	margin:20px auto 5px auto;
}
article span.big{
	font:2em bold;
}
article span.b{
	font-weight:bold;
}

p{
	margin:15px 20px;
	line-height:130%;
}

article header h2.headline{
	background:url(img/menu_headline.png);	
	width:145px;
}
article header h2.about{
	background:url(img/menu_about.png);	
	width:105px;
}
article header h2.atelier{
	background:url(img/menu_atelier.png);	
	width:105px;
}
article header h2.report{
	background:url(img/menu_report.png);	
	width:110px;
}
article header h2.bookmark{
	background:url(img/menu_bookmark.png);	
	width:170px;
}

header h1{
	background:url(img/logo.png);
	width:280px;
	height:260px;
	float:left;
}

#menu li{
	font-size:0;
	float:left;
	margin:110px -10px 0 20px;
}
#menu li a{
	border:0;
	display:block;
	height:40px;
}
#menu li.headline{
	width:145px;
	background:url(img/menu_headline.png);
}

#menu li.about{
	width:105px;
	background:url(img/menu_about.png);
}
#menu li.atelier{
	width:105px;
	background:url(img/menu_atelier.png);
}
#menu li.report{
	width:110px;
	background:url(img/menu_report.png);
}
#menu li.bookmark{
	width:170px;
	background:url(img/menu_bookmark.png);
}

article li{
	margin:0.8em 20px; 
}
#deck{
	margin:2em auto 0 auto;
	color:#000;
}
#deck_chara{
	background-color:pink;
}
#deck_spell{
	background-color:lavender;
}
#deck_event{
	background-color:palegreen;
}
#deck_support{
	background-color:khaki;
}
#deck .name{
	width:350px;
}
#deck .number{
	width:50px;
	text-align:right;
}
#deck .category{
	text-align:center;
	font-weight:bold;
}
#deck td{
	border:1px solid black;
	padding:0.4em;
}