@charset "UTF-8";

#navi{
    float: left;
    width: 186px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #F00;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F00;
}


#navi li,
#navi ul,
#navi p,
#navi h2,
#navi h3{
    margin:0; padding:0;
}

#navi li{
    font-size:12px;
    list-style-type: none;
    line-height:100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #C00;
}

#navi_old li{
    font-size:12px;
    list-style-type: none;
    line-height:100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #C00;
}


.nobo{ margin: 0 auto; width: 186px; background-color: #ffffff; float: left; height: auto;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */ min-height: 100%;         /* 中身が少なくても高さ100%にする */ display: block; border-left:  none; border-right: none; border-bottom: none; border-top: none; }






#navi_recipe{
    background-color: #f1eae7;
    padding-bottom:13px;
    margin-top:20px;
}

#navi span{
    visibility: hidden;
}

#navi_old span{
    visibility: hidden;
}


#navi .proct{margin: 0 0 0 0; background:url(../img/navi/navi_ct_pro.png) no-repeat left top; display: block; height: 19px; width: 186px;
    overflow: hidden;
    text-indent: -9999px;}

#navi .protitle{
    margin: 8px 0 10px 0; background:url(../img/navi/navi_pro_title.png) no-repeat left top; display: block; height: 36px; width: 186px;
    overflow: hidden;
    text-indent: -9999px;
}

#navi .rect{margin: 0 0 0 0; background:url(../img/navi/navi_ct_re.png) no-repeat left top; display: block; height: 19px; width: 186px;
    overflow: hidden;
    text-indent: -9999px;
}

#navi .soupcontentsct{margin: 0; background:url(../img/navi/navi_ct_con.png) no-repeat left top; display: block; height: 18px; width: 186px;
    overflow: hidden;
    text-indent: -9999px;
}

#navi .ct{ margin-top:22px;}
#navi .title{ margin-top:8px;}

#navi .ProbtnKan{margin: 12px 0 12px 0; background:url(../img/navi/navi_kan.png) no-repeat left top; display: block; height: 78px; width: 186px;}
#navi .Probtnchunky{margin: 6px 0 2px 0; background:url(../img/navi/navi_ch.png) no-repeat left top; display: block; height: 50px; width: 186px;}
#navi .ProbtnSotg{margin: 6px 0 2px 0; background:url(../img/navi/navi_sotg.png) no-repeat left top; display: block; height: 50px; width: 186px;}
#navi .ProbtnV8{margin: 2px 0 2px 0; background:url(../img/navi/navi_v8.png) no-repeat left top; display: block; height: 50px; width: 186px;}
#navi .ProbtnPrego{margin: 2px 0 12px 0; background:url(../img/navi/navi_pre.png) no-repeat left top; display: block; height: 50px; width: 186px;}

#navi .ProbtnFs{margin: 0 0 2px 0; background:url(../img/navi/navi_fs.png) no-repeat left top; display: block; height: 43px; width: 186px;}
#navi .ProbtnOkinawa{margin: 2px 0 12px 0; background:url(../img/navi/navi_oki.png) no-repeat left top; display: block; height: 43px; width: 186px;}

#navi .ProbtnArnotts{margin: 0 0 2px 0; background:url(../img/navi/navi_ar.png) no-repeat left top; display: block; height: 47px; width: 186px;}
#navi .ProbtnPeparidge{margin: 2px 0 12px 0; background:url(../img/navi/navi_pepa.png) no-repeat left top; display: block; height: 47px; width: 186px;}

#navi .Recipebtn{margin: 0 0 0 0; background:url(../img/navi/navi_recipe.png) no-repeat left top; display: block; height: 152px; width: 186px;}
#navi .Youtubebtn{margin: 0 0 0 0; background:url(../img/navi/navi_youtube.png) no-repeat left top; display: block; height: 61px; width: 186px;}

#navi .Onlinebtn{margin: 18px 0 2px 0; background:url(../img/navi/navi_on.png) no-repeat left top; display: block; height: 46px; width: 186px;}
#navi .Costcobtn{margin: 2px 0 18px 0; background:url(../img/navi/navi_cos.png) no-repeat left top; display: block; height: 47px; width: 186px;}

#navi .Healthbtn{margin: 0; background:url(../img/navi/navi_helth.png) no-repeat left top; display: block; height: 56px; width: 186px;}
#navi .Stylebtn{margin: 0; background:url(../img/navi/navi_styling.png) no-repeat left top; display: block; height: 56px; width: 186px;}
#navi .Dinerbtn{margin: 0; background:url(../img/navi/navi_dinner.png) no-repeat left top; display: block; height: 56px; width: 186px;}
#navi .Soputalkbtn{margin: 0 0 15px 0; background:url(../img/navi/navi_souptalk.png) no-repeat left top; display: block; height: 56px; width: 186px;}


#footer{
    width: 798px;
    margin-right: auto;
    margin-left: auto;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #D11010;
    border-left-color: #D11010;
    text-align: center;
    background-color: #D11010;

    bottom: 0;

}

.rebo{ border: 1px solid #FF0004; }