/* 共通　(bodyで適用）
----------------------------------------------- */
.all 	     { color: #3f3f46; background: #e9e9e9 url(../images/all_bg.gif) repeat-x; margin: 0px; padding: 0px ;font-family:"Lucida Sans Unicode" , "MS UI Gothic" ,  "Arial", "Osaka", "ヒラギノ角ゴ Pro W3", "Helvetica", "sans-serif" }

.all_simple { color: #3f3f46; background: white url(../images/cell_bg_6.gif) repeat-x; margin: 0; padding: 10px 0 0 }

/* === リンク関係 === */
a:link   { text-decoration: none }
a:visited   { text-decoration: none }
a:active   { text-decoration: none }
a:hover    { color: #f30; text-decoration: underline }
/* ヘッダー----------------------------------------------- */
.control_image { background: #ffffff url(../images/header_bg.gif); margin-left: 0px; width: 800px; height: 30px }
.add_shiori  { margin-top: 5px;text-align: left ;font-weight: bolder; font-size: 12pt ;text-indent: 25pt}
.add_shiori a:link { margin-top: 40px;text-align: left ;color: #f4a460; font-weight: bolder; font-size: 12pt ;text-indent: 25pt}
.add_shiori a:visited { margin-top: 40px;text-align: left ;color: #f4a460; font-weight: bolder; font-size: 12pt ; text-indent: 25pt}
.add_shiori a:active { margin-top: 40px;text-align: left ;color: #f4a460; font-weight: bolder; font-size: 12pt ;text-indent: 25pt}
.add_shiori a:hover { margin-top: 40px;text-align: left ;color: red; font-weight: bolder; font-size: 12pt ;text-indent: 25pt}


.logout  { margin-top: 40px; margin-left: 300px}

/* === ヘッダー下ページタイトル === */
.header_title  { color: white; font-weight: bolder; font-size: 12pt; line-height: 140%; background: url(../images/pagetitle_bg.gif) no-repeat left top; text-indent: 25pt; margin: 0px; padding: 0px; width: 800px; height: 23px; }
/* === コピーライト === */
.copy       { color: #fff; font-size: 10px; line-height: 150%; background-image: url(../images/copy.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left center; text-indent: 250px; margin-left: 0; border-top: medium none #333366; position: absolute; left: 0; width: 800px; height: 18px  ; padding-top: 3px; }
/* メイン部分----------------------------------------------- */
.control         { background-color: #ffffff; margin-left: 0; padding: 15px 35px 25px; width: 800px  }
.control_simple { background-color: white; text-align: left; margin-left: 0px; width: 100px }
.control_simple p { font-size: 10px; line-height: 50%; background: white url(../images/icon_small.gif) no-repeat left center; text-align: left; text-indent: 10px; margin: 5px 0px 10px 5px; padding: 0px }
.control_simple h1 { color: #696969; font-weight: bold; font-size: 12px; line-height: 150%; text-indent: 5px;border-bottom: 1px dotted #a9a9a9; border-left: 6px solid #a9a9a9;}
.control p      { color: #666666; font-size: 12px; line-height: 120%; margin-left: 40px }
.control h3   { color: #00241f; font-size: 15px; background: url(../images/page_title_bar.gif) no-repeat left center; text-indent: 30px; vertical-align: middle; margin-top: 20px; margin-left: 0px }
.control h4      { color: #398b92; font-size: 14px; background: url(../images/icon_4dots.gif) no-repeat left center; text-indent: 25px; vertical-align: middle; margin-top: 10px; margin-left: 10px }
.control h5 { color: #398b92; font-size: 14px; background: url(../images/icon_2.gif) no-repeat left center; text-indent: 25px; vertical-align: middle; margin-top: 15px; margin-left: 10px }
.control h6 { color: #398b92; font-size: 11px; text-indent: 25px; vertical-align: middle; margin-top: 15px; margin-left: 10px }

.control h4 a:link { color: #398b92; font-size: 14px; vertical-align: middle;}
.control h4 a:visited { color: #398b92; font-size: 14px; vertical-align: middle;}
.control h4 a:active { color: #398b92; font-size: 14px; vertical-align: middle; }
.control h4 a:hover { color: red; font-size: 14px; vertical-align: middle;}

/* >>>> add Y.S 08.02.13 >>>> */
/* 説明文 */
.control_desc p      { color: #666666; font-size: 12px; line-height: 5%; margin-left: 40px }
/* <<<< add Y.S 08.02.13 <<<< */

/* 最終利用のポイントを変更 05/05/24
.control h6 { color: #398b92; font-size: 13px; text-indent: 25px; vertical-align: middle; margin-top: 15px; margin-left: 10px }
 */

.control h2      { color: #666; font-size: 14px; line-height: 170%; background-image: url(../images/cell_bg_3.gif); text-indent: 15px; vertical-align: middle; margin-bottom: 0px; margin-left: 20px; border-top: 1px solid #628c9e; border-right: 1px solid #628c9e; border-bottom: 0px; border-left: 1px solid #628c9e; width: 600px; height: 24px }
.control h1    { color: #696969; font-weight: bold; font-size: 12px; line-height: 150%; text-indent: 15px; margin-left: 20px; border-bottom: 1px dotted #a9a9a9; border-left: 6px solid #a9a9a9; width: 600px }
.control li     { color: #666; font-size: 12px; line-height: 130%; list-style-image: url(../images/icon_3.gif); margin-left: 5px }
/* カコミ、しおり、講義リスト用枠　等----------------------------------------------- */
.kakomi       { color: #333; font-size: 12px; line-height: 150%; background: #f3fdde ; text-indent: 10px; vertical-align: middle; margin-bottom: 30px; margin-left: 30px; padding-top: 10px; border: solid 1px #398b92; width: 590px }

.kakomi2       { color: #333; font-size: 12px; line-height: 150%; background: #f3fdde ; text-indent: 10px; vertical-align: middle; margin-bottom: 30px; margin-left: 50px; padding-top: 10px; padding-right: 30px;padding-bottom: 10px;border: solid 1px #398b92; width: 590px }


.kakomi li  { color: #666; font-size: 12px; line-height: 150%; vertical-align: middle; list-style-image: url(../images/icon_3.gif); margin-left: 5px }
.kougi_list  { color: #333366; font-size: 12px; background: url(../images/line_bg_1.gif) no-repeat left center; text-indent: 30px; vertical-align: middle; margin-top: 2px; margin-left: 30px; padding-top: 4px; width: 550px; height: 22px }
.shiori     { color: #333; font-size: 12px; line-height: 150%; background: url(../images/bg_stripe_gradation2.gif) repeat-y; text-indent: 10px; margin-bottom: 30px; margin-left: 30px; padding-top: 10px; border: solid 1px #b7d00f; width: 570px }
.shiori li    { color: #666; font-size: 12px; line-height: 150%; vertical-align: middle; list-style-image: url(../images/icon_4.gif); margin-left: 5px }

.text li     { color: #666; font-size: 12px; line-height: 160%; list-style-image: url(../images/book.gif); margin-left: 5px;text-indent: 23pt }

/* === ログインページ専用
 === */
.title_login { color: #00241f; font-style: normal; font-weight: bold; font-size: 14px; line-height: 170%; background: url(../images/login_bar.gif) no-repeat left top; text-indent: 100px; letter-spacing: 150%; vertical-align: middle; margin-top: 50px; margin-bottom: 0; padding: 0; width: 650px; height: 24px }
.login   { background: url(../images/login_area_bg.gif) repeat-y left top; text-align: center; margin-bottom: 50px; margin-left: 50px; padding: 30px 15px 15px; border-bottom: 1px solid #628c9e; width: 600px ; border-top: 1px solid #628c9e; }


/* === テーブル幅設定 === */
.table_690_nomargin   { background-color: #ffffff; vertical-align: top; margin: 0px; padding: 0px; width: 690px }
.table_650_nomargin   { background-color: #ffffff; vertical-align: top; margin: 0 0 30px 10px; padding: 0; width: 650px }
.table_650  { background-color: #ffffff; vertical-align: top; margin-bottom: 50px; margin-left: 20px; width: 650px }
.table_600  { background-color: #ffffff; vertical-align: top; margin-bottom: 50px; margin-left: 20px; width: 600px }
.table_600_nomargin  { background-color: #ffffff; vertical-align: top; margin-bottom: 2px; margin-left: 20px; width: 600px }
.table_500 { background-color: #ffffff; vertical-align: top; margin-bottom: 50px; margin-left: 20px; width: 500px }.table_500_nomargin { background-color: #ffffff; vertical-align: top; margin-bottom: 10px; margin-left: 20px; width: 500px }
.table_free { background-color: #ffffff; vertical-align: top; margin-top: 10px; margin-bottom: 20px; margin-left: 10px }
/* === セル背景セット1 === */
.td_title    { color: #222222; font-size: 12px; line-height: 150%; background: #dddddd url(../images/cell_bg_5.gif); text-align: center; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_title2     { color: #222222; font-size: 12px; line-height: 150%; background: #dddddd url(../images/cell_bg_6.gif); vertical-align: middle; padding-left: 7px; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_title3   { color: #222222; font-size: 12px; line-height: 150%; background: #dddddd url(../images/cell_bg_3.gif); text-align: center; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e; position: relative }
.td_title4   { color: #222222; font-size: 10px; line-height: 120%; background: #dddddd url(../images/cell_bg_4.gif); text-align: center; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_title5    { color: #222222; font-size: 10px; line-height: 120%; background: #dddddd url(../images/cell_bg_5.gif); text-align: left; vertical-align: middle; padding-left: 7px; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e; width: 100px }
.td_title6    { color: #222222; font-size: 12px; line-height: 150%; background: #dddddd url(../images/cell_bg_5.gif); text-align: left; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e; text-indent: 10px;}
.td_contents      { color: #222222; font-size: 12px; line-height: 120%; background-image: url(../images/cell_bg_4.gif); text-align: left; vertical-align: middle; padding-left: 10px; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_contents2    { color: #222222; font-size: 12px; line-height: 150%; background: #efefef url(../images/cell_bg_4.gif); text-align: center; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_contents3    { color: #222222; font-size: 12px; line-height: 120%; background: #efefef url(../images/cell_bg_7.gif); text-align: center; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_contents4     { color: #222222; font-size: 12px; line-height: 150%; background: #efefef url(../images/cell_bg_3.gif); vertical-align: middle; padding-left: 7px; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_contents5    { color: #222222; font-size: 10px; line-height: 150%; background-color: #efefef; text-align: center; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e; width: 30px }
.td_contents6      { font-size: 12px; line-height: 120%; text-align: left; vertical-align: middle; padding-left: 10px; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_contents7    { color: #222222; font-size: 12px; line-height: 120%; background: #fdf1d7 ; text-align: center; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e }
.td_contents8    { color: #222222; font-size: 12px; line-height: 120%; background: #efefef url(../images/cell_bg_7.gif); vertical-align: middle; border-style: solid; border-width: 1px; border-color: #628c9e #b5c6cf #b5c6cf #628c9e;text-indent: 6pt }
/* === ＢＢＳセット === */
.bbs    { color: #333333; font-style: normal; font-size: 12px; line-height: 120%; background: #f3fdde ; vertical-align: middle; margin-top: 0; margin-bottom: 30px; margin-left: 20px; padding: 15px 0 15px 15px; border: solid 1px #628c9e; width: 600px }
.bbs blockquote     { color: #333333; font-style: normal; font-size: 14px; line-height: 120%; text-align: left; vertical-align: middle; margin-left: 30px; width: 500px }
hr     { border-top: 1px dotted #398b92; border-right: dotted #ffffff; border-bottom: dotted #ffffff; border-left: dotted #ffffff; position: fixed; left: 0px; width: 100% }
td { font-size: 12px }
.text_red_middle { color: #c00; font-size: 10pt }
.system_logout  { color: #333366; font-size: 12px; vertical-align: middle; margin-top: 20px; margin-left: 15px; padding-top: 4px; width: 500px; height: 22px }
.leftbutton  { color: #333366; font-size: 12px; vertical-align: middle; margin-top: 10px; margin-left: 15px; padding-top: 4px; width: 500px; height: 22px }
/* === 追加20060401 === */
.seito_report  { margin-left: 10px; margin-bottom: 20px; padding: 0px; width: 650px }
.seito_note  { margin-left: 10px; padding: 0px; width: 650px }
.seito_shinchoku  { margin-left: 10px; margin-bottom: 15px; padding: 0px; }
.seito_shinchoku table  { margin-bottom: 30px; }
.seito_shinchoku td  { font-size: 11px }
.attend_now  { margin-left: 0px; margin-top: 0px; text-indent: 0px; font-size: 12px; background: #ffffff; width: 300px }
.jugyou_list  { margin-left: 20px; margin-bottom: 30px }