@charset "UTF-8";

/* ========= lifelong-study用 ============== */

/* 生涯学習・公開講座　共通CSS */
body#lifelongStudy #Header {
	background: url(img/img_bg-header_l.jpg) no-repeat;
}

body#lifelongStudy h1 {
	width: 660px;
	height: 62px;
	text-indent: -9999px;
	background: #F4F1E7 url(img/ttl_lifelong-study.gif) no-repeat 3px 7px;
}

body#lifelongStudy #pankuzu {
	background: #F4F1E7;
	margin-bottom: 8px;
}

#MainCont h2 {
	width: 642px;
	height: 32px;
	margin: 0px 0px 20px 7px;
	text-indent: -9999px;
}

#MainCont h3 {
	width: 520px;
	height: 23px;
	margin: 0px auto 10px;
	text-indent: -9999px;
}

#MainCont h4 {
	color: #049B04;
	font-weight: bold;
	padding-left: 12px;
	background: url(img/img_circle_l.gif) no-repeat left 50%;
	margin: 0px 0px 3px 5px;
}

#MainCont p {
	width: 520px;
	margin: 0px auto 20px;
}

/* お問い合わせ・申請先 */
#inquiryL {
	width: 500px;
	margin: 0px auto 20px;
	padding: 10px 10px 0px;
	border: 1px solid #C7E1B7;
	background: #F0F7E9;
}

#inquiryL p {
	width: 410px;
	margin: 0px 0px 10px 90px;
}

#inquiryL ul {
	padding: 0px 0px 0px 90px;
}

/* 生涯学習・公開講座TOPページ　設定 */
#MainCont #IndexLifelongStudy h2 {
	background: url(img/ttl_lifelong-study01.gif) no-repeat;
}

#MainCont #LifelongStudyDetail h3 {
	background: url(img/ttl_lifelong-study02.gif) no-repeat;
}

#MainCont #KidsAtelierDetail h3 {
	background: url(img/ttl_lifelong-study03.gif) no-repeat;
}

#MainCont #IndexNondegreeStudent h2 {
	background: url(img/ttl_lifelong-study04.gif) no-repeat;
}

#MainCont #LifelongStudyDetail,
#MainCont #KidsAtelierDetail {
	width: 520px;
	margin: 0px auto 30px;
}

#MainCont #LifelongStudyDetail p,
#MainCont #KidsAtelierDetail p {
	width: 315px;
	float: left;
}

#MainCont #LifelongStudyDetail img,
#MainCont #KidsAtelierDetail img {
	float: right;
}

#MainCont #LifelongStudyDetail ul,
#MainCont #KidsAtelierDetail ul {
	float: left;
	padding: 0px;
}

#MainCont #IndexEventInfo {
	width: 314px;
	float: left;
}

#MainCont #IndexEventInfo h2 {
	background: url(img/ttl_lifelong-study05.gif) no-repeat;
	width: 314px;
}

#MainCont #IndexNewsAndTopics {
	width: 314px;
	float: right;
	padding-right: 18px;
}

*html #MainCont #IndexNewsAndTopics {
	padding-right: 12px;
}

#MainCont #IndexNewsAndTopics h2 {
	background: url(img/ttl_lifelong-study06.gif) no-repeat;
	width: 314px;
}

/* 公開講座前期スケジュールページ　設定 */
body#lifelongStudySchedule #Entire {
	width: 710px;
}

body#lifelongStudySchedule #Header {
	width: 706px;
	height: 59px;
	margin: 0px;
	background: url(img/img_bg-schedule-head.jpg) no-repeat;
}

body#lifelongStudySchedule #Contents {
	width: 710px;
	background: url(img/img_bg-schedule-cont.jpg) repeat-y;
}

body#lifelongStudySchedule #ContentsEnd {
	width: 706px;
	background: url(img/img_bg-schedule-end.jpg) no-repeat;
}

body#lifelongStudySchedule #Footer {
	width: 706px;
}

body#lifelongStudySchedule #MainCont {
	width: 710px;
	float: none;
	background: none;
	padding-top: 15px;
}

#scheduleL #MainCont h2 {
	background: url(img/ttl_schedule_l3.gif) no-repeat;
	width: 692px;
	margin-bottom: 15px;
}

#scheduleL #MainCont h2#koki {
	background: url(img/ttl_schedule_l2.gif) no-repeat;
	width: 692px;
	margin-bottom: 15px;
}

#scheduleL #MainCont table {
	width: 688px;
	margin: 0px auto 10px;
	border-collapse: collapse;
}

#scheduleL #MainCont table th {
	background: #BEDDB5 url(img/img_bg-schedule-table.jpg) repeat-x bottom;
	border: 1px solid #FFFFFF;
	border-bottom: 1px solid #BEDDB5;
	line-height: 1em;
	color: #006600;
	padding: 3px 3px 6px 3px;
}

#scheduleL #MainCont table th.CourseNumber {
	padding: 3px 0px 6px;
	text-align: center;
}

#scheduleL #MainCont table td {
	border: 1px solid #BEDDB5;
	vertical-align: top;
	padding: 3px;
}

#scheduleL #MainCont td.CourseNumber {
	width: 25px;
}

#scheduleL #MainCont td.CourseName {
	width: 400px;
	padding: 0px;
}

#scheduleL #MainCont td.CourseSchedule {
	width: 58px;
	text-align: right;
}

#scheduleL #MainCont td.CourseSchedule em {
	font-size: 0.9em;
}

#scheduleL #MainCont td.CourseTime {
	width: 71px;
	text-align: right;
}

#scheduleL #MainCont td.CourseExpense {
	width: 66px;
	text-align: center;
}

#scheduleL #MainCont td.CourseExpense em {
	font-size: 0.875em;
}

#scheduleL #MainCont td.CourseDeadline {
	width: 32px;
	text-align: center;
}

#scheduleL #MainCont td.CoursePhoto {
	width: 108px;
	padding: 2px 1px;
}

#scheduleL #MainCont td.CourseName p {
	padding: 5px 0px;
	width: 390px;
	border-bottom: 1px dotted #BEDDB5;
	margin: 0px auto;
	line-height: 1.3em;
}


#scheduleL #MainCont td.CourseNumber {
	background: #DCF2C6;
	font-size: 1.2em;
	font-weight: bold;
	color: #006600;
	text-align: right;
}

#scheduleL #MainCont .CourseName p.CourseTtl {
	position: relative;
	width: 400px;
	height: 22px;
	font-size: 1.2em;
	font-weight: bold;
	color: #006600;
	background: #DCF2C6;
	border-bottom: 1px solid #BEDDB5;
	margin: 0px;
	padding: 0px;
}

#scheduleL #MainCont .CourseName strong {
	font-size: 0.95em;
	position: absolute;
	display: block;
	left: 3px;
	top: 3px;
}

#scheduleL #MainCont .CourseName strong em {
	font-size: 0.825em;
}

#scheduleL #MainCont .CourseName strong.NewCourse {
	background: url(img/img_mark-new.gif) no-repeat right 50%;
	padding-right: 52px;
}

#scheduleL #MainCont .CourseName span.NumberOfTimes {
	position: absolute;
	right: 3px;
	top: 3px;
	font-size: 0.875em;
}

#scheduleL #MainCont .CourseName p.TeacherName {
	position: relative;
	width: 400px;
	height: 20px;
	color: #006600;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
}

#scheduleL #MainCont .CourseName p.TeacherName strong {
	position: absolute;
	display: block;
	left: 7px;
	top: 2px;
}

#scheduleL #MainCont .CourseName p.TeacherName em {
	position: absolute;
	display: block;
	right: 7px;
	top: 2px;
}

#scheduleL #MainCont .ImagePhoto {
	margin: 0px 10px 10px;
}



/* 生涯学習・公開講座TOPページ　設定 */
#nondegreeStudent #MainCont h2 {
	background: url(img/ttl_nondegree-student01.jpg) no-repeat;
}

#MainCont #AboutNondegreeStudent h3 {
	background: url(img/ttl_nondegree-student02.gif) no-repeat;
}

#MainCont #NondegreeStudentInfo h3 {
	background: url(img/ttl_nondegree-student03.gif) no-repeat;
}

#MainCont #NondegreeStudentList h3 {
	background: url(img/ttl_nondegree-student04.gif) no-repeat;
}

#MainCont #NondegreeStudentInfo,
#MainCont #NondegreeStudentList {
	width: 520px;
	margin: 0px auto;
}

#MainCont #NondegreeStudentInfo table {
	width: 520px;
	margin: 0px auto 40px;
	border-collapse: collapse;
}

#MainCont #NondegreeStudentInfo table th,
#MainCont #NondegreeStudentList table th {
	background: #C1ECC1;
	border: 1px solid #049B04;
	color: #000000;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

#MainCont #NondegreeStudentInfo table th.Head,
#MainCont #NondegreeStudentList table th.Head {
	background: #D7E1CD;
	text-align: center;
	vertical-align: middle;
}

#MainCont #NondegreeStudentInfo table td {
	width: 208px;
	border: 1px solid #049B04;
	padding: 3px;
	vertical-align: top;
}

#MainCont #NondegreeStudentInfo table td.ColspanCell {
	width: 416px;
}

#MainCont #NondegreeStudentInfo ul.BrownArrow {
	margin-left: 370px;
	list-style: none;
	padding: 0px;
}

#MainCont #NondegreeStudentInfo li strong {
	display: block;
	width: 15px;
	float: left;
	font-weight: normal;
}

#MainCont #NondegreeStudentInfo li span {
	display: block;
	width: 188px;
	float: right;
}

#MainCont #NondegreeStudentInfo td.ColspanCell li span {
	width: 398px;
}

#MainCont #NondegreeStudentList table {
	width: 250px;
	margin: 0px 0px 10px;
	border-collapse: collapse;
}

#MainCont #NondegreeStudentList table.LeftList {
	float: left;
}

#MainCont #NondegreeStudentList table.RightList {
	float: right;
}

#MainCont #NondegreeStudentList table td {
	width: 25px;
	border: 1px solid #049B04;
	padding: 3px;
	vertical-align: top;
	text-align: center;
}

#MainCont #NondegreeStudentList table td.UnitNumber {
	width: 35px;
}

#MainCont #NondegreeStudentList table td.FullYear {
	width: 50px;
}

#nondegreeStudent #inquiryL {
	width: 300px;
}

#nondegreeStudent #inquiryL p {
	width: 210px;
}

/* 生涯学習・公開講座ページ　設定 */
#lifelongStudyTop #MainCont h2 {
	text-indent: 0px;
}

#lifelongStudyTop #MainCont #Schedule,
#lifelongStudyTop #MainCont #HowToSubscribe,
#lifelongStudyTop #MainCont #GeneralNotes {
	width: 520px;
	margin: 0px auto 20px;
}

#MainCont #HowToSubscribe p {
	width: 480px;
}

#MainCont #HowToSubscribe p span{
	color: #03c;
	font-weight: bold;
}

#lifelongStudyTop #MainCont #Schedule h3 {
	background: url(img/ttl_lifelong-study-top02.gif) no-repeat;
}

#lifelongStudyTop #MainCont #HowToSubscribe h3 {
	background: url(img/ttl_lifelong-study-top03.gif) no-repeat;
}

#lifelongStudyTop #MainCont #GeneralNotes h3 {
	background: url(img/ttl_lifelong-study-top09.gif) no-repeat;
}

#lifelongStudyTop #MainCont #HowToSubscribe div,
#lifelongStudyTop #MainCont #GeneralNotes div {
	width: 500px;
	margin: 0px auto 10px;
}

#lifelongStudyTop #MainCont #HowToSubscribe h4 {
	width: 500px;
	height: 18px;
	padding: 0px;
	text-indent: -9999px;
	margin: 0px 0px 10px 0px;
}

#lifelongStudyTop #MainCont #HowToSubscribe #HowToSubscribe1 h4 {background: url(img/ttl_lifelong-study-top04.gif) no-repeat;}
#lifelongStudyTop #MainCont #HowToSubscribe #HowToSubscribe2 h4 {background: url(img/ttl_lifelong-study-top05.gif) no-repeat;}
#lifelongStudyTop #MainCont #HowToSubscribe #HowToSubscribe3 h4 {background: url(img/ttl_lifelong-study-top06.gif) no-repeat;}
#lifelongStudyTop #MainCont #HowToSubscribe #HowToSubscribe4 h4 {background: url(img/ttl_lifelong-study-top07.gif) no-repeat;}
#lifelongStudyTop #MainCont #HowToSubscribe #HowToSubscribe5 h4 {background: url(img/ttl_lifelong-study-top08.gif) no-repeat;}
#lifelongStudyTop #MainCont #HowToSubscribe #HowToSubscribe6 h4 {background: url(img/ttl_lifelong-study-top09.gif) no-repeat;}
#lifelongStudyTop #MainCont #HowToSubscribe #HowToSubscribe7 h4 {background: url(img/ttl_lifelong-study-top10.gif) no-repeat;}
#lifelongStudyTop #MainCont #HowToSubscribe #HowToSubscribe8 h4 {background: url(img/ttl_lifelong-study-top11.gif) no-repeat;}

#lifelongStudyTop #MainCont #HowToSubscribe dl {
	margin: 0px auto 10px;
}

#lifelongStudyTop #MainCont #HowToSubscribe dt {
	color: #049B04;
	font-weight: bold;
}

#lifelongStudyTop #MainCont #HowToSubscribe dd {
	padding-left: 12px;
	background: url(img/img_circle_l.gif) no-repeat left 50%;
	margin-left: 10px;
}

#lifelongStudyTop #MainCont #HowToSubscribe em {
	font-size: 0.9em;
}

#lifelongStudyTop #MainCont #HowToSubscribe ul {
	list-style: outside;
	padding-left: 10px;
	margin-left: 15px;
}

#lifelongStudyTop #MainCont #HowToSubscribe li span{
	color: #03c;
	font-weight: bold;
}


/* こどもアトリエ村ページ　設定 */
#atelierVillage #MainCont h2 {
	text-indent: 0px;
}

#atelierVillage #MainCont p.DisclosurePlan {
	width: 580px;
	font-size: 1.3em;
	font-weight: bold;
	color: #049B04;
}

#atelierVillage #MainCont #JuniorArtCollege h3 {
	background: url(img/atelier-village03.gif) no-repeat;
}

#atelierVillage #MainCont h4 {
	width: 500px;
	height: 18px;
	padding: 0px;
	text-indent: -9999px;
	margin: 0px 0px 10px 80px;
	background: url(img/atelier-village04.gif) no-repeat;
}

#atelierVillage #MainCont #JuniorArtCollege table {
	width: 520px;
	margin: 0px auto 20px;
	border-collapse: collapse;
}

#atelierVillage #MainCont #JuniorArtCollege th {
	background: #C1ECC1;
	text-align: left;
	width: 58px;
}

#atelierVillage #MainCont #JuniorArtCollege th.CourseName {
	background: #D7E1CD;
	text-align: center;
}

#atelierVillage #MainCont #JuniorArtCollege th,
#atelierVillage #MainCont #JuniorArtCollege td {
	padding: 5px 10px;
	border: 1px solid #049B04;
	vertical-align: top;
}

#atelierVillage #MainCont #JuniorArtCollege table td,
#atelierVillage #MainCont #JuniorArtCollege table th.Labyrinth,
#atelierVillage #MainCont #JuniorArtCollege table th.Clay,
#atelierVillage #MainCont #JuniorArtCollege table th.Music,{
	width: 500px;
}

#atelierVillage #MainCont #JuniorArtCollege p,
#atelierVillage #MainCont #KidsAtelierVillage p {
	margin: 0px 0px 10px 100px;
}

#atelierVillage #MainCont #KidsAtelierVillage {
	clear: both;
	padding: 20px 0px 40px;
}

#atelierVillage #MainCont #KidsAtelierVillage h3 {
	background: url(img/atelier-village05.gif) no-repeat;
}

#atelierVillage #MainCont dl.VillageDiscription {
	width: 520px;
	margin: 0px auto 20px;
}

#atelierVillage #MainCont dl.VillageDiscription dt {
	width: 80px;
	float: left;
	font-weight: bold;
	color: #049B04;
	padding: 0px 0px 5px 15px;
	text-align: right;
}

#atelierVillage #MainCont dl.VillageDiscription dt.OnTheDate {
	width: auto;
	float: none;
	padding: 0px 0px 5px 15px;
	text-align: left;
}

#atelierVillage #MainCont dl.VillageDiscription dd {
	width: 415px;
	float: right;
	padding: 0px 0px 5px 0px;
}

#atelierVillage #MainCont dl.VillageDiscription dd.OnTheDate {
	width: 520px;
	float: none;
	padding: 0px;
}

#atelierVillage #MainCont dl.VillageDiscription dd table {
	width: 520px;
	margin: 0px auto 20px;
	border-collapse: collapse;
}

#atelierVillage #MainCont dl.VillageDiscription dd th,
#atelierVillage #MainCont dl.VillageDiscription dd td {
	padding: 5px 2px;
	border: 1px solid #049B04;
	vertical-align: middle;
	font-size: 12px;
}

#atelierVillage #MainCont dl.VillageDiscription dd td.CourseNumber  {
	background: #C1ECC1;
	font-weight: bold;
	text-align: center;
}

#atelierVillage #MainCont dl.VillageDiscription dd .CourseNumber {
	width: 32px;
	padding: 2px;
}

#atelierVillage #MainCont dl.VillageDiscription dd .CourseName {
	width: 204px;
	padding: 5px;
}

#atelierVillage #MainCont dl.VillageDiscription dd .OnTheDate {
	text-align: center;
	width: 95px;
}

#atelierVillage #MainCont dl.VillageDiscription dd .Teacher {
	text-align: center;
	width: 64px;
}

#atelierVillage #MainCont dl.VillageDiscription dd .CloseDate {
	text-align: center;
	width: 93px;
}

#atelierVillage #MainCont dl.VillageDiscription dd .MaterialPossessions {
	padding: 0px 5px 0px 0px;
}

#atelierVillage #MainCont dl.VillageDiscription dd .MaterialPossessions strong {
	display: block;
	float: left;
	height: 22px;
	border-right: 1px solid #049B04;
	padding: 5px 10px 0px;
	background: #D7E1CD;
}

#atelierVillage #MainCont dl.VillageDiscription dd .MaterialPossessions em {
	display: block;
	padding: 5px 10px 0px;
	float: left;
	font-size: 11px;
}

#atelierVillage #MainCont dl.VillageDiscription dd th.CourseNumber,
#atelierVillage #MainCont dl.VillageDiscription dd th.CourseName,
#atelierVillage #MainCont dl.VillageDiscription dd th.OnTheDate,
#atelierVillage #MainCont dl.VillageDiscription dd th.Teacher,
#atelierVillage #MainCont dl.VillageDiscription dd th.CloseDate {
	background: #D7E1CD;
	font-weight: bold;
}

#atelierVillage #MainCont dl.VillageDiscription dd .CourseName em {
	font-size: 10px;
	line-height: 1.1em;
}

#atelierVillage #MainCont dl.Application {
	width: 500px;
	margin: 0px 0px 20px 120px;
}

#atelierVillage #MainCont dl.Application dt {
	font-weight: bold;
	color: #049B04;
	margin: 0px 0px 5px 0px;
}

#atelierVillage #MainCont dl.Application ul {
	list-style: inherit;
	list-style-position: inside;
	margin-left: 15px;
}

#atelierVillage #MainCont em.LastCaution {
	display: block;
	width: 530px;
	margin: 0px 0px 20px 70px;
	font-size: 10px;
}



/* 閉じるボタンとページトップへ戻るボタン */
ul.ToPageTop {
	padding: 10px 25px 0px 0px;
}

ul.ToPageTop li {
	float: left;
	margin-left: 30px;
}