@charset "utf-8"; 

/* =========================================================
 main
========================================================= */
div#main {
	clear: both;
	/*
	width: 670px;
	*/
	width: 675px;
}

/* btnBox
--------------------------------------------------------- */
div#btnBox {
	width: 675px;
	margin-top: 1em;
}
	div#btnBox p {
		margin-left: 1em;
		margin-bottom: 1em;
	}
	div#btnBox div#btnLeft {
		float: left;
		width: 330px;
		background: url(../images/education/back01.gif);
	}
	div#btnBox div#btnRight {
		float: right;
		width: 330px;
		background: url(../images/education/back01.gif);
	}

/* btn
--------------------------------------------------------- */
p.btn {
	height: 30px;
	margin: 1em 0 1em 1em;
}
	p.btn a {
		display: block;
		height: 30px;
		text-indent: -9999px;
	}
	/* ----- グローバルスタディーズコースへ ----- */
	p.btn a#global {
		width: 220px;
		background: url(../images/guide/btn03.gif) no-repeat 0 0;
	}
	p.btn a#global:hover, p.btn a#global.self {
		background: url(../images/guide/btn03.gif) no-repeat 0 -30px;
	}
	/* ----- 総合進学コースへ ----- */
	p.btn a#general {
		width: 220px;
		background: url(../images/guide/btn04.gif) no-repeat 0 0;
	}
	p.btn a#general:hover, p.btn a#general.self {
		background: url(../images/guide/btn04.gif) no-repeat 0 -30px;
	}
	/* ----- グローバルスタディーズコース詳細へ ----- */
	p.btn a#globalDetail {
		width: 250px;
		background: url(../images/education/btn01.gif) no-repeat 0 0;
	}
	p.btn a#globalDetail:hover, p.btn a#globalDetail.self {
		background: url(../images/education/btn01.gif) no-repeat 0 -30px;
	}
	/* ----- 総合進学コース詳細へ ----- */
	p.btn a#generalDetail {
		width: 250px;
		background: url(../images/education/btn02.gif) no-repeat 0 0;
	}
	p.btn a#generalDetail:hover, p.btn a#globalDetail.self {
		background: url(../images/education/btn02.gif) no-repeat 0 -30px;
	}

/* btn3Box
--------------------------------------------------------- */
div#btn3Box {
	width: 675px;
	background: url(../images/education/back01.gif);
	margin-bottom: 2em;
}
	div#btn3Box div#btnLeft {
		float: left;
		width: 220px;
	}
	div#btn3Box div#btnRight {
		float: left;
		width: 220px;
	}
	div#btn3Box div#btnCenter {
		float: left;
		width: 220px;
	}
	div#btn3Box a {
		display: block;
		height: 30px;
		text-indent: -9999px;
	}
	/* ----- 特色 ----- */
	div#btn3Box p a#btn01 {
		width: 200px;
		background: url(../images/education/btn03.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn01:hover {
		background: url(../images/education/btn03.gif) no-repeat 0 -30px;
	}
	/* ----- これまでの成果 ----- */
	div#btn3Box p a#btn02 {
		width: 200px;
		background: url(../images/education/btn04.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn02:hover {
		background: url(../images/education/btn04.gif) no-repeat 0 -30px;
	}
	/* ----- 留学制度について ----- */
	div#btn3Box p a#btn03 {
		width: 200px;
		background: url(../images/education/btn05.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn03:hover {
		background: url(../images/education/btn05.gif) no-repeat 0 -30px;
	}
	/* ----- 主な合格校（過去3年） ----- */
	div#btn3Box p a#btn04 {
		width: 200px;
		background: url(../images/education/btn06.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn04:hover {
		background: url(../images/education/btn06.gif) no-repeat 0 -30px;
	}
	/* ----- 英検等資格取得状況 ----- */
	div#btn3Box p a#btn05 {
		width: 200px;
		background: url(../images/education/btn07.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn05:hover {
		background: url(../images/education/btn07.gif) no-repeat 0 -30px;
	}
	/* ----- 卒業生の声 ----- */
	div#btn3Box p a#btn06 {
		width: 200px;
		background: url(../images/education/btn08.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn06:hover {
		background: url(../images/education/btn08.gif) no-repeat 0 -30px;
	}
	/* ----- カリキュラム ----- */
	div#btn3Box p a#btn07 {
		width: 200px;
		background: url(../images/education/btn09.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn07:hover {
		background: url(../images/education/btn09.gif) no-repeat 0 -30px;
	}
	/* ----- 活動実績一覧 ----- */
	div#btn3Box p a#btn08 {
		width: 200px;
		background: url(../images/education/btn10.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn08:hover {
		background: url(../images/education/btn10.gif) no-repeat 0 -30px;
	}


	/* ----- 総合文科系 ----- */
	div#btn3Box p a#btn09 {
		width: 200px;
		background: url(../images/education/btn11.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn09:hover {
		background: url(../images/education/btn11.gif) no-repeat 0 -30px;
	}
	/* ----- 保育系 ----- */
	div#btn3Box p a#btn10 {
		width: 200px;
		background: url(../images/education/btn12.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn10:hover {
		background: url(../images/education/btn12.gif) no-repeat 0 -30px;
	}
	/* ----- 看護系 ----- */
	div#btn3Box p a#btn11 {
		width: 200px;
		background: url(../images/education/btn13.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn11:hover {
		background: url(../images/education/btn13.gif) no-repeat 0 -30px;
	}
	/* ----- 医療系 ----- */
	div#btn3Box p a#btn12 {
		width: 200px;
		background: url(../images/education/btn14.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn12:hover {
		background: url(../images/education/btn14.gif) no-repeat 0 -30px;
	}
	/* ----- 福祉系 ----- */
	div#btn3Box p a#btn13 {
		width: 200px;
		background: url(../images/education/btn15.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn13:hover {
		background: url(../images/education/btn15.gif) no-repeat 0 -30px;
	}
	/* ----- 系統別 特別講座について ----- */
	div#btn3Box p a#btn14 {
		width: 200px;
		background: url(../images/education/btn16.gif) no-repeat 0 0;
	}
	div#btn3Box p a#btn14:hover {
		background: url(../images/education/btn16.gif) no-repeat 0 -30px;
	}

/* h4
--------------------------------------------------------- */
div.box h4 {
	color: #E4007F;
	font-size: 1.2em;
	margin-bottom: 0em;
}

/* h5
--------------------------------------------------------- */
div.box h5 {
	font-size: 1.2em;
	margin-bottom: 0em;
	background: url(../images/common/icon05.gif) 0 0.5em no-repeat;
	padding-left: 1.5em;
}

/* 2カラム
--------------------------------------------------------- */
div.leftBox {
	float: left;
	width: 330px;
	margin-bottom: 20px;
}
	div.leftBox h4 {
		padding-bottom: 5px;
	}
	div.leftBox img {
		padding-bottom: 10px;
	}
div.rightBox {
	float: right;
	width: 330px;
	margin-bottom: 20px;
}
	div.rightBox h4 {
		padding-bottom: 5px;
	}
	div.rightBox img {
		padding-bottom: 10px;
	}

/* FAQ
--------------------------------------------------------- */
/* ----- Question ----- */
/*
dl.question dt{
	float: left;
	width: 2em;
	color: #E4007F;
}
dl.question dd {
	margin-left: 2em;
	color: #E4007F;
}
*/
/* ----- Answer ----- */
/*
dl.answer dt{
	float: left;
	width: 2em;
}
dl.answer dd {
	margin-left: 2em;
}
*/

/* 成果
--------------------------------------------------------- */
div#outcome {
	width: 675px;
}
	/* ----- photoBox ----- */
	/*
	div#outcome div.photoBox {
		width: 220px;
	}
	*/
	/* ----- 成果 ----- */
	div#outcome table {
		width: 325px;
		border-collapse: collapse;
		margin-bottom: 1.5em;
		float: left;
	}
	div#outcome th {
		font-weight: normal;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.5em;
		width: 60px;
	}
	div#outcome td {
		text-align: left;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.5em;
		font-weight: bold;
	}

/* 留学制度について
--------------------------------------------------------- */
div.abroadBox ul {
	margin-bottom: 20px;
}
	div.abroadBox li {
		list-style: outside disc;
		color: #E4007F;
		font-size: 130%;
		margin-left: 15px;
	}
div.abroadBox table {
	border: solid 1px #D3D3D3;
	border-collapse: collapse;
	width: 330px;
	float: left;
}
	div.abroadBox caption {
		color: #E4007F;
		font-size: 120%;
	}
	div.abroadBox th {
		background: #FDE4ED;
		border: solid 1px #D3D3D3;
		font-weight: normal;
		padding: 5px;
	}
	div.abroadBox td {
		border: solid 1px #D3D3D3;
		padding: 5px;
	}
	div.abroadBox p img {
		float: right;
	}

/* 英検等資格取得状況
--------------------------------------------------------- */
div#eikenBox dd{
	margin-left: 15px;
	font-size: 130%;
	margin-bottom: 10px;
}

/* 卒業生の声
--------------------------------------------------------- */
div.voiceBox {
	/*
	width: 675px;
	*/
}
	/* ----- photoBox ----- */
	div.voiceBox p.photoBox {
		float: right;
		width: 150px;
		margin-left: 10px;
	}
	/* ----- photoLBox ----- */
	div.voiceBox p.photoLBox {
		float: left;
		width: 110px;
		margin-right: 10px;
	}
	div.voiceBox p.title {
		color: #E4007F;
		font-size: 130%;
		font-weight: bold;
	}
	div.voiceBox p.name {
		font-size: 120%;
		margin-bottom: 10px;
	}
	
	div.voiceBox .w440 {
		width: 440px;
	}

/* 3カラム写真（高校3年次高大連携教育）
--------------------------------------------------------- */
div#threePhoto {
	margin: 10px 0;
}
	div#threePhoto div {
		float: left;
		width: 220px;
		margin-bottom: 10px;
	}


/* 特別講座の担当
--------------------------------------------------------- */
table#course {
	width: 500px;
	border-collapse: collapse;
	margin-bottom: 1.5em;
	margin-top: 1em;
}
	table#course th {
		background: #EFEFEF;
		font-weight: normal;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.5em;
	}
	table#course td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.5em;
	}


/* 3カラム
--------------------------------------------------------- */
div#leftBox {
	float: left;
	width: 220px;
}
	/* ----- 教育系 ----- */
	table#education {
		width: 210px;
		border-collapse: collapse;
	}
	table#education th {
		background: #006CB4;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#education td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#education tr.coloring	{
		background: #AED1E9;
	}
	/* ----- 保育系 ----- */
	table#rearing {
		width: 210px;
		border-collapse: collapse;
	}
	table#rearing th {
		background: #FF981B;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#rearing td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#rearing tr.coloring	{
		background: #FEE0B1;
	}
	/* ----- 外国語系 ----- */
	table#foreign {
		width: 210px;
		border-collapse: collapse;
	}
	table#foreign th {
		background: #009FAD;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#foreign td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#foreign tr.coloring {
		background: #ADE2E6;
	}
	/* ----- 美術・芸術系 ----- */
	table#art {
		width: 210px;
		border-collapse: collapse;
	}
	table#art th {
		background: #B40080;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#art td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#art tr.coloring	{
		background: #FFFAB0;
	}
	table#art tr.coloring2	{
		background: #EAAED8;
	}
	/* ----- 家政系 ----- */
	table#homemaking {
		width: 210px;
		border-collapse: collapse;
	}
	table#homemaking th {
		background: #F23176;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#homemaking td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#homemaking tr.coloring {
		background: #FBBED5;
	}


div#centerBox {
	float: left;
	width: 220px;
}
	/* ----- 看護系 ----- */
	table#nursing {
		width: 210px;
		border-collapse: collapse;
	}
	table#nursing th {
		background: #4FB244;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#nursing td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	
	div#centerBox p {
		padding-right: 1em;
		text-align: right;
		color: #666;
	}
	/* ----- 医療系 ----- */
	table#medical {
		width: 210px;
		border-collapse: collapse;
	}
	table#medical th {
		background: #00A2E5;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#medical td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#medical tr.coloring {
		background: #FFFAB0;
	}
	table#medical tr.coloring2 {
		background: #ACE3F8;
	}
	/* ----- 福祉系 ----- */
	table#welfare {
		width: 210px;
		border-collapse: collapse;
	}
	table#welfare th {
		background: #AAA736;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#welfare td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#welfare tr.coloring {
		background: #F7F2AA;
	}
	/* ----- 音楽系 ----- */
	table#music {
		width: 210px;
		border-collapse: collapse;
	}
	table#music th {
		background: #F84F1E;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#music td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#music tr.coloring {
		background: #F8C5B0;
	}
	/* ----- 就職 ----- */
	table#employment {
		width: 210px;
		border-collapse: collapse;
	}
	table#employment th {
		background: #AF1F76;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#employment td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}


div#rightBox {
	float: left;
	width: 220px;
}
	/* ----- 人文社会学系 ----- */
	table#sociology {
		width: 210px;
		border-collapse: collapse;
	}
	table#sociology th {
		background: #008D85;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#sociology td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#sociology tr.coloring {
		background: #FFFAB0;
	}
	table#sociology tr.coloring2 {
		background: #ADDDD9;
	}
	/* ----- その他 ----- */
	table#other {
		width: 210px;
		border-collapse: collapse;
	}
	table#other th {
		background: #D78429;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.2em;
		color: #FFF;
	}
	table#other td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.2em;
	}
	table#other tr.coloring {
		background: #FFFAB0;
	}
	table#other tr.coloring2 {
		background: #F0DAB6;
	}
	
	div#leftBox p {
		padding-right: 1em;
		text-align: right;
		color: #666;
	}

	div#rightBox p {
		padding-right: 1em;
		text-align: right;
		color: #666;
	}

/* 常葉学園高等学校進学のメリット
--------------------------------------------------------- */
dl#merit dt {
	color: #E4007F;
	font-weight: bold;
}
dl#merit dd {
	font-weight: bold;
}
dl#merit dd.normal {
	font-weight: normal;
}

/* 資格収得情報
--------------------------------------------------------- */
table#info {
	width: 100%;
	border-collapse: collapse;
}
	table#info th {
		background: #EFEFEF;
		font-weight: normal;
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 0.5em;
	}
	table#info td {
		text-align: center;
		border: 1px solid #D3D3D3;
		border-collapse: collapse;
		padding: 0.5em;
	}
tr.coloring	{
	background: #E9E9E9;
}


/* photoBox
--------------------------------------------------------- */
div.photoBox div {
	width: 220px;
	float: left;
}

	div.photoBox img.bnone {
		padding: 0.2em;
		border: none;
	}

/* =========================================================
 sub
========================================================= */
div#sub {
	width: 200px;
}
	div#sub h3 {
		padding-left: 2px;
	}

div#subMenu {
	margin: 2px 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
div#sub ul {
}