﻿html, body { margin: 0; padding: 0; }
body { font: 76% arial,sans-serif; }

/* 管理者ログインデコレーション */
body.admin { border: solid 3px #66FF66; }
body.loginAs { border: solid 3px #FF6666; }

/* ヘッダー */
div.header { height: 60px; margin: 0px; padding-left: 10px; }
div.header img.logo { vertical-align: middle; margin: 10px 0px; height: 40px; width: 40px; }
div.header img.banner { margin: 10px 0px; height: 40px; }
div.header span { font-size: x-large; line-height: 60px; font-weight: bolder; vertical-align: middle; }
div.headerSub, div.headerSubLoginAs, div.headerSubAdmin { float: right; padding: 2px; background: #CCCCCC; }
div.headerSubLoginAs { background: #FF6666; }
div.headerSubAdmin { background: #66FF66; }

/* ヘッダーメニュー */
div.headerMenu
{
	float: left;
	width: 100%;
	background: #CCCCCC;
	line-height: normal;
}

div.headerMenu a
{
	float: left;
	background: url("tableft.gif") no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	text-decoration: none;
}

div.headerMenu a span
{
	float: left;
	display: block;
	background: url("tabright.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #666666;
}

div.headerMenu .welcome { margin: 0; padding-left: 10px; height: 30px; line-height: 30px; }
div.headerMenu ul { margin: 0; padding: 10px 10px 0 10px; list-style: none; }
div.headerMenu li { display: inline; margin: 0; padding: 0; }
div.headerMenu a:hover { background-position: 0% -42px; cursor: pointer; }
div.headerMenu a:hover span { color: #FF9834; background-position: 100% -42px; }
div.headerMenu .current a { background-position:0% -42px; }
div.headerMenu .current a span { background-position:100% -42px; }

/* メインコンテンツブロック */
div.wrapper{ float: right; width: 100%; margin-left: -180px; }
div.content { margin: 10px 10px 10px 180px; }
div.content p { line-height: 1.4 }

/* サイドメニューブロック */
div.navigation { float: left; width: 180px; }
div.extra { float: left; clear: left; width: 180px; }

/* フッターブロック */
div.footer { background: #CCCCCC; color: #000000; clear : both; width: 100%; margin-top: 4px; }
div.footer p { margin: 0; padding: 5px 10px; }

/* サイドメニュー */
div.sideMenu
{
	width: 158px;
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	border-color: #CECECE;
	margin: 10px;
}
div.sideMenu ul { list-style: none; margin: 0px; padding: 0px; }
div.sideMenu img { border: none; }
div.sideMenu li a { height: 24px; text-decoration: none; }

div.sideMenu li a, div.sideMenu li a:link, div.sideMenu li a:visited
{
	color: #4D4D4D;
	display: block;
	background: url(sidemenu.gif);
	padding: 8px 0 0 10px;
}

div.sideMenu li a:hover, div.sideMenu li a.current
{
	color: #00CCFF;
	display: block;
	background: url(sidemenu.gif) 0 -32px;
	padding: 8px 0 0 10px;
}

/* ブロック表示コンテンツ */
div.blockContentsOuter { border: solid 1px #CCCCCC; margin-bottom: 10px;}
div.blockContentsOuterSide { border: solid 1px #CCCCCC; width: 158px; margin: 10px; }
div.blockContentsHeader { background: #CCCCCC; font-weight: bold; padding: 4px; }
div.blockContentsMain { padding: 4px; }
span.dummyLinkForHover { color: #0000FF; text-decoration: underline; }
div.blockContentsHover { border: outset 1px #CCCCCC; border-left: outset 8px #CCCCCC; background: #FFFFFF; padding: 4px; }
div.blockContentsLogin { padding: 4px; }
div.blockContentsLogin a { padding: 4px; }
div.blockContentsLogin input.textBox { width: 10em; }
div.blockContentsLogin div.button { text-align: center; margin: 4px 0px; }

/* タブ表示コンテンツラッパー */
div.tabContents { margin: 4px 0px; }
div.tabContentsInner { font-size: 0.9em; }

/* カレンダー */
table.calendarHeader { width: 100%; background: #CCCCCC; }
table.calendarHeader span { font-weight: bold; }
table.calendarHeader td.left { width: 10em; text-align: left; }
table.calendarHeader td.center { text-align: center; }
table.calendarHeader input.jump { font-size: 0.8em; width: 120px; }
table.calendarHeader .watermark { color: #CCCCCC; font-size: 0.8em; width: 120px; }
table.calendarHeader td.right { width: 10em; text-align: right; }
table.calendar { width: 100%; margin-bottom: 10px; }
div.calendarItemCourseHeader { border: solid 1px #3366FF; background: #3366FF; color: #FFFFFF; }
div.calendarItemCourseItem { border: solid 1px #3366FF; background: #FFFFFF; color: #3366FF; margin-bottom: 2px; }
div.calendarItemCancelHeader { border: solid 1px #CC6600; background: #CC6600; color: #FFFFFF; }
div.calendarItemCancelItem { border: solid 1px #CC6600; background: #FFFFFF; color: #CC6600; margin-bottom: 2px; }
div.calendarItemExceptionalHeader { border: solid 1px #66CC33; background: #66CC33; color: #FFFFFF; }
div.calendarItemExceptionalItem { border: solid 1px #66CC33; background: #FFFFFF; color: #CC6633; margin-bottom: 2px; }
div.calendarItemCourseHeaderShort { border: solid 1px #3366FF; text-align: left; background: #FFFFFF; margin-bottom: 2px; }
div.calendarItemCourseHeaderShort span.time { background: #3366FF; color: #FFFFFF; }
div.calendarItemCourseHeaderShort span.course { background: #FFFFFF; color: #3366FF; margin-left: 2px; }
div.calendarItemCancelHeaderShort { border: solid 1px #CC6600; text-align: left; background: #FFFFFF; margin-bottom: 2px; }
div.calendarItemCancelHeaderShort span.time { background: #CC6600; color: #FFFFFF; }
div.calendarItemCancelHeaderShort span.course { background: #FFFFFF; color: #CC6600; }
div.calendarItemExceptionalHeaderShort { border: solid 1px #66CC33; text-align: left; background: #FFFFFF; margin-bottom: 2px; }
div.calendarItemExceptionalHeaderShort span.time { background: #66CC33; color: #FFFFFF; }
div.calendarItemExceptionalHeaderShort span.course { background: #FFFFFF; color: #66CC33; }
div.calendarItemHoliday { border-left: outset 8px #FF9933; color: #FF0000; text-align: left; padding: 2px; margin-bottom: 2px; }
div.calendarItemCollege { border-left: outset 8px #009900; color: #009900; text-align: left; padding: 2px; margin-bottom: 2px; }
table.calendar td.calendarItemNoncurrent { font-size: xx-small; text-align: left; }
table.calendar td.calendarItemNoncurrent span { margin-left: 2px; padding: 3px ; font-size: 0px; }
table.calendar td.calendarItemNoncurrent span.course { background: #3366FF; }
table.calendar td.calendarItemNoncurrent span.cancel { background: #CC6600; }
table.calendar td.calendarItemNoncurrent span.exceptional { background: #66CC33; }
table.calendar td.calendarItemNoncurrent span.count { font-size: 8px; margin: 0; padding: 0; color: #CCCCCC; vertical-align: bottom; }
table.calendar td.calendarItemNoncurrent span.college { background: #009900; }
table.calendar td.calendarItemNoncurrent span.holiday { background: #FF9933; }
table.calendar td.otherMonthDay { background: #808080; }
div.inCalendar
{
	border: solid 1px #CCCCCC;
	border-right: outset 2px #CCCCCC;
	border-bottom: outset 2px #CCCCCC;
	background: #FFFFFF;
	padding: 2px;
	margin: 0px 1px;
	font-size: 0.8em;
	text-align: left;
	font-weight: normal;
	color: #000000;
}
input.menuButton { margin-left: 2px; }

/* GridView */
table.gridView { border: solid 1px #CCCCCC; width: 100%; }
table.gridView th { padding: 2px; }
table.gridView td { padding-left: 2px; }
table.gridView td.headerTitle { font-weight: bold; background: #CCCCCC; padding: 4px; }
table.gridView td.editItem, table.gridView th.editItem { background: #CCFFFF; white-space: nowrap; }
table.gridView tr.empty td { padding: 4px; }

/* DetailsView */
table.detailsView { border: solid 1px #CCCCCC; width: 100%; }
table.detailsView th { padding: 2px; }
table.detailsView td { padding-left: 2px; }
table.detailsView tr.tableTitle td { font-weight: bold; padding: 4px; }
table.detailsView td.headerTitle { font-weight: bold; background: #CCCCCC; padding: 4px; }
table.detailsView tr.empty td { padding: 4px; }

/* FormView */
table.formView { margin: 0px; width: 100%; }

/* ボタン表示ブロック */
div.buttonBlock { text-align: right; padding: 4px; }

/* ボタン */
input.button
{
	cursor: pointer;
	border: outset 1px #CCCCCC;
	background: #999999;
	background: url(button.gif) repeat-x left top;
	color: #000000;
	padding: 1px 2px;
}

input.buttonSmall
{
	height: 16px;
	font-size: x-small;
	cursor: pointer;
	border: outset 1px #CCCCCC;
	background: #999999;
	background: url(button.gif) repeat-x left top;
	color: #000000;
	padding: 1px 2px;
}

/* 結果ブロック */
div.info
{
	border: solid 1px #CCCCCC;
	background: #CCFFFF;
	padding: 4px;
	margin: 2px 0px;
}

/* 警告ブロック */
div.warning
{
	color: #FF0000;
	border: solid 1px #CCCCCC;
	background: #FFFFCC;
	padding: 4px;
	margin: 2px 0px;
}

/* SubItem&Info */
div.subItem { margin: 4px 0px; padding: 4px 0px; }
div.subItem span.editItem { padding: 4px; background: #CCFFFF; }
div.subItemTableHeader { background: #CCCCCC; padding: 4px; }
div.subItemTableHeader span { font-weight: bold; }
div.subInfo { margin: 4px; border: dashed 1px #CCCCCC; padding: 8px; line-height: 1.2em; }

/* コンテンツ見出し */
div.subTitle { font-size: large; font-weight: bold; margin: 4px 0px; }
div.subTitle span { border-bottom: dotted 2px #CCCCCC; }

/* 編集及び入力表示用 */
table.editItem { background: #CCFFFF; margin: 8px 0px; border-collapse: collapse; width: 100%; }
table.editItem th { border-bottom: solid 1px #CCCCCC; padding: 4px; text-align: left; }
table.editItem td { border-bottom: solid 1px #CCCCCC; padding: 4px; }
table.editItem td.editItemHeader { width: 180px; padding-left: 8px; }
table.editItem td.editItemHeaderShort { width: 120px; padding-left: 4px; }
table.editItem input.textBox { width: 80%; }
div.editItem { background: #CCFFFF; margin: 8px 0px; padding: 2px; }
div.editItem span.header { font-weight: bold; }
div.editItem div { border-bottom: solid 1px #CCCCCC; padding: 2px; }
div.editItemFTBHeader { background: #CCFFFF; margin-top: 4px; padding: 4px 4px 4px 8px; }

/* 検索及び表示切替用 */
table.searchItem { background: #CCCCCC; margin: 4px 0px; border-collapse: collapse; width: 100%; }
table.searchItem th { border-bottom: solid 1px #FFFFFF; padding: 4px; text-align: left; }
table.searchItem td { border-bottom: solid 1px #CCFFFF; padding: 4px; }
table.searchItem td.searchItemHeader { width: 120px; padding-left: 8px; }
table.searchItem input.textBox { width: 80%; }
div.searchItem { background: #CCCCCC; margin: 4px 0px; padding: 2px; }
div.searchItem div { border-bottom: solid 1px #CCFFFF; padding: 2px; }
div.searchItem div.searchItemHeader { font-weight: bold; }

/* コース見出し */
div.courseHeader { padding: 4px; background: #99CCFF; font-weight: bold; text-align: center; }
div.coursePreviewHeader { padding: 4px; margin-bottom: 2px; border: dashed 1px #99CCFF; }

/* 担当表示ブロック */
div.courseViewTutorWrapper { float: left; width: 100%; margin-right: -200px; }
div.courseViewTutor { margin-right: 200px; }
div.courseViewInfo { float: right; width: 200px; }
div.courseViewOther { margin: 8px 0px; clear: both; }
td.tutor { border-bottom: dashed 1px #CCCCCC }

/* 担当種別及び副ヘッダー */
td.tutorStatus, div.subHeader { padding: 4px; margin: 4px 0px; border-left: solid 8px #CCCCCC; font-weight: bold; }

/* コース情報表 */
table.courseInfo { margin: 0px; width: 100%; border: solid 1px #CCCCCC; }
table.courseInfo td { padding: 2px; }
table.courseInfo td.header { background: #CCCCCC; width: 100px; }

/* RSSアイコン */
span.rss { background: #FF9900; padding: 1px 4px; font-size: xx-small; font-weight: bold; border: ridge 1px #FF9900; }
span.rss a { color: #FFFFFF; text-decoration: none; }

/* カテゴリー及び期間ヘッダー */
div.categoryHeader { margin: 2px 0px; padding: 4px; background: #99CCFF; font-weight: bold; }
div.categoryHeaderRev { margin: 2px 0px; padding: 4px; border: solid 1px #99CCFF; border-left: solid 8px #99CCFF; font-weight: bold; font-size: larger; }

/* コースコンテンツ共通 */
div.courseContents { margin: 2px 0px; border: solid 1px #CCCCCC; border-left: solid 4px #CCCCCC; padding: 4px; }
div.courseContentsSimple { margin: 2px 0px; border: solid 1px #CCCCCC; padding: 4px; }
div.courseContentsWrapper { float: left; width: 100%; margin-right: -200px; }
div.courseContentsMain { margin-right: 200px; }
div.courseContentsMain span.title { font-size: 1.4em; font-weight: bolder; }
div.courseContentsMain span.subTitle, div.courseContentsDescription span.subTitle { font-weight: bolder; }
div.courseContentsMain a.editItem { background: #CCFFFF; padding: 0px 4px; margin: 0px 2px; }
div.courseContentsRight { float: right; width: 200px; text-align: right; }
div.courseContentsSub { clear: both; }
div.courseContentsConfig { margin: 2px 0px; padding: 4px; border: dashed 1px #CCCCCC; }
div.courseContentsDescription { margin: 2px 0px; padding: 4px; border: solid 1px #CCCCCC; }
div.courseContentsSub fieldset { margin: 2px 0px; padding: 2px; }

/* シラバスコメント */
div.syllabusComment { margin: 2px 0px; border-bottom: dashed 1px #CCCCCC; padding: 4px; }
div.syllabusCommentWrapper { float: left; width: 100%; margin-right: -200px; }
div.syllabusCommentMain { margin-right: 200px; }
div.syllabusCommentMain span.title { font-weight: bolder; }
div.syllabusCommentRight { float: right; width: 200px; text-align: right; }
div.syllabusCommentSub { clear: both; padding-left: 4px; }

/* アイコン */
span.plusIcon { margin: 0px 1px 0px 0px; background: url(plus.gif) no-repeat; }
span.minusIcon { margin: 0px 1px 0px 0px; background: url(minus.gif) no-repeat; }
span.displayMode0 { margin: 0px 1px 0px 0px; background: url(dm0.gif) no-repeat; }
span.displayMode1 { margin: 0px 1px 0px 0px; background: url(dm1.gif) no-repeat; }
span.displayMode2 { margin: 0px 1px 0px 0px; background: url(dm2.gif) no-repeat; }
span.lockIcon { margin: 0px 1px 0px 0px; background: url(lock.gif) no-repeat; }
span.testON { margin: 0px 1px 0px 0px; background: url(on.gif) no-repeat; }
span.testUD { margin: 0px 1px 0px 0px; background: url(ud.gif) no-repeat; }
span.testOF { margin: 0px 1px 0px 0px; background: url(of.gif) no-repeat; }
span.warningIcon { margin: 0px 1px 0px 0px; background: url(warning.gif) no-repeat; }
span.isAnnonymousFalse { margin: 0px 1px 0px 0px; background: url(ann0.gif) no-repeat; }
span.isAnnonymousTrue { margin: 0px 1px 0px 0px; background: url(ann1.gif) no-repeat; }
span.campusAnnouncementIcon { margin: 0px 2px 0px 0px; background: url(campusAnn.gif) no-repeat; }
span.courseAnnouncementIcon { margin: 0px 2px 0px 0px; background: url(courseAnn.gif) no-repeat; }
span.messageUnread { margin: 0px 2px 0px 0px; background: url(unread.gif) no-repeat; }
span.messageReceive { margin: 0px 2px 0px 0px; background: url(receive.gif) no-repeat; }
span.messageSend { margin: 0px 2px 0px 0px; background: url(send.gif) no-repeat; }
span.memoIcon { margin: 0px 2px 0px 0px; background: url(memo.gif) no-repeat; }
span.joined { margin: 0px 2px 0px 0px; background: url(joined.gif) no-repeat; }
span.bookmark { margin: 0px 2px 0px 0px; background: url(bookmark.gif) no-repeat; }
span.mobRes { margin: 0px 2px 0px 0px; background: url(mobRes.gif) no-repeat; }
span.mobMemo { margin: 0px 2px 0px 0px; background: url(mobMemo.gif) no-repeat; }
span.helpIcon { margin: 0px 2px 0px 0px; background: url(help.gif) no-repeat; }

/* 出席簿 */
div.attendanceUser { float: left; }
div.attendanceMain {}
div.attendanceSum { float: left; }

table.attendance { margin: 0px; border-collapse: collapse; }
table.attendance tr { height: 1.6em; }
table.attendance tr.header { height: 4em; font-weight: bold; }
table.attendance td { padding: 2px; border: solid 1px #CCCCCC; }

/* 掲示板新規アイテム */
span.forumNewItem { color: #FF0000; font-weight: bold; }

/* 問題ジャンプリンク */
a.questionJump { margin-right: 4px; }

/* 問題（アンケート質問と共用） */
div.question { margin: 2px 0px; border: solid 1px #CCCCCC; padding: 4px; }
div.questionWrapper { float: left; width: 100%; margin-right: -400px; }
div.questionMain { margin-right: 400px; padding: 2px; border-bottom: dashed 1px #000000; }
div.questionMain span.title { font-weight: bolder; font-size: larger; }
div.questionRight { float: right; width: 300px; text-align: right; padding: 4px; }
div.questionRight span.editItem { padding: 4px; background: #CCFFFF; }
div.questionSub { clear: both; padding: 4px; }
div.questionSub div.explanation, div.questionSub div.point { border: solid 1px #CCCCCC; margin: 2px 0px; padding: 4px; }
div.questionSub span.title { font-weight: bolder; }

/* 選択式問題 */
table.questionItemSelect { margin: 4px 0px; border: solid 1px #CCCCCC; width: 100%; }
table.questionItemSelect td { padding: 2px; }
span.correct { color: #FF0000; margin: 0px 2px; }
span.select { color: #0000FF; margin: 0px 2px; }

/* 文章入力問題 */
div.questionItemTextHeaderCorrect { margin: 4px; font-weight: bold; color: #FF0000; }
div.questionItemTextHeaderResult { margin: 4px; font-weight: bold; color: #0000FF; }
div.questionItemTextHeader, div.questionItemTextHeaderReply { margin: 4px; font-weight: bold; }
div.questionItemText { margin: 4px 4px 4px 8px; line-height: 1.4em; }

/* 問題ライブラリ */
div.questionLib { margin: 2px 0px; border: solid 1px #CCCCCC; padding: 4px; }
div.questionLibWrapper { float: left; width: 100%; margin-right: -400px; }
div.questionLibMain { margin-right: 400px; padding: 2px; border-bottom: dashed 1px #CCCCCC; }
div.questionLibMain span.title { font-weight: bolder; font-size: larger; }
div.questionLibRight { float: right; width: 200px; text-align: right; padding: 4px; }
div.questionLibRight span.editItem { padding: 4px; background: #CCFFFF; }
div.questionLibSub { clear: both; padding: 2px; }
div.questionTextHeader { margin-top: 2px; padding: 2px; border: solid 1px #999999; border-bottom-width: 0px; background: #CCCCCC; }
div.questionText { margin-bottom: 2px; padding: 2px; border: solid 1px #999999; }
div.questionTextSummary { height: 3em; margin-bottom: 2px; padding: 2px; border: solid 1px #999999; overflow: auto; }

/* テスト回答制限時間表示 */
div.replyTimer
{
	margin: 0px;
	padding: 2px;
	background: #CCCCCC;
	font-size: large;
	font-weight: bold;
	width: 100%;
	-moz-opacity: 0.75;
	/* filter: alpha(opacity=75);	*/
	/* opacity: 0.75; */
}
div.replyBlock { padding: 2px; margin: 2px 0px; border: solid 2px #CCFFFF; }

/* 成績表 */
div.gradeLeft { float: left }
table.gradeTable { border-collapse: collapse; }
td.gradeHeader
{
	padding: 2px;
	text-align: center;
	white-space: nowrap;
	height: 3.5em;
	border: solid 1px #CCCCCC;
	font-weight: bold;
}
td.gradeUserCell
{
	height: 1.5em;
	white-space: nowrap;
	padding: 2px;
	border: solid 1px #CCCCCC;
}
td.gradeStatCell
{
	height: 1.5em;
	padding: 2px;
	text-align: right;
	border: solid 1px #CCCCCC;
	font-weight: bold;
}
td.gradeCell
{
	height: 1.5em;
	padding: 2px;
	text-align: center;
	border: solid 1px #CCCCCC;
}

/* アンケート結果 */
table.surveyChoiceResult { margin: 2px 0px; border-collapse: collapse; }
table.surveyChoiceResult td { border-bottom: dotted 1px #CCCCCC; padding: 2px; }
table.surveyChoiceResult span.max { color: #FF0000; font-weight: bold; }
table.surveyChoiceResult span.other { color: #000000; }
div.surveyResultGraphOuter { margin: 0px 2px; padding: 0px; border: solid 1px #CCCCCC; width: 100px; }
div.surveyResultGraphOuter div.max { background: #99CCFF; height: 1em; }
div.surveyResultGraphOuter div.other { background: #CCCCCC; height: 1em; }
div.surveyResultDesc { border-bottom: dotted 1px #CCCCCC; padding: 2px; margin: 4px 0px; }
div.surveyResultDesc span.header { font-weight: bold; }

/* 参考書籍 */
table.book { margin: 0px; padding: 0px; border-collapse: collapse; width: 100%; }
table.book td { padding: 2px; border: solid 1px #CCCCCC; width: 25%; }
table.book td.header { padding-left: 4px; font-weight: bold; }

/* おしらせ表示用 */
div.announcementBody { margin: 4px 0px; }
div.announcementHeader { border: solid 1px #CCCCCC; background: #EEEEEE; font-weight: bold; cursor: pointer; }
div.announcementHeader div { margin: 0px; padding: 2px; background: url(slideHandle.gif) no-repeat center bottom; }
div.announcementHeader div.over { background: #DDDDDD; }
div.announcementHeader div.out { background: #EEEEEE; background: url(slideHandle.gif) no-repeat center bottom; }
div.announcementContents { margin: 0px; padding: 2px; border: solid 1px #CCCCCC; border-width: 0px 1px 1px 1px; }

/* マイアカウント */
div.myAccountSidePhoto { text-align: center; border-bottom: dashed 1px #CCCCCC; padding: 2px; }
div.myAccountSideDescription { padding: 2px; }

/* メッセージ */
tr.unreadRow { background: #EEEEEE; font-weight: bold; }
span.refused { font-weight: bold; color: #FF0000; }
div.messageDesc { margin: 2px 0px; border: solid 1px #CCCCCC; border-left: solid 4px #CCCCCC; padding: 4px; }
div.messageDesc span.title { font-weight: bolder; }
div.messageDescSub { margin: 2px 0px; padding: 4px; border: dashed 1px #CCCCCC; }
div.messageDescDescription { margin: 2px 0px; padding: 4px; border: solid 1px #CCCCCC; }
div.popupAddress { border: outset 1px #CCCCCC; border-left: outset 8px #CCCCCC; background: #FFFFFF; padding: 2px; }
div.popupAddressHeader { margin: 0px; padding: 2px; border-bottom: dashed 1px #CCCCCC; }

/* コンテンツコピー */
table.contentsCopy { margin: 4px 0px; padding: 0px; border-collapse: collapse; width: 100%; }
table.contentsCopy td { padding: 2px; border: solid 1px #CCCCCC; font-size: 0.9em; }
table.contentsCopy td.header { padding-left: 4px; font-weight: bold; }

/* 検索 */
div.searchMain { border: solid 1px #CCCCCC; margin: 2px 0px; padding: 2px; }
div.searchMain span.title { font-size: 1.2em; font-weight: bold; }
div.searchMain div.description { border: dashed 1px #CCCCCC; margin: 2px 0px; padding: 2px; }

/* ブックマーク */
div.bookmarkTitle { height: 20px; line-height: 20px; margin-bottom: -20px; }
div.bookmarkTitle span { font-weight: bold; }
div.bookmarkButton { height: 20px; line-height: 20px; border-bottom: solid 1px #CCC; text-align: right; }
div.bookmarkEmpty { padding: 2px; }
div.bookmarkEmpty span { color: #333333; }

/* 科目概要レイアウト */
table.jstSyllabus { border: solid 1px #CCCCCC; width: 100%; border-collapse: collapse; }
table.jstSyllabus td { padding: 4px; }
table.jstSyllabus td.headerTitle { width: 100px; font-weight: bold; background: #CCCCCC; text-align: center; }

/* 収録コンテンツ一覧 */
.disabledContents { color: #808080; }
.disabledContents:hover { text-decoration: none; }
div.podCastHeader { border: solid 1px #CCCCCC; background: #CCCCCC; padding: 4px; }
div.podCastHeader a { font-size: larger; font-weight: bold; margin-left: 12px; }
table.contents { width: 100%; }
table.contents span.title { font-size: 1.4em; font-weight: bolder; }
table.contents td.thumbnail { width: 128px; height: 72px; }
table.contents td.thumbnail img { width: 128px; height: 72px; border: none; }
table.contents td.button { text-align: right; }

/* 収録コンテンツ最新一覧 */
span.Update { color: Red; }
table.currentJaistContents { width: 100%; }
table.currentJaistContents td.thumbnail { width: 96px; height: 54px; }
table.currentJaistContents td.thumbnail img { width: 96px; height: 54px; border: none; }
table.currentJaistContents span.title { font-size: 1em; font-weight: bolder; }

/* 収録コンテンツ動画掲示板サマリ */
a.mobPager, span.mobPager { padding-left: 4px; }

/* ヘルプ */
div.helpNavigation { float: left; width: 180px; height:100%; border-right: solid 2px #CCCCCC; background: #EEEEEE; border: solid 1px #CCCCCC; margin: 5px; }
div.helpContent { margin: 5px 5px 5px 192px; }
div.helpPrintContent { margin: 5px 5px 5px 10px; }
div.helpWrapper { float: right; width: 100%; height: 100%; margin-left: -192px; }
div.helpPrintWrapper { float: right; width: 100%; height: 100%;}
div.helpLoute { color: Gray; margin-bottom: 12px;}

div.helpError { color: #FF0000; font-weight: bold; }

div.helpDescription { margin: 4px; line-height: 1.2; }
div.helpDescription img { margin: 4px 0px 8px 0px; }
div.helpDescription span.header { font-weight: bold; line-height: 2; }
div.helpDescription ul { margin: 0 0 0 1em; padding: 0; }
div.helpDescription li { line-height: 1.2; padding: 8px 0px 4px 0px;}

div.helpPage { margin-bottom: 20px;}
div.PageBreak{ page-break-after:always; }

/* CourseDropDownLink */
div.courseDropDownLink
{
	font-size: 11px;
	font-weight: normal;
	border: solid 1px #CCCCCC;
	border-right: outset 2px #CCCCCC;
	border-bottom: outset 2px #CCCCCC;
	background: #FFFFFF; padding: 2px;
}

/* timeTable */
table.timeTable { border: solid 1px #CCCCFF; width: 100%; border-collapse:collapse; }
table.timeTable th { padding: 2px; border-color: #CCCCCC; }
table.timeTable td { padding-left: 2px; border-color: #CCCCCC; }
table.timeTable td.period, table.timeTable span.otherTime { font-weight: bold; text-align: center; }
table.timeTable .today { border: dashed 1px #FFFFFF; background-color: #E3E3E3; font-weight: bold; }
table.timeTable span.holiday { color: #FF0000; }
table.timeTable span.college { color: #009900; }
table.timeTable span.cancel { color: #CC6600; }
table.timeTable span.exceptional { color: #66CC33; }