/* Common Layout */
#PanelCanvas
{
	width	:	880px;
	height	:	auto;
	padding	:	0px;
	margin-left	:	auto;
	margin-right	:	auto;
	text-align	:	left;
}
#PanelHeader
{
	width	:	auto;
	text-align	:	left;
}
#PanelFooter
{}

/* Panel */
div.Panel
{
	border	:	solid 1px #998888;
	background-color	:	#ffffff;
}
div.PanelHeader
{
	background-image	:	url(../image/background/PanelHeader.jpg);
	background-repeat	: 	no-repeat;
	background-position	:	right top;
	border-bottom	:	solid 1px #998888;
	padding	:	2px 10px 2px 10px;
	font-weight	:	bold;
	color	:	#660000;
}
div.PanelContent
{
	padding	:	8px 10px 8px 10px;
	padding-left	:	8px;
}

div.PanelTab
{
	float	:	left;
	width	:	80px;
	border-top	:	solid 1px #998888;
	border-right	:	solid 1px #998888;
	border-left	:	solid 1px #998888;
	background-color	:	#eeeeee;
	padding	:	2px 10px 2px 10px;
	font-weight	:	bold;
	margin-right	:	10px;
	white-space	:	nowrap;
}
div.PanelTab:hover
{
	background-color	:	#ccddee;
}
div.PanelTabSelected
{
	float	:	left;
	width	:	80px;
	border-top	:	solid 1px #998888;
	border-right	:	solid 1px #998888;
	border-left	:	solid 1px #998888;
	background-color	:	#ffffff;
	padding	:	2px 10px 2px 10px;
	font-weight	:	bold;
	margin-right	:	10px;
	white-space	:	nowrap;
}

div.Bar
{
	color	:	#660000;
	font-weight	:	bold;
	font-size	:	125%;
	letter-spacing	:	0.5em;
	border-left	:	solid 5px #660000;
	border-bottom	:	solid 1px #660000;
	padding-left	:	8px;
}

/* Menu */
td.PanelSide
{
	width	:	210px;
	background-image	:	url(../image/side/Background.gif);
	background-repeat	:	repeat-y;
}
td.PanelMenu
{
	width	:	210px;
	background-image	:	url(../image/menu/Shadow.gif);
	background-repeat	:	no-repeat;
}
td.PanelBody
{
	background-image	:	url(../image/body/Background.gif);
	background-repeat	:	repeat-y;
}

/* Panel Photo */
div.PanelPhoto
{
	padding	:	10px;
}
image.Photo
{
	margin	:	10px 0px 4px 0px;
	border	:	solid 1px #998888;
	background-color	:	#ffffff;
}

/* Title */
fieldset
{
	border	:	solid 1px #aaaaaa;
	margin-top	:	-0.5em;
	margin-bottom	:	0.5em;
	padding	:	8px 10px;
}
legend
{
	font-weight	:	bold;
	color	:	#660000;
	margin-top	:	0px;
	padding	:	2px;	
}

#LabelStatus
{
	border	:	solid	1px	#999999;
	background-color	:	#eeeeee;
	height	:	1.4em;
	padding-top	:	2px;
	padding-bottom	:	2px;
	padding-left	:	8px;
	padding-right	:	8px;
	margin-top	:	1em;
	margin-bottom	:	4px;
	overflow	:	hidden;
	white-space	:	nowrap;
}
#LabelGreeting, div.LabelGreeting
{
	white-space	:	pre;
	height	:	1.4em;
	border-left	:	solid	4px	#660000;
	padding-left	:	8px;
}



#PanelComment
{
	position	:	absolute;
	z-index	:	100;
	text-align	:	center;
	top	:	200px;
	left	:	200px;
	display	:	none;
	width	:	140px;
	height	:	160px;
	padding	:	6px;
	border	:	solid	1px	#bbbbbb;
	background-color	:	#ffffff;
	opacity	:	0.9;
}

span.PanelButton
{
	border	:	solid 1px #bbbbbb;
	margin	:	8px auto 8px auto;
	padding	:	4px;
	background-color	:	#f7f7f7;
}
span.PanelButton:hover
{
	background-color	:	#ffffdd;
}

div.PanelBanner
{
	text-align	:	center;
	border	:	solid 1px #bbbbbb;
	margin	:	0px auto 4px auto;
	padding	:	4px;
	background-color	:	#f7f7f7;
}
div.PanelBanner:hover
{
	background-color	:	#ffffdd;
}

/*
Bar
*/
div.BarTitle
{
	padding				:	5px 10px 5px 10px;
	background-color	:	#eee7dd;
	color				:	#660000;
	font-weight			:	bold;
	letter-spacing		:	0.5em;
}


/* index */
ul.Eve{
  margin-left: 0px;
  padding: 0px 0px 0px 20px;
}
ul.Eve li{
  margin-left: 0px;
  padding: 0px;
}
.Izen{
  margin: 10px 0px 0px 0px;
  padding: 0px;
}