@charset "utf-8";
/* CSS Document */

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

WEBセミナー 申込/TOPページ用CSS
作成日：2010年2月16日
改定日：2010年8月17日
製作者:kouji yamaguchi

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

/* 全体幅800px */
/* HTML・SECURE領域共通 */

/*
 * LAYOUT
 * --------------------------
 * INDEX 
 *
 * 001 共通
 * 002 タイトル・フォーム成形
 * 003 セミナー・リスクマネジメント一覧ページ(HTML領域)
 * 004 WEBセミナー キャリア告知
 * 005 サイドメニューバー
 * --------------------------
 */

/* 001 ========================================
 * 共通
============================================ */

img {
	border:none;
}

.red {
	color:#cc0000;
}

.blue {
	color:#0000ff;
}

.black {
	color:#333333;
}

.green-bg {
	background-color:#ccff66;
}
.blue-bg {
	background-color:#ccffff;
}
.pink-bg {
	background-color:#ffcccc;
}

.imp {
	font-size:16px;
}
.inc {
	font-size:12px;
}

.space {
	height:5px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#pankuzu {
	width: 780px;
	margin:10px auto 10px auto; 
	padding:0 0 0 0;
	text-align:left;
	color:#999999;
}
	#pankuzu span.naw {
		padding:0 0 0 0;
		font-size:16px;
		font-weight:bold;
		color:#cc0000;
	}


/* 002 ========================================
 * タイトル・フォーム成形
============================================ */

#sem-frame {
	width: 800px;
	height:auto;
	margin:0 0 0 0; 
	padding:10px 0 0 0;
	font-size:14px;
	text-align:left;
}
	#sem-frame h2.s-title {
		margin:0 0 0 0;
		padding:10px 5px 10px 5px;
		font-size:16px;
		color:#333333;
		background-color:#99cc00;
	}
	#sem-frame h3.f-title {
		margin:0 0 0 0;
		padding:5px 5px 5px 5px;
		font-size:16px;
		font-weight:normal;
		color:#333333;
		background-color:#cccccc;
	}
	#sem-frame p.hosoku {
		margin:5px 0 0 0;
		padding:0 0 0 10px;
		line-height:18px;
	}

#sem-form {
	width: 780px;
	margin:15px auto 0 auto; 
	padding:0 0 0 0;
	text-align:left;
}
	#sem-form h3.f-title {
		margin:0 0 0 0;
		padding:0 0 0 5px;
		font-size:16px;
		font-weight:normal;
		color:#333333;
		border-left:8px solid #cc0000;
		border-bottom:1px solid #cc0000;
	}
	#sem-form p.f-setumei {
		margin:10px 0 0 10px;
		padding:0 0 0 0;
		font-size:14px;
		line-height:18px;
	}

	#sem-form div.f-index {
		width: 740px;
		margin:20px auto 10px auto;
		padding:0 0 0 0;
		font-size:14px;
		line-height:18px;
	}
		#sem-form div.f-index h4 {
			margin:0 0 0 0;
			padding:0 0 0 5px;
			color:#333333;
			border-left:8px solid #99cc00;
			border-bottom:1px solid #99cc00;
		}

		#sem-form div.f-index p {
			width: 700px;
			margin:10px auto 0 auto;
			padding:0 0 0 0;
		}

		#sem-form div.f-index a {
			color:#0000ff;
		}

	#sem-form ul.f-tyuui {
		margin:10px 0 0 0;
		padding:0 0 0 0;
		list-style-type:none;
		font-size:14px;
	}
		#sem-form ul.f-tyuui li {
			margin:0 0 0 20px;
			padding:0 0 0 0;
			line-height:24px;
		}
		#sem-form ul.f-tyuui li.right-tx {
			text-align:right;
		}
		#sem-form ul.f-tyuui li.center-tx {
			text-align:center;
		}
	#sem-form a:link {
		color:#339900;
	}
	a:visited {
		color:#339900;
	}
	a:hover {
		color:#cc0000;
	}
	a:active {
		color:#339900;
	}

#sem-table {
	width: 700px;
	margin:15px auto 0 auto;
	padding:0 0 0 0;
	font-size:14px;
	text-align:left;
}
	#sem-table td.s-left {
		width:150px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		vertical-align:top;
	}
	#sem-table td.s-right {
		width:550px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		vertical-align:top;
	}
	#sem-table td.s-center {
		margin:0 0 0 0;
		padding:0 0 10px 0;
		vertical-align:top;
		text-align:center;
	}
	#sem-table .s-list-waku {
		width:500px;
		height:150px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		overflow:auto;
	}
	#sem-table p.s-text {
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
	}
	#sem-table p.s-text2 {
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-size:12px;
	}

#syounin {
	margin:10px 0 10px 0;
	padding:0 0 0 0;
	line-height:18px;
	text-align:left;
}



#ss-border {
	width: 780px;
	margin:10px auto 0 auto; 
	padding:0 0 0 0;
	text-align:left;
	border-top:1px dotted #333333;
}
#ss-border02 {
	width: 780px;
	margin:10px auto 0 auto; 
	padding:0 0 0 0;
	text-align:left;
	border-top:1px solid #333333;
}
#ss-table {
	width: 700px;
	margin:15px auto 0 auto;
	padding:0 0 15px 0;
	text-align:left;
}
	#ss-table td.ss-name {
		width:300px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
		vertical-align:top;
	}
	#ss-table td.name02 {
		margin:0 0 0 0;
		padding:0 0 10px 0;
		vertical-align:top;
	}
	#ss-table td.ss-no {
		width:400px;
		margin:0 0 0 0;
		padding:0 0 10px 0;
		line-height:18px;
		vertical-align:top;
	}
	#ss-table p.ss-title {
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:18px;
		line-height:24px;
		border-bottom:1px solid #333333;
	}
	#ss-table p.ss-text {
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
	}
	#ss-table p.ss-hosoku {
		margin:10px 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
	}

.ss-print {
	margin:10px 0 10px 0;
	text-align:center;
}


/*===================================
003 セミナー・リスクマネジメント一覧ページ(HTML領域)
===================================*/
#sem-risk-flame {
	width: 580px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
	line-height:18px;
	color:#333333;
}
	#sem-risk-flame .title-banner {
		width:188px;
		margin:30px 0 0 0;
		float:left;
	}
	#sem-risk-flame .title-midashi {
		width:380px;
		margin-top:30px;
		padding-left:10px;
		text-align:left;
		float:right;
	}

.hr-border {
	border-style: dotted none none none;
	border-top-width: 2px;
	border-top-color: #cccccc;
	height: 2px;
}

#sem-risk-table {
	width: 580px;
	margin:0 0 15px 0;
	padding:0 0 0 0;
	font-size:12px;
	line-height:16px;
	text-align:left;
}
	#sem-risk-table .width01 {
		width:90px;
		text-align:center;
	}
	#sem-risk-table .width02 {
		width:388px;
	}
	#sem-risk-table .width03 {
		width:50px;
		text-align:center;
		vertical-align:bottom;
	}
		#sem-risk-table .width03 h3 {
			margin:0 0 0 0;
			padding:0 0 0 0;
			font-weight:normal;
		}
	#sem-risk-table .width04 {
		width:50px;
		text-align:center;
		vertical-align:bottom;
	}

	#sem-risk-table .point {
		margin:5px 0 0 0;
		padding:5px 5px 5px 5px;
		background-color:#eeffee;
	}
		#sem-risk-table .point h4 {
			margin:0 0 0 0;
			padding:0 0 0 0;
			font-size:12px;
			font-weight:normal;
		}


/*===================================
004 WEBセミナー キャリア告知
===================================*/
/* タイトル制御 */
#sem-title-flame {
	width: 580px;
	margin:10px auto 10px auto;
	padding:0 0 0 0;
}

	#sem-title-flame p {
		margin:10px 0 10px 0;
		padding:0 0 0 0;
		color:#cc0000;
	}

	#sem-title-flame h2 {
		width: 580px;
		margin:0 auto 0 auto;
		padding:5px 0 5px 0;
		font-size:18px;
		line-height:26px;
		color:#333333;
		background-color:#ff9900;
	}
	
	#sem-title-flame span.sub-title {
		font-size: 16px;
		line-height:24px;
	}

/* テーブル制御 */
#sem-table {
	width:97%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
	line-height:20px;
	color: #333333;
}
	#sem-table a {
		color:#0000ff;
	}


/* 項目タイトル制御 */
#koumoku-index {
	width: 580px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
	text-align:left;
}
	#koumoku-index a {
		color:#0000ff;
	}

#koumoku-title {
	margin:10px 0 0 0;
	padding:0 0 0 0;
}
	#koumoku-title h3 {
		margin:0 0 0 0;
		padding:0 0 0 10px;
		border-left:8px solid #cc0000;
		border-bottom:1px solid #cc0000;
		font-size:14px;
		font-weight:bold;
		text-align:left;
	}

.koumoku-text {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
	line-height:18px;
	text-indent:12px;
	text-align:left;
}

.hosoku-text {
	width:550px;
	margin:10px auto 0 auto;
	padding:0 0 0 0;
	font-size:12px;
	line-height:18px;
	text-align:left;
}

/* カリキュラムページ制御 */
/* ポイントページ制御 */
#cul-flame {
	width: 560px;
	margin:10px auto 0 auto;
	padding:0 0 0 0;
	font-size:12px;
	text-align:left;
	border:1px solid #cccccc;
}
	#cul-flame td.chapter {
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-size:12px;
		text-align:left;
	}
		#cul-flame td.chapter h4 {
			margin:5px 5px 5px 5px;
			padding:0 0 0 0;
			text-align:left;
		}
		#cul-flame td.chapter div {
			margin:5px 5px 5px 5px;
			padding:0 0 0 0;
			text-align:left;
		}
		#cul-flame td.chapter p {
			display:inline;
			margin:0 0 0 0;
			padding:0 0 0 0;
			line-height:18px;
			color:#333333;
		}
		#cul-flame td.chapter ul {
			margin:10px 0 0 0;
			padding:0 0 0 0;
			list-style-type:none;
			text-align:left;
		}
		#cul-flame td.chapter li {
			margin:0 0 0 0;
			padding:0 0 0 0;
			line-height:18px;
			text-indent:14px;
		}


/* Q and Aページ制御 */
#qa-flame {
	width: 560px;
	margin:10px auto 0 auto;
	padding:0 0 0 0;
	font-size:12px;
	text-align:left;
	border:1px solid #cccccc;
}

#imp {
	width:560px;
	margin:10px auto 0 auto;
	padding:0 0 0 0;
	font-size:14px;
	text-align:center;
}

	#qa-flame td.q-mida {
		width:50px;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		font-size:18px;
		text-align:center;
		vertical-align:middle;
		background-color:#ffeeaa;
	}
	#qa-flame td.a-mida {
		width:50px;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		font-size:18px;
		text-align:center;
		vertical-align:middle;
		background-color:#ffffcc;
	}
		#qa-flame td.q-mida strong,
		#qa-flame td.a-mida strong {
			margin:0 0 0 0;
			padding:2px 5px 2px 5px;
			background-color:#ffffff;
			border:1px solid #cccccc;
		}

	#qa-flame td.q-bun {
		width:488px;
		margin:0 0 0 0;
		margin:5px 5px 5px 5px;
		text-align:left;
		vertical-align:middle;
		background-color:#ffeeaa;
	}
		#qa-flame td.q-bun h4 {
			margin:5px 5px 5px 5px;
			padding:0 0 0 0;
			text-align:left;
		}

	#qa-flame td.a-bun {
		width:488px;
		margin:0 0 0 0;
		padding:5px 5px 5px 5px;
		text-align:left;
		vertical-align:middle;
		background-color:#ffffcc;
	}
		#qa-flame td.a-bun p {
			margin:0 0 10px 0;
			padding:0 0 0 0;
			line-height:18px;
			text-indent:12px;
			color:#333333;
		}


/* 講師紹介(lecturer.php)制御 */

#lec-flame {
	width: 560px;
	margin:10px auto 10px auto;
	padding:0 0 0 0;
	color:#333333;
}

	#lec-flame p.lec-text {
		margin:10px 0 10px 0;
		padding:0 0 0 0;
		font-size:12px;
		line-height:18px;
		text-align:left;
		text-indent:12px;
	}

	#lec-flame p.lec-text-b {
		margin:10px 0 10px 0;
		padding:0 0 0 0;
		font-size:12px;
		line-height:18px;
		text-align:left;
	}

	#lec-flame a {
		color:#0000ff;
	}


/*===================================
005 サイドメニューバー
===================================*/
#side-manu-flame {
	width: 179px;
	height: auto;
	margin:15px 0 0 0;
	padding:0 10px 0 0;
	text-align:left;
	float:left;
}

#side-manu-table {
	width: 177px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
	border:1px #7ecc00 solid;
	}

	#side-manu-table .side-title {
		height:25px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		background:url(/images/contents_02.gif);
	}
		#side-manu-table .side-title h3 {
			margin:0 0 0 25px;
			padding:5px 0 5px 0;
			font-size:12px;
			line-height:16px;
			color:#437547;
		}
	#side-manu-table .side-width01 {
		width:22px;
		margin:0 0 0 0;
		padding:5px 0 0 0;
		vertical-align:top;
	}
	#side-manu-table .side-width02 {
		width:155px;
		margin:0 0 0 0;
		padding:5px 0 10px 0;
		vertical-align:top;
	}
		#side-manu-table .side-width02 h4 {
			margin:0 0 0 0;
			padding:0 0 0 0;
			font-size:12px;
			font-weight:normal;
			line-height:16px;
		}
		#side-manu-table .side-text {
			margin:10px 0 0 0;
			padding:0 0 0 0;
			font-size:12px;
			line-height:16px;
		}
.side-border {
	border-style:dotted none none none;
	border-top-width:2px;
	border-top-color:#cccccc;
}