@charset "UTF-8";

/*--------------------------------------------------------
  【ＨＤＳｊｓカレンダー】
--------------------------------------------------------*/

.hds-cwrapper{/*全体*/
    width: 400px;
    font-size: 20px;
    margin: 0 auto;
    color: rgb(27, 27, 27);
    padding: 0px;
}
.hds-cheader {/*年月表示用 nest in hds-cwrapper*/
    position:relative;
    text-align: center;
    font-size: 24px;
    width: 100%;
    margin: 5px 0 0;
    top:40px;
}

/*カレンダー本体*/
.hds-jcalendar {/*nest in hds-cwrapper*/
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.jctable {/*table定義 *//*nest in hds-calendar*/
    outline: 2px solid #ddd;
    border-collapse: collapse;
    width: 100%;
}
.jctable th, td {
    outline: 2px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    right:0px;
    text-align: center;
    color: rgb(0, 0, 0);
}
.jctable th {/*曜日の行スタイル*/
    color: #000;
    background-color: #bbbbbb;
}
/*日曜日列week*/
.jctable th:first-child {
    color: rgb(0, 0, 0);
    background-color: #ffc3c3;
}
/*土曜日列week*/
.jctable th:last-child {
    color: rgb(0, 0, 0);
    background-color: #b2bdf1;
}
/*日曜日列day*/
.jctable td:first-child {
    color: rgb(0, 0, 0);
    background-color: #ffc3c3;
}
/*土曜日列day*/
.jctable td:last-child {
    color: rgb(0, 0, 0);
    background-color: #b2bdf1;
}/*祝祭日day*/
.jctable td.hol {
    color: #333;
    background-color: #ffc3c3;
}
/*前後月の日付*/
.jctable td.disabled {
    color: #999999;
}
/*本日*/
.jctable td.today {
    background-color: #D65E72;
    color: #fff;
}

.hds-evjsbox{
    position:fixed;
    width:392px;
    /*height:200px;*/
    text-align: center;
    color: #333;
    top:200px;
    border: 4px solid #6773aa;
    background-color: #ffffff;
    border-radius: 0px 20px 20px 20px;
    padding:5px;
    line-height:20px;
}

/*ボタン*/
.hds-npbutton {
    position: relative;/* 月を移動させるボタン */
}
.hds-npbutton button{
    cursor: pointer;
    background: #ffffff;
    color: #222222;
    border: 1px solid #555555;
    border-radius: 2px;
    font-size: 24px;
    padding: 2px 15px;
    margin: 3px;
}
.hds-npbutton button:hover{/* カーソルが乗った時 */
    background-color: #aaaaaa;
}
.hds-cprev {
    float: left;
}
.hds-cnext {
    float: right;
}

/*--------------------------------------------------------
  【ＨＤＳｐｈｐカレンダー】
--------------------------------------------------------*/
.hds-pwrapper{/*全体*/
    max-width: 560px;
    margin: 0 auto;
    color: #666;
    padding: 0px;
}
.hds-pheader {/*年月表示用 nest in hds-cwrapper*/
    position:relative;
    text-align: center;
    font-size: 24px;
    width: 100%;
    margin: 5px 0 0;
    top:40px;
}

/*カレンダー本体*/
.hds-pcalendar {/*nest in hds-pwrapper*/
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.ptable {/*table定義 *//*nest in hds-pcalendar*/
    outline: 2px solid #ddd;
    border-collapse: collapse;
    width: 100%;

}
/*列week*/
.ptable th{
    width: 80px;
    background-color: #cccccc;
}
.ptable td{

    top:0px;
    width: 80px;
    height: 80px;
    padding: 0px;
    margin: 0px;
}
/*日曜日列week*/
.ptable th:first-child {
    color: #333;
    background-color: #d88080;
}
/*土曜日列week*/
.ptable th:last-child {
    color: #333;
    background-color: #9394e5;
}
/*日曜日列day*/
.ptable td:first-child {
    color: #333;
    background-color: #d88080;
}
/*土曜日列day*/
.ptable td:last-child {
    color: #333;
    background-color: #9394e5;
}
/*前後月の日付*/
.ptable td.disabled {
    color: #ccc;
}
/*本日*/
.ptable td.today {
    background-color: #84699e;
    color: #fff;
}
/*休日*/
.ptable td.holiday {
    color: #333;
    background-color: #d88080;
}
.hds-evbox{
    position:fixed;
    width:550px;
    /*height:200px;*/
    text-align: center;
    color: #333;
    top:200px;
    border: 4px solid #6773aa;
    background-color: #ffffff;
    border-radius: 0px 20px 20px 20px;
    padding:5px;
}






.eveinner{
    color: rgb(156, 9, 9);
    font-size: 14px;

}
.evehead{
    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
}
.hds-sss {

    font-size: 9px;
    padding: 0px;
    margin: 0px;

}
/* ---------------------------------------------------- */