/* ******************************************************************************
	Style003 - TopNavigationStyle - About
		(c) 2012 Creative-style
****************************************************************************** */
h2 {
	width:			654px;
	height:			51px;
	margin:			0 0 15px 10px;
}
h2 span {
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
	font-size:		1px;
}
a {
	text-decoration:	none;
	color:			#000000;
}
a:hover {
	text-decoration:	underline;
	color:			#0000ff;
}

/* ==============================================================================
	Shop Area Settings
============================================================================== */
.ShopArea {
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		20px;
	width:			644px;
	font-size:		medium;
	padding:		5px;
	background-color:	#ddcdac;
}
.ShopArea .InfoArea {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	background-color:	#eee5d3;
	border:			1px solid #a28871;
}
.ShopArea .InfoArea table {
	margin-top:		10px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		30px;
	width:			580px;
	border-collapse:	collapse;
}
.ShopArea .InfoArea table td {
	padding:		5px;
	font-size:		13px;
	border:			1px solid #6f5441;
	border-collapse:	collapse;
}
.ShopArea .InfoArea table td.td_head {
	padding:		8px;
	color:			#333;
	font-size:		12px;
	text-align:		right;
	white-space:		nowrap;
	background-color:	#eee5d3;
	background-image:	url(img/table_headbk.gif);
	background-repeat:	repeat-x;
	border-top-width:	1px;
	border-right-width:	4px;
	border-bottom-width:	1px;
	border-left-width:	1px;
	border-top-style:	solid;
	border-right-style:	solid;
	border-bottom-style:	solid;
	border-left-style:	solid;
	border-top-color:	#6f5441;
	border-right-color:	#6f5441;
	border-bottom-color:	#6f5441;
	border-left-color:	#6f5441;
}
.ShopArea .InfoArea table td.td_odd {
	padding:		8px;
	font-size:		12px;
	text-align:		left;
	line-height:		20px;
	background-color:	#eee5d3;
	background-image:	url(img/table_bk.gif);
	background-repeat:	repeat-x;
	border:			1px solid #6f5441;
}

/* ==============================================================================
	Message Area Settings
============================================================================== */
.MessageArea {
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		20px;
	width:			644px;
	font-size:		medium;
	padding:		5px;
	background-color:	#ddcdac;
}
.MessageArea .DelegateArea {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	background-color:	#eee5d3;
	border:			1px solid #a28871;
}
.MessageArea .ImageArea {
	float:			left;
	margin-top:		5px;
	margin-left:		10px;
	margin-right:		20px;
	margin-bottom:		10px;
	padding:		2px;
	background-color:	#ddcdac;
	border:			1px solid #a28871;
}
.MessageArea p {
	margin-top:		10px;
	padding:		2px;
	font-size:		small;
}

/* ==============================================================================
	Access Area Settings
============================================================================== */
.AccessArea {
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		20px;
	width:			644px;
	font-size:		medium;
	padding:		5px;
	background-color:	#ddcdac;
}
.AccessArea .MapArea {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	background-color:	#eee5d3;
	border:			1px solid #a28871;
	height:			360px;
}
.AccessArea .MapArea .Map {
	float:			left;
	margin-top:		15px;
	margin-bottom:		15px;
	padding-top:		2px;
	padding-bottom:		5px;
	width:			365px;
	height:			305px;
	text-align:		center;
	font-size:		13px;
	background-color:	#fff;
	border:			1px solid #eaeaea;
}
.AccessArea .MapArea #map_canvas {
	width:			365px;
	height:			305px;
}
.AccessArea .MapArea .PhotoArea {
	float:			right;
	width:			220px;
}
.AccessArea .MapArea .PhotoArea img {
	margin-top:		15px;
	margin-bottom:		15px;
	width:			220px;
	height:			145px;
}
.AccessArea .MapArea .LinkArea {
	float:			left;
	font-size:		small;
}

/* ==============================================================================
	Gallery Area Settings
============================================================================== */
.GalleryArea {
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		20px;
	width:			644px;
	height:			300px
	font-size:		medium;
	padding:		5px;
	background-color:	#ddcdac;
}
.GalleryArea .ListArea {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	background-color:	#eee5d3;
	border:			1px solid #a28871;
	height:			160px;
}
.GalleryArea .ListArea .ListBox {
	float:			left;
	margin-left:		20px;
	_margin-left:		10px;
	margin-bottom:		10px;
	padding-top:		8px;
	padding-bottom:		8px;
	text-align:		center;
	width:			188px;
	background-color:	#eee5d3;
	border:			1px solid #eee8df;
}
.GalleryArea .ListArea .ListBox a img {
	padding-top:		2px;
	padding-left:		1px;
	padding-right:		1px;
	padding-bottom:		2px;
	background-color:	#ddcdac;
	border:			1px solid #e2dbcd;
}
.GalleryArea .ListArea .ListBox a:hover img {
	border-color:		#a28871;
}
.GalleryArea .ListArea .ListBox:hover {
	background-color:	#ddcdac;
	border-color:		#a28871;
}
.GalleryArea .ListArea .ListBox p {
	margin-top:		10px;
	font-size:		small;
}