/** 共通設定 */

body {
	margin:0;
/*	padding:20px; */
}

img {
	max-width: 100%;
	height: auto;
}

h1 {
	font-size: 100%;
}

input[type="text"],input[type="tel"],input[type="password"],textarea,select {/* input,textareaを角丸にする */
	border:2px solid #C2C2C2;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* safari,chrome */
	-moz-border-radius: 10px;/* firefox */
}

input[type="text"],input[type="password"] {
	font-size: 120%;
}

textarea {
	font-size: 120%;
	height: 50px;
}

select {
	font-size: 120%;
}

input[type="submit"] {
	font-size:100%;
	margin: 0;
	color: #000000;
	background: -moz-linear-gradient(
		top,
		#f5f5f5 0%,
		#e8e8e8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f5f5f5),
		to(#e8e8e8));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #e3e3e3;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(219,219,219,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}


/** 項目の設定 */

.title{
}
.description{
}

.id {
	width: 90%;
}
.password {
	width: 90%;
}
.text {
	width: 90%;
}
.name {
	width: 90%;
}
.name_k {
	width: 90%;
}
.name_h {
	width: 90%;
}
.company_name {
	width: 90%;
}
.company_name_k {
	width: 90%;
}
.company_name_h {
	width: 90%;
}
.address {
	width: 90%;
}
.address_k {
	width: 90%;
}
.address_h {
	width: 90%;
}
.tel {
	width: 90%;
}
.postcode {
	width: 90px;
}
.prefectures {
	width: 90%;
}
.unit_name {
	width: 90%;
}
.post {
	width: 90%;
}
.job {
	width: 90%;
}
.business_type {
	width: 90%;
}
.job_type {
	width: 90%;
}
.alphabetical {
	width: 90%;
}
.alphanumeric {
	width: 90%;
}
.email {
	width: 90%;
}
.sex {
	width: 90%;
}
.blood {
	width: 90%;
}
.numeric {
	width: 90%;
}
.birthdate {
	width: 90%;
}
.date {
	width: 90%;
}
.time {
	width: 90%;
}
.memo {
	width: 90%;
}
.permission {
	width: 90%;
}
.parameter {
	width: 90%;
}
.shopname {
}

.required {
	color: #ff0000;
}

.label {
	width: 270px;
	vertical-align: middle;
	padding-right: 8px;
	text-align: left;
	word-wrap: break-word; 
	position: absolute;
}

.backtext {
	margin-left: 5px;
	vertical-align: middle;
}

.field {
	vertical-align: middle;
	white-space: nowrap;
	margin-left: 200px;
}

.clear_float {
	clear: both;
}

.displaynone {/* ラベルと入力欄の改行を消す */
	display: none;
}


/** ボタン、セレクトボックス、 */

.radiobtn_icon {
	width: 5%;
}

.checkbox_icon {
}

.radiobtn_label,.checkbox_label {
	vertical-align:middle; 
}


/** ボタンを角丸にする */

.btn {
	font-size:120%;
	margin: 0;
	color: #9c9c9c;
	background: -moz-linear-gradient(
		top,
		#f5f5f5 0%,
		#e8e8e8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f5f5f5),
		to(#e8e8e8));
	-moz-border-radius: 10px; /* Firefox用 */
	-webkit-border-radius: 10px; /* Safari, Chrome用 */
	-ms-border-radius: 10px; /* IE6用 */
	border-radius: 10px; /* CSS3草案 */
	border: 1px solid #e3e3e3;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(219,219,219,0.7),
		0px 1px 0px rgba(255,255,255,0.3);	
		
	behavior: url(PIE.htc);
	
	position: relative; /* 角丸がグラデーションに重ならないように for lt IE8 */
	zoom: 1;    /* for IE */
}


/** アクション */

textarea:focus {
	height: 7em;
}

input[type="radio"],input[type="checkbox"] {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	margin-top: 7px;
	margin-bottom: 7px;
	height: 14px;
	width: 14px;
	margin-right: 7px;
}

/** 確認画面の入力欄 */
.confirmTextField {
}