/* for modern brouser */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix
{
    display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
img
{
    border: none;
}
html
{
    overflow-y: scroll;
}
html, body
{
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo UI", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.33em;
}
textarea
{
    font-size: 12px;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka-mono, Osaka, "ＭＳ ゴシック", sans-serif;
}
input[type=text]
{
    font-size: 12px;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka-mono, Osaka, "ＭＳ ゴシック", sans-serif;
}
input[type=password]
{
    font-size: 12px;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka-mono, Osaka, "ＭＳ ゴシック", sans-serif;
}
input[type=button]
{
    font-size: 12px;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka-mono, Osaka, "Meiryo UI", "ＭＳ ゴシック", sans-serif;
}
input[type=submit]
{
    font-size: 12px;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka-mono, Osaka, "Meiryo UI", "ＭＳ ゴシック", sans-serif;
}
button
{
    font-size: 12px;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka-mono, Osaka, "Meiryo UI", "ＭＳ ゴシック", sans-serif;
}
input[type=text], input[type=password], textarea {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(0, 128, 255, 0.9);
    -webkit-box-shadow: 0 0 5px rgba(0, 128, 255, 0.9); 
    -moz-box-shadow: 0 0 5px rgba(0, 128, 255, 0.9); 
}
form
{
    margin: 0px;
    padding: 0px;
}
table
{
    vertical-align: middle;
}
a:hover a:visited
{
    color: Blue;
}
a:visited
{
    color: Blue;
}
a:active
{
    color: Blue;
}
a:link
{
    color: Blue;
}
em
{
    color: #f00;
    font-style: normal;
}
/* コンテンツ記述用（ブロックなど） */
div.contents
{
    margin-bottom: 15px;
}
div.block
{
    margin-top: 5px;
    margin-bottom: 5px;
}

/* 基本テーブル */
.basic-table
{
    width: 100%;
    border-collapse: collapse;
}
.basic-table td, .basic-table th
{
    border: 1px solid #888;
    padding: 8px;
}

/* テーブルカラーバリエーション（緑） */
.green-title
{
    font-size:14px;
    border-left: 5px solid #8fbca6;
    border-bottom: 3px solid #8fbca6;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-style:solid;
    border-width:0px 0px 2px 3px;
    background-color: #addbc5;
    padding:5px 2px 2px 3px;
    margin:5px 0 5px 0px;
}
.green-table tr.even td, .green-even, .green-even
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align: middle;
}
.green-table tr.odd td, .green-odd, .green-odd
{
    padding: 3px 10px;
    background-color: #eaf6ef;
    vertical-align: middle;
}
.green-table thead td, .green-table thead th, .green-header, .green-header td, .green-header th, .green-header
{
    padding: 5px 5px;
    background-color: #addbc5 !important;
    text-align: center;
    vertical-align:middle;
}
.green-caption
{
    padding: 3px 10px;
    background-color: #d6ece1;
    vertical-align: middle;
}
.green-contents
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align: middle;
}

/* カラーバリエーション（ローズ） */
.rose-title
{
    font-size:14px;
    border-left: 5px solid #d08bcf;
    border-bottom: 3px solid #d08bcf;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-style:solid;
    border-width:0px 0px 2px 3px;
    background-color: #e3b8e4;
    padding:5px 2px 2px 3px;
    margin:5px 0 5px 0px;
}
.rose-table tr.even td, .rose-even, .rose-even
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align:middle;
}
.rose-table tr.odd td, .rose-odd, .rose-odd
{
    padding: 3px 10px;
    background-color: #f8e8f9;
    vertical-align:top;
}
.rose-table thead td, .rose-table thead th, .rose-header, .rose-header td, .rose-header th, .rose-header
{
    padding: 5px 5px;
    background-color: #edc5ed !important;
    text-align: center;
    vertical-align:middle;
}
.rose-caption
{
    padding: 3px 10px;
    background-color: #f4dcf4;
    vertical-align: middle;
}
.rose-contents
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align: middle;
}

/* カラーバリエーション（オレンジ） */
.orange-title
{
    font-size:14px;
    border-left: 5px solid #e9c98f;
    border-bottom: 3px solid #e9c98f;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-style:solid;
    border-width:0px 0px 2px 3px;
    background-color: #f8e3b5;
    padding:5px 2px 2px 3px;
    margin:5px 0 5px 0px;
}
.orange-table tr.even td, .orange-even
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align:middle;
}
.orange-table tr.odd td, .orange-odd
{
    padding: 3px 10px;
    background-color: #f9f1e3;
    vertical-align:middle;
}
.orange-table thead td, .orange-table thead th, .orange-header, .orange-header td, .orange-header th, .orange-header
{
    padding: 3px 10px;
    background-color: #f5dfbd !important;
    vertical-align: middle;
}
.orange-caption
{
    padding: 3px 10px;
    background-color: #faeacf;
    vertical-align: middle;
}
.orange-contents
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align: middle;
}

/* カラーバリエーション（青） */
.blue-title
{
    font-size:14px;
    border-left: 5px solid #8baad0;
    border-bottom: 3px solid #8baad0;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-style:solid;
    border-width:0px 0px 2px 3px;
    background-color: #B8CCE4;
    padding:5px 2px 2px 3px;
    margin:5px 0 5px 0px;
}
.blue-table tr.even td, .blue-even
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align:middle;
}
.blue-table tr.odd td, .blue-odd
{
    padding: 3px 10px;
    background-color: #efeff7;
    vertical-align:middle;
}
.blue-table thead td, .blue-table thead th, .blue-header, .blue-header td, .blue-header th, .blue-header
{
    padding: 5px 5px;
    background-color: #c5d7ed !important;
    text-align: center;
    vertical-align: middle;
}
.blue-caption
{
    padding: 3px 10px;
    background-color: #dce7f4;
    vertical-align: middle;
}
.blue-contents
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align: middle;
}

/* カラーバリエーション（赤） */
.red-title
{
    font-size:14px;
    border-left: 5px solid #d08b8b;
    border-bottom: 3px solid #d08b8b;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-style:solid;
    border-width:0px 0px 2px 3px;
    background-color: #e4b8b8;
    padding:5px 2px 2px 3px;
    margin:5px 0 5px 0px;
}
.red-table tr.even td, .red-even
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align:middle;
}
.red-table tr.odd td, .red-odd
{
    padding: 3px 10px;
    background-color: #f9e8e8;
    vertical-align:middle;
}
.red-table thead td, .red-table thead th, .red-header, .red-header td, .red-header th, .red-header
{
    padding: 5px 5px;
    background-color: #edc5c5 !important;
    text-align: center;
    vertical-align:middle;
}
.red-caption
{
    padding: 3px 10px;
    background-color: #f4dcdc;
    vertical-align: middle;
}
.red-contents
{
    padding: 3px 10px;
    background-color: #fff;
    vertical-align: middle;
}

/*********** フォームのサブミットボタン（共通項目） ***********/
.submit-button img, .submit-button-red img, .submit-button-green img
{
    padding: 0;
    margin: 0;
}

.submit-button[disabled], .submit-button-red[disabled], .submit-button-green[disabled]
{
  color: #dddddd;
  background-color: #f6f6f6;
  border: 2px inset #ddd;
}
.submit-button[disabled]:hover, .submit-button-red[disabled]:hover, .submit-button-green[disabled]:hover
{
  color: #dddddd;
  background-color: #f6f6f6;
  border: 2px inset #ddd;
}

/*********** フォームのサブミットボタン（あお: デフォルト） ***********/
.submit-button 
{
    width: 80px;                /* 横幅 */
    height: 26px;
    color: #ffffff;
    background-color: #666699;  /* 背景色 */
    border: outset 2px #9999cc; /* 枠の色 */
    padding: 2px;
    font-size: 12px;            /* フォントサイズ */
    line-height: 100%;          /* 行の高さ */
    text-align: center;         /* 水平揃え */
    text-decoration: none;      /* 下線を消す */
}
.submit-button:hover
{
    color: #eeeeee;
    background-color: #555588;  /* 背景色 */
    border: inset 2px #9999cc;  /* 枠の色 */
    padding: 2px;
}
.submit-button:active { color: #ffffff; }
.submit-button:visited { color: #ffffff; }

/*********** フォームのサブミットボタン（あか） ***********/
.submit-button-red
{
    /*position: relative;*/
    width: 80px;                /* 横幅 */
    height: 26px;
    color: #ffffff;
    background-color: #996666;  /* 背景色 */
    border: outset 2px #cc9999; /* 枠の色 */
    padding: 2px;
    font-size: 12px;            /* フォントサイズ */
    line-height: 100%;          /* 行の高さ */
    text-align: center;         /* 水平揃え */
    text-decoration: none;      /* 下線を消す */
}
.submit-button-red:hover
{
    color: #eeeeee;
    background-color: #885555;  /* 背景色 */
    border: inset 2px #cc9999;  /* 枠の色 */
    padding: 2px;
}
.submit-button-red:active { color: #ffffff; }
.submit-button-red:visited { color: #ffffff; }

/*********** フォームのサブミットボタン（みどり） ***********/
.submit-button-green
{
    /*position: relative;*/
    width: 80px;                /* 横幅 */
    height: 26px;
    color: #ffffff;
    background-color: #669966;  /* 背景色 */
    border: outset 2px #99cc99; /* 枠の色 */
    padding: 2px;
    font-size: 12px;            /* フォントサイズ */
    line-height: 100%;          /* 行の高さ */
    text-align: center;         /* 水平揃え */
    text-decoration: none;      /* 下線を消す */
}
.submit-button-green:hover
{
    color: #eeeeee;
    background-color: #558855;  /* 背景色 */
    border: inset 2px #99cc99;  /* 枠の色 */
    padding: 2px;
}
.submit-button-green:active { color: #ffffff; }
.submit-button-green:visited { color: #ffffff; }

/***********************************************************/
.submit-button, .submit-button-green, .submit-button-red, .submit-button:hover, .submit-button-green:hover, .submit-button-red:hover
{
    padding-bottom: 3px;
}
/* ボタンの画像を配置するスタイル 
    buttonタグの中のspanタグの背景画像としてイメージを配置するため
    対象のbuttonタグの中に空のspanタグを配置しておくこと
*/
button span, button[disabled] span
{
    padding: 0px 7px;
    font-size: inherit;
    background-repeat: no-repeat;
    display: inline;
}
.btn-regist span /* 「登録」ボタン */
{
    background-image:url("Images/regist.png"); 
}
.btn-regist[disabled] span, .btn-regist-disabled span /* 「登録/disabled」ボタン */
{
    background-image:url("Images/regist_disabled.png"); 
}
.btn-delete span /* 「削除」ボタン */
{
    background-image:url("Images/delete.png");  
}
.btn-delete[disabled] span, .btn-delete-disabled span /* 「削除/disabled」ボタン */
{
    background-image:url("Images/delete_disabled.png"); 
}
.btn-new span /* 「新規」ボタン */
{
    background-image:url("Images/new.png"); 
}
.btn-new[disabled] span, .btn-new-disabled span /* 「新規/disabled」ボタン */
{
    background-image:url("Images/new_disabled.png");
}
.btn-view span /* 「閲覧」ボタン */
{
    background-image:url("Images/view.png"); 
}
.btn-view[disabled] span, .btn-view-disabled span /* 「閲覧/disabled」ボタン */
{
    background-image:url("Images/view_disabled.png");
}
.btn-copy span /* 「複写」ボタン */
{
    background-image:url("Images/copy.png"); 
}
.btn-copy[disabled] span, .btn-copy-disabled span /* 「複写/disabled」ボタン */
{
    background-image:url("Images/copy_disabled.png");
}
.btn-edit span /* 「編集」ボタン */
{
    background-image:url("Images/edit.png"); 
}
.btn-edit[disabled] span, .btn-edit-disabled span /* 「編集/disabled」ボタン */
{
    background-image:url("Images/edit_disabled.png");
}
.btn-add span /* 「追加」ボタン */
{
    background-image:url("Images/point_add.png"); 
    
}
.btn-add[disabled] span, .btn-add-disabled span /* 「追加/disabled」ボタン */
{
    background-image:url("Images/point_add_disabled.png");
}
.btn-search span /* 「検索」ボタン */
{
    background-image:url("Images/Search16.png");
    font-size: 13px;
}
.btn-search[disabled] span, .btn-search-disabled span /* 「検索/disabled」ボタン */
{
    background-image:url("Images/Search16_disabled.png");
    font-size: 13px;
}
.btn-all span /* 「すべて選択」ボタン */
{
    background-image:url("Images/student_select.png"); 
}
.btn-all[disabled] span, .btn-all-disabled span /* 「すべて選択/disabled」ボタン */
{
    background-image:url("Images/student_select_disabled.png");
}
.btn-allclear span /* 「すべて選択」ボタン */
{
    background-image:url("Images/student_cancel.png"); 
}
.btn-allclear[disabled] span, .btn-allclear-disabled span /* 「すべて選択/disabled」ボタン */
{
    background-image:url("Images/student_cancel_disabled.png");
}
.btn-reset /* 「リセット」ボタン */
{
    width:100px;
}
.btn-reset span /* 「リセット」ボタン */
{
    background-image:url("Images/reset.png");
}
.btn-reset[disabled] span, .btn-reset-disabled span /* 「リセット/disabled」ボタン */
{
    background-image:url("Images/reset_disabled.png");
}
.btn-print span /* 「印刷」ボタン */
{
    background-image:url("Images/printer.png"); 
}
.btn-print[disabled] span, .btn-print-disabled span /* 「印刷/disabled」ボタン */
{
    background-image:url("Images/printer_disabled.png"); 
}
.btn-draft span /* 「下書き」ボタン */
{
    background-image:url("Images/draft.png"); 
}
.btn-draft[disabled] span, .btn-draft-disabled span /* 「下書き/disabled」ボタン */
{
    background-image:url("Images/draft_disabled.png"); 
}

span.jqInButtonAfterImageText
{
    font-size: 100% !important;
    background: none !important;
}


.file_button {
  display: inline-block;
  position: relative;
  padding: 0.3em 1em;
  text-align: center;
  color: #ffffff;
  border: outset 2px #9999cc;
  background-color: #666699;
  overflow: hidden;
}
.file_button:hover {
  background-color: #555588;
  border: inset 2px #9999cc;  /* 枠の色 */
}
.file_input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.file_button[disabled]
{
  color: #dddddd;
  background-color: #f6f6f6;
  border: 2px inset #ddd;
}
.file_button[disabled]:hover
{
  color: #dddddd;
  background-color: #f6f6f6;
  border: 2px inset #ddd;
}


/* ページャ */
.pager, .page_navigation
{
    display: block;
    padding: 5px 0 5px 0;
    font-size: 11px;
}
.page_navigation a, .jquery_pager .nav
{
    /* margin: 10px 0px; */
    padding: 10px 0px;
    margin: 5px 0 5px 0;
    vertical-align: middle;
}
.pager strong, .pager a, .page_navigation a, .jquery_pager .nav a
{
    display: inline-block;
    outline: none;
    border: 2px solid #a6cdeb;
    border-radius: 5px;
    background-color: #60a2d4;
    width: 35px;
    height: 15px;
    text-align: center;
    text-decoration: none !important;
    padding: 6px 0 6px 0;
    margin-right: 5px;
    vertical-align: middle;
}
.pager a:link, .page_navigation a:link, .jquery_pager .nav a:link
{
    color: #fff !important;
}
.pager a, .page_navigation a, .jquery_pager .nav a
{
    color: #fff !important;
}
.pager strong, .page_navigation a.active_page, .jquery_pager .nav .highlight 
{
    padding: 10px 0 10px 0;
    width: 35px;
    height: 15px;
    
    color: #000 !important;
    font-weight: bold;
    text-decoration: none;
    background-color: #eefaff;
    border: 2px solid #e0f5fe;
    box-shadow: 0 0 5px rgba(0, 128, 255, 0.9);
    -webkit-box-shadow: 0 0 5px rgba(0, 128, 255, 0.9); 
    -moz-box-shadow: 0 0 5px rgba(0, 128, 255, 0.9); 
}
.pager strong, .pager a
{
    margin-right: 0;
}
.page_navigation span.ellipse
{
    font-size: 10px;
    width: 10px;
    display:-moz-inline-box;
    -moz-box-align: center;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.jquery_pager h2 
{
    margin: 0;
    padding: 5px;
}
.jquery_pager p 
{
    padding: 0;
    margin: 5px;
}

.jsansserif
{
    font-family: 'ＭＳ ゴシック';
}

.ValidationError
{
    /* position: relative !important;
    color: #f00; 
    bottom: 0 !important; */
}

.loading
{
    background: url('images/loading.gif') no-repeat;
    background-position: 50% 50%;
    margin-left: -16px;
    margin-top: -16px;
}

/* バリデーションエラー時の表示 */
label.validationError 
{
    position: absolute;
    display: block;
    border: solid #BBB 1px;
    border-top: none;
    border-left: none;
    -moz-border-radius: 4px;
    padding: .5em 1em .5em .8em;
    color: #F60;
    background: #EDEDED;
    font-weight: bold;
    font-size: 100%;
}

/* ログインボックスのオーバーレイ部分 */
div[id*="pageOverlay"]
{
    z-index: 1100;
    width: 100%;
}
/* ログインボックスのダイアログ部分 */
#jsOverlayLoginBox
{
    z-index: 1101;
}

/* ログイン画面のコンテンツ部分 */
div.centerblock1content
{
    padding: 10px;
}
/* ログイン画面のフォーム部品 */
.display-label, .editor-label, .display-field, .editor-field
{
    margin: 0.2em;
}
/* ログイン画面のsubmitボタンが置かれているエリア */
p.loginSubmitButtonArea
{
    margin-top: 8px;
}

/* 選択されているアイテムを強調表示するためのスタイル */
.selectedItem
{
    border: 2px dashed #ff8400;
}

/* トップページ ヘッダー 緑 */
.groupheader1 {
    border-color:#478d47;
    background-color:#72b872;
    padding:1px 3px 1px 3px;
    color:White;
    font-weight:bold;
    height:20px;
}
/* トップページ ヘッダー 青 */
.groupheader2
{
    border-color:#478d47;
    padding:1px 3px 1px 3px;
    color:White;
    font-weight:bold;
    height:20px;
    background-color: #72b1dd;
}
/* トップページ ヘッダー オレンジ */
.groupheader3
{
    border-color:#478d47;
    padding:1px 3px 1px 3px;
    color:White;
    font-weight:bold;
    height:20px;
    background-color: #dc954e;
}
/* トップページ ヘッダー ピンク */
.groupheader4
{
    border-color:#478d47;
    padding:1px 3px 1px 3px;
    color:White;
    font-weight:bold;
    height:20px;
    background-color: #e480d2;
}
/* トップページ ヘッダー サーモンピンク */
.groupheader5
{
    border-color:#478d47;
    padding:1px 3px 1px 3px;
    color:White;
    font-weight:bold;
    height:20px;
    background-color: #f29292;
}

div.handle
{
    background-color: #eee !important;
    border: 1px solid #aaa;
    padding: 5px;
    border-radius: 4px;
    height: 17px;
    display: block;
}
td.handle
{
    width: 100%;
    background-color: #eee !important;
    padding: 5px;
}
div.screen
{
    opacity: 0.5 !important;
    background-color: #000 !important;
}

div.modeless
{
    border: 1px solid #aaa;
    border-radius: 6px;
}

div.modal div.field
{
    border: 1px solid #aaa;
    border-radius: 6px;
}

div.clumb
{
    padding: 5px;
    padding-left: 10px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f5f5f5;
    width: 941px;
    margin: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}

.caption
{
    font-size: 10px;
    color: #888;
}


/* ただいま準備中 */
.making-ready
{
	width : 95%;
	padding:5px;
	margin:5px;
	font-weight: bold;
    font-size:13px;
    background-color: #fff4ea;
    border-color :#ffbf80;
    border-style:solid;
    border-width:2px;
}

div.ui-dialog
{
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

div.ui-progressbar
{
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}

table.jsCheckPanel a:hover
{
    color: #0af;
    text-decoration: none;
}

/********************
* 文字カウントのCSS
* jquery.charCount.js
********************/
form .jsCharCounter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #ccc;
}
form .jsCharWarning
{
    color:#600;
}
form .jsCharExceeded
{
    color:#e00;
}