/*　サブページ設定
------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 11pt;
	line-height: 150%;
	background-color: #333333;
}

#subContents{
	width: 780px;
	margin:0px auto;
	padding:10px;
	background-color:#FFFFFF;
}

#leftArea{
	float:left;
	width: 200px;
	margin:30px 0px 0px 10px;
	color:#000000;
}

#rightArea {
	float:left;
	width: 530px;
	margin:30px 0px 0px 30px;
	color:#000000;
	padding-bottom: 30px;
}

#rightArea p{
	margin:10px 20px 10px 30px;
}

#rightArea p.small{
	font-size:85%;
}

#leftArea p{
	padding:10px;
	font-size:85%;
}

#leftArea span{
	font-size:16px;
	font-weight:bold;
}

#leftArea strong{
	font-size:100%;
}

#subContents a{
	color:#333333;
}


/*	サブページ上部メニュー
-------------------------------- */

#subMenu {
	clear:both;
	background: url(images/submenu_off.gif) repeat-x top; /* ヘッダメニューの背景 */
	height: 56px;
	background-color: #333333;
}

#subMenu ul {
	width: 800px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

#subMenu li {
	float: left;
	width: 125px; /* 項目の幅 */
	height: 45px;
	margin: 0px 4px;
	background: url(images/mainmenu_off.gif) repeat-x top; /* ヘッダメニューの背景 */
	line-height: 100%;
}

#subMenu li.first {
	width: 124px; /* 項目の幅 */
	margin-left:6px;
}

#subMenu li.last {	/* 最初の項目と最後の項目 */
	width: 124px; /* 項目の幅 */
	margin-right:0px;
}

#subMenu li a {	/* リンクエリア */
	display: block;
	position: relative; /* IE6用 */
	padding: 10px 2px 2px 7px; /* リンクエリアのパディング */
	border-right: 1px #333333 solid; /* 右境界線 */
	font-size: 85%; /* 英字の文字サイズ */
	color: #ffffff; /* 文字色 */
	text-decoration:none;
}

#subMenu li a span.en {	/* 英字部分 */
	display: block;
	margin-top: 2px; /* 英字部分の上マージン */
	font-size: 85%; /* 英字の文字サイズ */
	font-weight: normal; /* 文字の太さ（ノーマル） */
	color: #D8D8D8; /* 英字の文字色 */
	text-decoration:none;
}

#subMenu li a:hover {	/* ポイント時 */
	background: url(images/mainmenu_bg.gif) repeat-x top;
	color: #CC6699; /* ポイント時（アクティブ時）の文字色 */
}

#subMenu li a:hover span.en{
	color: #FFFF33; /* ポイント時（アクティブ時）の英字の文字色 */
}


/* 	レッスン案内	
-------------------------------- */

#leftNavi	{/* 写真下メニューのマウスオーバー */
	width:180px;
	margin:20px auto;
	padding:0px;
}

#leftNavi ul {
	margin:0px;
	padding:0px;
}

#leftNavi li,#leftNavi a {
	display:block;
	height:25px;
	margin:2px auto;
	padding:0px;
}

#leftNavi span	{
	display:block;
	overflow:hidden;
	width:0px;
	height:0px;
}

#leftNavi01 a			{margin:0px;background-image:url(images/lesson_navi01.gif);}
#leftNavi01 a:hover		{margin:0px;background-image:url(images/lesson_navi01over.gif);}

#leftNavi02 a			{margin:0px;background-image:url(images/lesson_navi02.gif);}
#leftNavi02 a:hover		{margin:0px;background-image:url(images/lesson_navi02over.gif);}

#leftNavi03 a			{margin:0px;background-image:url(images/lesson_navi03.gif);}
#leftNavi03 a:hover		{margin:0px;background-image:url(images/lesson_navi03over.gif);}


.lessonTitle{
	width: 490px;
	margin:30px auto 10px auto;
	padding: 0px 0px 0px 7px;
	border-left:solid 5px #FF0066;
	border-bottom: dotted 1px #CCCCCC;
}

.lessonTitle span{
	font-weight:bold;
}

.scheTable{	/* スケジュール　Table */
	width: 490px;
	margin:20px auto;
	font-size:12px;
	line-height:150%;
	border: solid 1px #666666;
}

.scheTable th{
	width:70px;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	background-color: #E7E7E7;
}

.scheTable th.last{
	border-right: solid 0px #666666;
}

.scheTable td{
	padding: 3px;
}

.bgcolorL{
	background-color: #EEC5F5;
	border-right: solid 1px #666666;
	border-top: solid 1px #666666;
}

.bgcolorR{
	background-color: #EEC5F5;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
}

.bgcolorLR{
	background-color: #EEC5F5;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-top: solid 1px #666666;
}

.bgcolorRB{
	background-color: #EEC5F5;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
}

.bgcolorLB{
	background-color: #EEC5F5;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
}

.bgcolorTB{
	background-color: #EEC5F5;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #666666;
}

.bgcolorLBTR{
	background-color: #EEC5F5;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 1px #666666;
}

.lineR{
	border-right: solid 1px #CCCCCC;
}

#feeNyu{	/* 受講料 */
	width: 300px;
	margin:20px auto;
	padding:3px;
	font-weight:bold;
	text-align:center;
	border: solid 1px #666666;
	background-color: #CCCCCC;
}

.feeTable{	/* 受講料　Table */
	width: 450px;
	margin:20px auto;
	background-color: #666666;
}

.feeTable th{	
	width: 150px;
	background-color: #CCCCCC;
	padding:3px;
}

.feeTable td{	
	width: 130px;
	background-color: #FFFFFF;
	padding:3px;
	text-align:center;
}


/* 	ライブ情報	
-------------------------------- */

#liveTable{
	width: 490px;
	margin:30px auto;
	font-size:12px;
}

#liveTable td{
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #777777;
	padding: 10px 3px;
	line-height:180%;
}

#liveTable td .span{
	font-size:16px;
	font-weight:bold;
}