@charset "utf-8";

/*全体*/
.wrapper{
    width:420px;
    margin: 0 auto 0px auto;
    color: #333;
    background-color: #f1f1f1;
    padding:10px 20px;position: absolute;
    left: 10px; top:67px;
}
#search-box h1#header,#search-box h1#headerB{
    text-align: center;
    font-size: 20px;
    width:200px;
    margin: 1rem auto 0 auto;
    position:absolute;
    left: 50%; margin-left: -100px;
    color: #333333;
}

/*カレンダー*/
#calendar,#calendarB {
    text-align: center;
    width: 100%;

}
.wrapper table {
    outline: 2px solid #ddd;
    border-collapse: collapse;
    width: 100%;background-color: #fff;
}

.wrapper tr {height: 18px;font-size: 12px;}
.wrapper th {
    color: #ffffff; background-color: #6d6d6d; font-size:14px; font-weight: normal;
}
.wrapper th,.wrapper td {
    outline: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;font-size: 12px;
}
/*日曜日*/
.wrapper td:first-child {
    color:#333;/*red*/
    background-color:#fbeeed;
}
/*土曜日*/
.wrapper td:last-child {
    color:#333;/*blue*/
    background-color: #ebf5f9;
}
/*前後月の日付*/
.wrapper td.prevDay{
/*color: #333;
background-color:#eee;*/
background-color: #ccc;
pointer-events: none;
}
/*前後月の日付 click不可*/
.wrapper td.disabled {
    color: #333;
    background-color:#ccc;
    pointer-events: none;
}

.wrapper td.yellow{background-color:#fffddb;}
.wrapper td:hover { background-color:#fffddb; cursor: pointer;}
/*本日*/
.wrapper td.today {
    background-color: #54822b;
    color: #fff;
}

/*ボタン*/
.wrapper #next-prev-button,.wrapper #next-prev-buttonB {
    position: relative;
}
.wrapper #next-prev-buttonB a.button,.wrapper #next-prev-button a.button{
cursor: pointer;
color: #333;
font-size: 36px;
padding: 0 10px;
margin:0;
background: none;
border: none;
display: inline-block;
}
.wrapper #next-prev-button a.button:hover,.wrapper #next-prev-buttonB a.button:hover{
    border-color: #999999;
}
.wrapper #prev,.wrapper #prevB {
    float: left;
}
.wrapper #next,.wrapper #nextB {
    float: right;
}

.wrapper #prev.noClick,.wrapper #next.noClick{ opacity: .3; pointer-events: none;}

.wrapper #cal{ width: 94%; min-width: 300px; position:absolute; left: 3%; top:67px;}
.wrapper .showB{ position:absolute; top:120px!important;}

.wrapper a#searchClose{ display: block; width: 120px; margin: 15px auto; padding: 10px; border: 1px solid #343434; font-size: 14px; text-align: center; border-radius: 4px; background-color: #ffffff;}