/* Pcalenスタイルシート 更新v.1.09 */

/* ベース */
body{
   background-color: #fff;    /* 背景色 */
   color: #000;               /* 文字色 */
   line-height:150%;          /* 行高 */

   /* スクロールバー色 */
   scrollbar-track-color:#ffffff;
   scrollbar-face-color:#ffffff;
   scrollbar-shadow-color:#00cc00;
   scrollbar-darkshadow-color:#ffffff;
   scrollbar-highlight-color:#00cc00;
   scrollbar-3dlight-color:#ffffff;
   scrollbar-arrow-color:#00cc00;
}

/* 本体 */
div#all{
   width:95%;                    /* 横幅 */
   margin:25px auto 35px auto;   /* 上下の余白 */
   text-align:center;            /* 位置 */
}

/* リンク文字 */
a { text-decoration: none }                     /* 下線なし */
a:link{ color: #390 }                           /* 未訪問 */
a:visited{ color: #060 }                        /* 訪問済 */
a:hover{ background-color:#cfc; color:#090 }    /* ポイント */
a:active{ color: #090 }                         /* 訪問中 */
a.smt{ margin:3px }                             /* 余白 */
/* 上との調整用 */
.space{ margin:3px }
.lk{ color: #390 }

/* タイトルバナー */
div#banner{
    font-size:130%;      /* 文字サイズ */
    color:#39f;          /* 色 */
    font-weight:bold     /* 太さ */
    white-space:nowrap;  /* 改行なし */
}

/* HOMEリンク */
div#home{
    margin-top:5px; margin-bottom:5px;     /* 上下の余白 */
}

/* お知らせ */
div#info{
   margin-top:15px; margin-bottom:25px;  /* 上下の余白 */
   color:#000;                           /* 文字色 */
}

/* メニュー */
div#menu{
    margin:8px 0;        /* 余白 */
    font-size:100%;      /* 文字サイズ */
    white-space:nowrap;  /* 改行なし */
}

/* カレンダー上のナビ */
div#navi{
    margin:8px 0;              /* 余白 */
    white-space:nowrap;        /* 改行なし */
}

/* カレンダー */
div#cal{ margin-top:3px; margin-bottom:25px }   /* 上下の余白 */

/* テーブル共通 */
table{ border-collapse: collapse }

/* 七曜表示 */
.ca1 table{ width:100% }     /* 横幅 */
/* 曜日欄 */
.ko1 th{
    padding:8px;             /* 余白 */
    width:14%;               /* 横幅 */
    background-color:#00f;   /* 背景色 */
    color:#fff;              /* 文字色 */
    border:1px #39f solid;   /* 枠線 */
    white-space:nowrap;      /* 改行なし */
}
/* 日付欄 */
.ce1 td{
    padding:8px;             /* 余白 */
    border:1px #39f solid;   /* 枠線 */
    height:100px;            /* 縦幅(初期値) */
    vertical-align:top;      /* 縦位置上 */
    font-size:100%;          /* 文字サイズ */
 }

/* 縦一覧表示 */
/* 日付欄 */
.ce2 td{
    padding:11px;           /* 余白 */
    border:1px #0c0 solid;  /* 枠線 */
    height:120px;           /* 縦幅 */
    vertical-align:top;     /* 縦位置上 */
    font-size:100%;         /* 文字サイズ */
}
/* 2ヶ月表示の年月欄 */
.ko2 th{
    padding:11px;           /* 余白 */
    background-color:#cfc;  /* 背景色 */
    border:1px #0c0 solid;  /* 枠線 */
    white-space:nowrap;     /* 改行なし */
}

/* 年月日選択 */
div#yms{
    margin-top:35px; margin-bottom:5px;    /* 上下の余白 */
    white-space:nowrap;                    /* 改行なし */
}

/* プルダウンメニュー */
select{
    padding:5px;            /* 余白 */
    font-size:100%;         /* 文字サイズ */
}

/* １行入力欄 */
.txt {
    border:0;
    border:1px #ccc solid;    /* 枠線 */
    padding:5px;              /* 余白 */
    font-size:100%;           /* 文字サイズ */
    border-radius: 5px;       /* 角丸 */
}

/* メモ入力欄 */
div#memo{  margin:25px 0 }   /* 上下の余白 */
textarea {
   border:0;
   border:1px #ccc solid;     /* 枠線 */
   padding:8px;                /* 余白 */
   font-family: sans-serif;    /* chrome対策 */
   font-size:100%;             /* 文字サイズ */
   line-height:150%;           /* 行高 */
   border-radius: 5px;        /* 角丸 */
}

/* パスワードやボタン部 */
div#btn{
    margin-top:5px; margin-bottom:5px;   /* 上下の余白 */
    white-space:nowrap;                  /* 改行なし */
}

/* 登録ボタン */
.btns {
    padding:8px 16px;           /* 余白 */
    background-color:#cff;      /* 背景色 */
    color: #00f;                /* 文字色 */
    font-size:100%;             /* 文字サイズ */
    box-shadow: none;           /* 影なし */
    border:1px #00f solid;      /* 枠線 */
    border-radius: 5px;         /* 角丸 */
}
/* リセットボタン */
.btnr {
    padding:8px 16px;           /* 余白 */
    background-color:#fff;      /* 背景色 */
    color: #666;                /* 文字色 */
    font-size:100%;             /* 文字サイズ */
    box-shadow: none;           /* 影なし */
    border:1px #666 solid;      /* 枠線 */
    border-radius: 5px;         /* 角丸 */
}
/* 削除ボタン */
.btnd {
    padding:8px 16px;           /* 余白 */
    background-color:#fff;      /* 背景色 */
    color: #f00;                /* 文字色 */
    font-size:100%;             /* 文字サイズ */
    box-shadow: none;           /* 影なし */
    border:1px #f00 solid;      /* 枠線 */
    border-radius: 5px;         /* 角丸 */
}

/* 最下行(もどるリンク) */
div#mdr{
    margin-top:25px; margin-bottom:15px;     /* 上下の余白 */
    line-height:200%;                        /* 行高 */
}

/* 定例メモ一覧 */
/* 項目欄 */
.ko3 th{
    padding:16px;           /* 余白 */
    background-color:#cff;  /* 背景色 */
    border:1px #039 solid;  /* 枠線 */
    white-space:nowrap;     /* 改行なし */
 }
/* メモ欄 */
.ce3 td{
    padding:16px;           /* 余白 */
    border:1px #039 solid;  /* 枠線 */
    vertical-align:top;     /* 縦位置上 */
    font-size:100%;         /* 文字サイズ */
    line-height:150%;       /* 行高 */
}

/* カレンダー背景色 */
.hol { background-color:#fcf }   /* 休日 */
.sat { background-color:#cff }   /* 土曜 */
.sun { background-color:#fcf }   /* 日曜 */
.wek { background-color:#fff }   /* 平日 */

/* カレンダー文字 */
.zym { color:#ccc }      /* 前後月の日付 */
.spd { color:#f60 }      /* 年間メモ */
.mai { color:#930 }      /* 月間メモ */
.shu { color:#666 }      /* 週間メモ */

/* 注意書き */
div#note{
    margin:25px 0;       /* 余白 */
    color:#666;          /* 文字色 */
    font-size:100%;      /* サイズ */
}

/* コメント */
div#comment{
    margin:25px 0;       /* 余白 */
    color:#039;          /* 文字色 */
    font-size:100%;      /* サイズ */
}

/* エラー表示 */
div#err{
    margin:25px 0;       /* 余白 */
    text-align:center;   /* 位置 */
    color:#f00;          /* 色 */
    font-size:100%;      /* サイズ */
}

/* 今日の日付 */
.kyo{
    color:#f00;         /* 色 */
    font-weight:bold;   /* 太字 */
}

/* テーブルの中央配置 */
.ct{ text-align:center }
.ct table{ margin-left:auto; margin-right:auto }

/* 部分的な適用 */
.bld{ font-weight:bold }      /* 太字 */
.migi{ text-align:right }     /* 右寄せ */
.vt{ vertical-align:top }     /* 縦位置上 */
.nbr{ white-space:nowrap }    /* 改行なし */

/* 画像 */
img{ border:none; max-width:100%; height:auto; width /***/:auto }

.per { display:none }
.spr { display:none }

/* 著作権 */
address{ margin-top:8px; text-align:right; color:#666; font-size:smaller }

/* タブレット */
@media screen and (min-width:481px) and ( max-width:1024px) {
    div#all{ width:100%; margin:25px auto 35px auto }
    div#menu{ line-height:200% }
    div#navi{ line-height:200% }
    div#btn{ line-height:200% }
    div#yms{ line-height:200% }
    a.smt{ margin:16px }
    .space{ margin:16px }
    textarea { width:85%; padding:8px }
    .per{ display:block }
}

/* スマートフォン */
@media screen and ( max-width:480px) {
    div#all{ width:100%; margin:25px auto 35px auto }
    div#banner{ font-size:100% }
    div#menu{ line-height:200% }
    div#navi{ line-height:200% }
    div#btn{ line-height:200% }
    div#yms{ line-height:200% }
    a.smt{ margin:16px }
    .space{ margin:16px }
    textarea { width:95%; padding:5px }
    .per{ display:block }
    .spr{ display:block }
}