@charset "utf-8";

/******************************
 お品書きページ スタイルシート
******************************/
div#main img
{
	vertical-align:			bottom;
}

div#mainc
{
/*	background:				#ff3333;*/
}

div#main_content
{
	max-width:				1032px;
/*	background:				#ff6633;*/
}

/* 画像配置の基準 */
div#main_left
{
	float:					left;
	width:					232px;
/*	height:					810px;*/
/*	background:				#ffff33;*/
}

div#main_left h1 img
{
	margin-left:			70px;
	margin-top:				16px;
	margin-bottom:			20px;
}

div#main_right
{
	float:					left;
	position:				relative;
	width:					795px;
	height:					710px;
	height:					1000px;
/*	background:				#ccddff;*/
}

p.menu_alert
{
	width:					100%;
	margin-top:				15px;
	text-align:				center;
    font-weight:			bold;
    font-size:				0.95em;
    letter-spacing:			0.1em;
}

div#mn_calorie h3
{
	width:					15em;
	margin-top:				10px;
	margin-left:			250px;
	text-align:				center;
	background:				#ffff33;
	border-radius:			0 4px 5px 0;
	box-shadow:				2px 2px 4px #666677;
}

div#mn_calorie h3 a
{
	text-decoration:		none;
}

div#mn_calorie h3 a:hover
{
	text-decoration:		underline;
	color:					#cc6633;
}

/* 各部分の絶対配置 */
div#mn_grand
{
	position:				absolute;
	top:					180px;
	left:					60px;
}

div#mn_board
{
	position:				absolute;
	top:					180px;
	left:					300px;
}

div#mn_morning
{
	position:				absolute;
	top:					180px;
	left:					540px;
}

div#mn_campaign
{
	position:				absolute;
	top:					400px;
	left:					60px;
}

div#mn_campaign2
{
	position:				absolute;
	top:					400px;
	left:					300px;
}

div#menu_1
{
	position:				absolute;
	top:					500px;
	left:					60px;
}

div#menu_2
{
	position:				absolute;
	top:					500px;
	left:					300px;
}

@media screen and (max-width: 640px) {
	div#menu_1
	{
		position: 	static;
		top:					auto;
		left:					auto;
	}
	div#menu_2
	{
		position: 	static;
		top:					auto;
		left:					auto;
	}
}

div#mn_kyushu
{
	position:				absolute;
	top:					400px;
	left:					300px;
}

div#mn_kyushu h4
{
	font-size:				1em;
	margin-left:			3em;
}

div#mn_kyushu img
{
	margin-top:				16px;
}

div#mn_bottom
{
	position:				absolute;
	top:					710px;
	left:					60px;
	border:					1px solid #1b3d7d;
	padding:				10px 30px;
	border-radius:			2px 5px 2px 5px;
	box-shadow:				3px 3px 5px #444444;
}

div#mn_bottom h4
{
	font-size:				1.1em;
	letter-spacing:			0.1em;
}

div#mn_bottom h5
{
	font-size:				1em;
	letter-spacing:			0.1em;
}

div#mn_bottom h5 a
{
	text-decoration:		underline;
	color:					#1111cc;
}

div#mn_bottom h5 a:hover
{
	text-decoration:		none;
	color:					#cc1111;
}

#menu_top{
	border: 1px solid #333;
	padding: 20px;
	width: 80%;
	margin: 0 auto;
}
#menu_top a{
	color: #23F;
}