/* ******************************************************************************
	Style001 - TopNavigationStyle - TopPage
		(c) 2007 foryousystem.co.,ltd
****************************************************************************** */
/* ==============================================================================
	PR Message Area Settings
============================================================================== */
.PRMessageArea {
	margin-left:			10px;
	margin-right:			5px;
	margin-bottom:			20px;
	padding-top:			5px;
	padding-bottom:		5px;
	font-size:				medium;
}
.PRMessageArea h2 {
	margin-bottom:			5px;
	padding-top:			5px;
	padding-bottom:		1px;
	padding-left:			10px;
	color:					#000000;
	font-weight: 			bold;
	font-size:				large;
	background-image:		url(img/top_titleline_back.gif);
	background-repeat:	repeat-x;
	border-top:				1px solid #779658;
	border-left:			1px solid #779658;
	border-right:			2px solid #779658;
	border-bottom:			2px solid #779658;
}
.PRMessageArea p {
	margin-top:				1em;
	padding-left: 			1em;
	color:					#404040;
	line-height: 			140%;
	letter-spacing:		0.2em;
}
.PRMessageArea p strong {
	color:					#cb100a;
	font-weight: 			normal;
}

/* ==============================================================================
	Service Area Settings
============================================================================== */
.ServiceArea {
	float:					left;
	margin-left:			9px;
	width:					340px;
}
/* ==============================================================================
	Event Area Settings
============================================================================== */
.EventArea {
	float:					left;
	margin-bottom:			20px;
	width:					340px;
	border:					1px solid #779658;
}
.EventArea h2 {
	margin-bottom:			5px;
	padding-top:			5px;
	padding-bottom:		1px;
	padding-left:			10px;
	color:					#000000;
	font-weight: 			bold;
	font-size:				large;
	background-image:		url(img/top_titleline_back.gif);
	background-repeat:	repeat-x;
	border-bottom:			2px solid #779658;
}
.EventArea ul{
	list-style: 			none;
}
.EventArea li {
	overflow:				auto;
	margin-left:			5px;
	margin-right:			5px;
	margin-bottom:			10px;
	clear:					left;
	width:					330px;
	text-decoration: 		none;
}
.EventArea li .title{
	margin-bottom:			0.5em;
	padding-left:			10px;
	float:					left;
	width:					220px;
	color:					#194f9e;
	font-size:				large;
	font-weight: 			bold;
	border-left:			5px solid #abcd44;
	border-bottom:			1px solid #abcd44;
}
.EventArea li .caption {
	margin-left:			10px;
	font-size:			14px;
}

/* ==============================================================================
	ServiceOutline Area Settings
============================================================================== */
.ServiceOutlineArea {
	float:					left;
	margin-bottom:			20px;
	width:					340px;
	border:					1px solid #779658;
}
.ServiceOutlineArea h2 {
	margin-bottom:			5px;
	padding-top:			5px;
	padding-bottom:		1px;
	padding-left:			10px;
	color:					#000000;
	font-weight: 			bold;
	font-size:				large;
	background-image:		url(img/top_titleline_back.gif);
	background-repeat:	repeat-x;
	border-bottom:			2px solid #779658;
}

.ServiceOutlineArea ul{
	list-style: 			none;
}
.ServiceOutlineArea li {
	overflow:				auto;
	margin-left:			5px;
	margin-right:			5px;
	margin-bottom:			10px;
	clear:					left;
	width:					330px;
	text-decoration: 		none;
}
.ServiceOutlineArea li .imageLeft {
	margin-right:			10px;
	float:					left;
	width:					140px;
	height:					1%;
}
.ServiceOutlineArea li .titleRight {
	margin-bottom:			0.5em;
	padding-left:			10px;
	float:					right;
	width:					160px;
	color:					#194f9e;
	font-size:				large;
	font-weight: 			bold;
	border-left:			5px solid #abcd44;
	border-bottom:			1px solid #abcd44;
}
.ServiceOutlineArea li .captionRight {
	float:					right;
	margin-left:			10px;
	width:					155px;
	font-size:				small;
}

.ServiceOutlineArea li .imageRight {
	margin-left:			10px;
	float:					right;
	width:					140px;
	height:					1%;
}
.ServiceOutlineArea li .titleLeft {
	margin-bottom:			0.5em;
	padding-left:			10px;
	float:					left;
	width:					160px;
	color:					#194f9e;
	font-size:				large;
	font-weight: 			bold;
	border-left:			5px solid #abcd44;
	border-bottom:			1px solid #abcd44;
}
.ServiceOutlineArea li .captionLeft {
	float:					left;
	margin-left:			10px;
	width:					155px;
	font-size:				small;
}
/* ==============================================================================
	Topics Area Settings
============================================================================== */
.TopicsArea {
	float:					right;
	margin-right:			5px;
	margin-bottom:			20px;
	width:					270px;
	border:					1px solid #779658;
	background-color: 	#AEC270;
}
.TopicsArea h2 {
	margin-bottom:			5px;
	padding-top:			5px;
	padding-bottom:		1px;
	padding-left:			10px;
	color:					#000000;
	font-weight: 			bold;
	font-size:				large;
	background-image:		url(img/top_titleline_back.gif);
	background-repeat:	peat-x;
	border-bottom:			2px solid #779858;
}
.TopicsArea ul{
	list-style: 			none;
}
.TopicsArea li {
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			5px;
	margin-right:			5px;
	padding-left:			20px;
	padding-bottom:		5px;
	font-size:				small;
	line-height:			120%;
	vertical-align: 		top;
	background-image: 	url(img/li_triangle_red_g.gif);
	background-position:	0 0;
	background-repeat: 	no-repeat;
	border-bottom:			3px dotted #779658;
}
/* ==============================================================================
	Mobile Area Settings
============================================================================== */
.MobileArea {
	float:					right;
	margin-right:			5px;
	margin-bottom:			20px;
	width:					270px;
	border:					1px solid #779658;
	background-color: 	#AEC270;
	font-size:		12px;
	padding-bottom:		5px;
}
.MobileArea form{
	padding-left:		3px;
}
.MobileArea h2 {
	margin-bottom:			5px;
	padding-top:			5px;
	padding-bottom:		1px;
	padding-left:			10px;
	color:					#000000;
	font-weight: 			bold;
	font-size:				large;
	background-image:		url(img/top_titleline_back.gif);
	background-repeat:	peat-x;
	border-bottom:			2px solid #779858;
}
/* ==============================================================================
	Maga Area Settings
============================================================================== */
.MagaArea {
	float:					right;
	margin-right:			5px;
	margin-bottom:			20px;
	width:					270px;
	border:					1px solid #779658;
	background-color: 	#AEC270;
	font-size:		12px;
	padding-bottom:		5px;
}
.MagaArea .side{
	margin-left:		3px;
}
.MagaArea h2 {
	margin-bottom:			5px;
	padding-top:			5px;
	padding-bottom:		1px;
	padding-left:			10px;
	color:					#000000;
	font-weight: 			bold;
	font-size:				large;
	background-image:		url(img/top_titleline_back.gif);
	background-repeat:	peat-x;
	border-bottom:			2px solid #779858;
}