@charset "utf-8";

/*sub.css*/


/*
----------------------------------------------------*/
div#subLessonCource {
	margin-bottom: 30px;
}
div#subLessonCource dl dt{
	font-weight: bold;
	float: left;
	clear: both;
	width: 150px;
	margin-bottom: 10px;
}
div#subLessonCource dl dd{
	float: right;
	text-align: left;
	width: 550px;
	margin-bottom: 10px;
}
div#subLessonCource ul li{
	border-bottom: 1px solid #eee;
	line-height: 30px;
}
div#subLessonCource ul li span.date{
	margin-right: 10px;
	font-weight: bold;
}
div#subLessonCource a {
   color: #0000cf;
   text-decoration: underline;
}

div#subLessonCource a:hover {
   color: #cf0000;
}
/*
----------------------------------------------------*/
div#subProcedureStep{
	margin-bottom: 30px;
}

div#subProcedureStep a {
   color: #0000cf;
   text-decoration: underline;
}

div#subProcedureStep a:hover {
   color: #cf0000;
}

/*
----------------------------------------------------*/
div#subMonthly{
	margin-bottom: 30px;
}
div#subMonthly dl dt{
	font-weight: bold;
	float: left;
	clear: both;
	width: 250px;
	margin-bottom: 10px;
}
div#subMonthly dl dd{
	float: right;
	text-align: left;
	width: 450px;
	margin-bottom: 10px;
}
div#subMonthly ul li{
	border-bottom: 1px solid #eee;
	line-height: 30px;
}
div#subMonthly ul li span.date{
	margin-right: 10px;
	font-weight: bold;
}

div#subMonthly table {
	background-color: #ffffff;
	border-top:#ffffff 3px double;
	border-collapse: collapse;
	font-size: 11px;
	width: 100%;
	color:#333333;
} 
div#subMonthly table th.t_top {
	border-bottom: #dcdddd 1px solid;
	background-color: #efefef;
	text-align: left;
	padding: 10px;
} 
div#subMonthly table td.t_line01 {
	background-color: #f7f7f7;
	text-align: left;
	padding: 10px;
	vertical-align: top;
}
div#subMonthly table td.t_line02 {
	background-color: #f0f0f0;
	text-align: left;
	padding: 10px;
	vertical-align: top;
}
div#subMonthly a {
   color: #0000cf;
   text-decoration: underline;
}

div#subMonthly a:hover {
   color: #cf0000;
}
/*
----------------------------------------------------*/
div#subPianoConcert{
	margin-top: 30px;
	margin-bottom: 30px;
}
div#subPianoConcert dl dt{
	font-weight: bold;
	float: left;
	clear: both;
	width: 250px;
	margin-bottom: 10px;
}
div#subPianoConcert dl dd{
	float: right;
	text-align: left;
	width: 450px;
	margin-bottom: 10px;
}
div#subPianoConcert ul li{
	border-bottom: 1px solid #eee;
	line-height: 30px;
}
div#subPianoConcert ul li span.date{
	margin-right: 10px;
	font-weight: bold;
}

/*
----------------------------------------------------*/
div#subProfile{
	margin-bottom: 30px;
}
div#subProfile dl dt{
	font-weight: bold;
	float: left;
	clear: both;
	width: 250px;
	margin-bottom: 10px;
}
div#subProfile dl dd{
	float: right;
	text-align: left;
	width: 450px;
	margin-bottom: 10px;
}
div#subProfile ul li{
	border-bottom: 1px solid #eee;
	line-height: 30px;
}
div#subProfile ul li span.date{
	margin-right: 10px;
	font-weight: bold;
}
/*
----------------------------------------------------*/
div#subPianoMusic{
	margin-bottom: 30px;
}

/*
----------------------------------------------------*/
div#subPerformance{
	margin-bottom: 30px;
}

div#subPerformance a {
   color: #0000cf;
   text-decoration: underline;
}

div#subPerformance a:hover {
   color: #cf0000;
}

/*
----------------------------------------------------*/
div#subForm{
    margin-top: 20px;
	margin-bottom: 30px;
}

/* end */