/* Panel */
#PanelSideMenu
{
	width				:	245px;
	padding				:	0px 0px 0px 0px;
}
#PanelSideMenuList
{
	float				:	left;
	width				:	195px;
	display				:	none;	// Default is Off
}
#PanelSideMenuContent
{
	width				:	195px;
	height				:	400px;
	background-color		:	#dddce0;
}
#PanelSideMenuContentInner
{
	text-align			:	center;
	width				:	190px;
	overflow			:	auto;
}
#PanelSideMenuMyPage
{
	display				:	none;
	padding				:	10px;
	font-size			:	10.5px;
}
#PanelSideMenuMyPageButton
{
	margin				:	8px 0px;
}
#PanelSideMenuMyPageList
{
	margin-left			:	18px;
}
#PanelSideMenuTextIndex
{
	display				:	none;
	font-size			:	12px;
	line-height			:	1.4em;
	padding				:	10px;
	text-align			:	left;
}
ul.ListTextIndexPage
{
	background			:	none;
	margin				:	0em;
}
ul.ListTextIndexPageActive
{
	background-color		:	#ffddaa;
	margin				:	0em;
}
#PanelSideMenuVisualIndex
{
	display				:	block;
	padding				:	10px;
}
#PanelSideMenuVisualIndexList
{
	margin-left			:	18px;
}


/* Image */
a img.ImageIndex
{
	border				:	solid 1px #666666;
}
img.ImageIndex:hover
{
	opacity				:	0.7;
	-moz-opacity			:	0.7;
	filter				:	alpha(opacity=70);
}
a img.ImageIndexActive
{
	border				:	solid 1px #ff9900;
	opacity				:	0.8;
	-moz-opacity			:	0.8;
	filter				:	alpha(opacity=80);
}
img.ImageIndex:hover
{
	opacity				:	0.5;
	-moz-opacity			:	0.5;
	filter				:	alpha(opacity=50);
}
a img.ImageIndexInactive
{
	opacity				:	0.2;
	-moz-opacity			:	0.2;
	filter				:	alpha(opacity=20);
	background-color		:	#ffffff;
}
a img.ImageIndexInactive:hover
{
	opacity				:	1.0;
	-moz-opacity			:	1.0;
	filter				:	alpha(opacity=100);
}
div.PanelSideMenuIndexImage
{
	background			:	none;
	margin-bottom			:	4px;
}
div.PanelSideMenuIndexImageActive
{
	background-color		:	#ff9900;
	margin-bottom			:	4px;
}
div.PanelSideMenuIndexImageLeft
{
	float				:	left;
	text-align			:	left;
	margin-bottom			:	20px;
	font-size			:	10px;
}
div.PanelSideMenuIndexImageRight
{
	float				:	left;
	text-align			:	right;
	margin-bottom			:	20px;
	font-size			:	10px;
}
div.PanelSideMenuIndexImageLeft img, div.PanelSideMenuIndexImageRight img
{
}
div.PanelSideMenuIndexImageLeft a, div.PanelSideMenuIndexImageRight a
{
	text-decoration			:	none;
	color				:	#666666;
}

/* Tab */
#PanelSideMenuTab
{
	background-image		:	url(../image/Side/Layout/Shadow.png);
	background-repeat		:	repeat-y;
	float				:	left;
	position				:	relative;
	width				:	30px;
}
#ImageTabMyPage
{
	position				:	absolute;
	top				:	0px;
	left				:	0px;
	z-index				:	10;
}
#ImageTabVisualIndex
{
	position				:	absolute;
	top				:	130px;
	left				:	0px;
	z-index				:	30;
}
#ImageTabTextIndex
{
	position				:	absolute;
	top				:	260px;
	left				:	0px;
	z-index				:	20;
}
img.TabInactive
{
	opacity				:	0.5;
	-moz-opacity			:	0.5;
	filter				:	alpha(opacity=50);
}
a img.TabInactive:hover
{
	opacity				:	1.0;
	-moz-opacity			:	1.0;
	filter				:	alpha(opacity=100);
}