*{
	margin:0;
	padding:0;
}


html,body{
	width:100%;
	height:100%;
	font-family:Verdana, "", sans-serif; 
}


body{
	background:#111;
}

#space{
	width:540px;
	margin: 0 auto;
	background:#000000;
	height:100%;
}

#wrap{
	width:520px;
	margin: 0 auto;
	background:#000000;
	height:auto;
}

#mainarea{
	width:500px;
	margin: 0 auto;
	height:auto;
/*	_padding-left:20px;*/
}


h1{
	background: url(img/title.jpg) no-repeat left top;
	width:520px;
	height:87px;
	color:#fff;
	text-align:left;
	padding:3px 0 0 3px;
	font-size:12px;
}

h2{
	width:500px;
	height:102px;
	text-indent:-9999px;
	display:block;
}

.type-pc{
	width:500px;
	height:102px;
	text-indent:-9999px;
	background:url("img/pc_title.jpg") no-repeat bottom;
	display:block;
}

.type-html{
	width:500px;
	height:102px;
	text-indent:-9999px;
	background:url("img/html_title.jpg") no-repeat bottom;
	display:block;
}

.type-mobile{
	width:500px;
	height:102px;
	text-indent:-9999px;
	background:url("img/mobile_title.jpg") no-repeat bottom;
	display:block;
}





.registration-area-p{
	width:500px;
	height:380px;
		margin-bottom:30px;
	color:#ffffff;
	font-size:12px;
	display:block;
	background:url("img/text_back_pc.jpg") no-repeat;
	position:relative;
}

.send-mail {
	padding:230px 0 0 15px;
	line-height:1.6;
	background-color:transparent;
}

.send-mail table tr td{
	height:52px;
}

.qr-area{
	font-size:11px;
	padding-left:10px;
}

.qrcode{
	width:100px;
	margin:5px 0 0 35px;
	/*text-align:center;*/
	float:left;
	_margin:5px 0 0 10px;
}

.notes{
	width:330px;
	float:left;
	margin:7px 0 0 20px;
	padding:0;
	/*background-color:red;*/
}

.explanation{
	width:330px;
	float:left;
	margin:13px 0 0 20px;
	padding:0;
	font-size:14px;
	/*background-color:red;*/
}

.explanation a:link{
	color:#ffffff;
}
.explanation a:visited{
	color:#ffffff;
}
.explanation a:hover{
	color:red;
}

 .send-mail form{
	padding:0 0 0 15px;
 }


.registration-area-h{
	width:500px;
	height:380px;
	color:#ffffff;
	font-size:12px;
	margin-bottom:30px;
	display:block;
	background:url("img/text_back_html.jpg") no-repeat;
	position:relative;
}

.registration-area-m{
	width:500px;
	height:600px;
	color:#ffffff;
	font-size:12px;
	display:block;
	background:url("img/text_back_mobile.jpg") no-repeat;
	position:relative;
}


.registration-text{
	line-height:1.3;
	background-color:transparent;
	position:absolute;
	top:20px;
	width:498px;
	font-size:13px;
	line-height:1.5;
}


.registration-text img{
	float: left;
	margin:4px 8px 0 17px;
}


.close{
	width:500px;
	padding:0 0 50px 0;
	text-align:center;
}

.close img{
	border-style:none;
}

.red{
	color:#ff0000;
}