@charset 'shift-jis';

/* section
-------------------------------------------------- */
#mainArea .lessonBlock {
	width: 960px;
	padding: 0;
	margin: 25px auto;
}

#mainArea .lessonBlock h2{
	color:#333333;
	margin:0 0 0.5em 0!important;
	padding:0 0 0 20px!important;
	background: url(/group/audition/images/lesson/head_circle.gif) left center no-repeat!important;
}

#mainArea .lessonBlock .section {
	width: 800px;
	margin: 0px auto 20px;
	padding:0;
	line-height:1.6em;
	font-size: 1.1em;
}
#mainArea .lessonBlock .section p {
	margin:0!important;
	padding:0!important;
}


#mainArea .lessonBlock h2{
	color:#333333;
	margin:0 0 0.5em 0!important;
	padding:0 0 0 20px!important;
	background: url(/group/audition/images/lesson/head_circle.gif) left center no-repeat!important;
}

@media only screen and (max-device-width: 1080px){
#mainArea .lessonBlock {
	width: 100%!important;
	font-size:100%;
}

#mainArea .lessonBlock .section {
	width: 96%!important;
	font-size:100%;
	}
#mainArea .lessonBlock .section h2 {
	font-size:340%!important;
	color:#fff!important;
	background:#b10f0c!important;	
	margin:1em 0 2% 0!important;
	padding:0.5em 0!important;
	text-align:center!important;
}
#mainArea .lessonBlock .section p {
	margin:0.5em auto 0.8em!important;
	font-size:200%!important;
	line-height:1.4!important;
}

#mainArea .lessonBlock .section .rightImg,
#mainArea .lessonBlock .section .leftImg{
	width:40%;
	}
#mainArea .lessonBlock .section .rightImg img,
#mainArea .lessonBlock .section .leftImg img{
	width:100%;
	height:auto;
	}
#mainArea .lessonBlock .section .rightImg p,
#mainArea .lessonBlock .section .leftImg p{
	width:100%!important;
	}

}

#mainArea .section .caption {
	font-size: 75%;
	color: #888;
	margin: 0.5em 0 0 0;
    }
}

#mainArea .lessonBlock.section.text {
	display:block;
	margin:0!important;
	padding:0!important;
}

#mainArea .section .leftImg p,
#mainArea .section .rightImg p {
	width:600px;
	}

#mainArea .section .leftImg {
	width:227px;
	margin: 30px 20px 20px 0px;
	float: left;
}

#mainArea .section .rightImg {
	width:254px;
	margin: 0px 0px 10px 20px;
	float: right;
}

#mainArea .section .leftImgLesson,
#mainArea .section .leftImgLessonEnd{
	width: 260px;
	float: left;
	}
#mainArea .section .leftImgLesson {
	margin: 0px 10px 0px 0px;
}

#mainArea .section .leftImgLessonEnd {
	margin: 0px;
}

#mainArea .section image {
	display:block;
	margin: 0px 0px 3px;
}

#mainArea .section .caption {
	display:inline
	font-size: 0.85em;
	color: #888;
	margin: 0px;
}

@media only screen and (max-device-width: 1080px){
#mainArea .section .leftImgLesson,
#mainArea .section .leftImgLessonEnd{
	width: 31%!important;
	}
#mainArea .section .leftImgLesson {
	padding: 0px 2% 0px 0px!important;
}

#mainArea .section .leftImgLessonEnd {
	margin-right: 0!important;
}

#mainArea .section image {
	margin: 0px 0px 1%!important;
}

#mainArea .section .caption {
	font-size: 75%;
}
}

/* table Element
-------------------------------------------------- */
@media only screen and (max-device-width: 1080px){
#mainArea .lessonTable {
	width: 100%!important
}
}

#mainArea .lessonTable {
	width: 800px;
	padding: 3px 0px;
	margin: 0px auto 20px;
}

#mainArea .lessonTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-collapse:separate;
	/*・ｼ*//*/
	revise: MacIE5.0bug;
	width: 99%;
	/**/
	line-height: 1.85;
}

#mainArea .lessonTable thead tr th {
	padding: 6px 9px;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	font-size:110%;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	text-align: left;
	background: #55932f!important;
	white-space: nowrap;
	line-height: 2em;
}

/*#mainArea .lessonTable tbody th {
	padding: 6px 9px;
	border-color: #c9c9c9;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	color: #000000;
	vertical-align: top;
	text-align: left;
	background: #f0f8e8;
	line-height: 1.8;
}*/

#mainArea .lessonTable table td.ylwLeftBorder {
	padding: 0px;
	margin: 0px;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	background: #ffffff;
	border-collapse:separate;
}

#mainArea .lessonTable tbody th {
	border-color: #c9c9c9;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	background: #ffffff;
	vertical-align:center;
	line-height: 1.2;
	font-size: 85% !important;
	padding:0.5em 0;
	margin:0;
	}

#mainArea .lessonTable table.lesson td {
	height:75px;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
	font-size: 80%;
	white-space: nowrap;
	padding:0 5px;
}

#mainArea .lessonTable table.lesson td.slash {
	background:#f1f1f1;
}

#mainArea .lessonTable table.lesson td.classTime {
	height:2em;
	border-color: #cbcbcb;
	border-bottom: dotted 1px #cbcbcb !important;
	border-width: 0px 1px 1px 0px;
	background: #f6f5f5;
	line-height: 1.3;
}

#mainArea .lessonTable table.lesson .ylwTop {
	border-top: solid 3px #dcd401 !important;
	border-collapse:separate;
}

#mainArea .lessonTable table.lesson .ylwLeft {
	border-left: solid 2px #dcd401 !important;
	border-collapse:separate !important;
}

#mainArea .lessonTable table.lesson .ylwRight {
	border-right: solid 2px #dcd401 !important;
	border-collapse:separate;
}

#mainArea .lessonTable table.lesson .ylwBottom {
	border-bottom: solid 3px #dcd401 !important;
}

#mainArea .lessonTable table.lesson td span.sub {
	display:block;
	font-size: 90%;
	color:#777777;
}

#mainArea .lessonTable table.lesson td span.teacher {
	display:block;
	font-size: 85%;
	padding:3px 0px 0px;
}


#mainArea .lessonTable .right{
	text-align: right !important;
}

#mainArea .lessonTable .left{
	text-align: left !important;
}

#mainArea .lessonTable .center{
	text-align: center !important;
}

#mainArea .lessonTable th.vhcenter{
	text-align: center !important;
	vertical-align: middle !important;
}

#mainArea .lessonTable ul.link {
	padding: 0px;
	margin: 2px 0px 0px;
}

#mainArea .lessonTable ul.link li {
	padding: 0px 0px 5px;
	margin: 0px;
	background: url(/group/audition/shared/images/arrow_middle_right.gif) 1px 6px no-repeat;
}

#mainArea .lessonTable ul.link a {
	padding: 0px 0px 0px 14px;
	margin: 0px;
	/*・ｼ*//*/
	revise: MacIE5.0bug;
	display: inline-block;
	margin-left: -14px;
	text-indent: 0;
	/**/
}

#mainArea .lessonTable ul.link li {
	padding-left: 14px;
	_padding-left: 14px;
	_padding-left/* */: 14px;
	text-indent: -14px;
	_text-indent/* */: -14px;
	_te・ｼxt-indent: -14px;
}

#mainArea .lessonTable .hr {
	height: 1px;
	padding: 0px;
	margin: 6px 0px;
	background: url(/group/audition/shared/images/hr.gif) 0px 0px repeat-x;
	_background: url(/group/audition/shared/images/hr.gif) 0px 0px repeat-x;
	_background/* */: url(/group/audition/shared/images/hr.gif) 0px 0px repeat-x;
}

.yellow {
	background: #ffffdb!important;
	}

.blue {
	background: #e5f2ff!important;
	}


/* Windowsだけにあてたい場合
.win #mainArea .lessonTable td.slash {
    background: linear-gradient(-15deg, white, white 48%, #ededed 49%, #ededed 51%, white 52%, white);
}
/* Macだけにあてたい場合
.mac #mainArea .lessonTable td.slash {
    background: linear-gradient(-13deg, white, white 48%, #ededed 49%, #ededed 51%, white 52%, white);
}
/* Windows Chromeだけにあてたい場合
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .win #mainArea .lessonTable td.slash {
      background: linear-gradient(-11deg, white, white 48%, #ededed 49%, #ededed 51%, white 52%, white);
  }
}*/