@charset "UTF-8";



/* --------------------------------------------

CSS Information



File name: layout.css

Summary: layout style

Created: 2009-07-05

Last update: 2009-07-05

-------------------------------------------- */





/* 共通

--------------------------------------------------*/



div.child {

	width: auto;

}



div#menuChild {

	width: 212px;

	height: 369px;/*もともとの数値は339px、特別授業追加のため変更*/

	background: url(../../img_illust/bg_right.jpg) left top no-repeat;

	padding: 0 10px 0 11px;

}



div#menuChild img {

	display: block;

}



div.child img.center {

	margin: 10px auto 0;

	display: block;

}



div.child div.title {

	font-size: 1.2em;

	font-weight: bold;

	color: #B79848;

}



div.child div.listTitle {

	padding: 0 0 0 20px;

	background: url(../../img_illust/icon_pink.jpg) 0 2px no-repeat;

	font-weight: bold;

	color: #333;

	font-size: 1.2em;

	margin-top: 15px;

}



div.child div.listTitleOrange {

	width: 470px;

	padding: 0 0 0 20px;

	background: url(../../img_illust/icon_orange.jpg) 0 2px no-repeat;

	font-weight: bold;

	color: #F39800;

	font-size: 1.2em;

	margin: 15px auto 0;

}



div.child div.listTitlePink {

	width: 470px;

	padding: 0 0 0 20px;

	background: url(../../img_illust/icon_pink.jpg) 0 2px no-repeat;

	font-weight: bold;

	color: #ED7D89;

	font-size: 1.2em;

	margin: 15px auto 0;

}



div.child div.listTitleGreen {

	width: 470px;

	padding: 0 0 0 20px;

	background: url(../../img_illust/icon_green.jpg) 0 2px no-repeat;

	font-weight: bold;

	color: #9DC34C;

	font-size: 1.2em;

	margin: 15px auto 0;

}



div.child div.listTitleOrange2 {

	width: 470px;

	padding: 0 0 0 20px;

	background: url(../../img_illust/icon_orange.jpg) 0 2px no-repeat;

	font-weight: bold;

	font-size: 1.2em;

	margin: 15px auto 0;

	color: #333;

}



div.child div.listTitleOrange2 span { color: #666; }



div.child div.listTitlePink2 {

	width: 470px;

	padding: 0 0 0 20px;

	background: url(../../img_illust/icon_pink.jpg) 0 2px no-repeat;

	font-weight: bold;

	font-size: 1.2em;

	margin: 15px auto 0;

	color: #333;

}



div.child div.listTitlePink2 span { color: #666; }



div.child div.listTitleGreen2 {

	width: 470px;

	padding: 0 0 0 20px;

	background: url(../../img_illust/icon_green.jpg) 0 2px no-repeat;

	font-weight: bold;

	font-size: 1.2em;

	margin: 15px auto 0;

	color: #333;

}



div.child div.listTitleGreen2 span { color: #666; }



div.child div.listTitle span {

	font-size: 0.8em;

	_font-size: 0.9em;

	font-weight: normal;

	color: #666;

}



div.child p.list {

	font-size: 1.2em;

	font-weight: bold;

	color: #EE7E8C;

	margin-top: 10px;

}



div.child div.overflowHidden div.txt {

	width: 245px;/*255より変更*/

	padding-bottom: 10px;

	float: left;

}



div.child div.overflowHidden div.img {

	float: right;

}



div.child div.overflowHidden img {

	display: block;

}



div.child div.overflowHidden img.sflow {

	margin: 5px auto 0;

}



div.child p.orange {

	font-weight: bold;

	color: #F39800;

}



div.child p.pink {

	font-weight: bold;

	color: #ED7D89;

}



div.child p.green {

	font-weight: bold;

	color: #9DC34C;

}



div.child p.brown {

	font-weight: bold;

	color: #BA9648;

}



div.child span.orange {

	padding: 0 14px 0 14px;

	background: url(../../img_illust/circle_orange.jpg) 0 0 no-repeat;

}



div.child span.pink {

	padding: 0 14px 0 14px;

	background: url(../../img_illust/circle_pink.jpg) 0 0 no-repeat;

}



div.child span.green {

	padding: 0 14px 0 14px;

	background: url(../../img_illust/circle_green.jpg) 0 0 no-repeat;

}



div.child span.brown {

	padding: 0 14px 0 14px;

	background: url(../../img_illust/circle_brown.jpg) 0 0 no-repeat;

}



div.child div.boxIndex {

	width: 494px;

	padding: 7px 8px 10px 18px;

	background: url(../../img_illust/bg_index.jpg) left bottom no-repeat;

	margin: 0 auto;

	overflow: hidden;

	clear: both;

}



div.child div.boxIndex div.txtIndex {

	width: 250px;

	padding-top: 3px;

}



div.child div.boxIndex img {

	display: block;

}



div.child div.boxIndex .leftIndex {

	float: left;

}



div.child div.boxIndex .rightIndex {

	float: right;

}



div.child table.index01 {

	width: 100%;

	margin-top: 10px;

}



div.child table.index01 thead th {

	width: 5%;

	background: #FFF1E4;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index01 thead td {

	width: 19%;

	background: #FFF1E4;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index01 tbody th {

	width: 5%;

	background: #FFF1E4;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index01 tbody td {

	width: 19%;

	height: 60px;

	border: 1px solid #CCC;

	padding: 3px;

	text-align: center;

}



div.child table.index01 tbody td.on {

	background: #FFFCF7;

}



div.child table.index02 {

	width: 100%;

	margin-top: 10px;

}



div.child table.index02 thead th {

	width: 5%;

	background: #F7FFE5;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index02 thead td {

	width: 19%;

	background: #F7FFE5;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index02 tbody th {

	width: 5%;

	background: #F7FFE5;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index02 tbody td {

	width: 19%;

	height: 60px;

	border: 1px solid #CCC;

	padding: 3px;

	text-align: center;

}



div.child table.index02 tbody td.on {

	background: #FDFFF7;

}



div.child table.index03 {

	width: 100%;

	margin-top: 10px;

}



div.child table.index03 thead th {

	width: 5%;

	background: #FFE5E8;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index03 thead td {

	width: 19%;

	background: #FFE5E8;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index03 tbody th {

	width: 5%;

	background: #FFE5E8;

	border: 1px solid #CCC;

	font-weight: bold;

	padding: 3px;

	text-align: center;

}



div.child table.index03 tbody td {

	width: 19%;

	height: 60px;

	border: 1px solid #CCC;

	padding: 3px;

	text-align: center;

}



div.child table.index03 tbody td.on {

	background: #FFF7F8;

}



div.child div.box04 {

	width: 520px;

	padding: 10px 0 0 0 ;

	overflow: hidden;

	clear: both;

	background: url(../../img_illust/bg_04.jpg) left top no-repeat;

}



div.child div.box04 div.txt {

	width: 257px;

	float: left;

	padding: 0 0 5px 10px;

}



div.child div.box04 img.photo {

	display: block;

	float: right;

	padding: 0 5px 5px 0;

}



div.child dl.box04photo {

	width: 500px;

	margin: 10px auto 0;

	overflow: hidden;

	clear: both;

	display: block;

}



div.child dl.box04photo dt {

	width: 240px;

	float: left;

}



div.child dl.box04photo dt img {

	display: block;

}



div.child dl.box04photo dd {

	width: 235px;

	float: left;

	padding-top: 3px;

	padding-left: 5px;

}



div.child div.boxTop01 {

	width: 465px;

	padding: 0 8px 0 47px;

	background: url(../../img_illust/bg01.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.boxTop02 {

	width: 465px;

	padding: 0 8px 0 47px;

	background: url(../../img_illust/bg02.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.boxTop03 {

	width: 520px;

	padding: 0 8px 0 47px;

	background: url(../../img_illust/bg03.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.boxTopDetail {

	width: 135px;

	float: left;

}



div.child div.boxTopDetail2 {

	width: 142px;

	float: left;

}



div.child div.boxTopImage {

	width: 27px;

	float: left;

}



div.child div.boxTopTitle {

	display: none;

}



div.child div.overflowHiddenTop {

	width: 100%;

	overflow: hidden;

	clear: both;

}



div.child div.boxborder {

	background: url(../../img_illust/line_dot.jpg) center top no-repeat;

}



div.child div.boxSchedule01 {

	width: 474px;

	padding: 8px 0 0 45px;

	background: url(../../schedule/img_illust/bg01.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.boxSchedule02 {

	width: 474px;

	padding: 8px 0 0 45px;

	background: url(../../schedule/img_illust/bg02.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.boxScheduleTitle {

	display: none;

}



div.child div.boxScheduleFlow {

	width: 101px;

	padding-right: 8px;

	float: left;

}



div.child div.boxScheduleTxt {

	width: 358px;

	float: left;

}



div.child div.boxScheduleDetail {

	width: 336px;

	background: #FCFCFC;

	padding: 10px;

}



div.child div.memoBrown {

	font-weight: bold;

	color: #BA9648;

	font-size: 1.2em;

	background: url(../../img_illust/line_dot.jpg) left bottom repeat-x;

	padding: 0 0 5px 0;

}



div.child div.memoBrown span {

	font-size: 0.8em;

	color: #999;

}



div.child div.boxTopImage div.arrow {

	width: 13px;

	float: left;

	background: url(../../schedule/img_illust/arrow.jpg) left bottom no-repeat;

}



div.child div.boxCurriculum {

	width: 520px;

	margin: 10px auto 0;

	background: url(../../img_illust/bg_02.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.boxCurriculum table {

	width: 514px;

	margin: 2px auto 0;

	border-collapse: separate;

}



div.child div.boxCurriculum table tbody th {

	vertical-align: middle;

	text-align: center;

}



div.child div.boxCurriculum table tbody th.inf02 {

	background: #D39D5F;

}



div.child div.boxCurriculum table tbody th.inf03 {

	background: #FBB76E;

}



div.child div.boxCurriculum table tbody th.chi02 {

	background: #A7C75C;

}



div.child div.boxCurriculum table tbody th.chi03 {

	background: #C3D78F;

}



div.child div.boxCurriculum table tbody th.chi04 {

	background: #B7BADD;

}



div.child div.boxCurriculum table tbody th.all01 {

	background: #86D3DD;

}



div.child div.boxCurriculum table tbody th.all02 {

	background: #F08A97;

}



div.child div.boxCurriculum table tbody th.all03 {

	background: #F3AEB1;

}



div.child div.boxCurriculum table tbody td {

	width: 70%;

	background: #FFF;

	padding: 5px 10px;

	overflow: hidden;

	clear: both;

}



div.child div.boxCurriculum table tbody td ul {

	width: 50%;

	display: block;

	float: left;

	list-style: disc;

	list-style-position: inside;

}



div.child div.boxCurriculum table tbody td ul li {

	padding-top: 2px;

	padding-left: 1em;

	text-indent: -1em;

}





div.child div.box0101 {

	width: 465px;

	padding: 0 8px 0 47px;

	background: url(../../img_illust/bg01_01.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.box0102 {

	width: 465px;

	padding: 0 8px 0 47px;

	background: url(../../img_illust/bg02_01.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.box0103 {

	width: 520px;

	padding: 0 8px 0 47px;

	background: url(../../img_illust/bg03_01.jpg) left top no-repeat;

	overflow: hidden;

	clear: both;

}



div.child div.box01Detail {

	width: 208px;

	float: left;

}



div.child div.box01Image {

	width: 27px;

	float: left;

}



div.child div.box01Title {

	display: none;

}



div.child div.boxborder {

	background: url(../../img_illust/dot.jpg) left top repeat-x;

}



div.child div.box01Detail img.title {

	display: block;

	margin: 0 auto;

}



div.child div.box01Detail img.arrow {

	display: block;

	margin: 0 auto;

}






/*ここから追加*/

/*　特別授業　*/
div.child div.photo {

	padding: 10px 0 0 20px;

	width: 485px;

	overflow: hidden;

	clear: both;

}



div.child div.photo img {

	border: 1px solid #E69594;

}



div.child div.photo img.iLeft {

	float: left;

}



div.child div.photo img.iRight {

	float: right;

}