@charset "utf-8";

@import url("../base1.css");


/* 予約表　カレンダーへの設定 */

/* テーブル全体へ */
.re1{
border-collapse:collapse;
table-layout:fixed;
border:1px solid #b2b2b2;
background-color:#f2f2f2;
}

/* 平日　日付と曜日のtd */
.re2{
border:1px solid #b2b2b2;
text-align:center;
width:19px;
}

/* 予約状況のtd全て */
.re3{
border:1px dotted #b2b2b2;
text-align:center;
}



/* 日曜・祝日　日付と曜日のtd */
.re4{
border:1px solid #b2b2b2;
text-align:center;
background-color:#db2b26;
color:#ffffff;
width:19px;
}

/* 土曜　日付と曜日のtd */
.re5{
border:1px solid #b2b2b2;
text-align:center;
background-color:#316eb7;
color:#ffffff;
width:19px;
}

/* 1番左の列　各td */
.re6{
border:1px solid #b2b2b2;
text-align:center;
width:auto;
}


/* カレンダー上 */

/* 最終更新日 */
#re1{
float:left;
width:460px;
}

/* お知らせ */
#re2{
float:left;
width:220px;
margin-left:20px;
}

/* 最終更新日　太文字 */
.re10{
font-size:24px;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

/* 新着情報のタイトル */
.re11{
font-weight:700;
background-color:#2a2a2a;
color:#ffffff;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
margin:0;
}

/* 新着情報　囲い */
.re12{
width: auto;
height:200px;
border:1px solid #CCCCCC;
overflow:scroll;
}

/* 新着情報　ul */
.re13{
list-style-type:none;
margin:0;
padding:0;
}

/* 新着情報　li */
.re14{
border-bottom:1px dashed #CCCCCC;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}

/* １番上のくくり */
#re3{
height:250px;
}

/* 予約表の見方　太文字 */
.re15{
font-size:24px;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
clear:both;
}

/* ＡＭ */
.re20{
float:left;
width:340px;
}

/* ○ */
.re21{
float:left;
width:340px;
margin-left:20px;
}

/* ＡＭ.etc　太文字 */
.re22{
font-weight:700;
font-size:18px;
padding-left:10px;
}

/* テキスト */
.re23{
padding-left:10px;
padding-bottom:20px;
}

/* カレンダー　１番上のテキスト */
.re24{
clear:both;
margin-top:30px;
}

/* カレンダー　上部のテキスト */
.re25{
margin-top:50px;
}

/* 表の見方　くくり */
#re4{
height:330px;
}

/* カレンダー　全体のくくり */
#re5{
height:500px;
}