/* ========================================================================
    01.Top  [ index.html ]
======================================================================== */

/* contents
--------------------------------------------------------------- */
#contents{
}

/* top_flash
--------------------------------------------------------------- */
#top_flash{
  width:600px;
  height:120px;
  background-color:#CCC;
  margin:0 0 20px 0;
}


/* recommend
--------------------------------------------------------------- */
#recommend{
  width:600px;
  background-repeat:no-repeat;
  margin-bottom: 30px;
/*
  margin:0 0 10px 0;
*/
  padding:10px 0 0 0;
}

#recommend #recommend_recipe_title{
  width:600px;
  height:41px;
  text-indent:-9999px;
  background-image:url(../img/recommend_title.gif);
  background-repeat:no-repeat;
}

#recommend #recommend_name{
  font-size: 140%;
  font-weight: bold;
  float: left;
}

#recommend #recommend_calorie{
  padding-left: 20px;
  color: #5A3D1B;
  font-size: 140%;
  font-weight: bold;
  float: left;
}

#recommend #recommend_update_at{
  padding: 4px 10px 0 0;
  color: #FF7F00;
  text-align: right;
}

#recommend_image_box{
  width:600px;
  clea:both;
  padding:10px 0 5px 0;
}

#recommend_image_left{
  width:200px;
  padding:0 0 0 10px;
  float:left;
}

#recommend_image_right{
  width:370px;
  padding:0 0 0 10px;
  float:left;
}

#recommend_text{
  margin: 5px 0 0 0;
  padding: 10px;
  border-top: dashed 2px #F67485;
  border-bottom: solid 2px #F5E4CF;
}

#recommend_text #rmd_backnumber{
  padding:0 0 20px 70px;
}

#recommend_text_title{
  width:300px;
  float:left;
}

#recommend_text h3{
  font-size:15px;
  margin:0 0 6px 0;
}

#recommend_text #point{
  font-size:90%;
  color:#3D3937;
  margin:0 0 0 0;
  clear:both;
}

#recommend_text #material_icon{
  margin:0 0 4px 0;
}

#recommend_text #recommend_material{
  color:#95B500;
}

/* season_menu
--------------------------------------------------------------- */
#season_menu{
/*
  margin:0 0 30px 0;
*/
/* banner 対応 */
  margin:0 0 20px 0;
  background-color: #F5E4CF;
  border: solid 1px #F5E4CF;
}

#season_menu h3{
  width:600px;
  height:58px;
  text-indent:-9999px;
  background-image:url(../img/season_menu_title.gif);
  background-repeat:no-repeat;
  margin:0 0 10px 0;
}

#season_menu table#waku {
  width: 580px;
}

#season_menu table#waku td {
  vertical-align: top;
}

#season_menu table#waku div {
  padding: 10px;
  text-align: center;
}

#season_menu table#list {
  margin: 10px auto;
  width: 340px;
}

#season_menu table#list tr {
  border-bottom: dashed 1px #FFF;
}

#season_menu table#list div {
  text-align: left;
  padding: 8px 0;
}

#season_menu #season_menu_update_at {
  padding-top: 4px;
  color: #FF7F00;
  float: right;
}

#update{
  width:87px;
  height:25px;
  float:left;
  background-image:url(../img/update_bk.jpg);
  background-repeat:no-repeat;
}

#season_backnumber{
  width:110px;
  height:25px;
  float:left;
  margin:6px 0 0 480px;
}
#season_backnumber a{
  vertical-align:top;
}

.menu_main{
  width:180px;
  float:left;
}
.menu_sub{
  width:86px;
  float:left;
  margin:0 0 0 20px;
}
.menu_sub {
  width:86px;
  float:left;
  margin:0 0 0 20px;
}
.menu_sub1 {
  margin:0 0 10px 0;
}

#calorie{
  width:300px;
  float:right;
}
#calorie #calorie_list{
  background-color:#F2EEE5;
  padding:10px 10px 0 10px;
}
#calorie .menu_name{
  width:220px;
  clear:both;
  float:left;
  margin:0 0 3px 0;
}
#calorie .menu_calorie{
  width:45px;
  float:right;
  margin:0 0 3px 0;
  text-align:right;
}
#calorie #calorie_total{
  background-color:#665032;
  padding:10px 10px 0px 10px;
}

#nutrient_banner{
  margin:0 0 15px 0;
}

/* facebook
--------------------------------------------------------------- */
#facebook_box{
  width:600px;
  text-align:center;
  margin:0 0 15px 0;
}
#facebook_text{
  width:350px;
  float:left;
  padding:4px 0 0 60px;
}
#facebook_btn{
  width:110px;
  float:left;
}


#sub_facebook_box{
  width:300px;
  margin:0 0 20px 0;
}
#sub_facebook_box #sub_facebook_text{
  width:175px;
  float:left;
  padding:4px 0 0 3px;
}
#sub_facebook_box #sub_facebook_btn{
  width:110px;
  float:left;
}


/* category
--------------------------------------------------------------- */
#category{
  width:590px;
  padding:0 0 0 10px;
}
.category_box{
  width:133px;
  float:left;
  padding:0 0 0 10px;
}
.category_box h3{
  padding:0 0 10px   0;
}

.category_box ul{
  padding:0 0 0 10px;
  list-style-image:url(../img/list_icon.gif);
  list-style-position:inside;
}
.category_box ul li{
  padding:0 0 20px 0;
}

.category_tbl{
  width:600px;
  margin:0 0 20px 0;
}

#low_calorie{
  width:170px;
  height:96px;
  text-align:left;
  background-image:url(../img/low_calorie_bk.gif);
  background-repeat:no-repeat;
}
#low_calorie ul{
  padding:35px 0 0 40px;
}
#low_calorie ul li{
  padding:0 0 15px 0;
}

#mid_calorie{
  width:170px;
  height:96px;
  text-align:left;
  background-image:url(../img/mid_calorie_bk.gif);
  background-repeat:no-repeat;
}
#mid_calorie ul{
  padding:35px 0 0 40px;
}
#mid_calorie ul li{
  padding:0 0 15px 0;
}

#high_calorie{
  width:170px;
  height:96px;
  text-align:left;
  background-image:url(../img/high_calorie_bk.gif);
  background-repeat:no-repeat;
}
#high_calorie ul{
  padding:35px 0 0 40px;
}
#high_calorie ul li{
  padding:0 0 15px 0;
}

.category_td{
  text-align:center;
  padding:10px 0 0 10px;
}
.category_td img{
  margin:0 0 5px 0;
}
.category_col{
  width:180px;
  padding:10px 0 10px 0;
  text-align:center;
  border:1px solid #CCCCCC;
}

#news{
  width:600px
  text-align;center;
}
#news h2{
  margin:0 0 20px 0;
}
#news table td{
  padding:0 0 10px 20px;
}

#news_list{
  height:230px;
  width:600px;
  overflow:auto;
}


/*サブナビゲーション　あなたのポイント
---------------------------------------------------*/
#sub_your_point{
  margin:0 0 5px 0;
  padding:0 0 10px 0;
}

#sub_your_point table{
  border:solid 1px #CCC;
  margin:0 0 5px 0;
}
#sub_your_point table td{
  padding:10px 5px;
}

#summry_your_point{
  text-align:right;
  font-weight:bold;
}

#access_point{
  text-align:center;
  margin:0 0 20px 0;
}


/*footer
--------------------------------------------------------*/
#ads_footer{
  text-align:center;
  margin:0 0 20px 0;
}
