/* formatting style ---------------------------*/

* {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    font-size:10pt;
    font-style: normal;
    margin: 0px;
    padding: 0px;
    line-height: 150%;
}

img.padding {
    padding-right: 10px;
    padding-bottom: 10px;
}

a img {
    border-style: none;
}

p {
    text-indent: 1em;
}

p.sectiontitle {
    font-size: 130%;
    font-weight: bold;
    color: #000099;
    margin-bottom: 5px;
}

html{
}

body{
    background-color: #99CCFF;
    text-align: center;
}

img {
    border: 0px solid #ffffff;
}

#sideBorder {
    background-image:url(../img/common/sideBorder.jpg);
    background-repeat:repeat-y;
    width: 830px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#header{
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    height: 24px;
    width: 800px;
    text-align: left;
}

#hlBox{
    margin: 0px;
    padding: 0px;
    height: 24px;
    text-align: left;
    width:400px;
    float: left;
}
#hrBox{
    margin: 0px;
    padding: 0px;
    height: 15px;
    width:400px;
    bottom: 0px;
    text-align: right;
    float: left;
}
#hrBox, #hrBox *{
    font-size:8pt;
}

#title{
    position:relative; 
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-image:url(../img/common/title.jpg);
    background-repeat:no-repeat;
    height: 160px;
    width: 800px;
}

#tag{
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 38px;
    width: 300px;
    text-align: center;
    text-weight: bold;
    color: #ffffff;
    font-size: 20pt;
    line-height: 38px;
}

#disp {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 800px;
    text-align: left;
    min-height:1px;
}

#sidemenu{
    background-image:url(../img/common/bgleftmenu.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    margin-top: 10px;
    height: 649px;
    width: 200px;
    float: left;
    
}

#sidemenu #menu{
    width: 200px;
    padding-top: 10px;
    text-align: left;
}

#sidemenu #menu #mtitle{
    background-image:url(../img/common/menu_title.gif);
    width: 200px;
    height:40px;
    line-height:40px;
    text-align: center;
    font-size:15pt;
    font-weight: bold;
    color: #ffffff;
}

#sidemenu #menu #mtop,
#sidemenu #menu #mmcmm,
#sidemenu #menu #mcourse,
#sidemenu #menu #mmem,
#sidemenu #menu #minq,
#sidemenu #menu #mlink{
    width: 200px;
    height:40px;

    position:relative;
}

#sidemenu #menu a{
    background-image:url(../img/common/menu_btn1.gif);
    width: 150px;
    height:40px;
    padding-left: 50px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    color: #000000;
}

/* 文字列の縦位置センタリング*/
#sidemenu #menu a.vmiddle {
    line-height:40px;
}

#sidemenu #menu div.v2line {
    line-height:19px;
}

#sidemenu #menu div.line{
    height: 10px;
    line-height:3px;
    margin: 0px;
    padding: 0px;
}

div.top #menu #mtop a,
div.mcmm #menu #mmcmm a,
div.course #menu #mcourse a,
div.committee #menu #mmem a,
div.inq #menu #minq a,
div.link #menu #mlink a
{
    color:#0000FF;

}

div.top #menu #mtop a,
div.mcmm #menu #mmcmm a,
div.course #menu #mcourse a,
div.committee #menu #mmem a,
div.inq #menu #minq a,
div.link #menu #mlink a {
    font-size: 115%;
}


#sidemenu #menu #mtop a:hover,
#sidemenu #menu #mmcmm a:hover,
#sidemenu #menu #mcourse a:hover,
#sidemenu #menu #mmem a:hover,
#sidemenu #menu #minq a:hover,
#sidemenu #menu #mlink a:hover {
    color:#0000FF;
    background-image:url(../img/common/menu_btn2.gif);
}

#sidemenu #menu #mtop,
#sidemenu #menu #mmcmm,
#sidemenu #menu #minq,
#sidemenu #menu #mlink{
    line-height:40px;
}

#sidemenu #menu #mcourse a,
#sidemenu #menu #mmem a {
    line-height:20px;
}





#contents{
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    padding-bottom: 0px;
    padding-top: 10px;
    width: 594px;
    text-align: left;
    float: right;
}

#footer{
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-image:url(../img/common/footer.jpg);
    background-repeat:no-repeat;
    bottom:0px;
    height:20px;
    width:800px;
    font-size:8pt;
    text-align: center;
    line-height:22px;
    color: #000000;
}

#manage{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



/* ################################################ */
div.ctitle {
    /* background-color: #687E48; */
    background-color: #000066;
    width: 590px;
    margin-bottom: 5px;
}
div.ctitle2 {
    /* background-color: #A5C871; */
    background-color: #333399;
    margin-left: 5px;
    width: 580px;
}

div.ctitle2 H2{
    padding-left: 20px;
    color: #ffffff;
    font-weight: bold;
    font-size:11pt;
}


dl.info dt{
    font-weight: bold;
}
dl.info dd{
    padding-left: 20px;
}



div.label1 {
    width: 550px;
    margin-left: 20px;
    margin-bottom: 5px;
    padding-left: 10px;
    
    border-top: none;
    border-right: none;
    border-bottom: solid 1px #0033CC;
    border-left: solid 5px #0033CC;
}

div.label2 {
    width: 550px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 110%;
    font-weight: bold;
    
    border-top: none;
    border-right: none;
    border-bottom: solid 2px #6600CC;
    border-left: solid 8px #6600CC;
}


table.members {
    width:500px;
    border-collapse: separate;
    border-spacing: 20px 10px;
    table-layout: fixed;
    margin: 5px auto;
}

table.members td {
    width: 240px;
    border:double 4px #000066;
}


table.members div.subtitle {
    background-image: url(../img/common/bgsubtitle.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    color: #000066;
    padding: 5px 10px;
    margin-bottom: 5px;
    font-size: 120%;
    font-weight: bold;
}

dl {
}

dt {
    padding: 0px 5px 0px 20px;
    margin-left: 5px;
    font-weight: bold;
    background-image: url(../img/common/list_btn1.jpg);
    background-repeat: no-repeat;
    potision: left;
    
}

dd {
    padding: 0px 5px 0px 40px;
}

/* �����N��ʁA�T�C�g�}�b�v��� ���p�̃��X�g�X�^�C��*/
div.floatleft {
    float: left;
}
div.floatright {
    float: right;
}