div.guide {
padding: 0px auto 0px auto;
}

table.guide {
clear: both;
margin: 10px auto 40px auto;
width: 620px;
background-color: #CCCCCC;/* テーブル全体の背景色 */
}

table.guide tr th {
background-color: #D4ECFD;/* 月の背景色 */
padding: 10px;
text-align: center;
font-size: 13px;
color: #767676;
font-weight: normal;
border: solid 1px #FFFFFF;
}

table.guide tr td.date {
width: 180px;
background-color: #FEFEFE;/* 背景色 */
padding: 8px;
text-align: left;
font-size: 13px;
color: #767676;
font-weight: normal;
border: solid 1px #FFFFFF;/* ライン色 */
}

table.guide tr td.time {
width: 120px;
background-color: #FEFEFE;/* 背景色 */
padding: 8px;
text-align: left;
font-size: 13px;
color: #767676;
font-weight: normal;
border: solid 1px #FFFFFF;/* ライン色 */
}

table.guide tr td.place {
width: 100px;
background-color: #FEFEFE;/* 背景色 */
padding: 8px;
text-align: left;
font-size: 13px;
color: #767676;
font-weight: normal;
border: solid 1px #FFFFFF;/* ライン色 */
}

table.guide tr td.memo {
width: 220px;
background-color: #FEFEFE;/* 背景色 */
padding: 8px;
text-align: left;
vertical-align: top;
font-size: 13px;
color: #767676;
font-weight: normal;
border: solid 1px #FFFFFF;/* ライン色 */
}

table.guide tr td.colored {
background-color: #EFEFEF;/* 背景色 */
border: solid 1px #FFFFFF;/* ライン色 */
}

span.note {
display: block;
text-align: right;
padding: 2px 15px 15px 0px;
font-size: 13px;
color: #666666;
}

div.recruit {
padding: 0px auto 0px auto;
}

table.recruit {
clear: both;
margin: 10px auto 40px auto;
width: 620px;
background-color: #CCCCCC;/* テーブル全体の背景色 */
}

table.recruit tr th {
width: 120px;
background-color: #D4ECFD;/* 月の背景色 */
padding: 8px;
text-align: center;
font-size: 13px;
color: #767676;
font-weight: normal;
border: solid 1px #FFFFFF;
}

table.recruit tr td {
background-color: #F9F9F1;/* 背景色 */
padding: 8px;
text-align: left;
font-size: 13px;
color: #767676;
font-weight: normal;
border: solid 1px #FFFFFF;/* ライン色 */
}