﻿body
{
    font-family: メイリオ;
    text-align: center;
    margin-top: 15px;
}

body div
{
    text-align: left;
    margin: 0 auto;
}

*
{
    padding: 0px;
    margin: 0px;
}

h2
{
    font-size:12pt;
    border-left: solid 3 #000000;
    border-bottom: solid 1 #000000;
    padding: 0 0 3 3;
}

.main
{
    width: 911px;
    background-image: url('images/share/bg.png');
    height: 105%;
    margin-top: -10px;
    background-repeat: repeat-y;
}
.kanban
{
    margin: 10px 0px 8px 9px;
    padding: 0px;
    z-index: 100;
    clear: both;
}
.menu
{
    width: 200px;
    height: 100%;
    float: left;
    z-index: 80;
    position: relative;
    top: 0px;
    left: 0px;
}

.menu img
{
    border-width: 0px;
    margin-left: 20px;
        margin-top: 15px;
}

.menu .top
{
    margin-left: 15px;
    margin-top: 25px;
}

.menu .bottom
{
    margin-left: 20px;
    margin-bottom: 20px;
}

.footer
{
    background-position: left bottom;
    text-align: left;
    width: 888px;
    clear: both;
    background-image: url('images/share/footer.png');
    background-repeat: repeat-x;
    margin-top: 15px;
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #FFFFFF;
}
.content
{
    width: 660px;
    height: 100%;
    float: left;
}

.content .flash
{
    margin: 5px 0px 0px 40px;
    width: 630px;
    height: 245px;
}

/*２カラム時用*/
.content .bar
{
    background-image: url('images/share/bar_xl.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
    width: 615px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 2px;
    margin: 15px 0px 0px 40px;
}
.content .sentence
{
    padding: 10px;
    width: 615px;
    margin-left: 40px;
    text-align: left;
}

.content .sentence .sname
{
    width: 100%;
    font-size: 16pt;
    font-weight: bold;
    text-decoration: underline;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.content .sentence .simage
{
    margin: 5px;
    float: left;
    width: 320px;
}

.content .sentence .prcom
{
    width: 98%;
    overflow: auto;
    padding: 5px;
    font-size: 10pt;
}

.content .sentence .statustable
{
    width: 100%;
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}

.content .sentence .statustable .row1
{
    background-position: left top;
    padding: 5px;
    width: 30%;
    background-image: url('images/share/green_back.png');
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    font-size: 10pt;
}

.content .sentence .statustable .row2
{
    padding: 5px;
    width: 66%;
    background-color: #FFFFFF;
        font-size: 10pt;
}

.content .sentence .obidiv
{
    background-color: #FFFFCC;
    width: 96%;
    font-size: 14pt;
    text-align: center;
}

.content .sentence .obidiv2
{
    width: 96%;
    font-size: 14pt;
    text-align: center;
}

.content .sentence .nanikore
{
    width:100%;
    font-size:9pt;
}

.content .sentence .nanikore .logo
{
    float:left;
    width:150px;
}

.content .sentence .fudowaku
{
    width: 100%;
    margin-bottom: 20px;
}

.content .sentence .fudowaku .header
{
    background-image: url('images/share/green_back.png');
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    font-size: 10pt;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.content .sentence .fudowaku .column
{
    font-size: 10pt;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.content .sentence .fudowaku .column2
{
    font-size: 10pt;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*３カラム時用*/
.content .cleft
{
    width: 440px;
    float: left;
}

.content .cleft .lbar
{
    margin: 15px 0px 0px 40px;
    width: 385px;
    height: 25px;
    background-image: url('images/share/bar_l.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 2px;
}

.content .cleft .lsentence
{
    padding: 10px;
    width: 380px;
    font-size: 10pt;
    margin-left: 40px;
}

.content .cleft .lsentence .lpicture
{
    float: left;
    margin-right: 5px;
}

.content .cleft .lsentence .lhr
{
    width: 94%;
    clear: both;
    margin-top: 3px;
    margin-bottom: 3px;
}

/*検索結果リスト用*/
.content .cleft .scimage
{
    padding-right: 3px;padding-left: 3px;padding-bottom: 3px;width: 120px;padding-top: 3px;height: 90px;
}

.content .cleft .names
{
    font-size: 8pt;
    top: 50px;
    background-color: #ffffcc;
    text-decoration: none;
}

.content .cleft .names:hover
{
    border-bottom: blue 1px dotted;
}

/*ここまで*/

.content .cright
{
    width: 220px;
    float: left;
}

.content .cright .rbar
{
    margin: 15px 0px 0px 20px;
    width: 185px;
    height: 25px;
    background-image: url('images/share/bar_s.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 2px;
}

.content .cright .rsentence
{
    padding: 10px;
    width: 180px;
    font-size: 12pt;
    margin-left: 20px;
}

.content .cright .moji
{
    width: 180px;
    padding-left: 35px;
    padding-top: 10px;
    margin-top: -5px;
    color: #333333;
    font-size: 9pt;
}

/*カレンダー*/

.calender
{
    float: left;
    margin-right: 10px;
}

.calender .title
{
    background-image: url('images/calender/bg_title.jpg');
    background-repeat: repeat-x;
    background-position: left top;
    width: 100%;
    height: 35px;
}

.calender .dayname
{
    background-image: url('images/calender/bg_dayname.jpg');
    background-repeat: repeat;
    background-position: center center;
}

.calender .day
{
    background-image: url('images/calender/bg_day.png');
    background-repeat: repeat;
    background-position: center center;
    width: 90px;
    height: 90px;
    vertical-align: top;
    padding-top: 3px;
    padding-left: 3px;
    text-align: left;
    color: #0000FF;
}

.calender .day:hover
{
    background-image: url('images/calender/bg_selday.png');
    text-decoration: underline;
}

.calender .dayow
{
    background-image: url('images/calender/bg_day.png');
    background-repeat: repeat;
    background-position: center center;
    width: 90px;
    height: 90px;
    vertical-align: top;
    padding-top: 3px;
    padding-left: 3px;
    text-align: left;
        color: #0000FF;
}

.calender .dayow:hover
{
    background-image: url('images/calender/bg_selday.png');
}

.calender .dayom
{
    background-image: url('images/calender/bg_day.png');
    background-repeat: repeat;
    background-position: center center;
    width: 90px;
    height: 90px;
    vertical-align: top;
    padding-top: 3px;
    padding-left: 3px;
    text-align: left;
    color: #C0C0C0;
}

.calender .dayom:hover
{
    background-image: url('images/calender/bg_selday.png');
}

.event
{
    float:left;
    width:270px;
    margin-bottom:25px;
}

.diag
{
    border-style: none;
    width: 800px;
    height: 100%;
}

.diag .dtable
{
    width: 100%;
    height: 100%;
}

.diag .dtable .l
{
    width: 22px;
    background-position: right top;
    background-image: url('images/calender/diag_l.png');
    background-repeat: repeat-y;
}

.diag .dtable .lt
{
    width: 22px;
    height:22px;
    background-position: right top;
    background-image: url('images/calender/diag_lt.png');
    background-repeat: repeat-y;
}

.diag .dtable .lb
{
    background-position: right top;
    height: 22px;
    background-image: url('images/calender/diag_lb.png');
    background-repeat: no-repeat;
}

.diag .dtable .t
{
    background-position: left top;
    height: 22px;
    background-image: url('images/calender/diag_t.png');
    background-repeat: repeat-x;
}

.diag .dtable .b
{
    background-position: left bottom;
    height: 22px;
    background-image: url('images/calender/diag_b.png');
    background-repeat: repeat-x;
}

.diag .dtable .rb
{
    background-position: left bottom;
    width: 22px;
    height: 22px;
    background-image: url('images/calender/diag_rb.png');
}

.diag .dtable .rt
{
    background-position: left top;
    width: 22px;
    height: 22px;
    background-image: url('images/calender/diag_rt.png');
}

.diag .dtable .r
{
    background-position: left bottom;
    width: 22px;
    background-image: url('images/calender/diag_r.png');
    background-repeat: repeat-y;
}

.diag .dtable .c
{
    background-color: #FFFFFF;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.diag .dtable .c .bar_s
{
    background-image: url('images/share/bar2_s.png');
    background-repeat: no-repeat;
    background-position: left top;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 8px;
    padding-top:3px;
    height: 27px;
    width: 352px;
    }
    
    /*マウスオーバーで矢印*/
.addhl
{
    cursor: pointer;
    color: #0000FF;
}
.addhl:hover
{
    text-decoration:underline;
}