@charset "UTF-8";

/*-----------------------------------------------------------------------------
 左メニュー
-----------------------------------------------------------------------------*/
div#main div.menu {
    float: left;
    width: 200px;
    border: 0px solid #f00;
}
div.menu li {
    height: 53px;
    text-indent: -9999px;
}
div.menu li a {
    display: block;
    width: 141px;
    height: 30px;
}
div.menu ul {
    margin-left: 29px;
}

/* ロールオーバー時メニュー画像  */
li#calendarside {
    background: transparent url('../../img/menu/calendarside_over.jpg') no-repeat left top;
}

/* 通常時メニュー画像 */
li#calendarside a {
    background: transparent url('../../img/menu/calendarside_over.jpg') no-repeat left top;
}

/* 通常時メニュー画像を消す */
li#calendarside a:hover {
    background: none;
}

/*-----------------------------------------------------------------------------
 右コンテンツ
-----------------------------------------------------------------------------*/
div#contents {
    float: right;
    width: 701px;
    border: 0px solid #00f;
}

div#contents div.header {
    overflow: hidden; /* IE6だけ隙間ができるので */
    background: transparent url('../../img/frame/header_gray.jpg') no-repeat left top;
    height: 10px;
    width: 661px;
}
 div#contents div.main {
    background: transparent url('../../img/frame/main_gray.jpg') repeat-y left top;
    width: 661px;
}

div#contents div.footer {
    background: transparent url('../../img/frame/footer_gray.jpg') no-repeat left top;
    height: 50px;
    width: 661px;
}

/*-----------------------------------------------------------------------------
 カレンダー
-----------------------------------------------------------------------------*/
div.main div.list {
    height: 15px;
}

div.main p {
    color: #452414;
    font-size: 12px;
}
div.main p.caption {
    margin-left: 30px;
    font-weight: bold;
}

div.main div.wrapper {
    margin: 10px 0 0 29px;
    width: 629px
}

div.wrapper div.left {
    float: left;
    width: 321px;
}

div.wrapper div.right {
    float: left;
    width: 308px;
}

/* カレンダー表示 */
div.wrapper p.month {
    margin-top: 8px;
    color: #d05c6a;
    font-size: 17px;
    line-height: 27px;
    font-weight: bold;
}

table.calendar {
    width: 279px;
    border-collapse: collapse;
    border: 1px solid #231815;
}

table.calendar th {
    width: 38px;
    color: #231815;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 4px 0 1px;
    empty-cells: show;
    border: 1px solid #231815;
}

table.calendar td {
    color: #777777/*#c9caca*/;
    font-size: 12px;
    text-align: center;
    padding: 14px 10px 10px 7px;
    empty-cells: show;
    border: 1px solid #231815;
}

table.calendar th.red {
    color: #ff0012/*#e60012*/;
}
table.calendar th.blue {
    color: #0068ff/*#0068b7*/;
}
table.calendar td.red {
    color: #ff0012/*#f8c5ac*/;
}
table.calendar td.blue {
    color: #0068ff/*#bbcce9*/;
}

/* 営業時間 */
div.main p.notice {
    margin: 17px 0 55px 30px;
}

div.main span.exception {
    margin-left: 45px;
}