/* ******************************************************************************
	Style001 - TopNavigationStyle - MemberPage
		(c) 2007 foryousystem.co.,ltd
****************************************************************************** */
/* ------------------------------------------------------------------------------
PageCommon Setting
------------------------------------------------------------------------------ */
/* ==============================================================================
	Reservation Area Settings
============================================================================== */
.ReservationArea {
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		20px;
	padding-top:		5px;
	padding-bottom:		5px;
	width:			654px;
	font-size:		medium;
}
.ReservationArea h2 {
	width:			654px;
	height:			51px;
	margin:			0 0 15px 0;
}
.ReservationArea h2 span {
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
	font-size:		1px;
}
.ReservationArea .helpmessage {
	margin-left:		15px;
	margin-bottom:		20px;
	padding-bottom:		3px;
	padding-left:		10px;
	width:			600px;
	color:			#787878;
	font-size:		small;
}

/* ------------------------------------------------------------------------------
LoginPage Setting
------------------------------------------------------------------------------ */
/* ==============================================================================
	Login Area Settings
============================================================================== */
.LoginArea {
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		20px;
	padding-top:		5px;
	padding-bottom:		5px;
	width:			447px;
	font-size:		medium;
}
.LoginArea table {
	margin-top:		10px;
	margin-left:		10px;
	margin-bottom:		50px;
	width:			445px;
	border-collapse:	collapse;
	border:			1px solid #6f5441;
}
.LoginArea table td {
	padding-left:		10px;
}
.LoginArea table td .itemcategory {
	float:			left;
	margin-top:		3px;
	margin-bottom:		3px;
	width:			425px;
}
.LoginArea .textfield {
	margin-top:		10px;
	margin-bottom:		10px;
	margin-right:		10px;
	padding:		2px;
	border:			1px solid #6f5441;
	width:			80%;
	height:			20px;
}

/* ------------------------------------------------------------------------------
MemberPage Setting
------------------------------------------------------------------------------ */
/* ==============================================================================
	Calendar Area Settings
============================================================================== */
.CalendarArea {
	float:			left;
	margin-bottom:		10px;
	width:			200px;
}
.CalendarArea .Month {
	float:			left;
}
.CalendarArea .Month a {
	text-decoration:	none;
}
.CalendarArea .Month a:hover {
	color:			#ff0000;
}
.CalendarArea .Previous_Mon {
	margin-top:		2px;
	margin-left:		5px;
	width:			38px;
	font-size:		x-small;
	color:			#000000;
	text-align:		left;
}
.CalendarArea .Mon {
	float:			left;
	width:			97px;
	font-size:		small;
	color:			#000000;
	text-align:		center;
	font-weight: 		bold;
}
.CalendarArea .Next_Mon {
	margin-top:		2px;
	width:			38px;
	font-size:		x-small;
	color:			#000000;
	text-align:		right;
}

/* ==============================================================================
	Calendar Area Table Settings
============================================================================== */
.CalendarArea table {
	float:			left;
	margin-top:		10px;
	margin-left:		5px;
	_margin-left:		2px;
	width:			175px;
	border-collapse:	collapse;
	border:			1px solid #575757;
}
.CalendarArea table th {
	padding-top:		3px;
	padding-bottom:		3px;
	text-align:		center;
	width:			25px;
	font-size:		small;
	color:			#575757;
	background-color:	#cacaca;
}
.CalendarArea table td {
	text-align:		right;
	padding-top:		3px;
	padding-bottom:		3px;
	padding-right:		3px;
	width:			25px;
	font-size:		small;
	color:			#575757;
}
.CalendarArea table .bgr {
	color:			#ff0000;
	background-color:	#ffccff;
}
.CalendarArea table .bgb {
	color:			#0000ff;
	background-color:	#ccffff;
}
.CalendarArea table .bgn {
	color:			#575757;
}
.CalendarArea table .today {
	color:			#000000;
	background-color:	#cacaca;
	font-weight: 		bold;
}
.CalendarArea table a:hover {
	color:			#0000ff;
}

/* ==============================================================================
	Timetable Area Settings
============================================================================== */
.TimetableArea {
	float:			right;
	width:			425px;
}
.TimetableArea h4 {
	margin-left:		10px;
	margin-bottom:		10px;
}
.TimetableArea .Time {
	margin-left:		8px;
	margin-right:		5px;
	font-size:		x-small;
}

/* ==============================================================================
	Timetable Area Table Settings
============================================================================== */
.TimetableArea table {
	margin-top:		10px;
	margin-left:		15px;
	border-collapse:	collapse;
	border:			1px solid #575757;
}
.TimetableArea table td {
	text-align:		right;
	padding-top:		3px;
	padding-bottom:		3px;
	width:			35px;
	font-size:		small;
	color:			#575757;
}
.TimetableArea table .bgr {
	background-color:	#ff0000;
}

/* ==============================================================================
	Form Area Settings
============================================================================== */
.FormArea {
	float:			left;
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		20px;
	_margin-left:		5px;
	_margin-right:		5px;
	padding-top:		5px;
	padding-bottom:		5px;
	width:			654px;
	font-size:		medium;
}
.FormArea h2 {
	width:			654px;
	height:			51px;
	margin:			0 0 15px 0;
}
.FormArea h2 span {
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
	font-size:		1px;
}
.FormArea h3 {
	margin-left:		10px;
	margin-bottom:		5px;
	padding-top:		3px;
	padding-left:		10px;
	width:			615px;
	color:			#cc6600;
	font-weight: 		bold;
	font-size:		medium;
}
.FormArea .helpmessage {
	margin-left:		25px;
	margin-bottom:		10px;
	padding-bottom:		3px;
	padding-left:		10px;
	width:			600px;
	color:			#787878;
	font-size:		small;
}
.FormArea .indispensable {
	font-size:		small;
	color:			#cc6600;
}
.FormArea strong {
	color:			#cc6600;
}
.FormArea .textfield {
	padding:		2px;
	border:			1px solid #6f5441;
	width:			90%;
}

.FormArea .timefield {
	margin-right:		5px;
	padding:		2px;
	border:			1px solid #82a3c4;
	width:			15%;
}
.FormArea select {
	margin-right:		15px;
}
.FormArea .yoyaku_start {
	margin-left:		10px;
	font-weight: 		bold;
}

/* ==============================================================================
	Form Area Table Settings
============================================================================== */
.FormArea table{
	margin-top:		10px;
	margin-left:		10px;
	width:			625px;
	border-collapse:	collapse;
	border:			1px solid #6f5441;
}
.FormArea table th{
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		1em;
	text-align:		left;
	width:			180px;
	font-size:		small;
	color:			#575757;
	background-color:	#cacaca;
	border:			1px solid #6f5441;
}
.FormArea table td {
	text-align:		left;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		1em;
	width:			445px;
	color:			#575757;
	border:			1px solid #6f5441;
}
.FormArea table td .itemcategory {
	float:			left;
	margin-top:		3px;
	margin-bottom:		3px;
	width:			439px;
}
.FormArea table td .itemcategory img {
	width:			423px;
	height:			32px;
}
.FormArea table td .item {
	float:			left;
	width:			219px;
}
.FormArea table tr .formhelp {
	margin-left:		100px;
	padding-top:		1px;
	padding-bottom:		1px;
	text-align:		left;
	color:			#787878;
	font-size:		small;
	text-indent:		1em;
	background-color:	#efefef;
}
.FormArea table tr .errMsg {
	margin-left:		100px;
	padding-top:		1px;
	padding-bottom:		1px;
	text-align:		left;
	color:			#ff0000;
	font-weight: 		bold;
	font-size:		small;
	text-indent:		1em;
	background-color:	#efefef;
}