@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  safety.css
 style info :  safetyコンテンツのみのCSS（一部メニューコンテンツでも使用）
  fonts
 10px = 83%     11px = 92%     12px = 100%     13px = 108%
 14px = 116%    15px = 123%    16px = 133%
=================================================================== */

/*----------------------------------------------------------------------------------
		 		特定原材料情報
------------------------------------------------------------------------------------*/
/*------------------
 アレルギー表 
 ------------------*/
div#contents table.allergen_table {
	margin: 0 0 10px;
}

div#contents table.allergen_table th,
div#contents table.allergen_table td {
	border: 1px solid #ccc;
	padding: 0;
	font-size:14px;
}

div#contents table.allergen_table td {
	text-align: center;
}

div#contents table.allergen_table td.all_menu {
	text-align: left;
	padding: 3px 5px 3px 10px;
}

div#contents table.allergen_table .al_cete1 {
	background: #E8FFBF;
}

/* 幅設定 */
div#contents table.allergen_table .left {
	width: 270px;
	text-align: left;
}

div#contents table.allergen_table .al_header th,
div#contents table.allergen_table .al_header td {
	background: #FFEDE9;
}

div#contents table.allergen_table .al_header td {
	vertical-align: middle;
	text-align: left;
	padding: 10px;
}

.al_cate_title {
	color: #ff4f0d;
	font-weight: bold;
}

.al_cate_note {
	text-align: right;
	font-size: 12px;
}


div#contents table.allergen_table .al_header th {
	width: 15px;
	text-align: center;
	font-weight: normal;
	vertical-align: top;
}

div#contents table.allergen_table .al_header th.right {
	width: 17px;
}

div#contents table.allergen_table p.al_title {
	 width: 260px;
}

div#contents table.allergen_table p.al_title span {
	font-size: 12px;
}

div#contents table.allergen_table p.al_kcal {
	width: 260px;
	font-size: 12px;
	text-align: right;
}



/*----------------------------------------------------------------------------------
		 		特定原材料情報
------------------------------------------------------------------------------------*/

div#contents ul.photo_production {
	width: 200px;
}

div#contents ul.photo_production li {
	text-align: center;
}

div#contents ul.photo_production p.top {
	text-align: right;
}

div#contents ul.photo_production p {
	text-align: left;
}


div#contents ul.photo_list_production {
	padding-bottom: 30px;
}

div#contents ul.photo_list_3column_b li {
	text-align: center;
}