/* CSS Document */

@charset "shift_jis";

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

Title: toku.css 
URL: /css/toku.css 

Note: 特集ページCSSファイル

Date: 2010/07/07(特集イレギュラー用大バナー作成)

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

/*
01.特集common
02.イレギュラーバナーリード部分（通常と異なる）
03.講師紹介
04.関連特集
05.Pick Up部分
*/



/* 01.特集common
****************************************************************** */

div#container {
	width: 720px;
}

div.pageAnchor span {/* ページトップアンカー領域を非表示にする */
	display: none;
}


p.topLink {/* 先頭へ戻る */
	margin-top: 15px;
	margin-right: 20px;
	height: 20px;
	text-align: right;
	font-size: 12px;
	line-height: 120%;
}

hr.line {/* 区切り線 */
	margin-left: 8px;
	margin-top: 10px;
	width: 688px;
	height: 1px;
	text-align: left;
}




/* 02.イレギュラーバナーリード部分
****************************************************************** */
h1.topBannarSP {/* 特集大トップバナー */
	margin-left:30px;
	margin-top:15px;
	margin-bottom:15px;
	width: 670px;
	height: 160px;
}

p.lead {/* リード文 */
	margin-left:70px;
	margin-bottom: 5px;
	width: 620px;
	height: 100px;
	font-size: 12px;
	line-height: 140%;
}

div.kanrenSP {/* 関連特集ページ（TOPICS入れるver） */
	margin-left: 70px;
	margin-bottom: 10px;
	width: 610px;
	height:155px;
	font-size: 12px;
	line-height: 140%;
}

	div.kanrenSP table{
		border: 1px solid #33CC00;
	}

	div.kanrenSP table p.topics{
		font-weight: bold;
		font-size: 14px;
		font-collor: bulue;
	}

	div.kanrenSP ul li {
		display: inline;
		list-style-type: none;
	}

	div.kanrenSP div.topicsBox {
		margin: 5px 5px 0 5px;
		padding: 5px;
		background-color: #FFFFCC;
	}



div.kanren {/* 関連特集ページ（TOPICS入れないver） */
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 10px;
	width: 600px;
	height: auto;
	font-size: 12px;
	line-height: 140%;
}

	div.kanren ul.list li {
		display: inline;
		list-style-type: none;
	}



/* 03.講師紹介
****************************************************************** */
h2.introduction {/* 特集タイトル講師紹介 */
	margin-left: 8px;
	width: 700px;
	height: 21px;
	background-color: #FF9900;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	line-height: 140%;
}

p.infomation {/* 問い合わせへの流れ紹介 */
	margin: 10px;
	width: 700px;
	height: 35px;
	font-size: 12px;
	line-height: 120%;
	color: #0066CC;
}

div.category {/* 小見出し */
	margin-left: 8px;
	margin-bottom: 5px;
	width: 700px;
	height: 35px;
}

	div.category div.left {
		float: left;
		width: 45px;
		height: 35px;
	}

	div.category h3.right {
		float: left;
		padding-top: 15px;
		height: 20px;
		font-size: 16px;
		font-weight: bold;
		color: #333333;
	}

div.tokukoushi {/* 講師紹介 */
	margin-left: 7px;
	margin-bottom: 10px;
	padding-top: 10px;
	width: 700px;
	height: 250px;
}

	div.tokukoushi div.koushi {
		float: left;
		margin-left: 6px;
		margin-right: 9px;
		width: 216px;
		height: 250px;
	}
		div.tokukoushi div.koushi div.top {
			width: 216px;
		 	height: 105px;
		}

			div.tokukoushi div.koushi div.top div.left {
				float: left;
				width: 85px;
				height: 105px;
			}

			div.tokukoushi div.koushi div.top div.right {
				float: left;
				margin-left: 5px;
				width: 126px;
				height: 105px;
				background-color: #FFFFCC;
			}

				div.tokukoushi div.koushi div.top div.right p.catchFrase {/* 講師キャッチフレーズ */
					font-size: 12px;
					line-height: 140%;
				}

				div.tokukoushi div.koushi div.top div.right h4.name {/* 講師名 */
					font-size: 14px;
					font-weight: bold;
					line-height: 140%;
				}

				div.tokukoushi div.koushi div.top div.right p.job {/* 肩書き */
					font-size: 10px;
					font-weight: bold;
					line-height: 140%;
				}

		div.tokukoushi div.koushi div.bottom {
			width: 216px;
		}

			div.tokukoushi div.koushi div.bottom p.thema {
				font-size: 10px;
				font-weight: bold;
				line-height: 140%;
				color: #FF6600;
			}

			div.tokukoushi div.koushi div.bottom p.themaName {/* 講演テーマ */
				font-size: 10px;
				font-weight: bold;
				line-height: 140%;
			}

			div.tokukoushi div.koushi div.bottom p.introduction {/* 講師概要 */
				font-size: 10px;
				line-height: 140%;
			}


/* 04.関連特集（保存用）
****************************************************************** */

div.tokuCategory {
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 8px;
	width: 690px;
}

	div.tokuCategory h3.title {
		margin: 2px;
		width: 686px;
		height: 20px;
		background-color: #6699FF;
		font-size: 14px;
		line-height: 140%;
		color: #000000;
	}

	div.tokuCategory ul.category li {
		display: inline;
		margin-left: 5px;
		font-size: 12px;
		list-style-type: none;
		line-height: 120%;
		white-space: nowrap;
		white-space: pre-wrap; /*opera*/
	}

p.exInfomation {
	margin: 10px;
	padding: 20px;
	width: 100%;
	height: 30px;
	font-size: 12px;
	line-height: 120%;
}

div.link {
	width: 720px;
}


/* 05.Pick up部分
****************************************************************** */
div.pickUp {
	margin-left: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 680px;
	height: 135px;
	border: 1px solid #CCCCCC;
}

	div.pickUp div.top {
		padding-left:5px;
		width:675px;
		background-color: #FFCC66;
		font-size: 14px;
		height: 20px;
		line-height: 140%;
	}

		div.pickUp div.bottom div.left {
			padding: 5px;
			float: left;	
		}

		div.pickUp div.bottom div.right {
			float: right;
			padding: 5px;
			width: 570px;
			font-size: 12px;
			line-height: 120%;
		}

			div.pickUp div.bottom div.right p.profileLink {
				text-align: right;
			}


div.jisseki {/* 実績欄追加（参考：サッカーW杯） */
	margin-left: 110px;
	margin-bottom: 10px;
	width: 600px;
	height: 150px;
	font-size: 12px;
	line-height: 140%;
}

	div.jisseki ul.list li {
		display: inline;
		list-style-type: none;
	}


/* モチベーションアップ特集 motivation.htm
****************************************************************** */
p.motibe_lead {/* リード文 */
	margin-left:60px;
	margin-bottom: 5px;
	width: 620px;
	height: 180px;
	font-size: 12px;
	line-height: 140%;
}

div.motibe_tokukoushi {/* 講師紹介 */
	margin-left: 7px;
	margin-bottom: 10px;
	padding-top: 10px;
	width: 700px;
	height: 355px;
}

	div.motibe_tokukoushi div.motibe_koushi {
		float: left;
		margin-left: 6px;
		margin-right: 9px;
		width: 216px;
		height: 355px;
	}

			div.motibe_tokukoushi div.motibe_koushi div.top div.left {
				float: left;
				width: 85px;
				height: 105px;
			}

			div.motibe_tokukoushi div.motibe_koushi div.top div.right {
				float: left;
				margin-left: 5px;
				width: 126px;
				height: 105px;
				background-color: #FFFFCC;
			}

				div.motibe_tokukoushi div.motibe_koushi div.top div.right p.catchFrase {/* 講師キャッチフレーズ */
					font-size: 12px;
					line-height: 140%;
				}

				div.motibe_tokukoushi div.motibe_koushi div.top div.right h4.name {/* 講師名 */
					font-size: 14px;
					font-weight: bold;
					line-height: 140%;
				}

				div.motibe_tokukoushi div.motibe_koushi div.top div.right p.job {/* 肩書き */
					font-size: 10px;
					font-weight: bold;
					line-height: 140%;
				}

		div.motibe_tokukoushi div.motibe_koushi div.bottom {
			width: 216px;
		}

			div.motibe_tokukoushi div.motibe_koushi div.bottom p.thema {
				font-size: 10px;
				font-weight: bold;
				line-height: 140%;
				color: #FF6600;
			}

			div.motibe_tokukoushi div.motibe_koushi div.bottom p.themaName {/* 講演テーマ */
				font-size: 10px;
				font-weight: bold;
				line-height: 140%;
			}

			div.motibe_tokukoushi div.motibe_koushi div.bottom p.introduction {/* 講師概要 */
				font-size: 10px;
				line-height: 140%;
			}