@charset "utf-8";

/* =================================================================================
 Reset
================================================================================= */
html{ over-flow-y:scroll; }
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,{
	margin:0;
	padding:0;
	font-size:100%;
}
ul{list-style:none;}
img{border:none;}


/* -------------------------------------------------------
 HTML5
------------------------------------------------------- */
address, article, aside, figure,footer, header, hgroup, menu, nav, section {display:block;}
[hidden], command, datalist,menu[type=context], rp, source{display:none;}


/* -------------------------------------------------------
 clearfix
------------------------------------------------------- */
.clear{	/zoom:1;}
.clear:after{ content:''; height:0; display:block; clear:both;}


/* =================================================================================
 Maximage
================================================================================= */
img.bgmaximage{
  position:fixed !important;
  display:none;
}

#maincontent {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}


/* =================================================================================
 Layout
================================================================================= */
body{
	margin:0;
	padding:0;
	font-size:14px;
	background-color:#000;
	color:#fff;
}

#header {
	margin-top:80px;
	margin-bottom:30px;
}

#main {
	width:960px;
	height:100%;
	text-align:center;
	margin:0 auto;
}

#main p {
	margin-bottom:20px;
}

#main p img {
	padding:0 5px;
}

ul.songlist { width:900px; list-style:none;}
ul.songlist li { width:300px;height:20px; float:left;text-align:left; }

.songlist_title {
	text-align:center;
	padding:3px;
	font-size:16px;
	font-weight:bold;
}

.songlist_border {
	background-color:#000;
	margin-bottom:20px;
	border:1px solid #999;
	padding:15px;
}

.errormsg {
	background-color:#000;
	margin-top:10px;
	border:1px solid #999;
	padding:10px;
	color:#F00;
	font-weight:bold;
}

.about {
	margin-left:30px;
	margin-bottom:50px;
	font-size:14px;
	text-align:left;
}

.result_bar {
	width:930px;
	text-align:center;
	margin:0 auto;
	padding:10px;
	background-color:#006;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:5px;
	border:1px #CCC solid;
}

.result {
	 border:1px #999 solid;
	 background-color:#000;
	 padding:10px;
	 width:410px;
	 float:left;
	 margin-bottom:15px;
}

.result tr th {
	padding-left:10px;
}

.resultTB {
	font-size:12px;
	float:left;
	width:300px;
	text-align:left;
}

.resultTB th {
	font-size:16px;
	font-weight:bold;
	color:#FF0;
	text-align:center;
}

.resultSong {
	text-align:right;
	padding-right:5px;
}

dl { width:450px;}
dt { float:left; width:100px; clear:both; margin-left:80px;padding-bottom:5px;font-weight:bold;font-size:16px;text-align:right;}
dd { width:350px;margin-left:200px;padding-bottom:5px;font-size:16px;text-align:left;}

.resultBox {
	float:left;
	margin-right:10px;
	background-color:#000;
	margin-bottom:15px;
}

.generation {
	width:400px;
	padding:5px;
	margin:30px auto 10px;
	text-align:center;
	color:#FFF;
	background-color:#333;
	font-size:18px;
	font-weight:bold;
}