@charset "utf-8";

/*-------------------- ▼　メインタイトル　▼ --------------------*/
#mainTitle {
	padding: 0 0 15px 0;
	}
	#mainTitle .mainImage {
		display: block;
		}
	#mainTitle .lead {
		padding: 10px 0 10px 10px;
		text-align: left;
		font-weight: bold;
		}


/*-------------------- ▼　検索方法タイトル　▼ --------------------*/
.searchTitle {
	text-align: left;
	border-bottom: 1px solid #7A8499;
	margin: 10px 0 5px 0;
	}

/*------------------------------------------------------------ ▼▼▼　テーブル　▼▼▼ ------------------------------------------------------------*/
/*-------------------- ▼　テーブル：検索方法　▼ --------------------*/
.searchWay {
	}
	.searchWay:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .searchWay {height: 1em;overflow: visible; }/**/
	.searchWay table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
		}
	.searchWay th, .searchWay td {
		border-top: 5px solid #FFFFFF;
		border-bottom: 1px solid #C5CFE6;
		text-align: left;
		font-weight: normal;
		}
	.searchWay th {
		background-color: #EBEFF8;
		vertical-align: top;
		white-space: nowrap;
		}
	.searchWay th .deco {
		margin: 0;
		padding: 10px;
		min-height: 15px;
		height: auto !important;
	 	height: 15px;
		}
	.searchWay td {
		vertical-align: top;
		}
	.searchWay td .deco {
		margin: 0;
		padding: 10px;
		min-height: 15px;
		height: auto !important;
	 	height: 15px;
		border-left:5px solid #C5CFE6;
		}
	/*.searchWay input {
		border: 1px solid #BBBBBB;
		height: 18px;
		}*/

	/*-------------------- ▼　テーブル：カテゴリサムネール一覧（大カテゴリ）　▼ --------------------*/
	table.lists {
		width: 100%;
		}
	table.lists th {
		text-align: left;
		border: 0px;
		padding: 3px 0 2px 0;
		font-weight: normal;
		background-color: #FFFFFF;
		}
	table.lists td {
		text-align: left;
		border: 0px;
		padding: 0 5px 5px 0;
		width: 150px;
}


/*-------------------- ▼　テーブル：カテゴリ内一覧（中カテゴリ）　▼ --------------------*/
.categoryLists {
	}
	.categoryLists table {
		width: 100%;
		}
	.categoryLists th {
		border: 0px;
		padding: 3px 0 2px 0;
		font-weight: bold;
		background-color: #FFFFFF;
		}
	.categoryLists td {
		text-align: left;
		font-weight: bold;
		padding: 5px;
		}

/*-------------------- ▼　店舗一覧リスト　▼ --------------------*/
.categoryTenpo {
	}
	.categoryTenpo table {
		width: 100%;
		}
	.categoryTenpo td {
		text-align: left;
		padding: 5px 0 5px 0;
		border: 0;
		}
	.categoryTenpo td.separate {
		padding: 5px 5px 5px 0;
		}
.storeLogo {
	display: block;
	padding: 0 0 5px 0;
	}
.resultStore {
	}
	.resultStore table {
		width: 100%;
		}
	.resultStore th {
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #DDDDDD;
		padding: 10px 0;
		white-space: nowrap;
		}
	.resultStore td {
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #DDDDDD;
		padding: 10px 0 10px 20px;
		}

/*-------------------- ▼　テーブル：検索結果一覧　▼ --------------------*/
.result {
	}
	.result table {
		width: 100%;
		}
	.result th {
		text-align: left;
		padding: 5px 0;
		font-weight: bold;
		background-color: #EBEFF8;
		white-space: nowrap;
		}
	.result th .thbOff {
		padding: 5px;
		}
	.result th .thbOn {
		border-left: 3px solid #C5CFE6;
		padding: 5px 5px 5px 7px;
		}
	.result td {
		text-align: left;
		border-bottom: 1px solid #DDDDDD;
		padding: 10px 0;
		height: 100%;
		}
	.result td .bOff {
		padding: 5px;
		min-height: 40px;
		height: auto !important;
	 	height: 40px;
		font-weight: bold;
		}
	.result td .bOffWork {
		padding: 5px;
		min-height: 20px;
		height: auto !important;
	 	height: 20px;
		font-weight: bold;
		}
	.result td .bOn {
			border-left: 3px solid #C5CFE6;
			padding: 5px 5px 5px 7px;
			min-height: 40px;
			height: auto !important;
		 	height: 40px;
			}
	.result td .bOnWork {
			border-left: 3px solid #C5CFE6;
			padding: 5px 5px 5px 7px;
			min-height: 20px;
			height: auto !important;
		 	height: 20px;
			}



/*------------------------------------------------------------ ▼▼▼　詳細・レシピ　▼▼▼ ------------------------------------------------------------*/
#detailCont {
	width: 640px;
	padding: 15px 0 0 0;
	overflow: hidden;
	}
	#detailCont:after {content: ""; display: block; clear: both; height: 0px; overflow: hidden;}/*\*/* html #detailCont {height: 1em;overflow: visible; }/**/
#detailContL {
	float: left;
	width: 310px;
	text-align: left;
	}
#detailContR {
	float: right;
	width: 310px;
	text-align: left;
	}


/*------------------------------------------------------------ ▼▼▼　詳細・レシピ　▼▼▼ ------------------------------------------------------------*/
#calorieEmphasis {
	width: 304px;
	margin: 0 0 10px 0;
	overflow: hidden;
	border: 3px solid #C5CFE6;
	background-color: #EAEFF7;
	}
	#calorieEmphasis:after {content: ""; display: block; clear: both; height: 0px; overflow: hidden;}/*\*/* html #calorieEmphasis {height: 1em;overflow: visible; }/**/
#calorieEmphasisL {
	padding: 0 0 0 0;
	margin: 10px 0 10px 10px;
	float: left;
	width: 134px;
	text-align: left;
	}
#calorieEmphasisR {
	padding: 0 0 0 0;
	margin: 10px 10px 10px 0;
	float: right;
	width: 150px;
	text-align: right;
	}
.calorieInfoL {
	font-size: 240%;
	font-weight: bold;
	color:#00528e;
	line-height: 35px;
	}
.calorieInfoR {
	font-size: 240%;
	font-weight: bold;
	color:#00528e;
	line-height: 35px;
	}

/*-------------------- ▼　料理写真　▼ --------------------*/
.itemPhoto {
	width: 310px;
	padding: 0 0 10px 0;
	}
	.itemPhoto .bgTop {
		background-image: url(../image/caloriecheck/phbase_top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		}
	.itemPhoto .bgBottom {
		background-image: url(../image/caloriecheck/phbase_bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		}
	.itemPhoto .bghole {
		background-color: transparent;
		background-image: url(../image/caloriecheck/phbase_hole.gif);
		background-repeat: repeat-y;
		background-position: 1px 1px;
		}
	.itemPhoto .bgholemask {
		background-image: url(../image/caloriecheck/phbase_holemask.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 10px 10px 15px 35px;
		}
.itemPh {
	padding: 1px;
	margin: 0 5px 0 0;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	}
.itemName {
	width: 230px;
	padding: 10px 0 0 0;
	color: #7A8499;
	font-size: 115%;
	}
.itemSubInfo {
	width: 230px;
	padding: 5px;
	margin: 5px 0 5px 0;
	color: #7A8499;
	background-color: #EBECF0;
	}

/*-------------------- ▼　バランス・食材／レシピ材料　▼ --------------------*/
#itemData1, #itemData2 {
	}

.itemDataTab {
	overflow: hidden;
	}
	.itemDataTab:after {content: ""; display: block; clear: both; height: 0px; overflow: hidden;}/*\*/* html .itemDataTab {height: 1em;overflow: visible; }/**/

	.itemDataTab ul {
		text-align: center;
		}
	.itemDataTab ul li {
		float: left;
		display: block;
		width: 145px;
		background: #EEEEEE;
		padding: 5px;
		}
	.itemDataTab ul li.current {
		background: #7A8499;
		padding: 5px;
		color: #FFFFFF;
		font-weight: bold;
		}

	 .detail {
		width: 288px;
		padding: 10px;
		border: 1px solid #DDDDDD;
		text-align: left;
		}
		.detail .chartName {
			text-align: left;
			font-size: 100%;
			padding: 10px 0 0 0;
			}
		.detail .chart1 {
			padding: 0 0 10px 0;
			border-bottom: 1px solid #DDDDDD;
			text-align: center;
			}
		.detail .chart2 {
			text-align: center;
			}

/*----------　交互色テーブル　----------*/
.alternateTable table {
	width: 100%;
	}
	.alternateTable th {
		text-align: left;
		background-color: #C5CFE6;
		padding: 5px;
		}
	.alternateTable th.alignR {
		text-align: right;
		}
	.alternateTable tr.even {
		background-color: #EEEEEE;
		}
	.alternateTable td {
		text-align: left;
		padding: 5px;
		}
	.alternateTable td.alignR {
		text-align: right;
		}
	.alternateTable td.mark {
		width: 1px;
		}
	.alternateTable .attention {
		color:#ff3333;
		padding:5px;
		display:block;
		border:1px solid #ddd;
	}

/*-------------------- ▼　栄養の詳細／レシピ内容　▼ --------------------*/
.detailHeading {
	background-color: #7A8499;
	padding: 5px;
	color: #FFFFFF;
	font-size: 100%;
	}
#detailContR .generalBox {
	text-align: left;
	padding: 5px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
	}
	#detailContR .generalBox:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html #detailContR .generalBox {height: 1em;overflow: visible; }/**/

.bargraph {
	float: right;
	padding: 0 0 20px 0;
	}
.bargraph table {
	width: 310px;
	}
	.bargraph th {
		text-align: left;
		padding: 5px;
		background-color: #C5CFE6;
		font-weight: normal;
		}
	.bargraph td {
		vertical-align: middle;
		}
	.bargraph td .max100 {
		text-align: left;
		color: #B31845;
		padding: 5px 0 0 210px;
		}
	.bargraph td.item {
		width: 112px;
		padding: 3px 5px 3px 5px;
		text-align: left;
		}
	.bargraph td.graph {
		width: 101px;
		padding: 3px 0 3px 0;
		text-align: left;
		font-size: 85%;
		border-left: 1px solid #333333;
		}
	.bargraph td.capa {
		width: 75px;
		padding: 3px 5px 3px 5px;
		text-align: right;
		}
	.bargraph td.graph .barA {
		position: relative;
		height: 16px;
		text-align: left;
		background-color: #FFDFD9;
		border-top: 1px solid #FFBFB2;
		border-right: 1px solid #FFBFB2;
		border-bottom: 1px solid #FFBFB2;
		}
	.bargraph td.graph .barB {
		position: relative;
		height: 16px;
		text-align: left;
		background-color: #FFFBCB;
		border-top: 1px solid #E5DB73;
		border-right: 1px solid #E5DB73;
		border-bottom: 1px solid #E5DB73;
		}
	.bargraph td.graph .barC {
		position: relative;
		height: 16px;
		text-align: left;
		background-color: #D9FFDF;
		border-top: 1px solid #B2FFBF;
		border-right: 1px solid #B2FFBF;
		border-bottom: 1px solid #B2FFBF;
		}
	.bargraph td.graph .barD {
		position: relative;
		height: 16px;
		text-align: left;
		background-color: #FFFBCB;
		border-top: 1px solid #E5DB73;
		border-right: 1px solid #E5DB73;
		border-bottom: 1px solid #E5DB73;
		}
	.bargraph td.graph .barE {
		position: relative;
		height: 16px;
		text-align: left;
		background-color: #D9FFDF;
		border-top: 1px solid #B2FFBF;
		border-right: 1px solid #B2FFBF;
		border-bottom: 1px solid #B2FFBF;
		}
	.bargraph td.graph .value {
		position: relative;
		padding: 0 0 0 2px;
		font-size: 85%;
		}

.step {
	float: left;
	width: 20px;
	font-size: 135%;
	font-weight: bold;
	color: #7A8499;
	}
.order {
	float: right;
	width: 280px;
	}
	.order h3 {
		display: inline;
		font-size: 100%;
		color: #7A8499;
		}
.point {
	width: 290px;
	padding: 10px;
	background-color: #EAEFF7;
	}
.point h3 {
	padding: 0 0 10px 0;
	}



/*------------------------------------------------------------ ▼▼▼　ボタン　▼▼▼ ------------------------------------------------------------*/
/*-------------------- ▼　ボタン：検索　▼ --------------------*/
.searchButton {
		display: block;
		float: right;
		padding: 5px 0 5px 0;
		line-height: 0;
		}
	.searchButton a {
			width: 94px;
			height: 30px;
			display: block;
			text-indent: -9999px;
			font-size: 1px;
			background-image:url(../image/caloriecheck/button_search.gif);
			background-position: left top;
			background-repeat: no-repeat;
			}
	.searchButton a:hover {
			background-image:url(../image/caloriecheck/button_search.gif);
			background-position: left bottom;
			background-repeat: no-repeat;
			}
.searchButtonAdv {
		display: block;
		float: right;
		padding: 5px 10px 0 5px;
		line-height: 30px;
		}

/*-------------------- ▼　ボタン：追加する　▼ --------------------*/
.addButtonS {
		width: 71px;
		height: 14px;
		display: block;
		line-height: 0;
		}
	.addButtonS a {
			width: 71px;
			height: 14px;
			display: block;
			text-indent: -9999px;
			font-size: 1px;
			background-image:url(../image/caloriecheck/button_adds.gif);
			background-position: left top;
			background-repeat: no-repeat;
			}
	.addButtonS a:hover {
			background-image:url(../image/caloriecheck/button_adds.gif);
			background-position: left bottom;
			background-repeat: no-repeat;
			}

/*-------------------- ▼　ボタン：食べたものリストに追加　▼ --------------------*/
.addListButton {
		padding: 10px 0 0 0;
		width: 141px;
		height: 20px;
		display: block;
		line-height: 0;
		}
	.addListButton a {
			width: 141px;
			height: 20px;
			display: block;
			text-indent: -9999px;
			font-size: 1px;
			background-image:url(../image/caloriecheck/button_addlist2.gif);
			background-position: left top;
			background-repeat: no-repeat;
			}
	.addListButton a:hover {
			background-image:url(../image/caloriecheck/button_addlist2.gif);
			background-position: left bottom;
			background-repeat: no-repeat;
			}

/*-------------------- ▼　ボタン：確認（小山追加）　▼ --------------------*/
.confirmButton {
		float: right;
		display: block;
		padding: 5px 0 5px 0;
		line-height: 0;
		}
	.confirmButton a {
			width: 96px;
			height: 20px;
			display: block;
			text-indent: -9999px;
			font-size: 1px;
			background-image:url(../image/common/btn_confirm.gif);
			background-position: left top;
			background-repeat: no-repeat;
			}
	.confirmButton a:hover {
			background-image:url(../image/common/btn_confirm.gif);
			background-position: left bottom;
			background-repeat: no-repeat;
			}

.btnWrapper2 {
	width:545px;
	padding-top:5px;
	padding-right:110px;
	margin-bottom:23px;
	text-align:right;
}

.btnWrapper2 a {
	outline:none;
}

.btnWrapper2 a.confirm:link,
.btnWrapper2 a.confirm:visited {
	display:block;
	width:96px;
	height:20px;
	margin-top:-18px;
	margin-right:-95px;
	margin-left:auto;
	background:url(../image/common/btn_confirm.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-align:left;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.btnWrapper2 a.confirm:hover {
	background-position:left bottom;
}

.btnWrapper2 a.send:link,
.btnWrapper2 a.send:visited {
	display:block;
	width:93px;
	height:20px;
	margin:-18px -95px 0 auto;
	background:url(../image/common/btn_send.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-align:left;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.btnWrapper2 a.send:hover {
	background-position:left bottom;
}

.btnWrapper6 {
	width:545px;
	padding-top:5px;
	padding-right:110px;
	margin-bottom:23px;
	text-align:right;
}

.btnWrapper6 a {
	outline:none;
}

.btnWrapper6 a.send:link,
.btnWrapper6 a.send:visited {
	display:block;
	width:93px;
	height:20px;
	margin:-18px -95px 0 auto;
	background:url(../image/common/btn_send.gif) no-repeat left top;
	font-size:1px;
	line-height:1px;
	text-align:left;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.btnWrapper6 a.send:hover {
	background-position:left bottom;
}

.fromES {
	text-align: left;
	padding: 9px;
	border: 1px solid #C5CFE6;
	background-color: #EAEFF7;
	}
	.title {
		text-align: left;
		font-size: 115%;
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
		border-bottom: 1px solid #FFFFFF;
		}
	.subject {
		text-align: left;
		font-size: 100%;
		padding: 0 0 5px 0;
		color: #FF0000;
		}