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

/* Location */
#PanelLocation #PanelMap
{
	width					:	100%;
	border					:	solid 1px rgba(0,0,0,0.25);
}


/*
======================================
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%;
	}
	#PanelLocation #PanelMap
	{
		height				:	450px;
	}

	/* PanelPhilosophy */
	#PanelPhilosophy
	{
	}
	#PanelPhilosophy img
	{
		width				:	600px;
	}

	/* 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)
{
	/* Location */
	#PanelLocation
	{
	}
	#PanelLocation #PanelMap
	{
		height				:	250px;
	}

	/* Summary */
	#PanelSummary dl
	{
		display				:	block;
		width				:	100%;
		border				:	none;
	}
	#PanelSummary dl dt
	{
		display				:	block;
		width				:	100%;
		margin				:	0px;
		padding				:	5px 0px;
		text-align			:	center;
		background-color		:	rgba(0,0,0,0.1);
	}
	#PanelSummary dl dd
	{
		display				:	block;
		width				:	100%;
		margin				:	0px;
		padding				:	10px 0px;
		text-align			:	left;
	}

	/* History */
	#PanelHistory dl
	{
		display				:	block;
		width				:	100%;
		border				:	none;
	}
	#PanelHistory dl dt
	{
		display				:	block;
		width				:	100%;
		margin				:	0px;
		padding				:	5px 0px;
		text-align			:	center;
		background-color		:	rgba(0,0,0,0.1);
	}
	#PanelHistory dl dd
	{
		display				:	block;
		width				:	100%;
		margin				:	0px;
		padding				:	10px 0px;
		text-align			:	left;
	}

}