/* ******************************************************************************
	Style003 - SystemContentsStyle - SystemPage
		(C) 2010 CreativeStyle
****************************************************************************** */
/* ==============================================================================
	Navigation Settings
============================================================================== */
#Navigation {
	float:			left;
	width:			242px;
	height:			550px;
	margin:			2px 10px 10px 10px;
	_margin:		2px 5px 10px 5px;
	background:		#EEEEEE;
}
#Navigation .LinkArea {
	float:			left;
	width:			252px;
	margin:			20px 0 30px 0;
}
#Navigation img {
	float:			left;
	margin:			0 0 15px 10px;
	_margin:		0 0 15px 5px;
}

/* ==============================================================================
	Contents Settings
============================================================================== */
#Contents {
	float:			right;
	width:			602px;
	margin:			2px 0 20px 0;
}

/* ==============================================================================
	Menu Area Settings
============================================================================== */
.MenuArea {
	float:			left;
	width:			592px;
	height:			427px;
	margin:			10px; 0 0 0;
	padding-top:		3px;
	line-height:		120%;
	background:		url(img/system_back.gif) no-repeat;
	overflow:		hidden;
}
.MenuArea .SetArea {
	width:			592px;
}
.MenuArea .SetArea h2 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	color:			#ffffff;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
	text-align:		center;
}
.MenuArea .SetArea .PlanArea {
	margin-bottom:		5px;
	font-size:		12px;
	width:			592px;
	height:			290px;
	color:			#ffffff;
	background-image:	url(img/contents_625-290.gif);
	background-repeat:	no-repeat;
}
/* ----- PlanArea IE以外用　CSSハック使用 ----- */
:root .MenuArea .SetArea .PlanArea {
	padding-top:		3px;
}
/* ----- ここまで ----- */
/* ----- IE8用　CSSハック使用 ----- */
head~/* */body .MenuArea .SetArea .PlanArea {
	padding-top:		5px;
}
/* ----- ここまで ----- */
.MenuArea .SetArea .PlanArea .TitleLine {
	margin-top:		15px;
	margin-left:		1em;
	margin-right:		1em;
	padding-top:		3px;
	padding-bottom:		3px;

	color:			#ff0099;
/*
	color:			#9C8B4A;
*/
	height:			1em;
	font-size:		medium;
	font-weight:		bold;

/*
	border-bottom:		1px solid #990000;
*/
}
.MenuArea .SetArea .PlanArea .TitleLine .MenuTitle {
	float:			left;
}
.MenuArea .SetArea .PlanArea .TitleLine .MenuTitle .rubi {
	padding-top:		3px;
	font-size:		8pt;
}
.MenuArea .SetArea .PlanArea .SubMenu {
	margin-top:		0.5em;
	margin-left:		3em;
	margin-right:		2em;
	height:			1.2em;
	line-height:		1.2em;
	clear:			both;
	border-bottom:		1px dotted #C0C0C0;
}
.MenuArea .SetArea .PlanArea .SubMenu .MenuTitle {
	float:			left;
	width:			70%;
}
.MenuArea .SetArea .PlanArea .SubMenu .MenuPrice {
	float:			left;
	text-align:		right;
	width:			30%;
}

/* ==============================================================================
	Notes Area Settings
============================================================================== */
.NotesArea {
	margin-top:		0.5em;
	margin-left:		10px;
	font-size:		small;
	line-height:		15pt;
}







/* ==============================================================================
	NewsArea  Settings
============================================================================== */
.NewsArea {
	float:			left;
	width:			592px;
	height:			170px;
	margin:			0 0 20px 0;
	padding:                32px 0 0 10px;
	line-height:		120%;
	background:		url(img/news_back.gif) no-repeat;
	overflow:		hidden;
}
.NewsArea h3 {
	color:			#FF0099;
	font-weight:		bold;
	letter-spacing:		0.1em;
	line-height:		100%;
	font-size:		12px;
	
}
.NewsArea p {
	margin-bottom:		5px;
	color:			#fff;
	letter-spacing:		0.1em;
	line-height:		100%;
	font-size:		12px;
}

/* ==============================================================================
	FlashArea  Settings
============================================================================== */
.FlashArea {
	float:			left;
	width:			320px;
	height:			240px;
	margin:			0 0 20px 0;
}

/* ==============================================================================
	InforList  Settings
============================================================================== */
.InforList {
	float:			right;
	width:			272px;
	height:			205px;
	margin:			0 0 20px 0;
	padding:                35px 0 0 0;
	font-size:		12px;
	line-height:		120%;
	background:		url(img/update_back.gif) no-repeat;
	overflow:		hidden;
}
.InforList dt{
	float:			left;
	width:			45px;
	padding-left:		10px;
	margin-bottom:		5px;
	color:			#FF0099;
	font-weight:		normal;
	letter-spacing:		0.1em;
	line-height:		100%;
}
.InforList dd{
	margin-bottom:		5px;
	color:			#fff;
	letter-spacing:		0.1em;
	line-height:		100%;
}