@charset "utf-8";

	h1.PanelTitle
	{
		margin			:	0px;
		line-height			:	1em;
	}
	h1.PanelTitle img
	{
		margin			:	0px;
	}

	/* General */
	#PanelGeneral div.PanelInformation
	{
		background-color		:	rgba(255,255,255,0.9);
	}
	#PanelGeneral div.PanelInformation h3
	{
		font-size			:	normal;
	}

	/* List */
	td.ListHeader
	{
		text-align			:	center;
	}
	td.ListHeaderTime
	{
	}
	td.ListHeaderComment
	{
	}
	td.ListHeaderPrice1
	{
	}
	td.ListHeaderPrice2
	{
	}
	td.ListHeaderPrice4
	{
	}
	td.ListName
	{
		text-align			:	center;
	}
	td ul
	{
		margin			:	0px;
		padding			:	0px;
	}
	td ul li
	{
		display			:	block;
		margin			:	0px;
		padding			:	0px;
	}

	/* Teacher */
	div.PanelTeacher
	{
		width				:	100%;
	}
	div.PanelTeacherPhoto
	{
		vertical-align			:	middle;
	}
	div.PanelTeacherPhoto img
	{
	}
	div.PanelTeacherComment
	{
		text-align			:	left;
		vertical-align			:	middle;
	}


	/* Course */
	#PanelCourse
	{
	}
	#PanelCourse ul
	{
		margin			:	0px 0px 1em 0px;
		padding			:	0px;
	}
	#PanelCourse li
	{
		list-style-type		:	disc;
		padding			:	0px;
	}


	div.PanelInformation
	{
		text-align			:	left;
		background-color		:	rgba(255,255,255,0.9);
	}

/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	/* General */
	#ImageGeneralSilver
	{
		float				:	right;
		margin			:	0px 0px 0px 15px;
	}

	/* Class */
	#PanelClass td.ListName
	{
		width				:	25%;
		box-sizing		:	border-box;
	}
	#PanelClass table.ListColumn4 td
	{
		width				:	25%;
		box-sizing		:	border-box;
	}

	/* Teacher */
	div.PanelTeacher
	{
	}
	div.PanelTeacherPhoto
	{
		padding			:	0px 40px 0px 0px;
	}
	div.PanelTeacherPhoto img
	{
	}
	div.PanelTeacherComment
	{
	}
	div.PanelTeacherComment h3
	{
		margin			:	0px 0px 10px 0px;
	}
}

/*
======================================
Wide PC
======================================
*/
@media print, screen and (min-width:1241px)
{
	/* General */
	#ImageGeneralSilver
	{
		width				:	220px;
	}

	/* Teacher */
	div.PanelTeacherPhoto img
	{
		height				:	250px;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media screen and (min-width:801px) and (max-width:1240px)
{
	/* General */
	#ImageGeneralSilver
	{
		width				:	180px;
	}

	/* Teacher */
	div.PanelTeacherPhoto img
	{
		height				:	200px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	/* General */
	#ImageGeneralSilver
	{
		width				:	200px;
		margin			:	0px auto 10px auto;
	}

	/* Class */
	#PanelClass td.ListName
	{
		width				:	25%;
		box-sizing		:	border-box;
	}
	#PanelClass table.ListColumn4 td
	{
		width				:	25%;
		box-sizing		:	border-box;
	}

	/* Teacher */
	div.PanelTeacher
	{
		display			:	table;
		margin			:	0px 0px 15px 0px;
	}
	div.PanelTeacherPhoto
	{
		display			:	table-cell;
		width				:	100px;
		padding			:	0px 15px 0px 0px;
	}
	div.PanelTeacherPhoto img
	{
	}
	div.PanelTeacherComment
	{
		display			:	table-cell;
	}
	div.PanelTeacherComment h3
	{
		margin			:	0px 0px 5px 0px;
	}
}