/* Headline*/
h1.PanelMain
{
	background-image			:	url('./image/Panel/Background.jpg');
}

/* Privilege */
dl.PanelPrivilegeList
{
	display					:	table;
	margin					:	0px auto 30px auto;
}
dl.PanelPrivilegeList dt
{
	position					:	relative;
	display					:	table-cell;
	width					:	300px;
	padding-right				:	40px;
	text-align				:	center;
	vertical-align				:	middle
}
dl.PanelPrivilegeList dt img.ImagePrivilegeListTitle
{
	width					:	100%;
}
dl.PanelPrivilegeList dd
{
	position					:	relative;
	display					:	table-cell;
	width					:	600px;
	vertical-align				:	middle
}
dl.PanelPrivilegeList dd img.ImagePrivilegeListBodyComment
{
	width					:	100%;
}
dl.PanelPrivilegeList dd img.ImagePrivilegeListBodyBadge
{
	position					:	absolute;
	top					:	200px;
	right					:	0px;
	width					:	200px;
}


/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	/* Privilege */
	dl.PanelPrivilegeList
	{
		display					:	block;
		margin					:	0px auto 0px auto;
	}
	dl.PanelPrivilegeList dt
	{
		display					:	block;
		width					:	100%;
		margin					:	0px auto 15px auto;
		padding-right				:	0px;
	}
	dl.PanelPrivilegeList dt img.ImagePrivilegeListTitle
	{
		width					:	auto;
		height					:	150px;
	}
	dl.PanelPrivilegeList dd
	{
		display					:	block;
		width					:	100%;
		margin					:	0px auto 30px auto;
	}
	dl.PanelPrivilegeList dd img.ImagePrivilegeListBodyBadge
	{
		top					:	-100px;
		width					:	100px;
	}


}