@charset "utf-8";

/*================================================================
全体的なスタイル
================================================================*/
* {
    margin:0; padding:0;                      /*全要素のマージン・パディングをリセット*/
}

body {
    background-color:#DCD6D9;          /* ページ全体の背景色 グラデーションじゃない背景色になるならこちら*/
    background: -moz-linear-gradient(top center, #877 0%, #FDD 100%); /*ページのグラデーションの背景色(春はこの色)*/
    /* background: -moz-linear-gradient(top center, #F51 0%, #877 100%);  /* 冬はこの色 */
    font-size:95%;                                      /* フォントサイズを95%にする */
    font-family: "MS UI Gothic", Sans-Serif;            /* フォントの種類をゴシック系に*/
    line-height:1.5;                                    /* 行の高さを1.5倍にする */
    color:#333333;                                      /* 文字色を濃いめのグレーにする */
}

div#pagebody {
    width:1000px; margin:0 auto;                        /*内容全体をセンタリング*/
    background-color:#ffffff;                           /*内容全体の背景色*/
    background-repeat:repeat-y;
}

/*====================================================
ヘッダ
====================================================*/
div#header {
    height:80px;                                      /*ヘッダ部分の高さ*/
}
div#header h1 {
    padding:10px 0px 5px 20px;                        /*見出しの位置調整*/
    font-size:30px;                                   /*フォントサイズ*/
    font-family:Arial, Helvetica, sans-serif;         /*フォントの種類*/
    color:#ffffff;                          /*文字色*/
    background-color:#881144;               /*背景色*/
}


/*====================================================
サブメニュー(左カラム)
====================================================*/
div#olddata {
    width:312px;                                     /*幅の指定*/
    margin:10px 10px 10px 10px;
    float:left;                                     /*過去の記録を左寄せにする*/
}

div#olddata h2 {
    width:290px; height:30px;               /*幅と高さ*/
    padding:10px 0px 0px 20px;              /*パディング*/
    font-size:16px;                         /*フォントサイズ*/
    background-color:#004499;               /*背景色*/
    color:#ffffff;                          /*文字色*/
    border-radius:3px;                      /*角丸にする*/
}




/*====================================================
サブメニュー(右カラム)
====================================================*/
div.info {
    width:640px;                          /*幅の指定*/
    float:right;                          /*セミナー情報を右寄せにする*/
    padding:10px 20px 0px 0px;            /*パディング*/
}

h3 {
    font-size:16px;                         /*文字サイズ*/
    width:620px;                            /*横幅*/
    padding:10px 0px 10px 20px;             /*パディング*/
    background-color:#004499;               /*背景色*/
    color:#ffffff;                          /*文字色*/
    border-radius:3px;                      /*角丸にする*/
}

div.date-type {                           /* 年月日と日時を指定するところ*/
    font-weight: bold;                    /*フォントをボールド体にする*/
    color:#339933;                        /*文字色*/
    padding:0px 5px 0px 5px;              /*パディング*/
}

div.date { text-align: left;               /*日付は左寄せ*/
           float: left;
}

div.time { text-align: right;             /*時間は右寄せ*/
}

div.event-title {
    color:#DD1144;                        /*文字色*/
    font-size:20px;                       /*文字サイズ*/
    font-weight: bold;                    /*フォントをボールド体にする*/
    padding:0px 5px 0px 5px;              /*パディング*/
}
div.speaker-name {
    color:#888888;                        /*文字色*/
    font-size:20px;                                     /*文字サイズ*/
    font-weight: bold;                    /*フォントをボールド体にする*/
    padding:0px 5px 0px 5px;              /*パディング*/
}

div.abstract-type {
   padding:0px 25px 0px 25px;                /*パディング*/
   background-color:#F0F0F0;                 /*背景色*/
   border-top: 1px dashed #AAAAAA;           /*上のボーダー点線*/
   border-bottom: 1px dashed #AAAAAA;        /*下のボーダーの点線*/
}

div.keyword-list {
    color:#CCAA22;                        /*文字色*/
    font-weight: bold;                    /*フォントをボールド体にする*/
}

div.event-location {
    font-weight: bold;               /*フォントをボールド体にする*/
    padding:0px 5px 0px 5px;              /*パディング*/
}

div.note-problem {
        font-weight: bold;
        color:#FF4500;                    /*文字色*/
}

hr.style-start {
    height: 15px;
    border: 0;
    box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.5);
    margin: 20px 0px -10px 0px;
}

hr.style-end {
    height: 15px;
    border: 0;
    box-shadow: inset 0 -15px 15px -15px rgba(0,0,0,0.5);
    margin: -10px 0px 40px 0px;
}


/*====================================================
フッタ
====================================================*/
div#footer {
    clear:both;                                        /*回り込みを解除する*/
    height:40px;                                    /*高さの指定*/
    padding:10px 0px 0px 0px;            /*パディング*/
    font-size:x-small;                            /*フォントサイズを小さくする*/
    text-align:center;                            /*センタリング*/
}