@charset "utf-8";

/* =========================================================
共通の画面のスタイル
========================================================= */

#canvas {
    width: 650px;
    margin: 0 auto;
    text-align: left;
    /*background: #F8F8F8;*/
}

#header {
    width: 100%;
    text-align: left;
    margin: 5px 0;
}

#wrapper {
    width: 100%;
}

#contents {
    width: 100%;
    font-size: 12px;
}

#footer {
    margin: 10px 0;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #808080;
}

#footer p {
    margin: 0 auto;
    font-size: 11px;
    text-align: center;
}


/* ヘッダー
--------------------------------------------------------- */

#header_title_area {
    text-align: center;
    margin: 35px 0 10px 0;
}

#application_name {
    font-size: 1.6em;
}

#header_subtitle_upper {
    font-size: 1.125em;
    font-weight: bold;
    letter-spacing: 1.7em;
}

#header_title {
    width: 100%;
    margin: 15px auto 0 auto;
    padding: 10px 0;
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
    background-color: #B3E3EE;
}

#header_user_name_area {
    margin-bottom: 20px;
    padding-left: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid #B3E3EE;
}

#header_user_name {
    margin: 40px 0 0 0;
    padding: 0;
    font-size: 1.25em;
    font-weight: bold;
    color: #333;
}

.logout_link {
    width: 100%;
    text-align:right;
    margin-top: 5px;
}
.logout_button {
    width: 85px;
    font-size: 0.75em;
}

.back_link {
    width: 100%;
    margin-top: -15px;

    text-align: right;
    font-size: 1.0em;
    font-weight: bold;
}

.newline_button_area {
    margin-top: 5px;
    text-align: right;
}
.newline_button {
    width: 85px;
    padding: 2px 0;
}

.top_link {
    font-size: 16px;
}


/* メインメニュー（一般）のスタイル
------------------------------------------------------------------------- */
#header_main_menu_area {
    padding-left: 5px;
}

#main_menu {
    text-align: right;
    margin: -30px 5px 20px 0;
    border-bottom: 1px solid #B3E3EE;
    font-size: 0.8em;
}

.menulist {
    padding: 3px 0;
    margin-left: 0;
}

.menuitem {
    list-style: none;
    margin: 12px 0 0 0;
    display: inline-block;

    /* IE7で display: inline-block 同等の表示にする */
    *display: inline;
    *zoom:1;
}
.menuitem a {
    padding: 4px 0.5em;
    margin-left: 3px;
    border: solid #B3E3EE 1px;
    border-bottom: none;
    background: #B3E3EE;
    text-decoration: none;
}
.menuitem a:link {
    color: #448;
}
.menuitem a:visited {
    color: #667;
}
.menuitem a:hover {
    color: #000;
    background: #D5EDF3;
    border-color: #B3E3EE;
}
.menuitem a.current {
    background: #D5EDF3;
    border-bottom: 1px solid #EEE;
}

.unlinked_menuitem {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: solid #B3E3EE 1px;
    border-bottom: none;
    background: #B3E3EE;
    text-decoration: none;
    color: #448;
}


/* エラーメッセージ欄
--------------------------------------------------------- */

.error_box {
    border: 2px solid #F00;
    margin: 10px 0;
    width: 490px;
}
.error_head {
    color: #FFF;
    background-color: #F00;
    padding: 5px;
}
.error_body {
    padding: 5px;
}


/* 通知メッセージ欄
--------------------------------------------------------- */

.notice_box {
    border: 2px solid #1D588F;
    margin: 10px 0;
    width: 490px;
    font-size: 1.2em;
}
.notice_body {
    padding: 5px;
}


/* 検索結果メッセージ欄
--------------------------------------------------------- */

#result_message {
    margin: 10px 0 10px 5px;
    font-size: 0.750em;
}
#result_num_items {
    font-weight: bold;
    color: red;
}
#total_num_items {
    font-weight: bold;
}


/* 科目一覧、管理画面の承認機能関連のスタイル
--------------------------------------------------------- */

.approval_highlight1 {
    background-color:#FCC;
}
.approval_highlight2 {
    background-color:#FFC;
}
.approval_highlight3 {
    background-color:#E5E5FF;
}


/* 罫線
--------------------------------------------------------- */

.border_NONE {
    border:none;
}
.border_T {
    border:none;
    border-top:1px solid #333;
}
.border_B {
    border:none;
    border-bottom:1px solid #333;
}
.border_L {
    border:none;
    border-left:1px solid #333;
}
.border_R {
    border:none;
    border-right:1px solid #333;
}
.border_TB {
    border:none;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
}
.border_TL {
    border:none;
    border-top:1px solid #333;
    border-left:1px solid #333;
}
.border_TR {
    border:none;
    border-top:1px solid #333;
    border-right:1px solid #333;
}
.border_BL {
    border:none;
    border-bottom:1px solid #333;
    border-left:1px solid #333;
}
.border_BR {
    border:none;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
}
.border_LR {
    border:none;
    border-left:1px solid #333;
    border-right:1px solid #333;
}
.border_TBL {
    border:none;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    border-left:1px solid #333;
}
.border_TBR {
    border:none;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
}
.border_TLR {
    border:none;
    border-top:1px solid #333;
    border-left:1px solid #333;
    border-right:1px solid #333;
}
.border_BLR {
    border:none;
    border-bottom:1px solid #333;
    border-left:1px solid #333;
    border-right:1px solid #333;
}

.border_gray_R {
    border-right:solid #505050 1px;
}


/* マーク、一括処理
--------------------------------------------------------- */

.batch_processing_area {
    font-size: 12px;
    margin: 5px;
}
.batch_processing_item {
    list-style: none;
    margin: 12px 0 0 0;
    display: inline-block;

    /* IE7で display: inline-block 同等の表示にする */
    *display: inline;
    *zoom:1;
}
.batch_processing_button {
    margin-right: 5px;
    margin-left: 5px;
}
.batch_processing_separator {
    margin-right: 5px;
    margin-left: 5px;
}


/*
--------------------------------------------------------- */
.kigou {
    font-family: "Osaka-等幅","ＭＳ ゴシック","MS Gothic";
}