@charset "utf-8";

/* ログイン画面 */
.login {
	float: left;
	width: 281px;
	height: 214px;
	background: url(../images/bg_login.jpg) left top no-repeat;
	padding: 38px 18px 0 18px;
}

	.login dl {
	}
	
		.login dl dt {
			margin: 0 0 3px 0;
		}
		
		.login dl dd {
			margin: 0 0 9px 0;
		}
		
			.login dl dd input {
				width: 270px;
			}
				

.regist {
	float: right;
	width: 281px;
	height: 214px;
	background: url(../images/bg_regist.jpg) left top no-repeat;
	padding: 38px 18px 0 18px;
}

	p.regist-btn {
		text-align: center;
		margin: 45px 0 0 0;
	}
	
.btn-area {
	text-align: center;
	margin: 20px auto 0;
}

/* 会員登録/登録変更/お届け先追加/お問合せ */
span.red {
	color: #F00;
}

table.member-table {
	width: 100%;
	margin: 20px 0 0 0;
}

	table.member-table th {
		width: 150px;
		background-color: #EFEFEF;
		border: 1px solid #D2D2D2;
		text-align: center;
		padding: 5px 0;
	}
	
	table.member-table th.text {
		height: 248px;
	}
	
		table.member-table th span {
			color: #F00;
		}
	
	table.member-table td {
		border: 1px solid #D2D2D2;
		padding: 5px 5px 5px 15px;
		vertical-align: top;
	}
	
		table.member-table td input {
			vertical-align: middle;
		}
		
		table.member-table td.short input {
			width: 75px;
		}
		
			table.member-table td.short span input {
				font-size: 10px;
			}
	
		table.member-table td.mid input {
			width: 90px;
			margin: 0 10px 0 5px;
		}
		
		table.member-table td.long input {
			width: 215px;
			margin: 0 10px 0 0;
		}
		
		table.member-table td textarea {
			width: 358px;
			height: 228px;
		}
		
		table.member-table td.text-comment textarea {
			width: 300px;
			height: 100px;
		}



/* thanks画面(他のthanksと共有) */
p.thanks {
	width: 530px;
	margin: 0 0 0 60px;
}

	p.thanks span {
		font-size: 15px;
	}


/* マイページ */
.mypage {
	width: 620px;
	height: 217px;
	background: url(../images/bg_mypage.jpg) left top no-repeat;
	padding: 35px 15px 0 15px;
}

	table.mypage-table {
		width: 610px;
		margin: 0 0 0 10px;
	}
	
		table.mypage-table th {
			width: 150px;
			vertical-align: top;
			padding: 0 0 20px 0;
		}
	
		table.mypage-table td {
			vertical-align: top;
			padding: 0 0 20px 0;
		}