/* 管理画面 全ページ共通 */

body{
    /*
     * IE6対策
     */
    behavior: url(/teacher/css/csshover3.htc);
}

#container{
    margin: 0px auto 0px auto;
}


/*---------------- ページヘッダ -------------------------*/

.page_header {
    min-width:980px;
    border-bottom: solid 1px #d8d8d8;
    background-color:#f8f8f8;
    padding: 10px 0px 10px 0px; /* 最小パディング */
}

.page_header_body {
    width: 980px; 
    margin: 0px auto 0px auto;
    padding: 0px 10px 0px 10px;
    background-color:#f8f8f8;
}


/*-- ロゴ --*/
.page_header_left {
    text-align:left;
    vertical-align: middle;
    width:200px;
}

/*-- 管理画面名 枠 --*/
.page_header_center {
    text-align:center;
    font-size:19px;
    font-weight:bold;
    vertical-align: middle;
    text-align:left;
    color:#555555;
    width:300px;
}

/*-- 管理画面名 文字 --*/
.page_header_center_content {
    margin: 0px 20px 0px 20px;
}

.page_header_right1{
    text-align:right;
    padding:0px 5px 0px 0px;
    font-size:13px;
}

.page_header_right2{
    text-align:right;
    font-size:13px;
    width:75px;
}

/*---------------- フッター -------------------------*/

/*-- フッター 枠 --*/
.page_footer {
    background-color:#f3f3f3;
    min-width:980px;
    padding:20px 0px 20px 0px;
}

/*-- フッター 内容 --*/
.page_footer_body {
    margin:0px auto 0px auto;
    font-size:11px;
    color:#777777;
    text-align:left;
    width:980px;
    padding: 0px 10px 0px 10px;
}


/*---------------- ページコンテンツ -------------------------*/
.page_contents {
    min-width:980px;
    background-color:#ffffff;
}

.page_contents_body {
    margin:0px auto 0px auto;
    width:980px;
    padding:0px 10px 1px 10px;
    background-color:#ffffff;
}


/*---------------- パンくずリスト -------------------------*/

.topic_header {
    margin: 0px auto 0px auto;
    background-color:#ffffff;
}

.topic_path_contents {
    padding:5px 0px 5px 0px;
    font-size: 13px;
    color: #777777;
    border-bottom: 1px solid #e6e6e6;
}


/*---------------- コンテンツタイトル -------------------------*/

/*--- 通常のコンテンツタイトル ---*/
.contents_title {
    margin: 13px 0px 13px 0px;
    font-size:22px;
    font-weight:bold;
}

/*--- STEP表記付きコンテンツタイトル ---*/
.contents_step_title_block {
    margin: 13px 0px 13px 0px;
}

.contents_step_title_header {
    text-align:left;
    vertical-align:middle;
}

.contents_step_title_header_name1 {
    color:#555555;
    line-height: 16px;
}

.contents_step_title_header_name2 {
    font-size:22px;
    font-weight:bold;
}

.contents_step_title_header2_stepname{
    color:#3f8523;
}



/*---------------- プレビュー ステップ表記 -------------------------*/

.contents_step_title_navi {
    vertical-align: middle;
}

.contents_step_title_navi_frame {
    width: auto;
    margin-left: auto;
    margin-right: 0px;
}

.step_block {
    border:1px solid #cccccc;
    height:40px;
    vertical-align:middle;
    display:table
}


.contents_step_title_navi_body{
    border:1px solid #aaaaaa;
    vertical-align:middle;
    padding:0px 10px 0px 10px;
    color:#999999;
    background-color:#ffffff;
    font-size:12px;
}

/*--- カレントスタイル ---*/
.contents_step_title_navi_body1{
    border:1px solid #41b339;
    vertical-align:middle;
    padding:0px 10px 0px 10px;
    color:#3f8523;
    background-color:#f3fbef;
    font-size:12px;
}

.contents_step_title_navi_cursor{
    vertical-align:middle;
    color:#999999;
    padding:0px 5px 0px 5px;
    font-size:12px;
}

/*--- カレントスタイル ---*/
.contents_step_title_navi_cursor1{
    vertical-align:middle;
    color:#3f8523;
    padding:0px 5px 0px 5px;
    font-size:12px;
}

/*---------------- メインコンテンツ -------------------------*/

.main_contents{
    border-top: 3px solid #41b339;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    border-left: 1px solid #bababa;
    margin:0px 0px 30px 0px;
}

.main_contents_header{
    background-color:#f3f3f3;
    padding:10px;
    font-size:15px;
}

.main_contents_body{
    margin:15px;
}

/*---------------- 行事ボタン -------------------------*/

.event_btn_table{
    display: table;
    width:100%;
    padding:5px 0px 5px 0px;
}

.event_btn_cell_left{
    display: table-cell;
    text-align:left;
    vertical-align: middle;
    font-size:20px;
    font-weight:bold;
    width:20px;
}

.event_btn_cell_name{
    display: table-cell;
    text-align:left;
    font-weight:bold;
    font-size:19px;
}

.event_btn_cell_date{
    display: table-cell;
    text-align:left;
    vertical-align: bottom;
    width:220px;
    font-size:19px;
    font-weight:bold;
}


/*---------------- 画面遷移用ボタン -------------------------*/

.btn_frame {
    margin:30px 0px 30px 0px;
}


.nextpage_btn {
    width: 350px;
    padding: 15px 0px 15px 0px;
    display:inline-block;
    font-size: 22px;
    font-weight: bold;
    text-align:center;
}

.backpage_btn {
    width: 150px;
    height: 50px;
    font-size: 22px;
    font-weight: bold;
    text-align:center;
}

.cursor_btn {
    width: 50px;
    height: 40px;
    font-size: 22px;
    font-weight: bold;
    text-align:center;
}

.ok_btn {
    width: 350px;
    height: 30px;
    font-size: 17px;
    font-weight: bold;
    text-align:center;
}

.cancel_btn {
    width: 150px;
    height: 30px;
    font-size: 17px;
    font-weight: bold;
    text-align:center;
}



/*---------------- 説明文 -------------------------*/
.memo {
    margin: 0px 0px 0px 0px;
    padding:10px 10px 10px 5px;
    text-align:left;
    border:solid 1px #777777;
    background-color:#f6f6f6;
    font-size:16px;
    font-weight:normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}



/*---------------- セル均等分割 -------------------------*/

/*--- 5分割 5padding テーブルに指定 ---*/
.et5_6  {
}

/*--- 5分割 左セルに指定 ---*/
.et5_6 .equality_cell_left  {
    width:20%;
    padding-right:6px;
}

/*--- 5分割 中セルに指定 ---*/
.et5_6 .equality_cell_inline  {
    width:20%; 
    padding-left:6px;
    padding-right:6px;
}

/*--- 5分割 右セルに指定 ---*/
.et5_6 .equality_cell_right  {
    width:20%; 
    padding-left:6px;
    
}

/*---------------- リスト -------------------------*/
.list_header {
    text-align:left;
    font-size:17px;
    font-weight:bold;
    width:120px;
    padding:8px 0px 8px 0px;
    color:#ffffff;
    background-color: #b28150;
    border-style:solid;
    border-width:1px;
    border-color: #be956b #b28150 #765534 #b28150;
    text-align:center;
}

.list_contents {
    text-align:left;
    font-size:17px;
    font-weight:bold;
    padding:8px 8px 8px 20px;
    background-color: #ffffff;
    border-style:solid;
    border-width:1px 1px 1px 0px;
    border-color: #ffffff #b28150 #b28150 #b28150;
}


.list_contents2 {
    text-align:left;
    font-size:17px;
    font-weight:bold;
    padding:8px 8px 8px 20px;
    background-color: #ffffff;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color: #ffffff #b28150 #b28150 #b28150;
}



.list_contents_top {
    border-top-color: #b28150;
}
/*---------------- リスト -------------------------*/



/*----------- エラーメッセージ ------------------*/
.error_messages_contents{
    margin:0px 0px 10px 0px;
    background-color:#ffeeee;
    border:1px solid #ff6666;
    color:#ff0000;
    font-size:15px;
    padding:10px 10px 10px 10px;
}

.error_header{
    font-weight:bold;
    margin:0px 0px 10px 0px;
}


/*----------- テーブルリスト ------------------*/
.table_style_normal th{
    border:1px solid #999999;
    background-color:#999999;
    color:#ffffff;
    padding:2px 7px 2px 7px;
}

.table_style_normal td{
    border:1px solid #cccccc;
    padding:2px 7px 2px 7px;
    word-break:break-all;
}

.table_style_normal tr.tr_od{
    background-color:#ffffff;
}

.table_style_normal tr.tr_ev{
    background-color:#f7f7f7;
}



/*----------- テーブルリスト ------------------*/


/*----------- iframe ------------------*/
.iframe_border{
    border:solid 1px #bbbbbb;
}

/*----------- iframe ------------------*/


/*---------- 閲覧済 --------------*/
.visited_color{
    color:#660099;
}
/*---------- 閲覧済 --------------*/