@charset "utf-8";
/* CSS Document */


/* -- top page style ------------------ */
#contents.top {}

#contents.top #news {
/*	width: 330px;	*/
	width: 590px;
	font-size: 90%;
	text-align: left;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}

#contents.top #news .topic {
	margin: 0;
	padding: 5px;
	border-bottom: 1px dotted #666666;
}

#contents.top #news .date {
	line-height: 1.2;
}

/*#contents.top #banner {*/
#side #banner {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

/*#contents.top #banner a {*/
#side #banner a {
	display: block;
	width: 236px;
	height: 99px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
	margin-bottom: 10px;
}

/*#contents.top #banner a span {*/
#side #banner a span {
	display: none;
} 

/*#contents.top #banner .question {*/
#side #banner .question {
	background-image: url(../images/question.gif);
}

/*#contents.top #banner a:hover.question {*/
#side #banner a:hover.question {
	background-position: 0px -99px;
}

/*#contents.top #banner .report {*/
#side #banner .report {
	background-image: url(../images/blog.gif);
}

/*#contents.top #banner a:hover.report {*/
#side #banner a:hover.report {
	background-position: 0px -99px;
}

#contents.top #course {
	text-align: left;
	margin-bottom: 15px;
}

#contents.top #course #timetable {
	/*width: 580px;*/
	border-collapse: collapse;
	padding: 0;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#contents.top #course #timetable th {
	/*width: 100%;*/
	height: 30px;
	background-image: url(../images/timehead.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#contents.top #course #timetable td {
	width: 70px;
	text-align: center;
	background-color: #D6EDED;
	border: 2px solid #89A694;
	padding: 10px 2px;
	margin: 0;
}

#contents.top #course #timetable td.time {
	width: 44px;
	text-align: center;
	vertical-align: middle;
	background-color: #89A694;
	color:#EEEEEE;
	padding: 0;
}

#contents.top #course #timetable td.class {
	font-weight: bold;
	border-bottom: 0px;
	vertical-align: top;
}

#contents.top #course #timetable td.place {
	font-size: 90%;
	border-top: 1px dashed #89A694;
	vertical-align: top;
}

#main #side p {
	padding: 0 5px;
	text-align: justify;
}

#main #side .banner {
	font-size: 80%;
	padding: 0 5px;
	text-align: left;
}




/* -- top page style ------------------ */


/* -- gaiyou page style ---------------- */

#contents.gaiyou {}

#contents.gaiyou .block .title {
	float: left;
	width: 140px;
	margin: 5px auto;
}

#contents.gaiyou .block .detail {
	float: left;
	width: 420px;
	margin: 5px auto;
	text-align: justify;
}

#contents.gaiyou .block .detail .left {
	float: left;
	width: 60px;
}

#contents.gaiyou .block .detail .right {
	float: left;
	width: 150px;
}

#contents.gaiyou .block .detail ul {
	list-style: decimal;
	margin: 0 10px;
	padding-left: 15px;
}

#contents.gaiyou .daihyou {
	width: 300px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: 0;
	text-align: justify;
	line-height: 130%;
}

#side.gaiyou ul {
	margin: 0;
	margin-top: 85px;
	margin-left: 5px;
	padding: 0;
}

#side.gaiyou ul li {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}
#contents.gaiyou .category {
	padding-top:5px;
}
#contents.gaiyou .article {
	float:left;
	width:65px;
	padding:5px 0;
}
#contents.gaiyou .naiyou {
	float:left;
	width:500px;
	height:auto;
	padding:3px 0px 5px 0px;
}
#contents.gaiyou .block ul.issue {
	list-style: none;
}
#contents.gaiyou .block .issue ul.item{
	list-style: none;
}
#contents.gaiyou .block .yakuin {}
#contents.gaiyou .block .yakuin .work {
	float:left;
	width:100px;
	padding:0px 0px 10px 80px;
}
#contents.gaiyou .block .yakuin .name {
	float:left;
	width:385px;
	padding:0px 0px 10px 0px;
}
#contents.gaiyou .block ul.kaiin {
	list-style: none;
	padding:0;
	margin:0;
}
#contents.gaiyou .block ul.kaiin li.ss{
	float:left;
	width:100px;
	padding:0px 15px 0px 15px;
}
#contents.gaiyou .block ul.kaiin li.mm{
	float:left;
	width:120px;
	padding:0px 15px 0px 15px;
}
#contents.gaiyou .block ul.kaiin li.ll{
	float:left;
	width:240px;
	padding:0px 15px 0px 15px;
}
/* -- gaiyo page style end ------------ */


/* -- naiyou page style ---------------- */

#contents.naiyou {}

#contents.naiyou .block .left {
	float: left;
	width: 410px;
}

#contents.naiyou .block .right {
	float: right;
	width: 155px;
}

#side.naiyou dl {
	margin: 0;
	padding: 0;
}

#side.naiyou dt {
	margin: 0;
	padding: 10px 0;
}

#side.naiyou dd {
	margin: 0;
	padding: 3px 0;
	padding-left: 20px;
}

/* -- naiyou page style end ------------ */


/* -- teacher page style --------------- */

#contents.teacher {}


#contents.teacher .block {
}

#contents.teacher .block .fltlft {
	width: 394px;
	margin: 0;
	padding: 0;
}


#contents.teacher .block .fltlft .name {
	height: 30px;
}

#contents.teacher .block .fltlft .name .left {
	float: left;
	width: 170px;
	height: 100%;
	font-weight: bold;
	padding-left: 10px;
}

#contents.teacher .block .fltlft .name .right {
	float: left;
	width: 210px;
	height: 100%;
	font-size: 100%;
}

#contents.teacher .block .fltlft .name h3 {
	font-weight: bold;
	font-size: 140%;
	margin: 0;
	padding: 0;
	padding-left: 22px;
	background-image: url(../images/ttl_sub.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	line-height: 30px;
}

#contents.teacher .block .fltlft .name span {
	line-height: 30px;
}

#contents.teacher .block .fltlft .line {
	width: 100%;
	height: 5px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	background-color: #006837;
}

#contents.teacher .block .fltlft .profile {
	width: 97%;
	background-color: #C9F5B8;
	padding: 12px 3px;
}

#contents.teacher .block .fltlft .profile .left {
	float: left;
	width: 130px;
	text-align: center;
}

#contents.teacher .block .fltlft .profile .right {
	float: left;
	width: 250px;
}

#contents.teacher .block .fltrt {
	width: 175px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#contents.teacher .block .fltrt img {
	padding: 5px;
	border: 1px solid #bbbbbb;
}
/* -- teacher page style end ----------- */


/* -- kyoten page style --------------- */

#contents.kyoten {}

#contents.kyoten table {
	width: 570px;
	border: 1px solid #bbbbbb;
	border-collapse: collapse;
	table-layout: fixed;
}

#contents.kyoten th {
	font-weight: normal;
	text-align: center;
	padding: 10px;
	border: 1px solid #bbbbbb;
}

#contents.kyoten td {
	padding: 10px;
	border: 1px solid #bbbbbb;
	vertical-align: top;
}

#contents.kyoten .td1 {
	width: 40px;
}

#contents.kyoten td ul {
	margin: 5px;
	padding-left: 15px;
}

#contents.kyoten td li {
	margin: 2px;
	padding-left: 0px;
}

#contents.kyoten td li ul {
	margin-left: 15px;
	padding: 0;
}

/* -- kyoten page style end ----------- */


/* -- admission page style ------------ */

#contents.admission {}

#contents.admission .errmsg {
	color: #ff0000;
}

#contents.admission .errmsg ul {
	margin: 5px 20px;
}

#contents.admission .errmsg li {
	list-style: square;
}

#contents.admission .left {
	float: left;
	width: 155px;
	font-size: 90%;
	margin: 2px 0;
	padding-left: 15px;
}

#contents.admission .left span {
	color: #ff0000;
	font-size: 80%;
}

#contents.admission .right {
	float: left;
	width: 390px;
	font-size: 90%;
	margin: 3px 0;
}

#contents.admission .right span {
	font-size: 80%;
}

#contents.admission .right input {
	margin: 5px 0;
}

#contents.admission .right .long {
	width: 320px;
	margin: 0;
}

#contents.admission .right .middle {
	width: 150px;
	margin: 0;
}

#contents.admission .right .short {
	width: 50px;
	margin: 0;
}

#contents.admission .buttons {
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

#contents.admission .notice {
	font-size: 90%;
	color: #444444;
	text-align: justify;
  overflow: scroll;
  width: 520px;
  height: 400px;
  margin: 15px;
	padding: 0 10px;
	padding-right: 0;
	border: 1px solid #89A694;
}

#contents.admission .notice h3 {
	margin: 10px 0;
	margin-bottom: 20px;
}

#contents.admission .notice .block {
	margin: 10px 0;
}

#contents.admission .notice .block p {
	margin: 0;
	padding: 5px 0;
}

#contents.admission .enquete {
	margin: 0;
	padding: 10px;
	padding-left: 5px;
}

#contents.admission .enquete h3 {
	margin-top: 0;
}

#contents.admission .enquete p {
	background-color: #C7E1A9;
	text-align: center;
	padding: 3px 0;
}

#contents.admission .enquete ul {
	font-weight: bold;
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

#contents.admission .enquete ul li {
	margin: 0;
	padding: 0;
}

#contents.admission .enquete ul li ul {
	margin: 10px;
	padding: 0;
}

#contents.admission .enquete ul li ul li {
	float: left;
	width: 230px;
	margin: 3px 0;
	padding: 0;
	font-weight: normal;
}

#contents.admission .enquete ul li ul li.other {
	clear: left;
	float: none;
	width: 460px;
}

#contents.admission .enquete .middle {
	width: 230px;
	margin: 0;
}


#contents.admission .parents {
	margin-bottom: 10px;
}

#contents.admission .parents p {
	background-color: #C7E1A9;
	text-align: center;
	padding: 3px 0;
}

#contents.admission .infomail {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-bottom: 20px;
}

#contents.admission .infomail p {
	background-color: #C7E1A9;
	text-align: center;
	padding: 3px 0;
}

#contents.admission .infomail .left {
	width: 80px;
}

#contents.admission .infomail .right {
	width: 450px;
}



/* -- admission page style end -------- */


/* -- contact page style -------------- */

#contents.contact {}

#contents.contact .errmsg {
	color: #ff0000;
}

#contents.contact .errmsg ul {
	margin: 5px 10px;
}

#contents.contact .errmsg li {
	margin: 2px 0px;
	list-style: square;
}

#contents.contact .left {
	float: left;
	width: 155px;
	font-size: 90%;
	margin: 2px 0;
	padding-left: 15px;
}

#contents.contact .left span {
	color: #ff0000;
	font-size: 80%;
}

#contents.contact .right {
	float: left;
	width: 380px;
	font-size: 90%;
	margin: 3px 0;
}

#contents.contact .right span {
	font-size: 80%;
}

#contents.contact .right .long {
	width: 320px;
	margin: 0;
}

#contents.contact .right .middle {
	width: 150px;
	margin: 0;
}

#contents.contact .right .short {
	width: 50px;
	margin: 0;
}

#contents.contact .right textarea {
	width: 330px;
	height: 150px;
	margin: 0;
}

#contents.contact .buttons {
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

/* -- contact page style end ---------- */


/* -- sportsclub page style ----------- */

#contents.sportsclub {}

#contents.sportsclub .danran {
	margin-left: 30px;
}

/* -- sportsclub page style end ------- */