@charset "UTF-8";

/* Tag/class define
-------------------------------------------------------*/
body {
  font-size: 87.5%;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333333;
}

img {
  border: 0;
}

body, 
p, 
div, span, 
td, th, caption
li {
  line-height: 1.5;
}
li {
  list-style: none;
}
p {
  margin: 0 0 1.5em;
}
strong {
  font-weight: bold;
}

a:link {
  color: #006699;
  text-decoration: none;
}
a:visited {
  color: #1177DD;
}
a:active {
  color: #1177DD;
}
a:hover {
  color: #FF6600;
  text-decoration: underline;
}



table.info {
  width: 660px;
  margin-bottom: 20px;
  border-top: 1px solid #666666;
  border-collapse: collapse;
}
table.info tr {
  border-bottom: 1px solid #666666;
}
table.info th,
table.info td {
  padding: 4px;
}
table.info th {
  width: 200px;
  border-right: 5px solid #CCCCCC;
  background: #EEEEEE;
  text-align: left;
  font-weight: normal;
}


ul.menu li {
  margin: 0 0 5px;
  padding: 5px 0 5px 20px;
  background: #F8F8F8 url(../img/common/li_menu.gif) no-repeat 5px 10px;
  font-weight: bold;
}
ul.li {
  margin-bottom: 20px;
  list-style: none;
}
ul.li li {
  margin: 0.25em 0;
  padding: 0 0 0 1.5em;
  line-height: 1.5;
  background: url(../img/common/li.png) no-repeat 0.5em 0.5em;
}
ul.li2 {
  margin-bottom: 20px;
  list-style: none;
}
ul.li2 li {
  margin: 0.25em 0;
  padding: 0 0 0 1em;
  line-height: 1.5;
  background: url(../img/common/li2.png) no-repeat 0.25em 0.5em;
}
ul.link {
  margin-bottom: 20px;
  list-style: none;
}
ul.link li {
  margin: 0.25em 0;
  padding: 0 0 0 1.5em;
  line-height: 1.5;
  background: url(../img/common/li_link.png) no-repeat 0.5em 0.25em;
}

.pager {
  margin-bottom: 20px;
  text-align: center;
  padding: 10px;
  background: #F8F8F8;
}
.pager a,
.pager span {
  display: inline-block;
  line-height: 1.25;
  margin: 0 2px;
  padding: 0.2em 0.5em;
  text-align: center;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
}
.pager .disabled {
  color: #C8C8C8;
}
.pager .current {
  color: #CC0000;
}
.pager a:link {
  text-decoration: none;
}
.pager a:hover {
  border: 1px solid #CC0000;
  background-color: #CC0000;
  color: #FFFFFF;
}


div.colsImgDesc {
  _zoom: 1;   
  overflow: hidden;
}
div.colsImgDesc div.imgColumn.l {
  float: left;
  margin: 0px 10px 5px 0px;
}
div.colsImgDesc div.imgColumn.r {
  float: right;
  margin: 0px 0px 5px 10px;
}
div.colsImgDesc div.descColumn {
  overflow: hidden;
  _zoom: 1;
}

div.img.center {
  text-align: center;
}
.margin {
  margin-bottom: 20px;
}
img.border {
  border: 1px solid #CCCCCC;
}

strong.important {
  color: #e00;
}


/* outline
-------------------------------------------------------*/
html {
  background: #EEEEEE;
}
html, body {
  background: #EEEEEE;
}

#container {
  width: 948px;
  margin: 0 auto;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

header.global {
  border-top: 3px solid #000;
  border-bottom: 2px solid #000000;
  background: #b11;
  padding: 0 19px;
}
header.global nav.primary {
  float: right;
  width: 635px;
  text-align: left;
}
header.global nav.primary li {
  float: right;
  padding: 0;
  margin-left: 5px;
  line-height: 0;
  vertical-align: text-bottom;
}
header.global nav.primary li a {
  padding: 0;
  margin: 0;
  line-height: 0;
  vertical-align: text-bottom;
}
header.global nav.primary p {
  margin: 5px 0 0;
  padding-left: 200px;
  font-size: 75%;
  font-weight: bold;
}
header.global p.seoTxt {
  margin-bottom: 0;
  color: #FFF;
}
header.global #siteId {
  margin: 10px 0 5px;
}


nav.global {
  margin-left: 10px;
  height: 27px;
}
nav.global ul {
  width: 892px;
  height: 27px;
  background: url(../img/common/nav_global.png) no-repeat;
  border-left: 1px solid #fff;
}
nav.global li {
  float: left;
  list-style: none;
  border-right: 1px solid #fff;
}
nav.global li,
nav.global a {
  width: 110px;
  height: 27px;
  display: block;
}
nav.global li a {
  line-height: 1;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../img/common/nav_global.png) no-repeat;
}

nav.global li.index a {
  background-position: 0px 0px;
}
nav.global li.onlineshop a {
  background-position: -111px 0px;
}
nav.global li.aisatu a {
  background-position: -222px 0px;
}
nav.global li.kodawari a {
  background-position: -333px 0px;
}
nav.global li.alacarte a {
  background-position: -444px 0px;
}
nav.global li.recipe a {
  background-position: -555px 0px;
}
nav.global li.access a {
  background-position: -666px 0px;
}
nav.global li.faq a {
  background-position: -777px 0px;
}
nav.global li.index a:hover {
  background-position: 0px -30px;
}
nav.global li.onlineshop a:hover {
  background-position: -111px -30px;
}
nav.global li.aisatu a:hover {
  background-position: -222px -30px;
}
nav.global li.kodawari a:hover {
  background-position: -333px -30px;
}
nav.global li.alacarte a:hover {
  background-position: -444px -30px;
}
nav.global li.recipe a:hover {
  background-position: -555px -30px;
}
nav.global li.access a:hover {
  background-position: -666px -30px;
}
nav.global li.faq a:hover {
  background-position: -777px -30px;
}
nav.global li.index a.current {
  background-position: 0px -30px;
}
nav.global li.onlineshop a.current {
  background-position: -111px -30px;
}
nav.global li.aisatu a.current {
  background-position: -222px -30px;
}
nav.global li.kodawari a.current {
  background-position: -333px -30px;
}
nav.global li.alacarte a.current {
  background-position: -444px -30px;
}
nav.global li.recipe a.current {
  background-position: -555px -30px;
}
nav.global li.access a.current {
  background-position: -666px -30px;
}
nav.global li.faq a.current {
  background-position: -777px -30px;
}


#pagebody {
  background: #FFFFFF;
}
#pagebodyInner {
}


#cols {
  width: 910px;
  padding-left: 24px;
}
#subColumn {
  float: right;
  width: 226px;
}
#mainColumn {
  float: left;
  width: 656px;
}


#content {
  float: none;
  width: 948px;
}
#content > .inner {
}
#content h1 {
  margin-bottom: 10px;
}
#mainVisual {
  line-height: 0;
  margin-bottom: 20px;
}

#subColumn nav.local {
  margin-bottom: 30px;
}
#subColumn nav.local h2 {
  background: #b12;
  padding: 2px;
  font-size: 117%;
  text-align: center;
}
#subColumn nav.local h2 a {
  color: #fff;
}
#subColumn nav.local h2 a:hover {
  text-decoration: none;
}
#subColumn nav.local li {
  border-bottom: 1px solid #f99;
}
#subColumn nav.local li a {
  display: block;
  padding: 0.25em 0px 0.25em 25px;
  background: #fff url(../img/common/li_link.png) no-repeat 5px 50%;
  color: #000;
}
#subColumn nav.local li a:hover {
  background-color: #eee;
  color: #000;
}
#subColumn nav.local li a.current {
  background-color: #eee;
}

nav.banner {
  margin-bottom: 20px;
}
nav.banner div.img {
  line-height: 0;
}
nav.banner p {
  margin-bottom: 0.5em;
  font-size: 75%;
}


div.pagetop {
  margin-bottom: 1em;
  text-align: right;
}


footer {
}
footer div.address {
  padding-left: 100px;
  background: #fff url(../img/common/bg_footer_address.png) repeat-x;
  font-size: 75%;
}
footer div.address .siteId,
footer div.address dl {
  float: left;
  margin-right: 10px;
}
footer div.address dl dt {
  float: left;
  line-height: 1.5;
}
footer div.address dl dd {
  line-height: 1.5;
}
footer div.address dl.unit1 dt {
  width: 9em;
}
footer div.address dl.unit1 dd {
  padding: 0 0 0 9em;
}
footer div.address dl.unit2 dt {
  width: 8em;
}
footer div.address dl.unit2 dd {
  padding: 0 0 0 8em;
}
footer div.address .siteId {
  margin-top: 5px;
  margin-bottom: 10px;
}
footer #copyright {
  padding: 5px 0 0;
  background: #000000;
  color: #FFFFFF;
  text-align: center;
}
footer small {
  font-size: 87.5%;
}



h2.global {
  margin-bottom: 20px;
}

table.calendar {
  width: 226px;
  margin-bottom: 10px;
}
table.calendar th,
table.calendar td {
  border: 1px solid #ccc;
  width: 14%;
  text-align: center;
}
table.calendar tr.title th {
  padding: 4px;
  color: #fff;
  background: #b11;
  font-weight: bold;
}
table.calendar tr.caption td {
  padding: 4px;
  font-size: 75%;
  text-align: left;
}
table.calendar .holiday {
  color: #e01;
}



/*CSS Hack
-------------------------------------------------------*/
/*--- clearfix ---*/
/* for Firefox, Safari, Opera */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* for Win IE7, Mac IE 5 */
.clearfix {
  display: inline-block;
}

/* for Win IE6 (Hides from Mac IE) \*/
* html .clearfix {
  height: 1%;
}  
.clearfix {
  display: block;
}
/* End for Win IE6 (Hides from Mac IE) */