@charset "UTF-8";
@import url("../../css/common.css");

h2 {
	background-image: url("../images/mainTitle.png");
}


/* ============================================================ index.html 用スタイル */


/* ============================================================ opencampus.html用 */
#schoolOpencampus h3 {
	background-image: url("../images/opencampusTitle.jpg");
}

#schoolOpencampus #leadImage {
	width: 100%;
	height: 240px;
	margin: 1em 0;
/*	text-align: center;*/
}
#schoolOpencampus #leadImage #video {
	position: relative;
	top: -120px;
	width: 320px;
	margin: 0 auto;
}

#schoolOpencampus #leadImage img.floatLeft1 {
	position: relative;
	width: 100px;
	height: 120px;
	top: 0em;
	left: 0px;
}
#schoolOpencampus #leadImage img.floatLeft2 {
	position: relative;
	width: 100px;
	height: 120px;
	top: 120px;
	left: -208px;
}
#schoolOpencampus #leadImage img.floatRight1 {
	position: relative;
	width: 100px;
	top: 0px;
	left: 364px;
}
#schoolOpencampus #leadImage img.floatRight2 {
	position: relative;
	width: 100px;
	top: 120px;
	left: 156px;
}

#schoolOpencampus #leadText {
	font-size: 0.9em;
	color: #009900;
}

#schoolOpencampus #leadText ul {
	margin-left: 2em;
	list-style: none;
}

#schoolOpencampus #leadText ul ul {
	color: #003300;
}

#schoolOpencampus #leadText strong {
	color: #99004c;
	font-weight: normal;
}

#schoolOpencampus #leadText p img {
	float: right;
}

#schoolOpencampus #schedule table {
	width: 340px;
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
	border: none;
}

#schoolOpencampus #schedule th,
#schoolOpencampus #schedule td {
	padding: 5px;
}

#schoolOpencampus #schedule th {
	background-color: #81bbf0;
	white-space: nowrap;
}
#schoolOpencampus #schedule th.mm {
	width: 40px;
	text-align: right
}
#schoolOpencampus #schedule th.dd {
	width: 60px;
	text-align: right
}

#schoolOpencampus #schedule td {
	background-color: #ddeeee;
}

#schoolOpencampus #schedule p {
	padding-top: 2em;
	font-size: 1em;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	line-height: 2;
}

#schoolOpencampus .formButton {
	display: block;
	width: 180px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	background-image: url("../../images/opencampusButton.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000em;
	overflow: hidden;
}

#schoolOpencampus a:hover.formButton {
	background-position: left bottom;
}

#schoolOpencampus #tel table {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

#schoolOpencampus #tel th {
	padding: 5px;
}
#schoolOpencampus #tel td {
	padding: 5px 1em;
}

#schoolOpencampus table.timeSchedule {
	float: left;
	width: 270px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 5px;
	border-color: #84a2d4;
}

#schoolOpencampus table.timeSchedule th,
#schoolOpencampus table.timeSchedule td {
	padding: 10px;
	text-align: left;
	font-size: 0.8em;
}

#schoolOpencampus .strong {
	color: #e56b0b;
	font-weight: bold;
}

/*================================================== コンテンツバナー ==========*/
#contentsBefore {
	width: 588px;
	margin-bottom: 0px;
	margin-left: -10px;
}

/*================================================== バナー用 ==========*/
#contentsBefore ul {
	list-style: none;
}
#contentsBefore li {
	float: left;
}
#contentsBefore li a {
	display: block;
	float: left;
}

#contentsBefore a:hover {
	background-position: left bottom;
	/* CSS3 */
	filter: alpha(opacity=75);
	opacity: 0.75;
}
#contentsBefore li a.img {
	text-indent: 0em;
}
/* ============================================================ kaijyou.html用 */
#schoolKaijyou h3 {
	background-image: url("../images/kaijyouTitle.jpg");
}

#schoolKaijyou h5 {
	margin-top: 1em;
	margin-left: 1em;
	border-left: solid 1em #005900;
	padding-top: 0.2em;
	padding-left: 0.5em;
	font-size: 1em;
	color: #005900;
}

#schoolKaijyou h5 a {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	border-bottom: solid 1px;
	color: #005900;
	text-decoration: none;
}

#schoolKaijyou h5 a:hover {
	color: #e56b0b;
}

#schoolKaijyou p img {
	float: right;
	margin-left: 10px;
}

#schoolKaijyou ul.list {
	list-style: none;
	font-size: 0.9em;
	color: #009900;
}

#schoolKaijyou ul.list li {
	margin-top: 1em;
}

#schoolKaijyou #stateLink {
	margin: 1em 2em;
}

#schoolKaijyou #stateLink li {
	display: inline;
	padding-right: 1em;
}

#schoolKaijyou table {
	width: 540px;
	margin: 1em auto;
	border-spacing: 0;
}

#schoolKaijyou table th,
#schoolKaijyou table td {
	padding: 10px 5px;
}

#schoolKaijyou table td.state {
	width: 50px;
	text-align: center;
	vertical-align: top;
}

#schoolKaijyou table td.city {
	width: 55px;
	text-align: left;
	vertical-align: middle;
}

#schoolKaijyou table td.datemm,
#schoolKaijyou table td.datedd,
#schoolKaijyou table td.time {
	text-align: right;
	white-space: nowrap;
}

#schoolKaijyou table td.datemm {
	width: 30px;
}

#schoolKaijyou table td.datedd {
	width: 55px;
}

#schoolKaijyou table td.time {
	width: 80px;
	white-space: nowrap;
}

#schoolKaijyou table td.place {
	font-size: 0.9em;
}

#schoolKaijyou #a0div,
#schoolKaijyou #a1div,
#schoolKaijyou #a2div,
#schoolKaijyou #a3div,
#schoolKaijyou #a4div,
#schoolKaijyou #a5div,
#schoolKaijyou #a6div,
#schoolKaijyou #a7div,
#schoolKaijyou #a8div,
#schoolKaijyou #a9div {
	display: none;
}

/* ============================================================ kobetu.html用 */
#schoolKobetu h3 {
	background-image: url("../images/kobetuTitle.jpg");
}

#schoolKobetu p img {
	float: right;
	margin-left: 10px;
}

#schoolKobetu ul.list {
	list-style: none;
	margin: 1em;
	font-size: 0.95em;
	color: #007f00;
}

#schoolKobetu ul.list li {
	margin-top: 1em;
}

#schoolKobetu table {
	margin: 1em auto;
	caption-side: top;
}

#schoolKobetu caption {
	margin-top: 1em;
	margin-bottom: 0em;
	text-align: left;
	padding-left: 1em;
}

#schoolKobetu th,
#schoolKobetu td {
	padding: 10px 1em;
}


/* ============================================================ kengakukai.html用 */
#schoolKengaku h3 {
	background-image: url("../images/kengakuTitle.jpg");
}

#schoolKengaku p img {
	float: right;
	margin-left: -10px;
	margin-top: -1em;
	margin-bottom: -2em;
}

#schoolKengaku table {
	margin: 1em auto;
}

#schoolKengaku th,
#schoolKengaku td {
	padding: 5px 10px;
}

#schoolKengaku dl {
	margin: 1em;
}

#schoolKengaku dt {
	margin-top: 1em;
	margin-left: 2em;
}

#schoolKengaku dd {
	display: none;
}

#schoolKengaku caption {
	margin-top: 1em;
	margin-bottom: 0em;
	text-align: left;
	padding-left: 1em;
}


/* ============================================================ コンテンツナビゲーション */
#contentsNavigator h3 {
	width: 147px;
	height: 30px;
	margin: 0;
	position: relative;
	top: -30px;
	left: -10px;
	background-image: url("../images/clickIndex.png");
	text-indent: -1000em;
}

#contentsNavigator ul {
	margin-top: -30px;
	margin-left: -10px;
	margin-right: -10px;
}

#contentsNavigator ul li {
	width: 147px;
	height: 30px;
}

#contentsNavigator ul li a {
	width: 147px;
	height: 30px;
}

#contentsNavigator #openIndex {
	background-image: url("../images/indexIndexSelect.jpg");
}
#contentsNavigator #openIndex a {
	background-image: url("../images/indexIndex.jpg");
}

#contentsNavigator #openOpencampus {
	background-image: url("../images/indexOpencampusSelect.jpg");
}
#contentsNavigator #openOpencampus a {
	background-image: url("../images/indexOpencampus.jpg");
}

#contentsNavigator #openKaijyou {
	background-image: url("../images/indexKaijyouSelect.jpg");
}
#contentsNavigator #openKaijyou a {
	background-image: url("../images/indexKaijyou.jpg");
}

#contentsNavigator #openKobetu {
	background-image: url("../images/indexKobetuSelect.jpg");
}
#contentsNavigator #openKobetu a {
	background-image: url("../images/indexKobetu.jpg");
}

#contentsNavigator #openKengakukai {
	background-image: url("../images/indexKengakukaiSelect.jpg");
}
#contentsNavigator #openKengakukai a {
	background-image: url("../images/indexKengakukai.jpg");
}

#contentsNavigator .blankMiddle {
	background-image: url("../images/blankMiddle.jpg");
}

#contentsNavigator .blankRight {
	background-image: url("../images/blankRight.jpg");
}