@charset "utf-8";

/*
**  elio.co.jp
**
**  COMMON.CSS
**
**  01 : @_RESET
**  02 : @_INIT
**  03 : @_STRUCTURE
**  04 : @_HEADER
**  05 : @_FOOTER
**
*/

/*
**  FONT SIZE CHEAT
**  
**  16px : 133.4%
**  15px : 125%%
**  14px : 116.7%
**  13px : 108.4%
**  12px : 100%
**  11px : 91.7%
**  10px : 83.4%
**
*/

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@ RESET */                                                  /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Please Do not alter anything! Thank you! */

html,body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,address,
blockquote,pre,code,
form,fieldset,legend,input,textarea,select,option,button,label,
th,td,
hr {
  margin: 0;
  padding: 0;
}

body { background-color: #ffffff; color: #000000; }

h1,h2,h3,h4,h5,h6,table,
input,textarea,select,option,button {
  font-size: 100%;
}

h1,h2,h3,h4,h5,h6,
address,
blockquote,q,cite,
caption,th,
dfn,
code,var,samp,kbd,
em,strong {
  font-weight: normal;
  font-style: normal;
}

/* links
------------------------------*/
a { cursor: pointer; outline: 0; }
:focus { outline: 0; }

/* quotation
------------------------------*/
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* table
------------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
}
* html table { border-collapse: collapse; } /* for ie6 */
*:first-child+html table { border-collapse: collapse; } /* for ie7 */
caption,th { text-align: left; }

/* misc
------------------------------*/
ol,ul { list-style: none; }
a img,img { border: 0; vertical-align: bottom; }
code,var,samp,kbd { font-family: monospace; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
abbr, acronym { border: 0; } /* for firefox */
hr { display: none; }

/* forms
------------------------------*/
fieldset { border: 0; }
input,textarea,select,option,button,label {
  font-family: inherit;
  color: inherit;
}
input,textarea,select,option,button { vertical-align: baseline; }
textarea { vertical-align: top; }
* html legend { margin-left: -7px; } /* for ie6 */
*:first-child+html legend { margin-left: -7px; } /* for ie7 */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@ INIT */                                                   /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

body {
  font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
  font-size:12px;
  line-height:1;
  color:#666;
}

/* Hack for ie6 */
* html body {
  font-family:"ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
  font-size:75%;
  line-height:1.1;
}

/* Hack for ie7 */
*:first-child+html body {
  font-family:"ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
  font-size:75%;
}

/* Hack for ie8 */
.ie8 body {
  font-family:"ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
  font-size:75%;
}

/* Link Color
------------------------------------- */
a {
  color:#0066cc;
  text-decoration:none;
}
a:hover,
a:active {
  text-decoration:underline;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@ STRUCTURE */                                              /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Clearfix
----------------------------------------------- */

.group:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
  }
* html .group             { zoom:1; } /* Hack for ie6 */
*:first-child+html .group { zoom:1; } /* Hack for ie7 */

/* Background
----------------------------------------------- */

html {
  height:100%;
  background-color:#900000;
}

body {
  background-color:#feefdc;
}

/* Header
----------------------------------------------- */

#header {
  background:url(../images/bg-header-topline.gif) repeat-x 0 top;
}

#header-inner {
  position:relative;
  width:950px;
  height:141px;
  margin:0 auto;
}

#header-info {
  position:absolute;
  top:48px;
  right:0;
  height:63px;
  border-right:1px solid #e1cba7;
  font-size:10px;
}

/* Pagebody
----------------------------------------------- */

#page-wrapper {
  background:url(../images/bg-footer-topline.gif) repeat-x 0 bottom;
}

#page-inner {
  width:950px;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
}

/* Footer
----------------------------------------------- */

#footer {
  background-color:#900000;
}

#footer-inner {
  position:relative;
  width:950px;
  min-height:220px;
  height:auto !important;
  height:220px;
  margin:0 auto;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@ HEADER */                                                 /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Logo
----------------------------------------------- */
#logo {
  position:absolute;
  top:40px;
  left:-1px;
}

/* Restaurant
----------------------------------------------- */

#head-res1 {
  float:left;
  padding:0 20px;
  border-left:1px solid #e1cba7;
}

#head-res1 h3 {
  margin-bottom:8px;
}

#head-res1 p.tel {
  margin-bottom:8px;
}

#head-res2 {
  float:left;
  padding:1px 20px 0 21px;
  background:url(../images/header-res-dotline.gif) repeat-y left top;
}

#head-res2 table th {
  width:52px;
}

#head-res2 table th,
#head-res2 table td {
  height:16px;
  vertical-align:top;
}

#head-res2 table tr.end th,
#head-res2 table tr.end td {
  height:13px;
  vertical-align:top;
}

/* Catering
----------------------------------------------- */

#head-cat {
  float:left;
  padding:0 20px;
  border-left:1px solid #e1cba7;
}

#head-cat h3 {
  margin-bottom:8px;
}

#head-cat p.tel {
  margin-bottom:8px;
}

/* English & Japanese
----------------------------------------------- */

#language {
  position:absolute;
  top:14px;
  right:0;
}
#language li {
  float:left;
  margin-left:7px;
  padding-left:8px;
  background:url(../images/header-lang-line.gif) 0 1px no-repeat;
}
#language li:last-child {
  margin-left:0;
  background:none;
}
#language li div {
  padding:2px 0 2px 0;
  font-size:10px;
  line-height:1.1;
}
#language li a {
  color:#999;
}
#language li.current div {
  padding:2px 3px 2px 4px;
  color:#fff;
  text-align:center;
  background-color:#900000;
}
#language li.current-lang div {
  padding:2px 3px 2px 4px;
  color:#fff;
  text-align:center;
  background-color:#567656;
}
#language li.current a,
#language li.current-lang a {
  color:#fff;
}
.mac #language li.current div,
.mac #language li.current-lang div { /* Hack for mac */
  padding-right:4px;
}
* html #language li.current:last-child div,
* html #language li.current-lang:last-child div { /* Hack for ie6 */
  padding-top:1px;
  padding-bottom:3px;
}
*:first-child+html #language li.current div,
*:first-child+html #language li.current-lang div { /* Hack for ie7 */
  padding-top:1px;
  padding-bottom:3px;
}

/* Pagetop
----------------------------------------------- */

#pagetop {
  width:950px;
  height:27px;
  margin:0 auto;
  padding-top:3em;
  font-size:10px;
  text-align:right;
}

#pagetop a:hover img {
  opacity:0.6;
  filter:alpha(opacity=60);
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@ FOOTER */                                                 /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Logo & Copyright
----------------------------------------------- */

#logo-footer {
  position:absolute;
  top:21px;
  left:2px;
}

#copyright {
  position:absolute;
  top:110px;
  left:0;
}

/* Footer Nav
----------------------------------------------- */

#footer-nav {
  position:relative;
  top:21px;
  left:205px;
  width:745px;
}

#footer-nav h3.ttl-fnav {
  margin-bottom:1em;
  padding-bottom:9px;
  border-bottom:1px solid #a63333;
  font-size:10px;
}

#footer-nav ul li {
  margin-bottom:0.9em;
  font-size:83.4%;
  line-height:1.4;
}

.ff2 #footer-nav ul li { /* Hack for firefox2 */
  font-size:10px;
}

#fnav-restaurant {
  float:left;
  width:175px;
  margin-right:15px;
}

#fnav-catering {
  float:left;
  width:175px;
  margin-right:15px;
}

#fnav-vera {
  float:left;
  width:175px;
  margin-right:15px;
}

#fnav-others {
  float:left;
  width:175px;
}

/* Link Color
----------------------------------------------- */

#footer-nav a {
  color:#fff;
  text-decoration:none;
}
#footer-nav a:hover,
#footer-nav a:active {
  text-decoration:underline;
}