@charset 'utf-8';

/* ----- HTML再定義 ------------------------------------ */

* {
    margin: 0px;
    padding: 0px;

    font-size: x-small;
    font-style: normal;
    font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
    text-align: left;
}
html>body * {
    font-size: small;
}

body {
    padding: 10px;

    background-color: #C9DEF8;

    text-align: center;

 line-height: 140%;


/* スクロールバーの設定。デフォルトがいいなら、以下8行を削除( }は消しちゃダメ) */
scrollbar-base-color : #ffffff;
scrollbar-face-color : #ffffff;
scrollbar-arrow-color : #314253;
scrollbar-3dlight-color: #ffffff;
scrollbar-highlight-color : #314253;
scrollbar-shadow-color : #C9DEF8;
scrollbar-darkshadow-color : #314253;
scrollbar-track-color : #ffffff;
}

/* リンクの設定 */
a:link { text-decoration:none; color:#314253; background-color: #ffffff; }      /* 未クリックのリンク設定 */
a:visited { text-decoration:none; color:#314253; }      /* クリック済みのリンク設定 */
a:active { text-decoration:underline; }         /* クリックされた瞬間のリンク設定 */
a:hover { text-decoration:none; color:#333333; background-color: #ECFDFF; }             /* マウスが乗っている状態のリンク設定 */

/* フォームの色設定 */
textarea,input,select{ background-color : #C9DEF8 ; color:#000033; font-size:10pt;  line-height: 140%;


}

h1 {
    margin-bottom: 5px;

    font-size: 20px;
background-color: #C9DEF8;

}
h2 {
    margin-bottom: 15px;
    padding: 5px;
    border-top: 3px double #000033;
    border-bottom: 3px double #000033;
}

h3 {
background-color: #C9DEF8;
}

p, li, dt, dd, address {
    color: #444444;
        


    line-height: 1.4;
}
p {
    margin-bottom: 15px;
background-color: #ffffff;
}
ul {
    margin: 0px 0px 20px 20px;
}
dl {
    margin-bottom: 20px;
}
dl dt {
}
dl dd {
    margin-left: 30px;
}

em {
    font-weight: bold;
}
img {
    margin-right: 10px;
    margin-bottom: 5px;
    border: 0px;
}
address {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 0px solid #000033;

    text-align: center;
}

form dl {
    margin-bottom: 15px;
}
form dl dt {
    float: left;
    clear: left;
    width: 5em;
}
form dl dd {
}
form dl dd textarea {
    margin-top: 2px;
}
form ul {
    margin: 0px 0px 20px 0px;
}
form ul li {
    list-style-type: none;
}
form fieldset {
    border: 0px solid #000000;
}
form legend {
    display: none;
}
form input, form select {
    margin-right: 1px;
    padding: 1px;

    font-size: 90%;
}
@media screen {
    form input, form select {
        font-family: Verdana, Arial, sans-serif;
    }
}
form select {
    margin-top: 1px;
}
form p input {
    text-align: center;
}
form textarea {
    padding: 1px;

    font-family: 'ＭＳ ゴシック', Osaka, monospace;
    line-height: 1.4;
}

table {
    margin-bottom: 10px;
    border: 1px solid #000033;
    border-collapse: collapse;
}
table tr th {
    padding: 5px;
    border: 1px solid #000033;

    background-color: #DAF1FE;

    text-align: center;
}
table tr td {
    padding: 5px;
    border: 1px solid #000033;
}
table tr td input {
    margin: -2px;
}


table td {
    background-color: #ffffff;
}



/* ----- 基本構造 -------------------------------------- */

div#container {
    width: 720px;

    margin: 0px auto;
    padding: 20px;
    border: 1px solid #666680;

    background-color: #FFFFFF;
}
html>body div#container {
    width: 680px;
}

div#menu {
    border-top: 1px solid #000033;
border-bottom: 1px solid #000033;
}

div#work {
    margin-bottom: 5px;
}

/* ----- メニュー -------------------------------------- */

div#menu {
    background-color: #C9DEF8;
}

div#menu ul {
    margin: 5px 10px;

}
div#menu ul li {
    display: inline;

    margin-right: 10px;
list-style-type: none;

}

div#menu li {
    background-color: #ffffff;

}


/* ----- カレンダー ------------------------------------ */

div#calendar table tr td {
    vertical-align: top;

    width: 85px;
}
div#calendar table tr td ul {
    margin: 5px 0px;
}
div#calendar table tr td li {
    padding: 5px 0px;
    border-top: 1px dotted #999999;

    list-style-type: none;
}

div#calendar .day {
    color: #444444;
}
div#calendar .satday {
    color: #4444CC;
}
div#calendar .sunday {
    color: #CC4444;
}
div#calendar .plan {
    color: #447744;
}
div#calendar .today {
    background-color: #DDE7FF;
}

div#calendar ul.navi {
    margin: 15px 0px;
}
div#calendar ul.navi li {
    display: inline;

    margin-right: 10px;
}

/* ----- 予定表示 -------------------------------------- */

div#view h3 {
    margin-bottom: 20px;
}

div#view dl.info {
    padding: 10px;

    background-color: #C9DEF8;
}
div#view dl.info dt {
    float: left;
    clear: left;
    width: 5em;
}
div#view dl.info dd {
}

/* ----- コメント -------------------------------------- */

div#comment h3 {
    margin: 5px 5px 10px 5px;
    padding: 5px;
}

div#comment .comment {
    margin-bottom: 10px;
    padding: 2px 2px 10px 2px;
    border: 1px solid #AAAAAA;
}
div#comment p {
    margin: 10px;
}

/* ----- 処理選択 -------------------------------------- */

div#work form {
    margin: 10px 0px;
}
div#work form dl {
    margin: 0px;
}
div#work form dl dt {
    display: none;
}
div#work form dl dd {
    float: left;

    margin-left: 0px;
}
div#work form input {
    padding: 0px;
}