@charset "utf-8";

	/* Title */
	#PanelBodyTitleSub
	{
		margin-bottom		:	15px;
	}

	/* Box */
	div.PanelBox
	{
		text-align			:	left;
	}

	div.PanelBlack
	{
		background-color		:	#000000;
		padding			:	20px;
		margin			:	0px;
	}
	div.PanelBlack td, div.PanelBlack div
	{
		color				:	#ffffff;
	}

	#PanelContact
	{
		text-align			:	center !important;
	}

	div.PanelInformation
	{
		background-color		:	#ffffff;
	}

/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	div.PanelBox h2
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelBox h3
	{
		margin			:	0px 0px 3px 0px;
	}

	/* Event */
	div.PanelEventDetailGeneral
	{
	}
	div.PanelEventDetailInformation
	{
		padding			:	20px 30px;
		border			:	solid 1px rgba(0,0,0,0.25);
		text-align			:	left;
		background-color		:	rgba(255,255,255,0.9);
	}
	div.PanelEventDetailInformation dl dt
	{
		width				:	120px;
	}

	.LabelEventTitle
	{
		font-size			:	18px;
	}
	td.ListContent
	{
		width				:	37%;
	}

}


/*
======================================
Wide PC
======================================
*/
@media print, screen and (min-width:1241px)
{
}

/*
======================================
Middle PC
======================================
*/
@media screen and (min-width:1001px) and (max-width:1240px)
{
}

/*
======================================
Narrow PC
======================================
*/
@media (min-width:801px) and (max-width:1000px)
{
}


/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	div.PanelInformation
	{
		text-align			:	left;
	}
	.LabelEventTitle
	{
		position			:	relative;
		font-size			:	18px;
	}
	div.PanelEventDetailInformation
	{
		padding			:	15px;
		border			:	solid 1px rgba(0,0,0,0.25);
		text-align			:	left;
		background-color		:	rgba(255,255,255,0.9);
	}
	div.PanelEventDetailInformation dl dt
	{
		width				:	100px;
	}
	div.PanelEventDetailInformation dl dd
	{
		white-space			:	nowrap;
	}
	div.PanelInformation .LabelEventTitle
	{
		font-size			:	15px;
	}
	td.ListContent
	{
		width				:	42%;
	}
}
