/* ============================================ */
/* ヘッダー
/* -------------------------------------------- */
/* ヘッダー全体 */
div.header {
    height: 40px;
    /*height: 20px;*/
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
}
div.headerSurvey {
    display: none;
}
/* ヘッダーメッセージ */
div.headerMessage {
    padding-top: 5px;
    font-size: 1.2em;
}

div.headerMessage .wrapMessage {
    border: #ff6347 dotted 2px;
    padding: 10px;
}

div.headerMessage .title {
    margin-bottom: 5px;
}

div.headerMessage div.date {
    float: left;
    padding:5px 10px;
    border: #ffd700 solid 3px;
    background-color: #fffacd;
}

div.headerMessage .dateNotice {
    margin: 2px 0 10px 3px;
}
/* ヘッダー左（ロゴ、タイトル、大学名） */
div.headerleft {
    float: left;
}

/* ヘッダーロゴ */
div.headerLogo {
    float: left;
}
div.headerLogo:hover {
    opacity: 0.5;
}

/* タイトル部（大学名、システム名）*/
div.headerTitle {
    float: left;
    padding-top: 15px;
    padding-left: 10px;
}
/* タイトル部 */
div.surveyTitle {
    /*background-image: url(../images/header/title.png);*/
    /*background-repeat: repeat-x;*/
    /*background-color: #171F5B;*/
    /*color: white;*/
    width: 100%;
    height: 40px;
    /*margin-top: 20px;*/
    font-size: 2em;
    font-weight: bold;
    line-height: 40px;
    border-bottom: 1px solid #000000;
}

/* 大学名 */
div.headerSchoolName {
    font-size: 2.5em;
    color: #FFFFFF;
}

/* システム名 */
div.headerSystemName {
    font-size:1.3em;
    color:#FFFFFF;
    margin-top: 3px;
}

/* ヘッダー右（ログイン名、ログアウト、個人設定） */
div.headerRight {
    float: right;
    margin-top: 10px;
    /*margin-right:10px;*/
    font-size: 1.4em;
}

div.wrapFontChange {
    height: 98px;
}

div.divFontChange {
    float:right;
}

#fontChange li {
    font-size: 1.3em;
    -moz-box-shadow: 1px 1px 1px #666666;
    background-color: #F0F0F0;
    background: -moz-linear-gradient(center top , #FFFFFF, #F0F0F0) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 30px;
}
#fontChange li.active {
    background-color: #93cacf;
    background: -moz-linear-gradient(center top , #adeef4, #93cacf) repeat scroll 0 0 transparent;
    color: #000033;
}
#fontChange li:hover {
    background-color: #333333;
    background: -moz-linear-gradient(center top , #999999, #333333) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
}
#fontChange li.active:hover {
    background-color: #93cacf;
    background: -moz-linear-gradient(center top , #adeef4, #93cacf) repeat scroll 0 0 transparent;
    color: #000033;
    cursor: default;
}
div.headerRight div.proxyLogin {
    font-size: 1.3em;
    font-weight: bold;
    background-color: #ff3;
    margin: 0 0 0 auto;
    width:140px;
    text-align: center;
    cursor: context-menu;
}
div.headerRight div.translateButtons {
    text-align: right;
    margin-right: 15px;
}
div.headerRight div.translateButtons button{
    height: 32px;
    width: 60px;
}
#btnTranslateJP {
    border-radius: 5px 0 0 5px;
}
#btnTranslateEN {
    border-radius: 0 5px 5px 0;
}