@charset "utf-8";
/*===============================================

 *	Classroom List

===============================================*/
#class-list a{
	color:#111;
}
#class-list a:hover dd{
	text-decoration:underline;
}

table.classlist-table dt {
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	padding:15px 5px;
	width:80px;
}
table.classlist-table dd {
	float:left;
	width:180px;
}
table.classlist-table .classname-box {
	width:280px;
}
table.classlist-table dd.class-title {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:10px 0 0;
}
table.classlist-table dd.class-title span {
	line-height:1.2;
	display:block;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

table.classlist-table dd.class-title span span.ft13{font-size:13px; display:inline;}

table.classlist-table .txt-small {
	font-size:12px;
}
table.classlist-table .lecturer {
	font-size:20px;
	text-align:center;
}
/*
*	classlist-table
-----------------------------------------------*/
table.classlist-table {
	background:#fff;
	border:#b368a6 2px solid;
	margin:0 0 30px 0;
	padding:10px 0;
	width:100%;
}
table.classlist-table th {
	background:#e7cfe3;
	border:#b368a6 1px solid;
	font-weight:bold;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	width:50px;
}
table.classlist-table td {
	border:#b368a6 1px solid;
	font-size:14px;
	vertical-align:middle;
	padding:5px;
}
/*-----------------------------------------------

 *	class

-----------------------------------------------*/
#detail-wrapper {
	background:#fff;
	border:#b163a3 4px solid;
	margin:0 10px;
	position:relative;
}
.logo-class {
	padding:10px;
	position:absolute;
	top:0;
	left:0;
}
.title-detail {
	border-bottom:#b163a3 4px dashed;
	font-size:18px;
	padding:10px 0 5px 0;
	line-height:1.0;
	margin:0 10px 10px 125px;
	height:85px;
	text-align:center;
}
.title-detail span {
	display:block;
	font-size:30px;
	font-weight:bold;
	line-height:1.0;
}
.title-detail span small {
	font-size:20px;
}
.fbox-point {
	padding:10px;
}
.title-point{
	background:#b163a3;
	padding:5px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	letter-spacing:3px;
	margin:0 0 10px 0;
}
.fbox-point dt{
	font-weight:bold;
	margin:0 0 3px 0;
}
.fbox-point dd{
	text-indent:1em;
	margin:0 0 10px 0;
}
.lecturer-box {
	margin:0 0 10px 0;
}
.lecturer-box p {
	float:left;
	margin:0 10px 0 0;
	width:91px;
}
.lecturer-box dl {
	float:left;
	width:320px;
}
.lecturer-box dl dt {
	font-weight:bold;
	font-size:16px;
	line-height:1.2;
	margin:0 0 5px 0;
}
.lecturer-box dl dd {
	font-weight:bold;
	line-height:1.0;
	font-size:30px;
}
.lecturer-box dl dd span {
	display:block;
	font-size:13px;
}
p.lecturer-voice {
	background:url(../img/bg_lecturer_voice.png) top center no-repeat;
	font-size:12px;
	position:absolute;
	right:0;
	top:60px;
	padding:60px 10px 0 30px;
	height:130px;
	width:150px;
}
p.lecturer-voice span {
	display:block;
	padding:20px 0 0 18px;	
}
/*
*	osusume-table
-----------------------------------------------*/
table.osusume-table {
	background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
border-collapse:separate;
	border:#b368a6 4px solid;
	margin:0 auto 30px auto;
	width:620px;
}
table.osusume-table th {
	background:#e7cfe3;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	width:100px;
}
table.osusume-table td {
	font-size:14px;
	vertical-align:middle;
	padding:5px;
}
/*
*	class-table
-----------------------------------------------*/
table.class-table {
	background:#fff;
	border-top:#b368a6 2px solid;
	border-bottom:#b368a6 2px solid;
	margin:0 0 40px 0;
	padding:10px 0;
	width:100%;
}
table.class-table th {
	background:#e7cfe3;
	border:#b368a6 1px solid;
	font-weight:bold;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	width:50px;
}
table.class-table td {
	border:#b368a6 1px solid;
	font-size:14px;
	vertical-align:middle;
	padding:5px;
}
table.class-table td span {
	display:block;
	font-size:20px;
	font-weight:bold;
}
/*
*	punctuation-title
-----------------------------------------------*/
.painting_class-title {
	background:#b163a3;
	color:#fff;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
	padding:10px 0;
}
.punctuation-title {
	background:#b163a3;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px 0;
	padding:20px 0;
}
/*
*	detail-photo
-----------------------------------------------*/
#punctuation-list{
	margin:0 auto;
	width:630px;
}
#punctuation-list li{
	float:left;
	margin:0 10px 0 0;
	width:200px;
}
.detail-photo {
	margin:0 0 5px 0;
}
.detail-photo dd {
	font-size:15px;
	margin:0 0 10px 0;
}
#punctuation-listo li:nth-child(3) {
	margin:0 0 10px 0;
}
#punctuation-list li:nth-child(6) {
	margin:0 0 10px 0;
}
/*-----------------------------------------------

 *	Song

-----------------------------------------------*/
.song-detail {
	float:left;
	font-size:14px;
	margin:0 10px 0 0;
	width:380px;
}
.title-detail01 {
	background:#e6855e;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
color:#fff;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:10px;
	text-align:center;
}
.title-detail02 {
	font-size:16px;
	font-weight:bold;
}
/*
*	songdetail-table
-----------------------------------------------*/
table.songdetail-table {
	float:left;
	background:#fef9ed;
	border-collapse:separate;
	border:#e6855e 5px solid;
	margin:0 0 30px 0;
	padding:20px 0;
	width:230px;
}
table.songdetail-table th {
	background:url(../../img/icon_basictable.png) 10px 10px no-repeat;
	border-right:#e6855e 2px solid;
	font-weight:bold;
	padding:10px 0 0 45px;
	vertical-align:top;
	width:110px;
}
table.songdetail-table td {
	vertical-align:top;
	padding:10px 15px;
}
table.songdetail-table .txt-price {
	display:block;
	font-size:20px;
	font-weight:bold;
}

.w130 {
	width:130px;	
}





/**/