/* ******************************************************************************
	Style001 - TopNavigationStyle - SystemPRPage
		(c) 2007 foryousystem.co.,ltd
****************************************************************************** */
/* ==============================================================================
	Menu Area Settings
============================================================================== */
.MenuArea {
	margin-left:		6px;
	margin-right:		6px;
	margin-bottom:		15px;
	width:			635px;
	height:			490px;
	background-image:	url(img/systemtitle_back.gif);
	background-repeat:	no-repeat;
}
.MenuArea .SetArea {
	padding-top:		70px;
	margin-left:		5px;
	width:			625px;
}
.MenuArea .SetArea h2 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		15px;
	color:			#9C8B4A;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
	background-image:	url(img/h2_titleline_set.gif);
	background-repeat:	no-repeat;
}
.MenuArea .SetArea .PlanArea {
	margin-bottom:		5px;
	font-size:		12px;
	width:			625px;
	height:			290px;
	color:			#ffffff;
	background-image:	url(img/contents_625-290.gif);
	background-repeat:	no-repeat;
}
/* ----- PlanArea IE以外用　CSSハック使用 ----- */
:root .MenuArea .SetArea .PlanArea {
	padding-top:		3px;
}
/* ----- ここまで ----- */
/* ----- IE8用　CSSハック使用 ----- */
head~/* */body .MenuArea .SetArea .PlanArea {
	padding-top:		5px;
}
/* ----- ここまで ----- */
.MenuArea .SetArea .PlanArea .TitleLine {
	margin-top:		15px;
	margin-left:		1em;
	margin-right:		1em;
	padding-top:		3px;
	padding-bottom:		3px;
	padding-left:		10px;
	color:			#9C8B4A;
	height:			1em;
	font-size:		medium;
	font-weight:		bold;
	border-left:		10px solid #990000;
	border-bottom:		1px solid #990000;
}
.MenuArea .SetArea .PlanArea .TitleLine .MenuTitle {
	float:			left;
}
.MenuArea .SetArea .PlanArea .TitleLine .MenuTitle .rubi {
	padding-top:		3px;
	font-size:		8pt;
}
.MenuArea .SetArea .PlanArea .SubMenu {
	margin-top:		0.5em;
	margin-left:		3em;
	margin-right:		2em;
	height:			1.2em;
	line-height:		1.2em;
	clear:			both;
	border-bottom:		1px dotted #C0C0C0;
}
.MenuArea .SetArea .PlanArea .SubMenu .MenuTitle {
	float:			left;
	width:			70%;
}
.MenuArea .SetArea .PlanArea .SubMenu .MenuPrice {
	float:			left;
	text-align:		right;
	width:			29%;
}
.MenuArea .SetArea .NotesArea {
	margin-top:		0.5em;
	margin-left:		3em;
	color:			#9C8B4A;
	font-size:		small;
	line-height:		15pt;
}

/* ==============================================================================
	BottleMenu Area Settings
============================================================================== */
.BottleMenuArea {
	margin-left:		6px;
	margin-right:		6px;
	margin-bottom:		15px;
	width:			635px;
	height:			480px;
	background-image:	url(img/bottle_back.gif);
	background-repeat:	no-repeat;
}
.BottleMenuArea .ListArea {
	padding-top:		15px;
	margin-left:		5px;
	width:			625px;
}
.BottleMenuArea .ListArea h2 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		15px;
	color:			#9C8B4A;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
	background-image:	url(img/h2_titleline_bottle.gif);
	background-repeat:	no-repeat;
}
.BottleMenuArea .ListArea .BottleArea {
	margin-bottom:		10px;
	padding-bottom:		5px;
	font-size:		12px;
	width:			625px;
	height:			380px;
	color:			#ffffff;
	background-image:	url(img/contents_625-385.gif);
	background-repeat:	no-repeat;
}
/* ----- BottleArea IE以外用　CSSハック使用 ----- */
:root .BottleMenuArea .ListArea .BottleArea {
	padding-top:		3px;
}
/* ----- ここまで ----- */
/* ----- IE8用　CSSハック使用 ----- */
head~/* */body .BottleMenuArea .ListArea .BottleArea {
	padding-top:		5px;
}
/* ----- ここまで ----- */
.BottleMenuArea .ListArea .BottleArea .TitleLine {
	margin-top:		15px;
	margin-left:		1em;
	margin-right:		1em;
	padding-top:		3px;
	padding-bottom:		3px;
	padding-left:		10px;
	color:			#9C8B4A;
	height:			1em;
	font-size:		medium;
	font-weight:		bold;
	border-left:		10px solid #990000;
	border-bottom:		1px solid #990000;
}
.BottleMenuArea .ListArea .BottleArea .TitleLine .MenuTitle {
	float:			left;
}
.BottleMenuArea .ListArea .BottleArea .SubMenu {
	margin-top:		0.5em;
	margin-left:		3em;
	margin-right:		2em;
	height:			1.2em;
	line-height:		1.2em;
	clear:			both;
	border-bottom:		1px dotted #AAAAAA;
}
.BottleMenuArea .ListArea .BottleArea .SubMenu .MenuTitle {
	float:			left;
	width:			70%;
}
.BottleMenuArea .ListArea .BottleArea .SubMenu .MenuPrice {
	float:			left;
	text-align:		right;
	width:			29%;
}
.BottleMenuArea .ListArea .NotesArea {
	margin-top:		0.5em;
	margin-left:		3em;
	color:			#9C8B4A;
	font-size:		small;
	line-height:		15pt;
}

/* ==============================================================================
	Other Area Settings
============================================================================== */
.OtherArea {
	margin-left:		6px;
	margin-right:		6px;
	margin-bottom:		15px;
	width:			635px;
	height:			595px;
	background-image:	url(img/drink-food_back.gif);
	background-repeat:	no-repeat;
}
.OtherArea .ListArea {
	padding-top:		70px;
	margin-left:		5px;
	width:			625px;
}
.OtherArea .ListArea h2 {
	margin-bottom:		5px;
	padding-top:		5px;
	padding-bottom:		1px;
	padding-left:		15px;
	color:			#9C8B4A;
	font-weight: 		bold;
	font-size:		large;
	font-family:		ＭＳ Ｐ明朝;
	background-image:	url(img/h2_titleline_bottle.gif);
	background-repeat:	no-repeat;
}
.OtherArea .ListArea .OtherListArea {
	margin-bottom:		10px;
	padding-bottom:		5px;
	font-size:		12px;
	width:			625px;
	height:			190px;
	color:			#ffffff;
	background-image:	url(img/contents_625-190.gif);
	background-repeat:	no-repeat;
}
/* ----- OtherListArea IE以外用　CSSハック使用 ----- */
:root .OtherArea .ListArea .OtherListArea {
	padding-top:		2px;
	padding-bottom:		1px;
	margin-bottom:		10px;
}
/* ----- ここまで ----- */
/* ----- IE8用　CSSハック使用 ----- */
head~/* */body .OtherArea .ListArea .OtherListArea {
	padding-top:		5px;
}
/* ----- ここまで ----- */
.OtherArea .ListArea .OtherListArea .TitleLine {
	margin-top:		15px;
	margin-left:		1em;
	margin-right:		1em;
	padding-top:		3px;
	padding-bottom:		3px;
	padding-left:		10px;
	color:			#9C8B4A;
	height:			1em;
	font-size:		medium;
	font-weight:		bold;
	border-left:		10px solid #990000;
	border-bottom:		1px solid #990000;
}
.OtherArea .ListArea .OtherListArea .TitleLine .MenuTitle {
	float:			left;
}
.OtherArea .ListArea .OtherListArea .SubMenu {
	margin-top:		0.5em;
	margin-left:		3em;
	margin-right:		2em;
	height:			1.2em;
	line-height:		1.2em;
	clear:			both;
	border-bottom:		1px dotted #AAAAAA;
}
.OtherArea .ListArea .OtherListArea .SubMenu .MenuTitle {
	float:			left;
	width:			70%;
}
.OtherArea .ListArea .OtherListArea .SubMenu .MenuPrice {
	float:			left;
	text-align:		right;
	width:			29%;
}
.OtherArea .ListArea .NotesArea {
	margin-top:		0.5em;
	margin-left:		3em;
	color:			#9C8B4A;
	font-size:		small;
	line-height:		15pt;
}