@charset "utf-8";
/* CSS Document */
html, body, h1, form, fieldset, input {
  margin: 0px;
  padding: 0px;
  border: 0px;
  }

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 30px;
}

#registration {
  margin: 0px;
  padding: 2px 0px 10px 20px;
  border: none;
  float:left;
  width: 95%;
  }
    
#registration fieldset {
      padding: 0px;
	  float:left;
      }
	  
input.text {
	border: solid 1px #CCC;
	font-size: 15px;
	width: 100%;
	padding: 6px 2px 6px 4px;
	margin: 1px 0px 2px;
	color: #333;
	line-height: 15px;
}
input.textA {
	border: solid 1px #CCC;
	font-size: 15px;
	width: 46%;
	padding: 6px 2px 6px 4px;
	color: #333;
	line-height: 15px;
	margin-left: -5px;
}
input.textB {
	border: solid 1px #CCC;
	font-size: 15px;
	width: 20%;
	padding: 6px 2px 6px 4px;
	color: #333;
	line-height: 15px;
	margin-left: -5px;
}	
input.textC {
	border: solid 1px #CCC;
	font-size: 15px;
	width: 9%;
	padding: 6px 2px 6px 4px;
	color: #333;
	line-height: 15px;
	margin-left: -5px;
}	  

 input#email { 
 	background-position: 4px 5px; 
	background-position: 4px 5px, 0px 0px;
	}
	
 input#password { 
 	background-position: 4px -20px; 
	background-position: 4px -20px, 0px 0px;
	}
	
 input#name, input#name_en { 
 	background-position: 4px -46px; 
	background-position: 4px -46px, 0px 0px; 
	}
	
 input#phone { 
 	background-position: 4px -76px; 
	background-position: 4px -76px, 0px 0px; 
	}
	
select, textarea {
      border:solid 1px #CCC;
      font-size: 15px;
      width: 98%;
      padding: 5px 10px 5px 1px;
      color:#333;
}
textarea {
      padding: 5px 10px 5px 5px;
}
 #registration button {
	font-size: 15px;
	width: 98%;
	margin: 5px 0px;
	padding: 0px 25px 0px 0px;
	padding: 14px 25px 0px 0px\9; /* IE6 IE7 IE8 */
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	text-indent: 35px;
}
#sendBut {
	height: 36px;
	border: none;
	font-family: Helvetica, sans-serif;
	background: url('../images/AccountButton_word01p.png') no-repeat 50% 0px;
	cursor: pointer;
	float: left;
	border-radius: 8px;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

    #sendBut:hover { background-position: 50% 1px; }
	#sendBut:active { background-position: 50% 1px; }


 #registration p {
      position: relative;
      margin: 0px;
      padding: 5px 0px;
	  width: 100%;
	  float: left;
	  line-height: 24px;
      }
 #registration p img {
      position: absolute;
      margin: 0px;
      padding: 13px 10px 0px 0px;
	  left: -10px;
      }
 #registration p.whp_A {
	  width: 40%;
	  height: 46px;
	  float: right;
	  border-radius: 8px;
	  background: url('../images/AccountButton_bg3.gif') repeat-x #d54985 0px 0px;
	  margin: 5px 8% 0px 2px;
      }
 #registration p.whp_A:hover {
	background: url('../images/AccountButton_bg3h.gif') repeat-x #46285b 0px 0px;
	background-position: 0px 0px;
}
 #registration p.whp_A:active {
	background-position: 0px 0px;
}
	  
 #registration p.whp_B {
	width: 35%;

	float: left;
      }
	   
 #registration p.who_A {
	width: 76%;
	float: left;
	padding: 0px 4px 0px 0px;
      }
 #registration p.who_B {
	  width: 85px;
	  float: left;
	  padding: 4px 0px 0px 2px;
	  font-size: 13px;
      } 
	  
fieldset label.infield /* .infield label added by JS */ {
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    position: absolute;
    text-align: left;
    top: 4px !important;
    left: 7px !important;
    line-height: 29px;
    }
 #registration p.form_Box {
	width: 100%;
	height: 35px;
	padding: 2px 0px 0px 0px;
	float: left;
     }
 #registration p.form_Box_area {
	width: 100%;
	padding: 2px 0px 15px 0px;
	float: left;
     }
 #registration p.form_Box select {
	width: 25%;
	margin-left: -5px;
     }
 #registration .redWord {
	color:#F00;
	font-size: 12px;
	display: inline-block;
     }
 #registration .seredWord {
    padding: 5px 0px 0px 158px;
	position: absolute;
	color:#F00;
	font-size: 12px;
     }
 #registration .word01 {
	color: #999;
	font-size: 11px;
	line-height: 15px;
      }
 #registration .word02 {
	color: #333;
	font-size: 13px;
	line-height: 20px;
      }
 #registration .word03 {
	color: #fff;
      }
 #registration .dis {
	 display: inline-block;
      }
 #registration span a {
	color: #999;
	font-size: 11px;
	line-height: 18px;
	text-decoration: underline;
      }
 #registration span a:hover {
	color: #FFF;
	background-color: #333;
    padding: 0px 2px;
	text-decoration: none;
      }

@media only screen and (max-width: 480px) {
	
body {
	font-size: 13px;
}
input.textA, input.textB, input.textC, select, textarea {
	font-size: 13px;
}
	
#sendBut {
	height: 36px;
	border: none;
	font-family: Helvetica, sans-serif;
	background: url('../images/AccountButton_word01p.png') no-repeat 50% 0px;
	cursor: pointer;
	float: left;
	border-radius: 8px;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

#sendBut:hover { background-position: 50% 1px; }
	#sendBut:active { background-position: 50% 1px; }
	
#registration p.whp_A {
		width: 95%;
		height: 46px;
		float: left;
		margin: 5px 0px 5px 0px;
}
	
#registration {
  margin: 0px auto;
  padding: 8px 0px 15px 13px;
  border: none;
  float:left;
  }
    
#registration p.who_A {
	width: 62%;
   }
	  
#registration fieldset {
    margin: 0px auto;
	margin: 0px auto;
	float:left;
    }
	  
input.text {
	border: solid 1px #CCC;
	font-size: 13px;
	width:97.5%;
	padding: 6px 0px 6px 3px;
	color: #333;
	line-height: 15px;
}

 #registration p {
      position: relative;
      margin: 0px;
      padding: 3px 0px;
	  width: 97.5%;
	  float: left;
	  line-height: 20px;
      }
	  
 #registration .redWord {
	font-size: 11px;
	margin-left: -3px;
     }

#registration p.whp_B {
		width: 95%;
		margin:0 auto;
		padding: 5px 0px 0px 0px\9; /* IE6 IE7 IE8 */
	}

 #registration p.form_Box {
	width: 95%;
	height: 35px;
	padding: 2px 0px 0px 0px;
	float: left;
     }
 #registration p.form_Box select {
	width: 21%;
     }

}