/***********************************************************
共通設定
***********************************************************/
#Page_Title { /* タイトルイメージ */
	width				: 464px;
	height				: 18px
}
.NoDataMsg { /* 出力データが無い場合 */
	padding-left		: 20px;
	margin-bottom		: 10px;
}
/* リンク設定 */
.MoveDown {
	cursor				: pointer;
}
.MoveDown:hover {
	color				: #ff0000;
}
.MoveDown:active {
	position			: relative;
	top					: 1px;
}
/* ページ切替部 */
#PageSelector {
	margin				: 0 auto 5px;
}
/***********************************************************
詳細画面（共通）
***********************************************************/
.detail_content { /* 各コンテンツ枠 */
	width				: 445px;
	border-collapse		: collapse;
	margin				: 8px auto 5px;
}
.subtitle_left { /* サブタイトル左側の線 */
	width				: 8px;
}
.subtitle_right1 { /* サブタイトル右側 */
	width				: 436px;
	padding-left		: 5px;
}
.subtitle_right2 { /* サブタイトル右側（SubTitle2） */
	width				: 416px;
	padding-left		: 25px;
}
#subtitle_image { /* サブタイトル下線画像 */
	width				: 445px;
	height				: 2px
}
img#prof_icon { /* プロフィールアイコン */
	vertical-align		: middle;
}
#SV_icon { /* 監修者画像 */
	height				: 70px;
	padding				: 3px;
	text-align			: left;
	vertical-align		: middle;
}
.detail_icon { /* アイコン説明 */
	text-align			: right;
	vertical-align		: middle;
}
.detail_order { /* 申し込みアイコン */
	width				: 125px;
	height				: 25px;
	margin				: 20px auto;
}
.detail_content1 { /* コンテンツ左側 */
	width				: 80px;
	text-align			: center;
	vertical-align		: top;
}
.detail_content2 { /* コンテンツ右側 */
	width				: 365px;
	padding-bottom		: 10px;
}
/***********************************************************
ジャンルリスト（セミナー ＆ 書籍）
***********************************************************/
table#GenreList { /* 全体 */
	margin				: 8px auto 0; 
	border-collapse		: separate;
	border-spacing		: 3px;
}
table#GenreList td { /* 共通セル設定 */
	text-align			: center;
	width				: 150px;
	height				: 40px;
}
/* 選択ジャンル */
.b_SetGenre {
	background-image	: url("../books/img/set_b150.gif");
	color				: #ffffff;
}
.s_SetGenre {
	background-image	: url("../seminar/img/set_s150.gif");
	color				: #ffffff;
}
/* 未選択ジャンル */
.b_OutGenre {
	background-image	: url("../books/img/out_b150.gif");
}
.s_OutGenre {
	background-image	: url("../seminar/img/out_s150.gif");
}
/* 未選択ジャンル_hover */
.b_OutGenre:hover {
	background-image	: url("../books/img/set_b150.gif");
}
.b_OutGenre:hover div {
	color				: #ffffff;
}
.s_OutGenre:hover {
	background-image	: url("../seminar/img/set_s150.gif");
}
.s_OutGenre:hover div {
	color				: #ffffff;
}
table#GenreList div { /* 文字部分 */
	cursor				: pointer;
	line-height			: 40px;
}
/***********************************************************
サブタイトル（セミナー ＆ 書籍）
***********************************************************/
div#PageSubTitle { /* 全体 */
	width				: 450px;
	margin				: 8px auto;
}
div#PageSubTitle div { /* 文字列部分 */
	padding-left		: 5px;
}
.IconExplain { /* アイコンの説明 */
	float				: right;
	margin-top			: 2px;
}
#LineImg { /* 下線画像 */
	clear				: both;
	width				: 450px;
	height				: 2px;
}
/***********************************************************
セミナーリスト
***********************************************************/
#SeminarList { /* 全体 */
	width				: 450px;
	border-collapse		: collapse;
	margin				: 0 auto 5px;
}
.Columns,
.Contents { /* <td>共通 */
	text-align			: center;
	vertical-align		: middle;
	color				: #ffffff;
	border				: 1px solid #dddddd;
}
.Columns { /* 見出し<td> */
	height				: 20px;
	background-color	: #26a17c;
}
.Contents { /* 内容<td> */
	background-color	: #FFFFFF;
	padding				: 5px 0;
}
div.CanFLG { /* Can_FLG */
	width				: 70px;
	margin				: 0 auto;
}
.IconTable td { /* アイコンテーブル */
	padding				: 0 5px 5px 0;
}
/***********************************************************
カレンダー
***********************************************************/
#Calender { /* 全体 */
	margin				: 8px auto 0;
}
#Calender td { /* セル共通 */
	text-align			: center;
	vertical-align		: middle;
	width				: 34px;
	height				: 25px;
	border				: 2px solid #dddddd;
}
.bgSetMonthNow { /* 選択月 */
	background-color	: #008080; 
	color				: #ffffff;
}
.bgOutMonth { /* 選択外月 */
	background-color	: #60c080; 
	color				: #ffffff;
	cursor				: pointer;
}
.bgOutMonth:hover { /* 選択外月（マウスオーバー時） */
	background-color	: #e3ffc2; 
	color				: #555555;
}
.bgNoSeminarMonth { /* セミナー件数0時 */
	background-color	: #dfffef; 
	color				: #555555;
}
/***********************************************************
講師一覧
***********************************************************/
#trainerlist { /* 全体 */
	width				: 450px;
	border-collapse		: collapse;
	margin				: 8px auto 0;
}
.tr_border {
	width				: 8px;
	background-color	: #18a145;
}
.tr_no_border {
	width				: 8px;
}
.tr_colspan {
	width				: 438px;
	padding				: 3px 5px;
}
.tr_left {
	width				: 70px;
	font-size			: 13px;
	vertical-align		: top;
}
.tr_no_cols {
	width				: 368px;
	padding				: 3px 5px;
	vertical-align		: middle;
}
/***********************************************************
セミナー詳細画面
***********************************************************/
.subtitle_sem { /* サブタイトルのボーダー色 */
	background-color	: #26a17c;
}
.sem_order_icon { /* 申し込みアイコン通常時 */
	background-image	: url('../seminar/img/btn_order_s_u.jpg');
	background-repeat	: no-repeat;
}
.sem_order_icon:hover { /* 申し込みアイコン:hover */
	background-image	: url('../seminar/img/btn_order_s_p.jpg');
}
#tokuten { /* 特典テーブル */
	margin				: 8px auto 0;
}
.tokuten_td { /* 特典テーブル（キャプション） */
	width				: 430px;
	padding				: 0;
	text-align			: center;
}
.benefit { /* 特典内容 */
	text-align			: left;
	padding				: 1px 3px;
}
#SetList { /* セットリスト */
	width				: 450px;
	border-collapse		: collapse;
	margin				: 8px auto;
}
#SeminarDetail { /* 詳細リスト */
	width				: 450px;
	border-collapse		: collapse;
	border				: 1px solid black;
	margin				: 8px auto;
}
.Sem_Detail_Cap { /* 詳細リスト（CAP） */
	width				: 80px;
	background-color	: #26a17c;
	color				: #ffffff;
	border				: 1px solid #cccccc;
	text-align			: center;
	vertical-align		: middle;
	padding				: 5px;
}
.Sem_Detail_Val { /* 詳細リスト（VAL） */
	background-color	: #ffffff;
	color				: #555555;
	text-align			: left;
	border				: 1px solid #cccccc;
	padding				: 5px;
}
.SemImage { /* アイコン */
	vertical-align		: middle;
}
/***********************************************************
書籍
***********************************************************/
#BookListPage { /* 一覧 */
	width				: 440px;
	border-collapse		: collapse;
	margin				: 5px 10px 0;
}
#BookListPage td { /* セル共通 */
	vertical-align		: middle;
}
/***********************************************************
書籍詳細画面
***********************************************************/
.subtitle_book { /* サブタイトルのボーダー色 */
	background-color	: #99bb0d;
}
.book_order_icon { /* 申し込みアイコン通常時 */
	background-image	: url('../books/img/btn_order_b_u.jpg');
	background-repeat	: no-repeat;
}
.book_order_icon:hover { /* 申し込みアイコン:hover */
	background-image	: url('../books/img/btn_order_b_p.jpg');
}
#book_image { /* 書籍画像 */
	width				: 120px;
	text-align			: center;
	vertical-align		: top;
}
.book_info_dd { /* 目次項目 */
	width				: 100px;
	vertical-align		: top;
	padding-left		: 8px;
}
.book_info_dt { /* 目次説明 */
	width				: 230px;
}
/***********************************************************
書籍正誤表
***********************************************************/
.qa_list_b { /* コメント */
	width				: 440px;
	padding				: 10px 5px 5px;
	margin				: 0 auto;
}
#qa_list_book { /* 正誤表 */
	width				: 450px;
	margin				: 0 auto 5px;
}
#qa_list_book td {
	border				: 1px #dddddd solid;
}
.qa_b_code { /* コード見出し */
	background-color	: #99bb0d;
	width				: 75px;
	height				: 25px;
	text-align			: center;
	vertical-align		: middle;
	font-weight			: bold;
	color				: #ffffff;
}
.qa_b_name { /* 書籍見出し */
	background-color	: #99bb0d;
	text-align			: center;
	vertical-align		: middle;
	font-weight			: bold;
	color				: #ffffff;
}
.qa_b_icon { /* アイコン見出し */
	background-color	: #99bb0d;
	width				: 65px;
	text-align			: center;
	vertical-align		: middle;
	font-weight			: bold;
	color				: #ffffff;
}
.qa_b2code { /* コードセル */
	text-align			: center;
	padding				: 5px;
}
.qa_b2name { /* コードセル */
	padding				: 5px;
}
.qa_b2icon { /* コードセル */
	text-align			: center;
	padding				: 5px;
}
/***********************************************************
eラーニング一覧
***********************************************************/
#CourseListPage { /* 一覧 */
	width				: 440px;
	margin				: 8px auto 0;
	border-collapse		: collapse;
	font-size			: 12px;	
}
.el_icon { /* アイコン */
	width				: 20px;
	text-align			: center;
	vertical-align		: middle;
}
.el_title { /* タイトル */
	text-align			: left;
	vertical-align		: middle;
	padding-left		: 7px;
}
.el_new { /* New */
	text-align			: center;
	vertical-align		: middle;
}
.el_comment { /* コメント */
	padding				: 5px 5px 0 20px;
}
/***********************************************************
eラーニング詳細画面
***********************************************************/
.subtitle_el { /* サブタイトルのボーダー色 */
	background-color	: #4b9caf;
}
.el_order_icon { /* 申し込みアイコン通常時 */
	background-image	: url('../el/img/btn_order_el_u.jpg');
	background-repeat	: no-repeat;
}
.el_order_icon:hover { /* 申し込みアイコン:hover */
	background-image	: url('../el/img/btn_order_el_p.jpg');
}
#el_image { /* メイン画像 */
	width				: 240px;
	text-align			: center;
	vertical-align		: top;
}
.el_info_dd { /* 目次項目 */
	width				: 70px;
	vertical-align		: top;
	padding-left		: 3px;
}
.el_info_dt { /* 目次説明 */
	width				: 135px;
	vertical-align		: top;
	padding-left		: 3px;
}
/***********************************************************
ITプロスキル
***********************************************************/
#TitleListPage { /* 一覧 */
	width				: 440px;
	border-collapse		: collapse;
	margin				: 8px auto 0;
}
.proskill_icon { /* アイコン */
	width				: 70px;
	text-align			: left;
	vertical-align		: top;
	padding-top			: 2px;
}
.proskill_code { /* コード */
	width				: 50px;
	text-align			: left;
	vertical-align		: top;
}
.proskill_title { /* タイトル */
	width				: 320px;
	text-align			: left;
	vertical-align		: top;
}
.proskill_sv { /* 監修 */
	width				: 440px;
	text-align			: right;
	vertical-align		: top;
}
.proskill_comment { /* コメント */
	width				: 440px;
	text-align			: left;
	vertical-align		: top;
}
/***********************************************************
ITプロスキル詳細画面
***********************************************************/
.subtitle_skill { /* サブタイトルのボーダー色 */
	background-color	: #18a145;
}
.skill_order_icon { /* 申し込みアイコン通常時 */
	background-image	: url('../proskill/img/btn_order_p_u.jpg');
	background-repeat	: no-repeat;
}
.skill_order_icon:hover { /* 申し込みアイコン:hover */
	background-image	: url('../proskill/img/btn_order_p_p.jpg');
}
#skill_image { /* メイン画像 */
	width				: 240px;
	text-align			: center;
	vertical-align		: top;
}
.skill_info_dd { /* 目次項目 */
	width				: 70px;
	vertical-align		: top;
	padding-left		: 3px;
}
.skill_info_dt { /* 目次説明 */
	width				: 135px;
	vertical-align		: top;
	padding-left		: 3px;
}
/***********************************************************
ITプロスキル監修者画面
***********************************************************/
#main_sv { /* body直下の大枠 */
	width				: 464px;
	background-color	: #ffffff;
	padding-bottom		: 8px;
}
#sv_prof { /* サブタイトル */
	width				: 445px;
	border-collapse		: collapse;
	margin				: 8px auto 5px;
}
.subtitle_sv1 { /* サブタイトルのボーダー色 */
	background-color	: #18a145;
	width				: 8px;
}
.subtitle_sv2 { /* 名前 */
	width				: 438px;
	padding				: 3px 5px;
	text-align			: left;
	vertical-align		: middle;
}
#sv_prof_dt { /* コンテンツ */
	width				: 445px;
	border-collapse		: collapse;
	margin				: 0 auto;
}
.sv_prof_img { /* 監修者画像 */
	padding-right		: 10px;
	text-align			: center;
	vertical-align		: middle;
}
.sv_pref_con { /* 共通説明<td> */
	width				: 385px;
	vertical-align		: middle;
	padding				: 3px;
}
/***********************************************************
検索結果画面
***********************************************************/
.search_words { /* 検索語句 */
	padding				: 8px;
}
.search_msg { /* 検索結果メッセージ */
	padding				: 8px;
}
.search_input { /* テキストボックス＆条件 */
	line-height			: 2.5;
	padding				: 0 8px;
}
.src_radio { /* And Or */
	position			: relative;
	top					: 1px;
	margin-right		: 3px;
}
#search_list { /* 検索結果リスト */
	width				: 448px;
	margin				: 8px auto 0;
}
.search_img { /* 結果で表示するアイコン */
	width				: 50px;
	vertical-align		: top;
	padding				: 0 8px 8px 0;
}
.search_title { /* 結果表示右側 */
	width				: 390px;
	vertical-align		: top;
	padding-bottom		: 8px;
}
.search_caution { /* 注意書き */
	color				: #ff7200;
	font-size			: 14px;
	font-weight			: bold;
	line-height			: 2;
}
.search_contents { /* 本文表示 */
	padding-bottom		: 32px;
}