@charset "utf-8";

/************************************************/
/*  Calendar                                    */
/************************************************/

div#calendar{
  margin-top:25px;
}


div#calendar ul.exposition{
  list-style:none;
  color:#f00;
  padding:0 0 10px 0;
  margin:0;
}

div#calendar ul.exposition li{
  text-indent:-1em;
  padding-left:1em;
  margin-bottom:5px;
}


div#calendar p.exposition{
  color:#f00;
}

hr.calendar{
  color:#ddd;
  margin:30px 0;
  background:#ddd;
}

div#calendar p.contact strong{
  font-size:120%;
  color:#07c;
}



div#calendar table{
  z-index:0;
  width:498px;
  margin-bottom:15px;
  border:0;
  border-collapse:separate;
  background:#9cf;
}

div#calendar table th{
  text-align:center;
  width:64px;
  padding:3px;
  background:#eee;
}

div#calendar table td{
  position:relative;
  vertical-align:top;
  z-index:1;
  font-size:0.75em;
  width:64px;
  height:100px;
  padding:3px;
  background:#fff;
}

div#calendar table td span.day{
  display:block;
  text-align:center;
  font-size:1.2em;
  line-height:25px;
  margin:-3px -3px 3px -3px;
  border-bottom:1px solid #9cf;
  background:#eee;
}

div#calendar table td.sat span.day{
  color:#00f;
}
div#calendar table td.sun span.day{
  color:#f00;
}


div#calendar table span.red{
  color:#f00;
}

div#calendar table span.bule{
  color:#00f;
}




div#calendar table td strong{
  color:#70c;
}

div#calendar table td.sat strong{
  color:#07e;
}

div#calendar table td.sun strong{
  color:#f50;
}

div#calendar table td strong.month{
  color:#e05;
}



div#calendar table td.popup{
  background:#f0ffca;
}
div#calendar table td.lanch{
  background:#fff0dd;
}

div#calendar table td.popup strong{
  color:#5a0;
}
div#calendar table td.lanch strong{
  color:#c50;
}


div#calendar table td.popup div{
  position:relative;
  z-index:1;
}

div#calendar table td.popup div p{
  display:none;
}

div#calendar table td.popup:hover{
  z-index:2;
}

div#calendar table td.popup:hover div{
  z-index:3;
}

div#calendar table td.popup:hover div p{
  display:block;
  position:absolute;
  z-index:4;
  top:1em;
  left:30px;
  font-size:1.2em;
  width:150px;
  padding:5px;
  border:1px solid #fa0;
  background:#fec;
}


div#calendar div.section{
  border-bottom:1px solid #ccc;
}

div#calendar div.section h3{
  line-height:50px;
  font-weight:normal;
  font-size:1.2em;
  color:#05c;
  padding-left:10px;
  background:url(../calendar/img/back_01.jpg) 0 0 no-repeat;
}

div#calendar div.section div{
  padding:0 1px 10px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}

div#calendar div.section div h4{
  color:#f70;
  padding-left:10px;
  margin-bottom:5px;
}

div#calendar div.section div ul{
  list-style-type:circle;
  padding:0;
  margin:0 10px 0 35px;
}

div#calendar div.section div p{
  margin:0 15px;
}

div#calendar div.section div p em.coution{
  font-size:0.75em;
  color:#f00;
}





/** 2008Open ************************************/
div#calendar div.open-price{
  margin-bottom:35px;
}

div#calendar div.open-price p{
  margin-top:15px;
}

div#calendar div.open-price p em{
  font-size:0.75em;
  color:#f00;
}
/************************************************/


/** お盆特別料金 ********************************/

div#calendar table td.obon{
  width:283px;
  padding:0;
  background:#eee;
}

div#calendar table td.obon span.day{
  float:left;
  width:70px;
  margin:0;
}


div#calendar table td.obon dl{
  clear:both;
  padding:3px;
  margin:0;
}

div#calendar table td.obon dl dt{
  font-weight:bold;
}

div#calendar table td.obon dl dd{
  margin:0;
}


/************************************************/




/** その他特別料金 ******************************/

div#calendar table td.sp{
  background:#fde;
}

div#calendar table td.sp strong.sp-description{
  color:#e05;
}
/************************************************/



/** 春料金 **************************************/

div#calendar table td div.spring{
  margin-top:10px;
}

div#calendar table td div.spring p{
  display:inline;
  text-align:center;
  color:#fff;
  background:#f03;
}
/************************************************/