/* Headline */
	h1.PanelMain
	{
		background-image		:	url('./image/Panel/Background.jpg');
	}
	h2
	{
		margin			:	0px 0px 50px 0px;
		text-align			:	center;
	}
	h3
	{
		margin			:	0px 0px 30px 0px;
		text-align			:	center;
		color				:	#ff9900;
	}
	h3 img
	{
		height				:	40px;
	}

	/* WiFi */
	#ImageWiFi
	{
		width				:	50%;
		margin			:	0px auto;
//		border-radius		:	10000px;
		text-align			:	center;
	}

	/* Menu Photo */
	div.PanelMenuPhoto
	{
	}
	div.PanelMenuPhoto ul
	{
		margin			:	0px;
		padding			:	0px;
	}
	div.PanelMenuPhoto ul li
	{
		display			:	inline-block;
		text-align			:	center;
		vertical-align			:	middle;
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}
	div.PanelMenuPhoto ul li img
	{
		width				:	100%;
	}
	div.PanelMenuPhoto ul li:nth-child(3n)
	{
		margin-right			:	0px;
	}
	#PanelMenuPhotoSpagettiPizza ul li:first-child
	{
		float				:	left;
		width				:	600px;
	}
	
	
	/* Menu Name */
	div.PanelMenuName
	{
	}
	div.PanelMenuName ul
	{
		margin			:	0px;
		padding			:	0px;
	}
	div.PanelMenuName ul li
	{
		display			:	inline-block;
		width				:	470px;
		margin			:	0px 30px 0px 0px;
		padding			:	5px 0px;
		vertical-align			:	top;
		border-bottom		:	dashed 1px #b29435;
	}
	div.PanelMenuName ul li:nth-child(2n)
	{
		margin-right			:	0px;
	}
	div.PanelMenuName ul li div.PanelMenuNameLabel
	{
		display			:	table-cell;
		width				:	310px;
		padding			:	0px 30px;
		vertical-align			:	top;
	}
	div.PanelMenuName ul li div.PanelMenuNamePrice
	{
		display			:	table-cell;
		width				:	40px;
		padding			:	0px 30px;
		text-align			:	right;
		vertical-align			:	top;
	}
	#PanelMenuNameSpagettiPizza ul li
	{
		display			:	block;
		margin			:	0px;
	}
	
	/* Morning */
	#PanelMenuMorning
	{
		margin			:	0px auto;
	}
	#PanelMenuMorningTitle
	{
		display			:	table-cell;
		width				:	300px;
		padding			:	0px 15px;
		vertical-align			:	bottom;
	}
	#PanelMenuMorningTitle img
	{
		width				:	100%;
	}
	#PanelMenuMorningPhoto
	{
		display			:	table-cell;
		width				:	200px;
		padding			:	0px 15px;
		vertical-align			:	bottom;
	}
	#PanelMenuMorningPhoto img
	{
		width				:	100%;
	}
	#PanelMenuMorningComment
	{
		display			:	table-cell;
		padding			:	0px 15px;
		vertical-align			:	bottom;
	}
	
	/* Entertainment */
	#PanelEntertainment
	{
	}
	#PanelEntertainment ul
	{
		margin			:	0px auto;
		padding			:	0px;
		text-align			:	center;
	}
	#PanelEntertainment ul li
	{
		display			:	inline-block;
		width				:	350px;
		margin			:	0px 20px 0px 20px;
		padding			:	0px;
		text-align			:	center;
		vertical-align			:	top;
	}
	#PanelEntertainment ul li img
	{
		width				:	100%;
	}



/*
======================================
Pc
======================================
*/
@media print, screen and (min-width: 801px)
{
	/* WiFi */
	#ImageWiFi
	{
		width				:	50%;
	}

}

/*
======================================
Pc Wide
======================================
*/
@media print, screen and (min-width:1281px)
{
	/* Menu Photo */
	div.PanelMenuPhoto ul li
	{
		width				:	300px;
		margin			:	0px 35px 30px 0px;
	}
	#PanelMenuPhotoSpagettiPizza ul li:first-child
	{
		width				:	600px;
	}

	/* Menu Name */
	div.PanelMenuName ul li
	{
		width				:	470px;
		margin			:	0px 30px 0px 0px;
		padding			:	5px 0px;
	}
}

/*
======================================
Pc Middle
======================================
*/
@media screen and (min-width:1025px) and (max-width:1280px)
{
	/* Menu Photo */
	div.PanelMenuPhoto ul li
	{
		width				:	300px;
		margin			:	0px 35px 30px 0px;
	}
	#PanelMenuPhotoSpagettiPizza ul li:first-child
	{
		width				:	600px;
	}

	/* Menu Name */
	div.PanelMenuName ul li
	{
		width				:	470px;
		margin			:	0px 30px 0px 0px;
		padding			:	5px 0px;
	}
}

/*
======================================
Pc Narrow
======================================
*/
@media screen and (min-width:801px) and (max-width:1024px)
{
	/* Menu Photo */
	div.PanelMenuPhoto ul li
	{
		width				:	230px;
		margin			:	0px 25px 30px 0px;
	}
	#PanelMenuPhotoSpagettiPizza ul li:first-child
	{
		width				:	470px;
	}

	/* Menu Name */
	div.PanelMenuName ul li
	{
		width				:	370px;
		margin			:	0px 30px 0px 0px;
		padding			:	5px 0px;
	}

}


/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width: 800px)
{
	h2
	{
		margin			:	0px 0px 30px 0px;
	}
	h3
	{
		margin			:	0px 0px 15px 0px;
	}
	h3 img
	{
		max-width			:	100%;
		height				:	25px;
	}

	/* WiFi */
	#ImageWiFi
	{
		width				:	60%;
	}

	/* Menu Photo */
	div.PanelMenuPhoto ul
	{
		text-align			:	left;
	}
	div.PanelMenuPhoto ul li
	{
		width				:	150px;
		height				:	120px;
		margin			:	0px 10px 25px 0px;
	}
	#PanelMenuPhotoSpagettiPizza ul li:first-child
	{
		width				:	150px;
	}
	div.PanelMenuPhoto ul li:nth-child(2n)
	{
		margin-right			:	0px;
	}

	/* Menu Name */
	div.PanelMenuName ul li
	{
		display			:	block;
		width				:	100%;
		margin			:	0px;
	}
	div.PanelMenuName ul li div.PanelMenuNameLabel
	{
		width				:	230px;
		padding			:	0px 15px;
	}
	div.PanelMenuName ul li div.PanelMenuNamePrice
	{
		width				:	40px;
		padding			:	0px 15px;
	}

	/* Morning */
	#PanelMenuMorningTitle
	{
		display			:	block;
		width				:	100%;
		margin			:	0px 0px 15px 0px;
		padding			:	0px;
		text-align			:	center;
	}
	#PanelMenuMorningTitle img
	{
		width				:	70%;
	}
	#PanelMenuMorningPhoto
	{
		width				:	150px;
		padding			:	0px;
	}
	#PanelMenuMorningComment
	{
		vertical-align			:	top;
	}
		
	/* Entertainment */
	#PanelEntertainment ul li
	{
		width				:	140px;
		margin			:	0px 0px 0px 15px;
	}


}