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


/*
======================================
Pc
======================================
*/
@media (min-width: 801px)
{
	/* Location */
	#PanelLocation
	{
	}
	#PanelLocationComment
	{
		display				:	table-cell;
		width				:	50%;
		text-align			:	left;
		vertical-align			:	top;
	}
	#PanelLocationComment h3
	{
		font-size			:	24px;
	}
	#PanelLocationPhoto
	{
		display				:	table-cell;
		width				:	50%;
		vertical-align			:	top;
	}
	#PanelLocationPhoto img
	{
		width				:	100%;
	}

	/* Summary */
	#PanelSummary dl
	{
		display				:	table;
		width				:	80%;
		padding				:	10px 0px;
		margin				:	0px auto;
		text-align			:	left;
		border-bottom			:	solid 1px #999999;
	}
	#PanelSummary dl dt
	{
		display				:	table-cell;
		width				:	20%;
		vertical-align			:	middle;
		margin				:	0px;
		padding				:	0px;
	}
	#PanelSummary dl dd
	{
		display				:	table-cell;
		vertical-align			:	middle;
		margin				:	0px;
		padding				:	0px;
	}
	
	/* History */
	#PanelHistory dl
	{
		display				:	table;
		width				:	80%;
		padding				:	10px 0px;
		margin				:	0px auto;
		text-align			:	left;
		border-bottom			:	solid 1px #999999;
	}
	#PanelHistory dl dt
	{
		display				:	table-cell;
		width				:	20%;
		vertical-align			:	middle;
		margin				:	0px;
		padding				:	0px;
	}
	#PanelHistory dl dd
	{
		display				:	table-cell;
		vertical-align			:	middle;
		margin				:	0px;
		padding				:	0px;
	}
	


}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 800px)
{
	/* Summary */
	#PanelSummary dl
	{
		display				:	block;
		width				:	100%;
		border				:	none;
	}
	#PanelSummary dl dt
	{
		display				:	block;
		width				:	100%;
		padding				:	5px 0px;
		text-align				:	center;
		background-color			:	#eeeeee;
	}
	#PanelSummary dl dd
	{
		display				:	block;
		width				:	100%;
		padding				:	10px 0px;
	}

	/* History */
	#PanelHistory dl
	{
		display				:	block;
		width				:	100%;
		border				:	none;
	}
	#PanelHistory dl dt
	{
		display				:	block;
		width				:	100%;
		padding				:	5px 0px;
		text-align				:	center;
		background-color			:	#eeeeee;
	}
	#PanelHistory dl dd
	{
		display				:	block;
		width				:	100%;
		padding				:	10px 0px;
	}

}