@charset "utf-8";

/*-------------------- ▼　メインスプラッシュ　▼ --------------------*/
.mainSplash {
	padding: 0 0 15px 0;
	}

/*-------------------- ▼　メインスプラッシュ　▼ --------------------*/
.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;
		}
	.title1 {
		text-align: left;
		font-size: 115%;
		padding: 0 0 3px 0;
		margin: 0 0 5px 0;
		}
	.subject {
		text-align: left;
		font-size: 100%;
		padding: 0 0 5px 0;
		color: #FF0000;
		}
	.subject1 {
		text-align: left;
		font-size: 100%;
		padding: 10px 0 5px 0;
		color: #FF0000;
		border-top: 1px solid #FFFFFF;
		margin: 0 0 0 5px;
		}
	.message1 {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		padding: 2px 0 0 0;
		margin: 0 0 0 12px;
		}

/*-------------------- ▼　コンテンツタイトル　▼ --------------------*/
.contTitle {
	text-align: left;
	border-bottom: 1px solid #7A8499;
	margin: 25px 0 5px 0;
	}


.fullBox {
	width: 640px;
	padding: 5px 0 5px 0;
	overflow: hidden;
	}
	.fullBox:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .fullBox {height: 1em;overflow: visible; }/**/
.fullBoxbline {
	width: 640px;
	padding: 5px 0 25px 0;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
	}
	.fullBoxbline:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .fullBoxbline {height: 1em;overflow: visible; }/**/
.halfBoxL {
	float: left;
	width: 310px;
	}
.halfBoxR {
	float: right;
	width: 310px;
	}

.recentSummary {
	padding: 0;
	}
	.recentSummary .title {
		font-size: 100%;
		padding: 0 0 3px 0;
		margin: 0 0 5px 0;
		border-bottom: 1px dashed #7A8499;
		overflow: hidden;
		}
		.recentSummary .title:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .recentSummary .title {height: 1em;overflow: visible; }/**/
		.recentSummary .title h3 {
			float: left;
			text-align: left;
			font-size: 100%;
			padding: 0 5px 0 5px;
			}
		.recentSummary .title .text {
			float: right;
			text-align: right;
			vertical-align: middle;
			font-size: 85%;
			line-height: 10px;
			color: #808080;
			padding: 0 5px 0 5px;
			}

	.recentSummary table.recentAll {
		width: 100%;
		}
	.recentSummary table.recentAll td {
		text-align: left;
		vertical-align: top;
		padding: 0 5px 5px 5px;
		border-bottom: 10px solid #FFFFFF;
		}
	.recentSummary table.recentAll td.time {
		text-align: left;
		vertical-align: top;
		width: 30px;
		padding: 0 5px 0 5px;
		border-right: 1px solid #DDDDDD;
		}

	.recentSummary table.recentPickup {
		width: 100%;
		}
	.recentSummary table.recentPickup td {
		width: 50%;
		text-align: left;
		vertical-align: top;
		padding: 5px 5px 10px 5px;
		}

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

	.recentSummary .thumbPh {
		float: right;
		padding: 0 0 5px 5px;
		}
	.recentSummary .suText {
		text-align: left;
		font-weight: normal;
		}
		.recentSummary .suText strong {
			font-weight: bold;
			}
	.recentSummary .suDate {
		text-align: left;
		color: #7A8499;
		font-weight: bold;
		padding: 0 0 2px 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;
		}


/*-------------------- ▼　テーブル：カテゴリ内一覧（中カテゴリ）　▼ --------------------*/
.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;
		}


/*-------------------- ▼　テーブル：検索結果一覧　▼ --------------------*/

/*----------　tableでレイアウト　----------*/
.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 .bOn {
		border-left: 3px solid #C5CFE6;
		padding: 5px 5px 5px 7px;
		min-height: 40px;
		height: auto !important;
	 	height: 40px;
		}

/*----------　divでレイアウト　----------*/
.resultHeader {
	width: 640px;
	text-align: left;
	padding: 5px 0;
	font-weight: bold;
	background-color: #EBEFF8;
	white-space: nowrap;
	overflow: hidden;
	}
	.resultHeader:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*\*/* html .resultHeader {height: 1em;overflow: visible; }/**/
	.resultHeader .defwrap {
		min-height: 50px;
		height: auto !important;
	 	height: 50px;
		}
	.resultHeader .th01 {
		float: left;
		width: 200px;
		padding: 5px 5px 5px 7px;
		}
	.resultHeader .th02 {
		float: left;
		width: 140px;
		padding: 5px 5px 5px 7px;
		border-left: 3px solid #C5CFE6;
		}
	.resultHeader .th03 {
		float: left;
		width: 90px;
		padding: 5px 5px 5px 7px;
		border-left: 3px solid #C5CFE6;
		}
	.resultHeader .th04 {
		float: left;
		width: 60px;
		padding: 5px 5px 5px 7px;
		border-left: 3px solid #C5CFE6;
		}
	.resultHeader .th05 {
		float: left;
		width: 75px;
		padding: 5px 5px 5px 7px;
		}

.resultDiv {
	width: 640px;
	text-align: left;
	padding: 5px 0;
	margin: 5px 0;
	border-bottom: 1px solid #DDDDDD;
	}
	.resultDiv .td01ph {
		width: 40px;
		padding: 5px 0 5px 5px;
		display: table-cell; vertical-align: middle; margin: 0;
		}
		* html .resultDiv .td01ph { display: inline; zoom: 1; }
		*:first-child+html .resultDiv .td01ph { display: inline; zoom: 1; }
	.resultDiv .td01 {
		width: 155px;
		padding: 5px 7px 5px 5px;
		font-weight: bold;
		display: table-cell; vertical-align: middle; margin: 0;
		}
		* html .resultDiv .td01 { display: inline; zoom: 1; }
		*:first-child+html .resultDiv .td01 { display: inline; zoom: 1; }
	.resultDiv .td02 {
		width: 140px;
		padding: 5px 5px 5px 7px;
		border-left: 3px solid #C5CFE6;
		display: table-cell; vertical-align: middle; margin: 0;
		}
		* html .resultDiv .td02 { display: inline; zoom: 1; }
		*:first-child+html .resultDiv .td02 { display: inline; zoom: 1; }
	.resultDiv .td03 {
		width: 90px;
		padding: 5px 5px 5px 7px;
		border-left: 3px solid #C5CFE6;
		display: table-cell; vertical-align: middle; margin: 0;
		}
		* html .resultDiv .td03 { display: inline; zoom: 1; }
		*:first-child+html .resultDiv .td03 { display: inline; zoom: 1; }
	.resultDiv .td04 {
		width: 60px;
		padding: 5px 5px 5px 7px;
		border-left: 3px solid #C5CFE6;
		display: table-cell; vertical-align: middle; margin: 0;
		}
		* html .resultDiv .td04 { display: inline; zoom: 1; }
		*:first-child+html .resultDiv .td04 { display: inline; zoom: 1; }
	.resultDiv .td05 {
		width: 75px;
		padding: 5px 5px 5px 7px;
		display: table-cell; vertical-align: middle; margin: 0;
		}
		* html .resultDiv .td05 { display: inline; zoom: 1; }
		*:first-child+html .resultDiv .td05 { display: inline; zoom: 1; }




/*------------------------------------------------------------ ▼▼▼　詳細　▼▼▼ ------------------------------------------------------------*/
#detailContL {
		float: left;
		width: 310px;
		padding: 15px 0 0 0;
		text-align: left;
		}
#detailContR {
		float: right;
		width: 310px;
		padding: 15px 0 0 0;
		text-align: left;
		border: 1px solid #444444;}

/*-------------------- ▼　料理写真　▼ --------------------*/
.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-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 35px 15px 35px;
		}
.itemPh {
	width: 236px;
	height: 176px;
	padding: 1px;
	margin: 0 5px 0 0;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	}
.itemName {
	padding: 10px 0 0 0;
	color: #7A8499;
	font-size: 115%
	}
.itemSubInfo {
	padding: 5px;
	margin: 5px 0 5px 0;
	color: #7A8499;
	background-color: #EBECF0;
	}
.viewRecipe {
	padding: 0 0 10px 0;
	}

/*-------------------- ▼　バランス・詳細　▼ --------------------*/
#itemData1, #itemData2 {
	}

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

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

	 .detail {
		width: 288px;
		padding: 10px;
		border-left: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		border-right: 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;
			}

/*------------------------------------------------------------ ▼▼▼　ボタン　▼▼▼ ------------------------------------------------------------*/
/*-------------------- ▼　ボタン：検索　▼ --------------------*/
.searchButton {
		display: block;
		float: right;
		padding: 5px 0 15px 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 {
		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;
			}