/* Common Layout */
#PanelCanvas
{
	background-color		:	#ffffff;
	width					:	850px;
	height					:	auto;
	padding					:	0px;
	margin-left				:	auto;
	margin-right				:	auto;
	text-align				:	left;
	border-left				:	solid 1px #999999;
	border-right				:	solid 1px #999999;
	border-bottom			:	solid 1px #999999;
}
#PanelHeader
{
	background-color		:	#ffffff;
	width					:	auto;
	border-bottom			:	solid 1px #999999;
	text-align				:	left;
}
#PanelFooter
{
	background-color		:	#ffffff;
	border-top				:	solid 1px #999999;
	text-align				:	center;
	font-size				:	10px;
	margin					:	0px;
	padding-top				:	5px;
	padding-bottom			:	10px;
	overflow				:	hidden;
}

/* 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;
}

/* 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;
}

div.PanelButton
{
	border					:	solid 1px #bbbbbb;
	margin					:	8px auto 8px auto;
	padding					:	4px;
	background-color		:	#f7f7f7;
	text-align				:	center;
}
div.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;
}

div.BarTitle
{
	padding				:	5px 10px 5px 10px;
	background-color	:	#ddeeaa;
	background-image	:	url(../image/bar/Background.gif);
	color				:	#663300;
	font-weight			:	bold;
	font-size			:	125%;
	letter-spacing		:	0.5em;
}
span.BarTitle
{
	padding				:	5px 10px 5px 10px;
	background-color	:	#ddeeaa;
	background-image	:	url(../image/bar/Background.gif);
	color				:	#663300;
	font-weight			:	bold;
	font-size			:	125%;
	letter-spacing		:	0.5em;
}

p.ListMidashi{
  margin-bottom: 2px;
  font-weight: bold;
}
ul.Kouza{
  margin-top: 0px;
}

div.PanelFloating
{
	position				:	absolute;
	background-color	:	#ffffff;
	border				:	solid 1px #999999;
	padding				:	10px 20px 10px 20px;
	z-index				:	10;
	opacity				:	0.85;
	filter				:	alpha(opacity=85);
}

div.PanelDetailBar
{
	overflow			:	auto;
	background-color	:	#ffffff;
	margin				:	0px;
}


div.PanelDesignerData
{
	border				:	solid 1px #999999;
	padding				:	15px;
}
div.PanelDesignerCordinator
{
	border				:	solid 1px #999999;
	background-color	:	#ffffee;
	width				:	80px;
	height				:	80px;
	margin-right			:	auto;
	margin-left			:	auto;
	margin-bottom		:	4px;
	text-align			:	center;
	font-size			:	50px;
	color				:	#cccccc;
}

div.PanelResourceMenu
{
	display				:	block;
}
div.PanelResourceDetail
{
	display				:	none;
	position			:	absolute;
	width				:	605px;
	height				:	530px;
	background-color		:	#ffffff;
	border				:	solid 1px #999999;
	z-index				:	30;
	opacity				:	1.0;
	filter				:	alpha(opacity=100);
}
div.PanelResourceDetailContent
{
	width				:	605px;
	height				:	500px;
	overflow			:	auto;
	background-color		:	#ffffff;
	margin				:	0px;
}

div.PanelProductIcon
{
	border				:	solid 1px #999999;
	padding				:	8px;
	text-align			:	center;
	width				:	170px;
	float				:	left;
	margin				:	0px 10px 10px 0px;
}
div.PanelDesignerCompany
{
	border				:	solid 2px #ccddee;
	padding				:	15px;
}
font.DesignerCompany
{
	font-size			:	125%;
	font-weight			:	bold;
	color				:	#000099;
	letter-spacing		:	0.25em;
}