@charset "UTF-8";

#contents { width: 595px; float: left; }
#contents_inner { margin: 0px 10px 15px 15px; width: 570px; color: #333333; font-size: 80%; line-height: 1.2; }

#meal { height: 727px; background: url(../images/meal/back.jpg) 0px 0px no-repeat; position: relative; }
#meal_left { width: 170px; float: left; }
#meal_left_inner { margin: 190px 20px 0px 31px; }
#meal_left_inner table td { padding: 0px 0px 3px 0px; }
#meal_left_inner table td.price { text-align: right; }
#meal_left_inner table td span { color: #77BB33; }
#meal_right { width: 400px; float: left; }
#meal_right ul { margin: 240px 0px 0px 0px; padding: 0px; list-style: none; }
#meal_right ul li.meal01 { padding: 0px 0px 30px 320px; }
#meal_right ul li.meal02 { padding: 0px 0px 80px 0px; }
#meal_right ul li.meal03 { padding: 0px 0px 35px 200px; }
#meal_right ul li.meal04 { padding: 0px 0px 45px 320px; }
#meal_right ul li.meal05 { padding: 0px 0px 40px 260px; }
#meal_right ul li.meal06 { padding: 0px 0px 0px 140px; }
#meal_right ul li span { color: #77BB33; }

#voice { width: 510px; position: absolute; bottom: 30px; left: 30px; clear: both; }
#voice_left { width: 415px; line-height: 1.4; float: left; }
#voice_left img { margin: 0px 0px 5px 0px; }
#voice_right { width: 95px; float: left; }
#voice_name { padding: 3px 0px 3px 70px; background: url(../images/meal/course.gif) 0px center no-repeat; }

#side { width: 150px; float: left; }
#side ul { margin: 0px 0px 4px 0px; padding: 0px; list-style: none; }
#side ul li { width: 150px; height: 25px; }
#side ul li a { width: 150px; height: 24px; text-indent: -10000px; display: block; overflow: }
#menu01 a { background: url(../images/life/01.gif); }
#menu02 a { background: url(../images/life/02.gif); }
#menu03 a { background: url(../images/life/03.gif); }
#menu04 a { background: url(../images/life/04.gif); }
#menu05 a { background: url(../images/life/05.gif); }
#menu06 a { background: url(../images/life/06.gif); }
#menu07 a { background: url(../images/life/07.gif); }
#menu01 a:hover { background: url(../images/life/01on.gif); }
#menu02 a:hover { background: url(../images/life/02on.gif); }
#menu03 a:hover { background: url(../images/life/03on.gif); }
#menu04 a:hover { background: url(../images/life/04on.gif); }
#menu05 a:hover { background: url(../images/life/05on.gif); }
#menu06 a:hover { background: url(../images/life/06on.gif); }
#menu07 a:hover { background: url(../images/life/07on.gif); }

h2 { margin: 0px; padding: 0px; display: inline; }
h3 { margin: 0px 0px 5px 15px; padding: 4px; background: url(../images/common/module_header.gif); color: #FFFFFF; font-size: 100%; font-weight: 400; }
h4 { margin: 0px; padding: 0px; }

/* バナー */
#banner h4 { margin: 0px 0px 5px 0px; }
#banner h4#banner01 a { width: 150px; height: 32px; background: url(../images/life/goodnius.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner01 a:hover { width: 150px; height: 32px; background: url(../images/life/goodnius_on.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner02 a { width: 150px; height: 32px; background: url(../images/life/career.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner02 a:hover { width: 150px; height: 32px; background: url(../images/life/career_on.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner03 a { width: 150px; height: 32px; background: url(../images/common/banner_form.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner03 a:hover { width: 150px; height: 32px; background: url(../images/common/banner_form_on.gif); text-indent: -10000px; display: block; overflow: }