/* CSS Document */

@charset "shift_jis";

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

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

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

Date: 2009/06/28

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

/*
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.topBannar {/* 特集トップバナー */
	margin-left:10px;
	width: 720px;
	height: 132px;
}

h1.topBannar2 {
	margin: 10px auto 0 auto;
	width: 670px;
	height: 180px;
}

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

p.lead2 {/* リード文 */
	/* background-color: #ff8c00; */
	margin: 0 auto 15px auto;
	width: 500px;
	font-size: 12px;
	line-height: 140%;
}

div.kanren {/* 関連特集ページ */
	margin-left: 110px;
	margin-bottom: 10px;
	width: 600px;
	height: auto;
	font-size: 12px;
	line-height: 140%;
}

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

div.kanren2 {/* 関連特集ページ */
	margin-left: 110px;
	margin-bottom: 10px;
	width: 600px;
	height: 70px;
	font-size: 12px;
	line-height: 140%;
}

	div.kanren2 ul.list {
		text-align: center;
	}
	
	div.kanren2 ul.list li {
		display: inline;
		list-style-type: none;
	}
	
div.wrappar_bannar {/* 松石追加、オリンピック特集ＪＯＣリンク用2010.01.25 */
	margin-left: 140px;
	margin-bottom: 15px;
	width: 430px;
	height: 120px;
	font-size: 12px;
	line-height: 140%;
	border: 1.5px solid #009900;
}

div.wrappar_bannar .left{
	float: left;
	width: 180px;
	padding: 10px 0 10px 10px;
}

div.wrappar_bannar .right{
	float: left;
	width: 210px;
	padding: 5px;
}

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

h2.introduction2 {/* 特集タイトル講師紹介 */
	margin-left: 8px;
	width: 700px;
	height: 30px;
	background-color: #4682b4;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
}

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

p.infomation2 {/* 問い合わせへの流れ紹介 */
	text-align: left;
	margin: 20px auto;
	width: 500px;
	line-height: 14px;
	color: #333333;
	font: normal bold 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

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%;
}

p.exInfomation2 {
	margin: 10px auto;
	width: 450px;
	height: 30px;
	font-size: 12px;
	line-height: 12px;
}

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;
	}