@charset "utf-8";

/* =default
-------------------------------------------------------------------------------------------- */

@charset "UTF-8";
/* --
CSS Reseter
CSSLab ｩ 2010 by Jorge Epun
http://www.csslab.cl/2010/06/01/css-reseter-v2/
-- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, header, footer, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height:120%;
}
.ui-body-a {
    border: 1px solid #333;
    background: #ffcc00;
	background-color:#ffcc00;
    font-weight: bold;
    text-shadow: 0 -1px 1px #333;
    background-image: -moz-linear-gradient(top, #ffcc00, #ffcc00);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffcc00),color-stop(1, #ffcc00));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc00', EndColorStr='#ffcc00')";

}
.ui-body-a .ui-link {
	color: #fcd572;
}
html {
	padding:0;
	margin:0 auto;
	text-align:center; 
}
body {
	font:18px/1.7em Verdana, sans-serif;
	color: #333;
	text-align:center;
	margin:0 auto;
	background: #99ff66 url(img/bg.png) repeat-y;
	background-size:contain;
}
#container {
	padding:0;
	margin:0 auto;
	position:relative;
	width: 100%;

}
#main {
}
#msg_stage {
	font: 20px;
	color: #cc0000;
}
.sub_title img {
	max-width:100%;
	height: auto;
}
.code_title {
	margin: 20px auto 3px;
	font-size:1.2rem;
	font-weight:bold;
	color:#2677e4;
	line-height:120%;
	text-align:center;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff
        ;
}

.code_text {
	padding: 20px;
	text-align: left;
	line-height:130%;
	font-size:1rem;
}

#reward {
	margin: 0 auto 25px;
	padding: 5px;
	width: 85%;
	border: 2px solid #94da49;
	border-radius: 16px;
	background-color: #9ef7fd;
}

#reward td,#reward th {
	vertical-align:middle;
	text-align: left;
	font-size: 1rem;
	padding-left: 0px;
	width:auto;
	line-height:120%;
	min-width: 54px;
}

#reward th img {
	min-width: 54px;
}

#code_block {
	width: 90%;
	margin: 0 auto 30px auto;
	background:#fff8b0;
	border: 2px solid #278bf6;
	border-radius: 20px;	
}


.code_notice {
	text-align:left;
	line-height:24px;
	font-size:1rem;
	padding: 18px;
	color:red;
	line-height:120%;
}

input#id {
	margin: 20px auto;	
}


#push_button {
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left: 10px;
	margin-right: 10px;
}
#push_button img {
	width: 45%;
}
#push_button input {
	width: 45%;
}
#t_table_top {
	max-width: 90%;
	height: auto;
}
#t_table_bottom {
	max-width: 90%;
	height: auto;
	margin-top: -5px;
	margin-bottom: 30px;
}
#t_table_top2 {
	max-width: 90%;
	height: auto;
}
#t_table_bottom2 {
	max-width: 90%;
	height: auto;
	margin-top: -45px;
}
img {
	max-width:100%;
	height: auto;
}
table {
	padding:0;
	margin:0 auto;
	display: table;
	width: 90%;
	border-collapse: separate;
	text-align: center;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
}
table tr {
	padding:0;
	margin:0 auto;
	text-align: center;
	width: 100%;
	border: 0;
}
table td {
	padding:0;
	margin:0 auto;
	text-align: left;
	width: 100%;
	border: 0;
}
table td.td_title {
	padding-top: 10px;
	margin:0 auto;
	text-align: center;
	font: 20px;
	font-weight: bold;
	width: 100%;
	border: 0;
}
#text_table2 td{
	text-align:center;
}

.error_message {
	width: 85%;
	padding: 12px;
	margin: 10px auto;
	border: 1px solid red;
	border-radius: 20px;
	color:red;	
}

input[type="image"] {
	width: 80%;
	margin: 0 auto;
}


.btn {
	width: 80%;
	margin: 0 auto;
}



.warning {
	margin: 0 auto 25px;
	padding: 5px;
	width: 85%;
	border: 2px solid #94da49;
	border-radius: 16px;
	background-color: #ffc0cb;
}