@charset "utf-8";

/* Title */
h1.PanelTitle
{
	background-image			:	url('./image/Panel/Background.jpg');
	margin					:	0px;
}

/* Map */
#PanelMap
{
	border					:	none;
}



/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	/* Frame */
	#PanelFrame
	{
		position					:	relative;
	}
	#PanelFrameClimber
	{
		position					:	absolute;
		top					:	0px;
		right					:	0px;
		width					:	250px;
		height					:	2500px;
		z-index					:	1000;
		background-image			:	url( './image/Frame/Pc.png' );
		background-repeat			:	no-repeat;
		background-position			:	top right;
		background-size			:	cover;
	}

	/* Map */
	#PanelMap
	{
		padding					:	50px 0px;
	}
	#PanelMap img
	{
		width					:	100%;
	}
	#PanelMap a
	{
		position					:	absolute;
		bottom					:	0px;
		right					:	0px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	/* Frame */
	#PanelFrame
	{
		position				:	relative;
	}
	#PanelFrameClimber
	{
		display				:	none;
		position				:	absolute;
		top					:	0px;
		right					:	0px;
		width					:	150px;
		height					:	1660px;
		z-index				:	1000;
		background-image			:	url( './image/Frame/Smart.png' );
		background-repeat			:	no-repeat;
		background-position		:	top right;
		background-size			:	cover;
	}

	/* Map */
	#PanelMap
	{
		padding				:	30px 0px;
	}
	#PanelMap img
	{
		width					:	100%;
	}
	#PanelMap a
	{
		position				:	absolute;
		bottom				:	0px;
		right					:	0px;
	}
}