@charset "UTF-8";

#dinner {
width: 660px;
color: #666666;
}

#dinner #main_box {
margin: 0 0 20px 0;
}

#dinner h2#title_image {
display: block;
width: 660px;
height: 30px;
background: url(../img/subt_title.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#dinner #co_inner {
width: 600px;
margin: 25px 30px 0 30px;
}

#dinner #co_inner h3#subt_best {
display: block;
width: 350px;
height: 20px;
margin: 0 0 20px 0;
background: url(../img/subt_course.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#dinner #co_inner p#catch {
display: block;
width: 600px;
height: 60px;
margin: 0 0 30px 0;
text-indent: -9999px;
background: url(../img/catch.jpg) no-repeat 0 0;
}

#dinner #co_inner .dinner_separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 0;
}

#dinner #co_inner #main_image {
width: 600px;
height: 196px;
padding: 0 0 30px 0;
background: url(../img/bg_main.jpg) no-repeat 0 0;
}
#dinner #co_inner .in_box {
width: 600px;
margin: 0 0 30px 0;
}

#dinner #co_inner .dinner_photo {
width: 330px;
float: left;
margin: 0 30px 0 0;
}

#dinner #co_inner .dinner_detail {
width: 240px;
float: left;
}

#dinner #co_inner .dinner_detail h4 {
color: #e00000;
margin: 0 0 10px 0;
}

#dinner #co_inner .dinner_detail p.comment {
margin: 0 0 12px 0;
}

/* -- go_gnavi -- */
#dinner #go_gnavi {
clear: both;
width: 600px;
margin: 0 0 30px 0;
}

#dinner #go_gnavi p {
display: block;
width: 133px;
height: 29px;
background: url(../../common/bt_gnavi_b_on.jpg) no-repeat 0 0;
margin: 0 0 0 467px;
}

#dinner #go_gnavi p a {
display: block;
width: 133px;
height: 29px;
background: url(../../common/bt_gnavi_b_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#dinner #go_gnavi p a:hover {
background: none;
}

/* -- attention -- */
#dinner #co_inner #attention {
clear: both;
}

#dinner #co_inner #attention p {
font-size: 83%;
}