/**
 * スタイルの初期化
 * @see YUI
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{  
  margin:0; padding:0;  
}  
table{  
  border-collapse:collapse; border-spacing:0;  
}  
fieldset, img{  
  border:0;  
}  
address, caption, cite, code, dfn, em, strong, th, var{  
  font-style:normal; font-weight:normal;  
}  
ol, ul{  
  list-style:none;  
}  
caption, th{  
  text-align:left;  
}  
h1, h2, h3, h4, h5, h6{  
  font-size:100%; font-weight:normal;  
}  
q:before, q:after{  
  content:”;  
}  
abbr, acronym{  
  border:0;  
} 

/**
 * ベースレイヤのスタイルを定義
 */ 

body {
  background: #ffffcc url("/images/pc_user_bg.gif") repeat-y;
}

div#wrapper {
  width: 900px;
  text-align: left;
}

div#header {
  position: relative;
}

div#user_info {
  position: absolute;
  top: 40px;
  right: 300px;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
}

#user_info a {
  color: #fff;
}

div#main {
  width: 800px;
  padding-left: 65px;
}

div#copyright {
  padding-top: 50px;
  text-align: center;
  font-size: 60%;
  color: #999;
  clear:both;
}

/**
 * 汎用パーツのスタイルを定義
 */

h3 {
  color: #996633;
  font-size: 100%;
  font-weight: bold;
}
div.flash_error p{
  color:red;
  font-size:130%;
}


#calendar{
    text-align:center;
}

/* #calendar table .holiday, #calendar table .sunday { */
/*   color:#FF0000; */
/* } */

#calendar table tr.odd td {
  vertical-align:top;
  background:#FFECC4;
}
#calendar table tr.even td {
  vertical-align:top;
  background:#FFF0CF;
}
#calendar table tr.odd td.ok,#calendar table tr.even td.ok{
    background:url(../images/reserve_ok.gif) center;
}




#calendar .datebox{
  font-size: 12px;
  text-align:center;
}
#calendar .calendar_digit{
  font-size: 20px;
  font-weight:bold;
  text-align:center;
}
#calendar a{
    display:block;
    text-decoration: none;
    color:#4C4C4C;
}

#calendar a:hover{
    display:block;
    text-decoration: none;
    color:#4C4C4C;
    background: #FF9900;
}

#calendar .staffbox{
  background:#FFFFFF;
  padding:3px;
}

#calendar .staffbox .ok{
  color:#0066F5;
}

#calendar .staffbox .ng{
  color:#FF0000;
}

.sunday, .holiday, .sunday a, .holiday a {  /* 休日用 */
  color: #ff6666;
}
.saturday, .saturday a {  /* 土曜日 */
  color: #6666ff;
}

.other_month_day {
  background-color: #fffddd ! important;
}
#calendar table {
  width:420px;
  text-align:center;
  margin:10px auto;
}
#calendar table th{
  background:#FFC852;
  font-weight:600;
  padding:5px;
  width:60px;
  text-align:center;
  border:2px #996633 solid;
}
#calendar table td{
  background:#FFF0CF;
  padding:5px;
  border:2px #996633 solid;
  text-align:left;
  word-break:break-all;
  word-wrap: break-word;
}

#calendar table.no_border{
  width:auto;
}

#calendar table.no_border th{
  width:auto;
  font-weight:bold;
  background:none;
  border:none;
}

#calendar table.no_border td{
  border:0;
  background:none;
}

#calendar table td img{
  padding:1px;
  border:#BBBBBB 1px solid;
}

#calendar table tr.even td.rest,#calendar table tr.odd td.rest{
  background:url(../images/reserve_ng.gif) #FFF center;
}
#calendar table tr.even td.subtle,#calendar table tr.odd td.subtle{
  background:url(../images/reserve_subtle.gif) center;
}
#calendar table tr.even td.past{
  background:#888;
}
#calendar table tr.odd td.past{
  background:#666;
}
div#carender_top{
    text-align:center;
    color:#996633;
    font-weight:bold;
}
p#attention{
    font-size:70%;
}