@charset "utf-8";

/* for jQuery popimage */
.jq_popimage {
position:absolute;
background-repeat:no-repeat;
}
.jq_show_top {
padding-bottom:11px;
background-image:url(../common/jq_popimage_bg_01.png);
background-position:left bottom;
}
.jq_show_bottom {
padding-top:11px;
background-image:url(../common/jq_popimage_bg_02.png);
}
.jq_popimage div {
position:relative;
width:125px;
padding:6px;
border-right:1px solid #DFB486;
border-left:1px solid #DFB486;
background-color:#fff;
}
.jq_show_top div {
border-top:1px solid #DFB486;
}
.jq_show_bottom div {
border-bottom:1px solid #DFB486;
}
.jq_popimage div img {
cursor:pointer;
width:125px !important;
height:100px !important;
}
.jq_popimage p {
position:absolute;
left:6px;
bottom:6px;
width:125px;
background-color:#fff;
color:#000;
}



/* rating */
.rate {
overflow:hidden;
height:100%;
}
.rate h3,
.rate .ratingblock,
.rate .ratingblock ul,
.rate .ratingblock p {
float:left;
}
.rate h3 {
font-size:1.2em;
font-weight:normal;
}
.rate .ratingblock p {
color:#FF484B;
}



/* local nav */
#lnav {
overflow:hidden;
width:970px;
margin:0 auto 21px;
}
#lnav p,
#lnav ul,
#lnav li {
float:left;
}



/* main contents */
#main {
width:970px;
margin:0 auto;
}
#main:after {
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}



/* footer nav */
#fnav {
width:970px;
margin:0 auto 46px;
}

/* news (fnav) */
#fnav .news {
width:970px;
margin:0 auto;
padding-top:5px;
background:url(../common/fnav_bg_03.png) no-repeat;
}
#fnav .news_inner {
padding-bottom:20px;
background:url(../common/fnav_bg_02.png) left bottom no-repeat;
}
#fnav .news p {
height:100%;
padding:1px 12px 0;
background:url(../common/fnav_bg_01.png) repeat-y;
font-size:1.2em;
}

/* nav (fnav) */
#fnav .nav {
overflow:hidden;
height:100%;
padding-bottom:10px;
background:url(../common/fnav_bg_04.png) 132px bottom no-repeat;
}
#fnav .nav .actor,
#fnav .nav .section {
float:left;
}
#fnav .nav .actor {
margin-right:23px;
}
#fnav .nav .section h2 {
padding:0 2px 5px;
background:url(../common/fnav_bg_04.png) left bottom no-repeat;
}

/* random recipe (fnav) */
#fnav .nav .random {
width:286px;
margin-right:16px;
}
#fnav .nav .random h2 {
margin-bottom:10px;
}
#fnav .nav .random ul {
overflow:hidden;
width:285px;
margin:0 -9px -4px 5px;
}
#fnav .nav .random li {
float:left;
margin-right:9px;
margin-bottom:5px;
}
#fnav .nav .random ul img {
width:48px;
height:33px;
vertical-align:bottom;
}

/* recommend (fnav) */
#fnav .nav .recommend {
width:264px;
margin-right:16px;
}
#fnav .nav .recommend h2 {
margin-bottom:13px;
}
#fnav .nav .recommend .image {
float:left;
margin-right:12px;
margin-left:5px;
}
#fnav .nav .recommend h3,
#fnav .nav .recommend .rate {
overflow:hidden;
height:100%;
}
#fnav .nav .recommend h3 {
padding:8px 0;
font-size:1.2em;
}

/* mobile (fnav) */
#fnav .nav .mobile {
width:253px;
}
#fnav .nav .mobile h2 {
margin-bottom:9px;
}
#fnav .nav .mobile .qr_code {
float:left;
margin-right:14px;
margin-left:5px;
}
#fnav .nav .mobile p {
overflow:hidden;
height:100%;
margin-top:12px;
line-height:1.3;
}
#fnav .nav .mobile .more {
margin-top:5px;
}