/*
-----------------------------------------------------
◆◆◆◆◆ＴＦＰスタイルシート◆◆◆◆◆
◇◇◇◇◇3級FPページ専用◇◇◇◇◇◇
2010/04/01：「カリキュラムページ設定」を調整（dlタグ等）
2010/02/23：「インデックスページ・ラインアップ」設定を追加
2009/12/10：「フォローシステム（新宿合格パック用）」設定を追加
2007/12/05：「予告」設定を追加
2007/06/07：「申込のテーブル」設定を追加
2007/06/05：「通信講座詳細（カリキュラム等）」設定を追加
2006/10/03：「通信講座学習スケジュール」設定を追加
2006/04/19：「キャンペーン告知用」設定を変更
2006/04/19：「見出し（h2）」設定追加
2005/12/08：afp.cssをベースに初版作成
-----------------------------------------------------
*/

/* --◆リード--*/

div.Lead {
	border:2px solid #7E7732;
	background:#fbfce6;
	margin:10px auto 0px auto;
	padding:7px;
	font-size:12px;
	text-align:left;
	}
	
div.Lead p {
	margin:0;
	line-height:140%;
	}
	
div.Lead h3 {
	margin-bottom:5px;
	padding-top:5px;
	border-top:1px solid #999;
	color:#c33;
	}
	
/* --◆見出し（h2）--*/

 h2 {
	margin:0 0 10px 0;
	padding:3px;
	background:#f6f5d3;
	border-left:15px solid #c60;
	text-align:left;
	font-size:14px;
	color:#c60;
	clear:both;
	}
	
 h2 a:hover{
	color:#c60;
	text-decoration:none;
	}

/* --◆フォローシステム--*/

div#Follow {
	margin-top:7px;
	}

div#Follow td.Border {
	width:297px;
	border:1px solid #f75252;
	}

div#Follow h3 {
	margin:0;
	padding:3px;
	background-color:#f75252;
	background-image:url(images/follow_h3_bk.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:14px;
	color:#fff;
	}

div#Follow h5 {
	margin:0 0 5px 7px;
	font-size:10px;
	font-weight:bold;
	}
	
div#Follow p {
	margin:7px;
	}
	
div#Follow ol {
	margin:0 0 7px 0;
	padding:0 0 0 2em;
	}
	
div#Follow td.Border img {
	float:left;
	margin:5px;
	}
	
div#Follow div.Note {
	margin:5px 0px 5px 0px;
	text-align:left;
	color:#444;
	}
	
div#Follow div.Note h5 {
	margin:0 0 3px 5px;
	}
	
/* --◆フォローシステム（新宿合格パック用）--*/

div#Follow2 {
	margin-top:0px;
	}

div#Follow2 td.Border {
	width:291px;
	border:1px solid #817a35;
	background-color:#fff;
	}

div#Follow2 h3 {
	margin:0;
	padding:3px;
	background-color:#817a35;
	background-image:url(images/follow_h3_bk2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:14px;
	color:#fff;
	}

div#Follow2 h5 {
	margin:0 0 5px 7px;
	font-size:10px;
	font-weight:bold;
	}
	
div#Follow2 p {
	margin:7px;
	}
	
div#Follow2 ol {
	margin:0 0 7px 0;
	padding:0 0 0 2em;
	}
	
div#Follow2 td.Border img {
	float:left;
	margin:5px;
	}
	
div#Follow2 div.Note {
	margin:5px 0px 5px 0px;
	text-align:left;
	color:#444;
	}
	
div#Follow2 div.Note h5 {
	margin:0 0 3px 5px;
	}


/* --◆クラス表のテーブル--*/

table.ClassTable {
	width:100%;
	margin:0px auto 0px auto;
	border-collapse:collapse;
	border: 1px solid #666;
	border-bottom:none;
	border-right:none;
	font-size: 12px;
	}
	
table.ClassTable caption{
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	}

table.ClassTable th {
	text-align:center;
	padding:0.3em;
	background: #f5f5f5;
	font-weight:normal;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	}
	
table.ClassTable th.class {
	background: #fff;
	font-weight:bold;
	}

table.ClassTable td {
	text-align:center;
	padding:0.3em;
	background: #fff;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	}
	
table.ClassTable td dl {
	text-align:left;
	}
	
table.ClassTable td dl dt {
	font-weight:bold;
	}
	
table.ClassTable td ol {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
table.ClassTable td ul {
	margin:0;
	padding:0;
	list-style-position:inside;
	text-align:left;
	}
	
/* --◆汎用表組みテーブル--*/


table.MassTable {
	width: 600px;
	margin-bottom:0.5em;
	border-collapse:collapse;
	border: 1px solid #666;
	border-bottom:none;
	border-right:none;
	font-size: 12px;
	}

table.MassTable th {
	text-align:center;
	padding:0.3em;
	background: #efefef;
	font-weight:bold;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	}
	
table.MassTable th.Sub {
	background: #f5f5f5;
	font-weight:normal;
	}

table.MassTable td {
	text-align:center;
	padding:0.3em;
	background: #fff;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	}


/* --◆テキストバナー（セミナーへのリンク）--*/

div.banner{
	margin:5px;
	padding:3px;
	border:1px solid #BD4545;
	background:#fff;
	}
	
h6.banner{
	margin:0;
	padding-left:12px;
	background-image:url(http://www.tfp.co.jp/images/allowsq_red.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:12px;
	}
	
p.banner{
	margin:3px;
	font-size:10px;
	line-height:140%;
	}
	

/* --◆キャンペーン告知用--*/

div.Campaign {
	margin:0.5em 0em 0.5em 0em;
	border:3px double #f00;
	background:#FFFFEE;
	}
	
div.Campaign h3 {
	margin:0;
	padding:0.5em;
	font-size:14px;
	color:#f00;
	}
	
div.Campaign p {
	margin:0;
	padding:0.5em;
	padding-top:0;
	font-weight:bold;
	font-size:12px;
	}
	
/* --◆汎用テスト--*/

hr {
	display:none;
	}

div.CBlock {
	margin:0;
	margin-bottom:25px;
	}

div.CBlock h2 {
	margin:0 0 1.5em 0;
	padding:3px;
	background:#FEF3F7;
	border-left:15px solid #c33;
	font-size:14px;
	color:#c33;
	clear:both;
	}

div.CBlock h3 {
	margin:0 0 0.5em 0;
	padding:0;
	color:c33;
	clear:both;
	}
	
div.CBlock h4 {
	margin:0 10px 0.5em 10px;
	padding:0;
	color:333;
	font-weight:bold;
	}
	
div.CBlock h3.Gray {
	margin:0 0 0.5em 0;
	width:590px;
	padding:0.2em;
	background:#efefef;
	border:1px solid #999;
	font-size:12px;
	color:#333;
	}
	
div.CBlock h3 img{
	margin:0;
	padding:0;
	}
	
div.CBlock p,dl,ol {
	margin:0 10px 0.7em 10px;
	width:90%;
	font-size:12px;
	line-height:140%;
	}
	
div.CBlock ol {
	margin:0 10px 0.7em 10px;
	padding-left:2em;
	width:90%;
	font-size:12px;
	line-height:140%;
	}
	
div.CBlock p.DL {
	background:#FFFEE5;
	padding:3px;
	border:1px solid #c00;
	}
	
div.CBlock dl dt{
	color:#369;
	}
	
div.CBlock dl dd{
	margin-left:1em;
	margin-bottom:0.5em;
	}

div.CBlock img {
	margin:0 10px 0.5em 10px;
	}
	
div.CBlock img.Bt {
	margin:0;
	}
	
div.CBlock ul {
	margin:0 10px 0.5em 10px;
	padding:0;
	list-style:none;
	font-size:12px;
	color:#333;
	}
	
div.CBlock ul.attention {
	font-size:10px;
	color:#c33;
	}
	
div.CBlock ul.Text li {
	width:15em;
	float:left;
	}
	
div.CBlock table {
	width: 100%;
	margin-bottom:0.5em;
	border-collapse:collapse;
	border: 1px solid #666;
	border-bottom:none;
	border-right:none;
	font-size: 12px;
	}

div.CBlock table th {
	text-align:center;
	padding:0.3em;
	background: #f5f5f5;
	font-weight:normal;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	}
	
div.CBlock table th.class {
	background: #fff;
	font-weight:bold;
	}

div.CBlock table td {
	text-align:center;
	padding:0.3em;
	background: #fff;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	}
	
/* --◆通信講座学習スケジュール--*/

div#Schedule {
	margin-top:15px;
	margin-bottom:15px;
	text-align:left;
	}

div#Schedule h2 {
	margin:0 0 5px 0;
	padding:3px;
	background:#d9eefa;
	border-left:15px solid #42a5ef;
	text-align:left;
	font-size:14px;
	color:#1d8bdd;
	clear:both;
	}
	
div#Schedule h3 {
	margin:0px 0px 15px 0px;
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #d9eefa;
	text-align:right;
	font-size:12px;
	color:#c33;
	}
	
div#Schedule h4 {
	margin-bottom:0.5em;
	padding:3px;
	background:#f5f5f5;
	font-size:12px;
	font-weight:bold;
	}
	
	
div#Schedule p {
	font-size:12px;
	}
	
div#Schedule dl dt {
	color:#045490;
	}
	
div#Schedule dl dd {
	margin-left:2em;
	margin-bottom:0.5em;
	}

/* --◆通信講座詳細（カリキュラム等）--*/

dl.Detail {
	width:100%;
	margin-left:0;
	padding-top:5px;
	border-top:1px solid #ccc;
	}

dl.Detail dd {
	margin-top:5px;
	margin-left:2em;
	}
	
	
/* --◆申込のテーブル--*/

table.ODTable {
	width: 100%;
	margin-bottom:0.5em;
	border-collapse:collapse;
	border: 1px solid #666;
	border-bottom:none;
	border-right:none;
	font-size: 12px;
	}
	
table.ODTable caption{
	font-size:12px;
	font-weight:bold;
	padding:0.2em;
	text-align:left;
	color:#c33;
	padding-top:5px;
	border-top:1px solid #ccc;
	}

table.ODTable th {
	text-align:center;
	padding:0.3em;
	background: #f5f5f5;
	font-weight:normal;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	}
	
table.ODTable th.Item {
	background:#f1f9fe;
	}
	
table.ODTable td.Price {
	color:#c33;
	font-weight:bold;
	}

table.ODTable td {
	text-align:center;
	padding:0.3em;
	background: #fff;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	}

/* --◆予告--*/

div.Yokoku {
	margin-top:15px;
	text-align:left;
	background-color: #fefedb;
	border:1px solid #f00;
	}

div.Yokoku h3 {
	width:50px;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	background-color: #f00;
	text-align:center;
	color:#fff;
	float:left;
	}
	
div.Yokoku p {
	margin:0;
	margin-left:50px;
	padding:7px;
	font-size:12px;
	font-weight:bold;
	line-height:135%;
	}


/* --◆カリキュラムページ設定--*/

div.Curriculum {
	background-color:#fff;
	}
	
div.Curriculum p.pagetop {
	text-align:right;
	margin-bottom:30px;
	}
	
div.Curriculum h3 {
	width:560px;
	margin-top:20px;
	margin-bottom:0;
	padding-bottom:5px;
	border-bottom:2px solid #7F7832;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	}
	
div.Curriculum ul {
	margin-bottom:15px;
	list-style-image:url(images/li_circle.gif);
	font-size:12px;
	text-align:left;
	}
	
div.Curriculum ul li {
	margin-bottom:5px;
	}

div.Curriculum h4 {
	width:560px;
	margin-bottom:0;
	padding:5px 0px 5px 0px;
	background-color:#7F7832;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	text-indent:5px;
	}

div.Curriculum table {
	width:560px;
	border-collapse:separate;
	border: 2px solid #a59e57;
	border-top:none;
	font-size: 12px;
	}

div.Curriculum table th {
	text-align:center;
	padding:5px;
	background-color:#FFFDE9;
	font-weight:normal;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #ccc;
	border-right:none;
	}
	
div.Curriculum table th.md1 {
	background-color:#efe9a8;
	}
	
div.Curriculum table th.md2{
	background-color:#f7f4d1;
	}

div.Curriculum table td {
	text-align:center;
	padding:5px;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #ccc;
	border-right:none;
	}
	
/* --dlタグ（表組に見せる）--*/

div.Curriculum dl.Table {
	width:560px;
	margin:0;
	background-color:#FFFDE9;
	border-bottom:1px solid #ccc;
	text-align:left;
	}
	
div.Curriculum dl.Table dt {
	width:50px;
	padding:7px;
	background-color:#efe9a8;
	text-align:center;
	font-weight:bold;
	float:left;
	}
	
div.Curriculum dl.Table dd {
	padding:7px;
	text-indent:15px;
	}
	
/* --普通の表（セル50％ずつ2分割）--*/

div.Curriculum table.Normal th {
	width:50%;
	}

/* --講座の目的の表--*/
	
div.Curriculum table.Solo {
	border-top: 2px solid #a59e57;
	}
	
div.Curriculum table.Solo th {
	width:20%;
	}
	
div.Curriculum table.Solo td {
	width:80%;
	text-align:left;
	}
	
div.Curriculum table.Solo td dl {
	width:100%;
	margin:5px 0px;
	padding-top:5px;
	text-align:left;
	border-top:1px dotted #ccc;
	}
	
div.Curriculum table.Solo td dl dt{
	width:95px;
	background-image:url(images/li_circle.gif);
	background-repeat:no-repeat;
	text-indent:15px;
	float:left;
	}
	
div.Curriculum table.Solo td dl dd{
	margin-left:95px;
	}
	
	
/* --◆インデックスページ・ラインアップ--*/
	
div.Lineup h3 {
	margin-top:20px;
	margin-bottom:0;
	padding:5px;
	background-color:#7F7832;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	}

div.Lineup table {
	width:600px;
	border-collapse:separate;
	border: 2px solid #a59e57;
	border-top:none;
	font-size: 12px;
	}

div.Lineup table th {
	width:120px;
	text-align:center;
	padding:5px;
	background-color:#f7f4d1;
	font-weight:bold;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #ccc;
	border-right:none;
	}
	
div.Lineup table td.md1 {
	width:110px;
	background-color:#FFFDE9;
	text-align:center;
	}
	
div.Lineup table td.md1 img{
	margin-bottom:2px;
	}

div.Lineup table td {
	text-align:left;
	padding:5px;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #ccc;
	border-right:none;
	}