@charset "Shift_JIS";
@import url("series_list.css");

/************************************************************************

		トップページ用

************************************************************************/

/* ヘッダ ▼ ------------------------------------------------------------------------ */

h1.index { height:120px; background:url(../images/index/header.jpg) no-repeat #00accc; }

/* ------------------------------------------------------------------------ */


/* 囲い ▼ ------------------------------------------------------------------------ */

#main { margin:0px; width:340px; float:left; }
#side { margin:0px; width:460px; float:right; }

/* Mac IE 用 \*//*/
#content { clear:none; }
/*  */
/* ------------------------------------------------------------------------ */


/* 受講者情報 ▼ ------------------------------------------------------------------------ */

#user-info { width:340px; text-align:right; line-height:25px; }
#user-info h3 { width:340px; height:25px; background:url(../images/index/h3_user_info.gif) no-repeat; }
#user-info ul { margin:0px 5px 5px; padding:0px; list-style:none; text-align:left; }
#user-info li { margin:0px; padding:0px 5px 0px 25px; }


#id { background:url(../images/icon_user.gif) no-repeat 5px center; }
#credit { background:url(../images/icon_doc_star.gif) no-repeat 5px center; }

#user-info .line dt { margin:0px; padding:0px; width:3em; float:left; }
#user-info .line dd { margin:0px; padding:0px 0px 0px 3em; height:auto; }


/* プリントボタン */
a#print { margin:0px 0px 15px auto; width:185px; height:30px; background:url(../images/index/btn_print.gif) no-repeat; display:block; text-align:right; }


/* 受講履歴 ------------------------------------ */
#course_history { margin:0px auto 15px; width:330px; background-color:#eff0e2; border:1px solid #ccccbb; }
#course_history h3 { width:330px; height:30px; background:url(../images/index/h3_course_history.gif) no-repeat; }
#course_history ul.note  { margin:10px; padding:0px 0px 15px; background:url(../images/index/note.gif) left top; }
#course_history li { padding:0px 5px; }
#course_history .more { margin:-10px 10px; font-size:85.7%; position:relative; top:-10px; }

/* Win IE 用 \*/
* html #course_history { margin:15px auto; }
/* */


/* メモ ------------------------------------ */
#memo { margin:0px auto 5px; width:330px; background-color:#eff0e2; border:1px solid #ccccbb; text-align:right; }
#memo h3 { width:330px; height:30px; background:url(../images/index/h3_memo.gif) no-repeat; }

#memo .wordBreak { word-break:break-all; }

/* Mac IE 用 \*//*/
#memo { overflow:auto;  }
/*  */

/*メモ編集ボタン */
a#memo-edit { margin:0px 0px 15px auto; width:185px; height:30px; background:url(../images/index/btn_memo_edit.gif) no-repeat; display:block; text-align:right; }


/* ------------------------------------------------------------------------ */


/* 新着情報 ▼ ------------------------------------------------------------------------ */

#newinfo { margin:10px 0px 25px; width:340px; text-align:left; }
#newinfo h3 { width:340px; height:25px; background:url(../images/index/h3_newinfo.gif) no-repeat; text-align:right; position:relative; top:0px; z-index:0; }
#newinfo dt  { background:url(../images/icon_book.gif) no-repeat left center; }
#newinfo dd  {  }

/* 新着情報履歴 */
#newinfo h3 a { margin:0px 10px 0px auto; width:90px; height:15px; background:url(../images/index/btn_newinfo_list.gif) no-repeat; display:block; position:relative; top:5px; z-index:3; }

/* ------------------------------------------------------------------------ */



/* 次回配信予定 ▼ ------------------------------------------------------------------------ */

#schedule { margin:0px 0px 25px; width:340px; text-align:left; }
#schedule h3 { width:340px; height:25px; background:url(../images/index/h3_schedule.gif) no-repeat; text-align:right; }
#schedule dl  { text-align:left; }
#schedule dt  { background:url(../images/icon_calendar.gif) no-repeat left center; }
#schedule dd  {  }

/* ------------------------------------------------------------------------ */



/* 配信終了予定 ▼ ------------------------------------------------------------------------ */

#schedule-end { margin:0px 0px 25px; width:340px; text-align:left; }
#schedule-end h3 { width:340px; height:25px; background:url(../images/index/h3_schedule_end.gif) no-repeat; text-align:right; }
#schedule-end dl  { text-align:left; }
#schedule-end dt  { background:url(../images/icon_calendar.gif) no-repeat left center; }
#schedule-end dd  {  }

/* ------------------------------------------------------------------------ */



/* コンテンツ一覧 ▼ ------------------------------------------------------------------------ */

#series-list { text-align:right; }

#series-list h3 { width:460px; height:25px; background:url(../images/index/h3_series_list.gif) no-repeat; text-align:right; }

/* カリキュラム別一覧 */
#series-list h3 a { margin:0px 10px 0px auto; width:120px; height:15px; background:url(../images/index/btn_curriculum.gif) no-repeat; display:block; position:relative; top:5px; }

#series-list ul { margin:0px 0px 10px; padding:0px; width:460px; list-style:none; }
#series-list li { padding:0px 0px 0px 5px; height:auto; border-bottom:1px dashed #cccccc; text-align:left; clear:both; }
#series-list li a { margin:0px; padding:0px; width:430px; height:25px; display:block; }
#series-list img { margin:-25px 0px 0px; float:right; }


/* Win IE 用 \*/
* html #series-list img { margin:-25px -5px 0px 0px; }
/* */

/* Mac IE 用 \*//*/
#series-list li { text-align:right; }
#series-list img { margin:0px -25px 0px 0px; float:none; }
/*  */

/* チェックマークの説明 */
#text-001 { margin:0px 0px 10px; width:460px; height:15px; background:url(../images/index/text_001.gif) no-repeat; }

/* アイコンの説明 */
#ex { margin:0px 0px 10px; padding:0px; width:460px; height:30px; list-style:none; }
#ex li { margin:0px; padding:0px; width:230px; height:30px; border:0px; float:left; }
#flash { background:url(../images/index/ex_flash.gif) no-repeat; }
#real { background:url(../images/index/ex_real.gif) no-repeat; }

/* 協賛会社一覧ボタン */
a#sponsors{ margin:0px 0px 0px auto; width:90px; height:15px; background:url(../images/index/btn_sponsors.gif) no-repeat; display:block; float:right; }

/* ------------------------------------------------------------------------ */