@charset "utf-8";

div#title {
	_height: 12px;
	min-height: 12px;
}

/* [menu-title] ------------------------------------------------------------- */
div#content div.menu-title {
	_height: 1%;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 2px;
	*zoom: 1;
}
div#content div.menu-title:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-title h2 {
	color: #1b1b21;
	float: left;
	font-size: 23px;
	line-height: 32px;
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
	top: 1.5px;
	width: 518px;
}
div#content div.menu-title ul {
	float: right;
	font-size: 0;
	line-height: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 5px;
	padding-top: 4px;
}
div#content div.menu-title ul li {
	float: left;
	margin-left: 6px;
}

/* [menu-image] ------------------------------------------------------------- */
div#content div.menu-image {
	margin-top: 21px;
	padding-bottom: 5px;
	padding-top: 4px;
}

/* [menu-information] ------------------------------------------------------- */
div#content div.menu-information {
	margin-top: 21px;
}
div#content div.menu-information div {
	_height: 1%;
	padding-bottom: 5px;
	padding-top: 4px;
	*zoom: 1;
}
div#content div.menu-information div:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-information div h3 {
	float: left;
	font-size: 0;
	line-height: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 5px !important;
	padding-top: 0;
	*zoom: 1;
}
div#content div.menu-information div form {
	float: right;
}
div#content div.menu-information div form select {
	font-family: "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	height: 25px;
}
div#content div.menu-information p {
	margin-left: 0;
	margin-right: 0;
	margin-top: 3px;
}

/* [menu-qrcode] ------------------------------------------------------------ */
div#content dl.menu-qrcode {
	font-size: 0;
	_height: 1%;
	line-height: 0;
	margin-left: 167px !important;
	margin-right: 0;
	margin-top: 3px;
	padding-bottom: 5px;
	padding-top: 4px;
	*zoom: 1;
}
div#content dl.menu-qrcode:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content dl.menu-qrcode dt {
	float: left;
}
div#content dl.menu-qrcode dd {
	border: 1px solid #d6d6d6;
	float: right;
	padding: 5px;
}

/* [menu-data] -------------------------------------------------------------- */
div#content div.menu-data {
	background: url(../graphic/menu/background_data_01.gif) no-repeat 0 100%;
	margin-top: 3px;
	padding-bottom: 10px;
	padding-top: 4px;
}
div#content div.menu-data div {
	background: #eee url(../graphic/menu/background_data_01.gif) no-repeat -349px 0;
	padding-bottom: 7px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
}
div#content div.menu-data div dl {
	text-align: right;
	margin: 0 0 7px;
}
div#content div.menu-data div dl dt,
div#content div.menu-data div dl dd {
	display: inline;
}
div#content div.menu-data div dl dt {
	font-size: 10px;
	*font-size: 85%;
	line-height: 16px;
	*line-height: 160%;
}
div#content div.menu-data div dl dd {
	color: #dd4f41;
	font-weight: bold;
}

div#content div.menu-data div div.h4,
div#content div.menu-data div div.h4 h4 {
	margin:0;
	padding:0;
}
div#content div.menu-data div div.h4 h4 {
	padding-bottom:8px;
	margin-bottom:6px;
	border-bottom:1px solid #d1d1d3;
	font-size:12px;
	font-weight:bold;
}
div#content div.menu-data div table {
	width: 100%;
}
div#content div.menu-data div table tr th,
div#content div.menu-data div table tr td {
	background-color: #e4dccc;
	border-right: 1px solid #eee;
	text-align: center;
	vertical-align: middle;
}
div#content div.menu-data div table tr th.even,
div#content div.menu-data div table tr td.even {
	background-color: #f4f0e9;
}
div#content div.menu-data div table tr th:last-child,
div#content div.menu-data div table tr td:last-child {
	border-right: 0;
}
div#content div.menu-data div table tr th.last-child,
div#content div.menu-data div table tr td.last-child {
	border-right: 0;
}
div#content div.menu-data div table tr th {
	border-bottom: 1px solid #eee;
	font-size: 10px;
	*font-size: 85%;
	font-weight: bold;
	line-height: 16px;
	*line-height: 160%;
	padding: 2px 5px 3px;
}
div#content div.menu-data div table.allergy {
	margin-bottom: 2px;
}
div#content div.menu-data div table.allergy tr th,
div#content div.menu-data div table.allergy tr td {
	width: 12%;
}
div#content div.menu-data div table.allergy tr th {
	color:#FFFFFF;
	background-color:#dd4f41;
}
div#content div.menu-data div table.allergy tr th:last-child {
	width: 28%;
}
div#content div.menu-data div table.allergy tr th.last-child {
	width: 28%;
}
div#content div.menu-data div table.allergy tr td {
	color: #dd4f41;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
}
div#content div.menu-data div table.nutrition tr th,
div#content div.menu-data div table.nutrition tr td {
	width: 20%;
}
div#content div.menu-data div table.nutrition tr th {
	color:#FFFFFF;
	background-color:#411e18;
}
div#content div.menu-data div table.nutrition tr td {
	font-size: 10px;
	*font-size: 85%;
	line-height: 16px;
	*line-height: 160%;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 2px;
}
div#content div.menu-data div p {
	font-size: 10px;
	*font-size: 85%;
	_height: 1%;
	line-height: 16px;
	*line-height: 160%;
	margin-bottom: 9px;
	margin-top: 0;
	text-align: right;
	*zoom: 1;
}
div#content div.menu-data div p:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-data div p a {
	background: url(/shared/graphic/content/icon_anchor_01.gif) no-repeat 0 5px;
	color: #1b1b21;
	display: block;
	float: right;
	padding-left: 16px;
	text-decoration: none;
}
div#content div.menu-data div p a:hover {
	background-position: 0 -195px;
	text-decoration: underline;
}

/* [menu-action] ------------------------------------------------------------ */
div#content div.menu-action {
	margin-top: 3px;
}
div#content div.menu-action div {
	background: url(../graphic/menu/background_action_01.gif) no-repeat 0 4px;
	font-size: 0;
	_height: 1%;
	line-height: 0;
	margin-top: 3px;
	padding: 10px 12px 11px;
	*zoom: 1;
}
div#content div.menu-action div:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-action div dl {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	_height: 1%;
	*zoom: 1;
}
div#content div.menu-action div dl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-action div dl.shop {
	float: left;
	width: 129px;
}
div#content div.menu-action div dl.check {
	float: right;
	width: 162px;
}
div#content div.menu-action div dl dt {
	float: left;
	margin-top: 7px;
}
div#content div.menu-action div dl dd {
	float: right;
}
div#content div.menu-action p {
	color: #dd4f41;
	margin-top: 0;
	text-align: center;
}

/* [menu-relation] ---------------------------------------------------------- */
div#content div.menu-relation {
	_height: 1%;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 7px;
	*zoom: 1;
}
div#content div.menu-relation div {
	background: url(../graphic/menu/background_relation_01.gif) no-repeat;
	_height: 1%;
	padding: 12px 12px 17px;
	*zoom: 1;
}
div#content div.menu-relation div.bg02 {
	background-image:url(../graphic/menu/background_relation_02.gif);
}
div#content div.menu-relation div.bg03 {
	background-image:url(../graphic/menu/background_relation_03.gif);
}
div#content div.menu-relation div.bg04 {
	background-image:url(../graphic/menu/background_relation_04.gif);
}
div#content div.menu-relation div:after,
div#content div.menu-relation div.bg02:after,
div#content div.menu-relation div.bg03:after,
div#content div.menu-relation div.bg04:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-relation h3 {
	color: #1b1b21;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 21px;
	padding-top: 0;
}
div#content div.menu-relation h3 span {
	border-bottom: 1px solid #d1d1d3;
	display: block;
	padding-bottom: 1px;
}

/*div#content div.menu-relation div dl {
	float: left;
	height: 44px;
	margin-left: 0;
	margin-right: 23px;
	margin-top: 0;
	position: relative;
	width: 218px;
}*/
div#content div.menu-relation div dl {
	float: left;
	height: 44px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	position: relative;
	width: 215px;
}
div#content div.menu-relation div dl.box01 {
	width: 241px;
}
div#content div.menu-relation div dl.box02 {
	width: 246px;
}
div#content div.menu-relation div dl.box03 {
	width: 213px;
}
div#content div.menu-relation div dl:last-child {
	margin-right: 0;
}
div#content div.menu-relation div dl.last-child {
	margin-right: 0;
}
div#content div.menu-relation div dt {
	font-size: 0;
	line-height: 0;
	margin-top: 4px;
	margin-left: 56px;
}
div#content div.menu-relation div dd.image {
	font-size: 0;
	left: 0;
	line-height: 0;
	position: absolute;
	top: 0;
}
div#content div.menu-relation div dd.select {
	position: absolute;
	right: 0px;
	top: -1px;
}
div#content div.menu-relation div dl.box02 dd.select {
	right: 33px;
}
div#content div.menu-relation div dd.select form select {
	font-family: "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	height: 21px;
	width: 105px;
}
div#content div.menu-relation div dd.button {
	font-size: 0;
	line-height: 0;
	margin-left: 56px;
	margin-top: 9px;
}
div#content div.menu-relation div dd ul {
	_height: 1%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	*zoom: 1;
}
div#content div.menu-relation div dd ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-relation div dd ul li {
	float: left;
	margin-right: 6px;
}
div#content div.menu-relation p {
	color: #dd4f41;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-align: center;
}

/* [menu-tab] --------------------------------------------------------------- */
div#content div.menu-tab {
	font-size: 0;
	line-height: 0;
	margin-left: 12px;
	margin-right: 7px;
	_overflow: hidden;
	position: relative;
	_width: 729px;
	*zoom: 1;
}
div#content div.menu-tab ul {
	_height: 1%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
div#content div.menu-tab ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-tab ul li {
	float: left;
	padding-right: 5px;
}
div#content div.menu-tab div {
	background-image: url(../graphic/menu/background_tab_01.png);
	_background-image: url(../graphic/menu/background_tab_01.gif);
	height: 12px;
	width: 724px;
	position: absolute;
	left: 0;
	*zoom: 1;
}
div#content div#menu-tab-top {
	margin-top: 21px;
	padding-bottom: 6px;
	padding-top: 4px;
}
div#content div#menu-tab-top div {
	top: 35px;
}
div#content div#menu-tab-top div.not-first {
	background-position: 0 -12px;
}
div#content div#menu-tab-bottom {
	padding-bottom: 5px;
	padding-top: 6px;
}
div#content div#menu-tab-bottom div {
	background-position: 0 -24px;
	top: 0;
}
div#content div#menu-tab-bottom div.not-first {
	background-position: 0 -36px;
}
div#content div.menu-tab-content {
	border-left: 6px solid #5f2e25;
	border-right: 6px solid #5f2e25;
	margin-left: 12px;
	margin-right: 12px;
	padding: 2px 12px 1px;
	_zoom: 1;
}
div#content div.menu-tab-content div.header {
	_height: 1%;
	*zoom: 1;
}
div#content div.menu-tab-content div.header:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.menu-tab-content div.header h3 {
	color: #1b1b21;
	font-size: 12px;
	line-height: 20px;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}
div#content div#menu-tab-content-2 div.header,
div#content div#menu-tab-content-3 div.header {
	padding-top: 4px;
}
div#content div#menu-tab-content-2 div.header h3,
div#content div#menu-tab-content-3 div.header h3 {
	background:url(../graphic/menu/background_title_01.gif) no-repeat;
	color: #ffffff;
	font-size: 12px;
	line-height: 20px;
	padding-top:3px;
	padding-bottom: 7px;
	padding-left: 12px;
}

div#content div.menu-tab-content div.header h3 em {
	font-weight: bold;
}
div#content div.menu-tab-content div.header dl {
	float: right;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
div#content div.menu-tab-content div.header dl dt,
div#content div.menu-tab-content div.header dl dd {
	display: inline;
}
div#content div.menu-tab-content div.header dl dt {
	font-size: 10px;
	*font-size: 85%;
	line-height: 16px;
	*line-height: 160%;
}
div#content div.menu-tab-content div.header dl dd {
	color: #dd4f41;
	font-weight: bold;
}
div#content div.menu-tab-content h4.default {
	color: #1b1b21;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 21px;
	padding-top: 0;
}
div#content div.menu-tab-content h4 {
	color: #1b1b21;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 0;
	padding-top: 0;
}
div#content div.menu-tab-content h4.default span,
div#content div.menu-tab-content h4 span {
	border-bottom: 1px solid #d1d1d3;
	display: block;
	padding-bottom: 1px;
}
div#content div.menu-tab-content div.legend-table {
	padding-bottom: 4px;
	padding-top: 4px;
}
div#content div.menu-tab-content div.legend-table table {
	width: 100%;
}
div#content div.menu-tab-content div.legend-table table tr th,
div#content div.menu-tab-content div.legend-table table tr td {
	background-color: #e4dccc;
	border-bottom: 1px solid #fff;
	vertical-align: middle;
}
div#content div.menu-tab-content div.legend-table table tr.even th,
div#content div.menu-tab-content div.legend-table table tr.even td {
	background-color: #f4f0e9;
}
div#content div.menu-tab-content div.legend-table table tr th {
	border-right: 1px solid #fff;
	color: #dd4f41;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	text-align: center;
	width: 6.5%;
}
div#content div.menu-tab-content div.legend-table table tr th.required {
	padding: 1px;
}
div#content div.menu-tab-content div.legend-table table tr td {
	border-right: 2px solid #fff;
	font-size: 10px;
	*font-size: 85%;
	line-height: 16px;
	*line-height: 160%;
	padding: 2px 10px 3px;
	width: 43.5%;
}
div#content div.menu-tab-content div.legend-table table tr td:last-child {
	border-right: 0;
}
div#content div.menu-tab-content div.legend-table table tr td.last-child {
	border-right: 0;
}
div#content div.menu-tab-content div.remark-table {
	font-size: 10px;
	*font-size: 85%;
	line-height: 16px;
	*line-height: 160%;
	padding-bottom: 5px;
	padding-top: 4px;
}
div#content div.menu-tab-content div.remark-table table {
	width: 100%;
}
div#content div.menu-tab-content div.remark-table table tr th,
div#content div.menu-tab-content div.remark-table table tr td {
	padding: 2px 12px 3px;
}
div#content div.menu-tab-content div.remark-table table tr th {
	background-color: #613027;
	border-right: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	width: 13.5%;
}
div#content div.menu-tab-content div.remark-table table tr td {
	background-color: #e4dccc;
	width: 86.5%;
}
div#content div.menu-tab-content div.note {
	background: url(../graphic/menu/background_tab_02.gif) no-repeat 0 100%;
	padding-bottom: 10px;
	padding-top: 4px;
}
div#content div.menu-tab-content div.note div {
	background: #eee url(../graphic/menu/background_tab_02.gif) no-repeat -688px 0;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
}
div#content div.menu-tab-content div.note div ul {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
}
div#content div#menu-tab-content-1 {
	border-color: #ffe033;
}
div#content div#menu-tab-content-1 h3:first-child {
	margin-top: 0;
}
div#content div#menu-tab-content-1 h3.first-child {
	margin-top: 0;
}
div#content div#menu-tab-content-1 p {
	margin-top: 3px;
}
div#content div#menu-tab-content-1 h4 {
	margin-bottom: -6px;
}
div#content div#menu-tab-content-1 div.legend-table {
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 3px;
}
div#content div#menu-tab-content-1 div.note {
	margin-top: 21px;
}
div#content div#menu-tab-content-2 div.allergy-table,
div#content div#menu-tab-content-2 div.allergy-table-2 {
	margin-bottom: -3px;
	margin-top: 3px;
	padding-bottom: 4px;
	padding-top: 4px;
}
div#content div#menu-tab-content-2 div.allergy-table table,
div#content div#menu-tab-content-2 div.allergy-table-2 table {
	width: 100%;
}
div#content div#menu-tab-content-2 div.allergy-table table tr th,
div#content div#menu-tab-content-2 div.allergy-table table tr td,
div#content div#menu-tab-content-2 div.allergy-table-2 table tr th,
div#content div#menu-tab-content-2 div.allergy-table-2 table tr td {
	border-bottom: 1px solid #fff;
	vertical-align: middle;
}
div#content div#menu-tab-content-2 div.allergy-table table tr th,
div#content div#menu-tab-content-2 div.allergy-table table tr.even th {
	color:#FFFFFF;
	font-weight:bold;
	background-color: #dd5143;
}
div#content div#menu-tab-content-2 div.allergy-table-2 table tr th,
div#content div#menu-tab-content-2 div.allergy-table-2 table tr.even th {
	color:#FFFFFF;
	font-weight:bold;
	background-color: #3f1c16;
}
div#content div#menu-tab-content-2 div.allergy-table table tr td,
div#content div#menu-tab-content-2 div.allergy-table table tr.even td {
	background-color: #fae5e3;
}
div#content div#menu-tab-content-2 div.allergy-table-2 table tr td {
	background-color: #e4dccc;
}
div#content div#menu-tab-content-2 div.allergy-table-2 table tr.even td {
	background-color: #f4f0e9;
}
div#content div#menu-tab-content-2 div.allergy-table table tr th.required,
div#content div#menu-tab-content-2 div.allergy-table table tr td.required {
	background-image: url(../graphic/menu/background_tab_03.gif);
}
div#content div#menu-tab-content-2 div.allergy-table table tr th,
div#content div#menu-tab-content-2 div.allergy-table-2 table tr th {
	border-right: 1px solid #fff;
	font-size: 10px;
	*font-size: 85%;
	line-height: 16px;
	*line-height: 160%;
	padding: 2px 10px 3px;
	width: 13.5%;
}
div#content div#menu-tab-content-2 div.allergy-table table tr td,
div#content div#menu-tab-content-2 div.allergy-table-2 table tr td {
	border-right: 2px solid #fff;
	color: #dd4f41;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	text-align: center;
	width: 6.5%;
}
div#content div#menu-tab-content-2 div.allergy-table table tr td:last-child {
	border-right: 0;
}
div#content div#menu-tab-content-2 div.allergy-table table tr td.last-child {
	border-right: 0;
}
div#content div#menu-tab-content-2 h4 {
	margin-bottom: -6px;
	margin-left: 0;
	margin-right: 0;
}
div#content div#menu-tab-content-2 div.legend-table {
	margin-top: 3px;
}
div#content div#menu-tab-content-2 div.legend-table table tr th.empty,
div#content div#menu-tab-content-2 div.legend-table table tr td.empty {
	background-color: #fff;
}
div#content div#menu-tab-content-2 div.note {
	margin-top: 3px;
}
div#content div#menu-tab-content-2 p {
	font-size: 0;
	line-height: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 21px;
	padding-bottom: 5px;
	padding-top: 4px;
	text-align: right;
}
div#content div#menu-tab-content-3 div.note {
	margin-top: 3px;
}
div#content div#menu-tab-content-3 p {
	margin:0;
	padding:0;
}



div#content div#menu-tab-content-3 div.data table {
	clear:both;
	margin-bottom:0;
}
div#content div#menu-tab-content-3 div.data table th {
	background-color:#3f1c16;
}
div#content div#menu-tab-content-3 div.data table th,
div#content div#menu-tab-content-3 div.data table td {
	font-size:10px;
	line-height:13px;
	text-align:right;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#e4dccc;
}
div#content div#menu-tab-content-3 div.data {
	position:relative;
}
div#content div#menu-tab-content-3 div.data div.mineral-title {
	position:absolute;
	top:0;
	left:195px;
}
div#content div#menu-tab-content-3 div.data div.vitamin-title {
	position:absolute;
	top:0;
	left:385px;
}
div#content div#menu-tab-content-3 div.data table td {
	padding:0 3px;
}
div#content div#menu-tab-content-3 div.data table th.line-end,
div#content div#menu-tab-content-3 div.data table td.line-end {
	border-right:0;
}
div#content div#menu-tab-content-3 div.data table td.purple {
	background-color:#c9bfd5;
}
div#content div#menu-tab-content-3 div.data table td.orange {
	background-color:#edc898;
}

div#content div#menu-tab-content-3 h4 {
	margin-bottom: -6px;
	margin-left: 0;
	margin-right: 0;
}

/* [menu-link] -------------------------------------------------------------- */
div#content ul.menu-link {
	font-size: 0;
	_height: 1%;
	line-height: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 21px;
	padding-bottom: 5px;
	padding-top: 4px;
	*zoom: 1;
}
div#content ul.menu-link:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content ul.menu-link li {
	float: left;
	margin-right: 12px;
}
div#content ul.menu-link li:last-child {
	margin-right: 0;
}
div#content ul.menu-link li.last-child {
	margin-right: 0;
}
