@charset "Shift_JIS";


/*-------------------------------------------------------------
form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#diet #contents input{
	margin: 0 3px 0 0;
}




/*-------------------------------------------------------------
矢印
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#diet #contents p.next{
	background: url(../diet/img/bgArrow.gif) no-repeat center top;
	text-indent: -9999px;
	height: 46px;
}


/*-------------------------------------------------------------
カテゴリーで絞り込む
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#diet #bgDietCategory{
	background: url(../diet/img/bgTtl_bottom.gif) no-repeat left bottom;
	width: 650px;
	padding-bottom: 18px;
}

#diet #dietCategory{
	background: #EE6C86 url(../diet/img/bgTtl.jpg) no-repeat left top;
	width: 650px;
	text-align: center;
}


#diet #dietCategory h2{
	padding: 0 0 0 24px;
}

#diet #dietCategory p{
	padding: 0 0 15px 40px;
}

#diet #dietCategory #bgDiet{
	width: 570px;
	padding: 5px;
	background: url(../diet/img/bgList.png) repeat-y left top;
	margin: 0 auto;
}

#diet #dietCategory #bgDiet #search{
	width: 526px;
	background: #FFF;
	padding: 15px 22px 10px;
}


#diet #dietCategory #bgDiet #search dl{
	background: #F7F7F7;
	padding: 5px 10px;
	float: left;
	margin: 5px 0 0 0;
}

#diet #dietCategory #bgDiet #search dl#genre{
	width: 110px;
	margin-right: 10px;
}

#diet #dietCategory #bgDiet #search dl#cate{
	width: 140px;
	margin-right: 10px;
}

#diet #dietCategory #bgDiet #search dl#name{
	width: 196px;
	margin-bottom: 22px;
}

#diet #dietCategory #bgDiet #search #searchBtn{
	float: right;
	width: 216px;
}

#diet #dietCategory #bgDiet #search #searchBtn p{
	width: 206px;
	padding: 0;
	margin: 0 auto;
}

#diet #dietCategory #bgDiet #search #searchBtn p input{
	margin: 0;
}

#diet #dietCategory #bgDiet #search dl dt{
	margin-bottom: 5px;
}

#diet #dietCategory #bgDiet #search dl dd ul li{
	margin: 0 0 2px;
}

#diet #dietCategory #bgDiet #search dl#name input{
	padding: 3px 8px;
	width: 178px;
	margin: 0 0 5px;
	border: 1px solid #99B4CE;
}




/*-------------------------------------------------------------
検索結果から食べた物を選ぶ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#diet #dietChoose{
	background: #F9C6D0;
	padding: 32px;
	width: 586px;
	text-align: center;
}

#diet #dietChoose h3{
	margin: 0 0 20px;
}

#diet #dietChoose .foodChoices{
	width: 586px;
	margin: 12px 0 0;
}

#diet #dietChoose .foodChoices li{
	float: left;
}

#diet #dietChoose .foodChoices li a{
	margin-left: 9px;
	border: 2px solid #FFF;
	background:#FFFFFF;
	text-align: center;
	text-decoration:none;
	color:#333333;
	display:block;
	width: 84px;
}

#diet #dietChoose .foodChoices li a:hover{
	border: 2px solid #FA6656;
}


#diet #dietChoose .foodChoices li span {
	font-size: 75%;
	color: #999999;
	display:block;
	padding-top:5px;
}

#diet #dietChoose #pageNavi{
	width: 586px;
	position: relative;
	margin: 25px 0 17px;
	clear: both;
}

#diet #dietChoose #pageNavi p#pages{
	width: 350px;
	position: absolute;
	top: 0px;
	left: 103px;
	text-align: center;
}


#diet #dietChoose p#prev{
	background: #720E03 url(../diet/img/prev.gif) no-repeat 5px center;
	position: absolute;
	top: 0px;
	left: 8px;
	color: #FFF;
	padding: 2px 10px;
	width: 83px;
	text-align: center;
}

#diet #dietChoose p#next{
	background: #720E03 url(../diet/img/next.gif) no-repeat 95px center;
	position: absolute;
	top: 0px;
	left: 480px;
	color: #FFF;
	padding: 2px 10px;
	width: 83px;
	text-align: center;
}





/*-------------------------------------------------------------
現在のカロリー数
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#diet #dietResult{
	background: #FDE1DF;
	padding: 15px 32px 10px;
	width: 586px;
}

#diet #dietResult h3{
	margin-bottom: 10px;
}

#diet #dietResult #getCalory{
	width: 586px;
}

#diet #dietResult #getCalory #yourCalory{
	width: 252px;
	float: right;
}

#diet #dietResult #bgChosenFood{
	background: url(../diet/img/bgList.png) repeat-y left top;
	padding: 5px;
	width: 270px;
	float: left;
}

#diet #dietResult #ChosenFood{
	background: #FFF;
	padding: 5px 12px;
	width: 246px;
}

#diet #dietResult #ChosenFood li{
	font-size: 115%;
	background: url(../diet/img/dot.gif) repeat-x left bottom;
	padding: 3px 0;
	margin-left: 8px;
}

#diet #dietResult #ChosenFood p{
	width: 196px;
	margin: 8px auto 0;
}

#diet #dietResult #ChosenFood dt{
	margin-bottom: 5px;
}

#diet #dietResult #getCalory #yourCalory dd{
	color:#666666;
	font: bold 115% Arial, Helvetica, sans-serif;
	margin: 5px 0 20px;
}

#diet #dietResult #getCalory #yourCalory dd input{
	padding: 5px;
	font: bold 180% Arial, Helvetica, sans-serif;
	text-align:right;
	color:#000000;
	margin: 0;
	width: 114px;
	border: 1px solid #99B4CE;
}

#diet #dietResult #getCalory table{
	margin:0 auto 15px;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	width: 252px;
}

#diet #dietResult #getCalory table td{
	border: 1px solid #CCC;
	background: #FFF;
	padding: 5px;
	text-align: center;
}

#diet #dietResult #getCalory table .age{
	background: #F7F7F7;
}

#diet #dietResult #getCalory table th{
	border: 1px solid #CCC;
	background: #FFF;
	padding: 0 5px;
	text-align: center;
}

#diet #dietResult #getCalory table .male{
	background: #DEF6F6;
	width: 80px;
}

#diet #dietResult #getCalory table .female{
	background: #FEF0EF;
	width: 80px;
}



/*-------------------------------------------------------------
CDバナー
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#diet #contents p#bannerCD{
	width: 580px;
	margin: 20px auto;
}