@import url("../_common/common.css");

h2 {
	/* total-height: 20px; */
	margin: 20px 0 0;
	padding: 4px 0 0 18px;
	height: 16px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: .1em;
	color: #fff;
	background-color: #693;
	background-image: url("../_cmn_img/bg_h2.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
/***最上にくるh2　マージン調整***/
h2.FirstElement {
	margin-top: 5px;
}
h2.Nothing {
	/* total-height: 20px; */
	margin: 2em 0;
	padding: 0;
	height: 1.5em;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: .1em;
	color: #555;
	background-color: #fff;
	background-image: none;
}
/***模擬講義用h2***/
h2.Mogi {
	margin-top: 0;
	padding: 0;
	height: 43px;
	background-image: none;
	background-color: #fff;
}
/***h2横の注意事項***/
p.Attention {
	margin: -20px 0 0 260px;
	padding: 5px 0 0;
	height: 15px;
	color: #fff;
	line-height: 1em;
	letter-spacing: .1em;
}

/***講義の詳細説明***/
.ContentsList p.CatchTxt {
	margin: 0 15px 0 55px;
	padding-right: 1em;
	font-size: 90%;
	line-height: 1.3em;
	color: #333;
}
* html .ContentsList p.CatchTxt {
/*\*/
	font-size: 75%;
/**/
}

/***基本テーブル***/
table.ContentsList {
	margin: 10px 0;
	width: 750px;
	border: solid #A5BAC4;
	border-width: 1px 2px 2px 1px;
}
table.ContentsList th {
	padding: 8px 8px 8px 17px;
	width: 230px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	color: #555;
}
table.ContentsList td {
	padding: 8px 0 8px 8px;
	background-color: #F0F8F8;
	vertical-align: top;
}
table.ContentsList th p {
	margin: 1em 0 0;
	padding: 0;
	font-weight: bold;
	color: #333;
}
/***講師の所属***/
table.ContentsList th p.Belong {
	margin-top: 3px;
	line-height: 12px;
	font-size: 90%;
	font-weight: normal;
	color: #555;
}
* html table.ContentsList th p.Belong {
/*\*/
	font-size: 75%;
/**/
}

/***th内コンテンツタイトル***/
h3 {
	margin: 0 0 .5em;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	color: #006;
}

/***td内コンテンツ詳細用リスト***/
.ContentsList ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ContentsList ul li {
	margin: 0;
	padding: 0;
}

.ContentsList ul li a {
	/* total-width: Max487px; */
	/* total-height: 20px; */
	display: block;
	margin: 0;
	padding: 4px 0 4px 55px;
	width: 430px;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	background-image: url("../_cmn_img/b_play.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.ContentsList ul li a:link {
	color: #00c;
}
.ContentsList ul li a:visited {
	color: #00c;
}
.ContentsList ul li a:active,
.ContentsList ul li a:hover {
	color: #33f;
	background-position: 0 -56px;
}

/***ページへのリンクの場合に使用***/
.ContentsList ul.PageLink {
	line-height: 16px;
	color: #333;
}
.ContentsList ul.PageLink li a {
	padding-left: 30px;
	width: 455px;
	background-image: url("../_cmn_img/pagelink.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.ContentsList ul.PageLink li a:active,
.ContentsList ul.PageLink li a:hover {
	background-position: 0 -28px;
}

.ContentsList ul li.ListTitle {
	margin-top: 7px;
	font-weight: bold;
}
/***ページへのリンクの場合に使用 - コンテンツ詳細***/
table.PageLinkList {
	margin-top: 5px;
}
table.PageLinkList th,
table.PageLinkList td {
	margin: 0;
	padding: 0 10px 3px 0;
	color: #333;
	vertical-align: top;
	width: auto;
}
table.PageLinkList th {
	white-space: nowrap;
}

/***注意事項記載　甲南、同志社、関西学院、
北星、高知工、早稲田で使用***/
.ContentsList ul li.Attention {
	margin: 0;
	padding: 0 15px .5em 1em;
	text-indent: -1em;
	line-height: 1.3em;
	color: #900;
}


/***「受講にあたっての注意」をページ内に表示する場合
立教、龍谷、岡山理、京産、広経で使用***/
.ContentsList ul li.PlayAttention {
	margin: 0;
	padding: 1em 15px .5em 1em;
	text-indent: -1em;
	line-height: 1.3em;
	color: #900;
}
.ContentsList ul li.PlayAttention a {
	display: inline;
	padding: 0;
	background: none;
}
/***Flash、MediaPlayerバナー用***/
.ContentsList ul li.PlayAttention .Banner {
	margin-top: 5px;
}

/***関連リンク***/
ul.Relational {
	margin: 10px 0 30px;
	padding: 0;
	list-style: none;
}
ul.Relational li {
	margin: 0;
	padding: 2px 0 2px 38px;
	background-image: url("../_cmn_img/m_nothing.gif");
	background-repeat: no-repeat;
	background-position: 18px 3px;
}
ul.Relational li a {
	letter-spacing: .1em;
}
ul.Relational li a:link {
	color: #00c;
}
ul.Relational li a:visited {
	color: #006;
}
ul.Relational li a:active,
ul.Relational li a:hover {
	color: #33f;
}
.Space {
	height: 10em;
}