/* ******************************************************************************
	Style002-TopNavigationStyle - TopPage
		(C) 2013 CreativeStyle
****************************************************************************** */
/* ==============================================================================
	Common Settings
============================================================================== */
h2 {
	float:			left;
	width:			643px;
	height:			36px;
	margin:			0 0 15px 0;
}
h2 span {
	text-indent:		-9999px;
	overflow:		hidden;
	display:		block;
	font-size:		1px;
}

/* ==============================================================================
	Greeting Area Settings
============================================================================== */
.GreetingArea {
	float:			left;
	margin:			34px 0 15px 18px;
	_margin:		34px 0 15px 9px;
	width:			643px;
}
.GreetingArea .ImageArea {
	float:			left;
	width:			146px;
	height:			225px;
}
.GreetingArea .DocumentArea {
	float:			right;
	margin-top:		16px;
	width:			482px;
	height:			209px;
	font-weight:		bold;
	line-height:		170%;
	letter-spacing:		2px;
}

/* ==============================================================================
	Business Area Settings
============================================================================== */
.BusinessArea {
	float:			left;
	margin:			34px 0 15px 18px;
	_margin:		34px 0 15px 9px;
	width:			643px;
}
.BusinessArea .DocumentArea {
	float:			left;
	width:			643px;
}
.BusinessArea .ImageArea {
	float:			left;
	margin-bottom:		15px;
	width:			636px;
	height:			127px;
}
.BusinessArea .TitleArea {
	margin-top:		10px;
	padding-left:		16px;
	color:			#3fa6e0;
	font-weight:		bold;
	background-image:	url(img/circle_blue.jpg);
	background-repeat:	no-repeat;
}
.BusinessArea .AttentionArea {
	margin-left:		15px;
	font-size:		small;
}
.BusinessArea .LinkArea {
	float:			right;
	margin-top:		10px;
	margin-bottom:		10px;
	font-size:		small;
}

/* ==============================================================================
	Contact Area Settings
============================================================================== */
.ContactArea {
	float:			left;
	margin:			34px 0 0 18px;
	_margin:		34px 0 0 9px;
	width:			643px;
}
.ContactArea .ContactListArea {
	margin-left:		14px;
	margin-bottom:		9px;
	width:			629px;
}
.ContactArea .ContactLeft {
	float:			left;
	margin-top:		38px;
	width:			308px;
	height:			272px;
}
.ContactArea .ContactRight {
	float:			right;
	margin-top:		34px;
	width:			299px;
	height:			278px;
}

/* ==============================================================================
	Historyt Area Settings
============================================================================== */
.HistoryArea {
	float:			left;
	margin-top:		4px;
	width:			299px;
	height:			250px;
	background:		url(img/history_background.jpg) no-repeat;
}
.HistoryArea dl {
	width:			299px;
	padding-top:		4px;
	padding-bottom:		4px;
	font-size:		14px;
	line-height:		normal;
}
.HistoryArea dt {
	margin-top:		5px;
	width:			299px;
	color:			#3fa6e0;
}
.HistoryArea dd {
	margin-top:		3px;
	margin-bottom:		3px;
	width:			299px;
}