/* ------------------ structure | setting ------------------ */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

.row {
  margin: 0 0 20px;
}
.row .row {
  margin: 10px 0 0 0;
}

/* ------------------ structure | main ------------------ */
body{ background: url(/jmb/images/pattern.jpg) repeat;}

#wrap{ width: 100%; min-height: 100%; height: auto; display: block;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;}
  
#main{ min-height: 100%; height: auto; display: block; margin: 0 auto; padding: 0;}


/* ------------------ header ------------------ */
header#registHead { width: 100%; display: block; padding: 0; margin: 0 auto; }


/* ------------------ section#main ------------------ */
#contentBG { width:95%; max-width: 420px; height: auto; display: block; padding: 0 0 ; margin: 0 auto; background: url(/jmb/images/contBG.png) 0% 50px repeat-x;}
#contentBG620 { width:95%; max-width: 620px; height: auto; display: block; padding: 0 0 ; margin: 0 auto; background: url(/jmb/images/contBG.png) 0% 50px repeat-x;}
header.content { width: 100%; max-width:420px; height: 90px; display: block; padding: 0; margin: 0 auto ; background: url(/jmb/images/TitleBG.png) left no-repeat ;text-align:center;
}
header.contentB { width: 420px; height: 132px; display: block; padding: 25px 0 0; margin: 0 0 ; background: url(/jmb/images/TitleBG.png) center no-repeat;text-align:center;
}

section.content {width: 100%; max-width:420px;  height: auto; min-height: 150px; clear: both; display: block; padding: 5px 10px; margin: 0 auto ; background: #fff; text-align: center;
	-webkit-box-shadow: 1px 1px #dbd6cf ;
    -moz-box-shadow: 1px 1px #dbd6cf;
    box-shadow: 1px 1px #dbd6cf;}
section.content620 {width: 100%; max-width:620px;  height: auto; min-height: 150px; clear: both; display: block; padding: 5px 10px; margin: 0 auto ; background: #fff; text-align: center;
	-webkit-box-shadow: 1px 1px #dbd6cf ;
    -moz-box-shadow: 1px 1px #dbd6cf;
    box-shadow: 1px 1px #dbd6cf;}
section.content h4{ color:#ff4931; font-weight:900; background:url(../images/common/icon01.png) 32% 50% no-repeat; padding-left:2px;}

section.content h5{ color:#ff4931; font-weight:900;  padding-left:2px;}




section.content form { width:100%;padding: 0px 15px; margin: 0 auto;}
section.content form input[type=text]{
	color:#5a400d;
	border:1px solid #d0d0d0;
	background-color:#fcfcfc;
}


.regist {
	display: block; padding: 10px 10px ; margin: 0 auto; background:#ffbb33; text-align: center;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

.registbox td{ height:15px;}
.registbox p{ font-size:14px; font-weight:900px; line-height:5px; padding-top:8px; padding-left:2px; } 
section.content .finish {
	display: block; padding: 10px 0px ; margin: 0 auto;
}

.widthat2{ width:110px;}

ul.btnlist.two {
	width:230px; height: auto; display: block; padding: 5px 8px; margin: 0 auto; clear: both; 
}

ul.btnlist.one {
	width:95%;
	max-width:380px;
	height: auto;
	display: block;
	padding: 5px 8px;
	margin: 0 auto;
	clear: both;
}
ul.btnlist { width:95%; max-width:380px; height: auto; display: block; padding: 5px 8px; margin: 0 auto; clear: both; 
}



.blcA{ width: 370px;  height: 150px; display: block; padding: 15px 0px 10px 15px; margin: 0 auto ; background: #fff; text-align: center;}
	
#termsA, #termsB { width: 340px;  height: 120px; display: block; overflow-y:scroll; overflow-x: hidden; text-align: left;}

footer.content{ width:95%; max-width: 420px; height: 10px; display: block; padding: 0 0 0; margin: 0 ; }


/*---------Gecko Only---------*/
@-moz-document url-prefix() {
 #search form{
	margin:0 auto; color:#14b9d6;
	}
}

/*--------- webkit Only---------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#search form{
	margin:0 0 0 3px; color:#14b9d6;
	}
}