/* ******************************************************************************

	Style001 - TopNavigationStyle - TopPage

		(c) 2007 foryousystem.co.,ltd

****************************************************************************** */

/* ==============================================================================

	Banner Area Settings

============================================================================== */

#BannerArea {

	float:			left;

	margin-top:		21px;

	margin-left:		12px;

	_margin-left:		6px;

	padding-top:		26px;

	padding-left:		1px;

	border-top:		2px solid #a28871;

	width:			202px;

}

#BannerArea img {

	margin-bottom:		15px;

}



/* ==============================================================================

	Header Settings

============================================================================== */

#BaseHeaderTop .HolidayArea {

	width:			304px;

	padding-top:		533px;

	padding-left:		60px;

	font-size:		small;

	font-weight:		bold;

	color:			#ffffff;

}



/* ==============================================================================

	PR Message Area Settings

============================================================================== */

.PRMessageArea {

	margin-left:		10px;

	margin-right:		10px;

	margin-bottom:		20px;

	padding-top:		5px;

	padding-bottom:		5px;

	width:			654px;

	font-size:		medium;

}

.PRMessageArea h2 {

	width:			654px;

	height:			51px;

	margin:			0 0 15px 0;

}

.PRMessageArea h2 span {

	text-indent:		-9999px;

	overflow:		hidden;

	display:		block;

	font-size:		1px;

}

.PRMessageArea .Message {

	text-align:		center;

	font-size:		11pt;

	font-weight:		bold;

	line-height:		1.5;

	letter-spacing:		1pt;

}



/* ==============================================================================

	Profile Area Settings

============================================================================== */

.ProfileArea {

	margin-left:		25px;

	margin-right:		10px;

	width:			620px;

	height:			250px;

}

.ProfileArea img {

	margin-right:		15px;

}

.ProfileArea .Profile {

	padding-top:		15px;

	line-height:		1.5;

	font-size:		11pt;

	letter-spacing:		1pt;

}



/* ==============================================================================

	Kodawari Area Settings

============================================================================== */

.KodawariArea {

	margin-left:		25px;

	margin-right:		10px;

	width:			620px;

	line-height:		1.5;

	font-size:		11pt;

	letter-spacing:		1pt;

}

.KodawariArea .Title {

	margin-bottom:		10px;

	color:			#694431;

	font-size:		14pt;

	font-weight:		bold;

}



/* ==============================================================================

	Menu Area Settings

============================================================================== */

.MenuArea {

	margin-left:		10px;

	margin-right:		10px;

	margin-bottom:		20px;

	padding-top:		5px;

	padding-bottom:		5px;

	width:			654px;

	font-size:		medium;

}

.MenuArea img {

	margin:			10px 41px 10px 41px;

	width:			572px;

	height:			145px;

}



/* ==============================================================================

	Information Area Settings

============================================================================== */

.InformationArea {

	float:			left;

	margin-left:		26px;

	_margin-left:		13px;

}



/* ==============================================================================

	Notice Area Settings

============================================================================== */

.NoticeArea {

	margin-bottom:		22px;

	width:			622px;

	height:			260px;

	background-color:	#ffffff;

	background-repeat: 	no-repeat;

	background-image:	url(img/notice_background.jpg);

	overflow-y:		scroll;

}

.NoticeArea p {

	margin:			10px 5px 0 5px;

	font-size:		small;

}



/* ==============================================================================

	News Area Settings

============================================================================== */

.NewsArea {

	width:			363px;

	height:			360px;

	background-color:	#ffffff;

	background-repeat: 	no-repeat;

	background-image:	url(img/news_background.jpg);

	overflow-y:		scroll;

}

.NewsArea p {

	margin:			10px 5px 0 5px;

	font-size:		small;

}

.NewsArea iframe {

	margin:			10px 0 10px 0;

	font-size:		small;

}



/* ==============================================================================

	Topics Area Settings

============================================================================== */

.TopicsArea {

	width:			233px;

	height:			362px;

	background-color:	#ffffff;

	background-repeat: 	no-repeat;

	background-image:	url(img/topics_background.jpg);

	overflow-y:		scroll;

}

.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;

	border-bottom:		2px solid #a28871;

}



/* ==============================================================================

	MenuPrice Area Settings

============================================================================== */

.MenuAndPriceArea {

	margin-bottom:		20px;

	margin-left:		20px;

	width:			614px;

	font-size:		medium;

	padding:		5px;

	background-color:	#ddcdac;

}

.MenuAndPriceArea .Price {

	margin-top:		5px;

	font-size:		13px;

	font-weight: 		bold;

	color:			#ff0000;

}

.MenuAndPriceArea .MenuListArea {

	padding-top:		10px;

	padding-left:		15px;

	padding-right:		15px;

	padding-bottom:		10px;

	background-color:	#eee5d3;

	border:			1px solid #a28871;

	overflow:		hidden;

}

.MenuAndPriceArea .MenuListArea h3 {

	float:			left;

	margin-bottom:		5px;

	padding-top:		3px;

	width:			612px;

	color:			#6f5441;

	font-weight: 		bold;

	font-size:		medium;

}

.MenuAndPriceArea .MenuListArea h3 span {

	padding-left:		20px;

	font-size:		small;

	font-weight:		normal;

	color:			#000000;

	line-height:		12px;

}

.MenuAndPriceArea .MenuListArea .CourseArea .MenuArea {

	float:			left;

	margin-right:		10px;

	width:			270px;

}

.MenuAndPriceArea .MenuListArea .CourseArea .MenuArea h4 {

	margin:			5px 5px 0 5px;

	padding:		5px 5px 3px 8px;

	color:			#cc6600;

	font-size:		13px;

	line-height:		10px;

	border-left-width:	3px;

	border-left-style:	solid;

	border-left-color:	#6f5441;

}

.MenuAndPriceArea .MenuListArea .CourseArea .MenuArea h4 span {

	float:			right;

	padding-left:		10px;

	font-size:		12px;

	font-weight:		normal;

	color:			#cc6600;

	line-height:		12px;

}