@charset "utf-8";

/* ============================================
 *
 * Last UpDate : 2010/06/24
 *
============================================ */
/* --------------------------------------------
	/type/共通
-------------------------------------------- */
/* 保護者ページ用ベージュ背景 */
body#guardian #contentsWrap,
body#guardian #contents {
	background: #efe6bb;
}

/* カテゴリ別背景 */
body#guardian #contents #main .sectionBg01 {
	background: #ffffff url(/guardian/img/guardian_bg01.jpg) no-repeat left top;
}

/* サイドバナーテキスト色再設定 */
.ul_ad li a { color: #4398bb;}
.ul_ad li.verdy p { color: #333;}


/* ============================================
	保護者の方へ
============================================ */
.ul_index01 {
	background: url(/shared/img/bg/bg_colum2box03.gif) no-repeat left bottom;
	margin-right: -10px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
	.ul_index01 li {
		float: left;
		margin-right: 10px;
		width: 320px;
		min-height: 220px;
	}
	* html .ul_index01 li {
		height: 220px;
	}
		.ul_index01 li p.txt {
			padding: 15px 15px 0;
		}
		.ul_index01 li ul.ul_bgLink01 {
			position: absolute;
			bottom: 15px;
			margin: 0;
			width: 305px;
		}
			.ul_index01 li ul.ul_bgLink01 li {
				float: right;
				margin-right: 0;
				min-height: 0;
				width: 200px;
			}
			* html .ul_index01 li ul.ul_bgLink01 li {
				height: auto;
			}


/* ============================================
	保護者の方へのメッセージ
============================================ */


/* ============================================
	通信制高校サポート校とは
============================================ */
body.philosophy .sectionTypeBg04 ul {
	background: url(/shared/img/bg/bg_gradation03.gif) no-repeat left top;
	padding-top: 9px;
}
	body.philosophy .sectionTypeBg04 ul li h6 {
		margin-bottom: 0;
	}
	body.philosophy .sectionTypeBg04 ul li ul {
		background: none;
		padding-top: 0;
	}
		body.philosophy .sectionTypeBg04 ul li ul li {
			float: none;
			margin: 0;
			width: auto;
		}
			body.philosophy .sectionTypeBg04 ul li ul li img {
				vertical-align: bottom;
			}
body.philosophy .sectionTypeBg02 .sectionInner01 {
	background: url(/shared/img/bg/bg_gradation01.gif) no-repeat left top;
	padding-top: 9px;
}
	body.philosophy .sectionTypeBg02 .sectionInner01 p,
	body.philosophy .sectionTypeBg02 .sectionInner01 ul {
		text-align: center;
	}
	body.philosophy .sectionTypeBg02 .sectionInner01 p {
		margin: 5px 0 10px;
	}
		body.philosophy .sectionTypeBg02 .sectionInner01 ul li img {
			vertical-align: bottom;
		}


/* ============================================
	中央高等学院のご紹介
============================================ */
body.follow .sectionRadius02 {
}
	.sectionFollow01 {
		padding: 0 10px 20px 19px;
		line-height: 1.8;
		overflow: hidden;
		zoom: 1;
	}
		body.follow .sectionRadius02 p.fltR,
		body.detail .sectionRadius02 p.fltR {
			padding: 0 10px 10px 10px;
		}


/* ============================================
	コースのご紹介
============================================ */
ul.ul_outside01 {
	position: relative;
	width: 650px;
	padding-bottom: 72px;
	background: url(/guardian/img/outside_bg01.gif) no-repeat left bottom;
}
	ul.ul_outside01 .fltL,
	ul.ul_outside01 .fltR {
		display: inline;
		width: 320px;
	}
	.ul_outside01_ttl {
		position: relative;
		width: 320px;
	}
		p.ul_outside01_pic {
			position: absolute;
			top: -22px;
			right: 0;
		}
	ul.ul_outside01 ul.ul_outside01_in {
		position: relative;
		margin-top: -3px;
		margin-left: 10px;
		width: 300px;
		padding-top: 3px;
		background: url(/guardian/img/outside_bg02.png) no-repeat left top;
	}
	p.ul_outside01_btm {
		position: absolute;
		bottom: 0;
	}


div.ul_outside02 {
	position: relative;
	width: 630px;
	padding: 0 10px 14px;
	_width: 650px;
	background: url(/guardian/img/outside_bg03.gif) no-repeat left bottom;
}
	p.ul_outside02_pic {
		position: absolute;
		right: 0;
		top: -83px;
	}

/* ============================================
	勉強・進学のサポート体制
============================================ */
dl.dl_univ01 {
	margin-top: 55px;
	background: #ececec;
	padding: 17px;
	margin-bottom: 20px;
	}
	dl.dl_univ01 dt {
		font-weight: bold;
	}
	dl.dl_univ01 dd {
		margin-bottom: 20px;
	}


/* ============================================
	就職のサポート体制
============================================ */


/* ============================================
	心のサポート体制
============================================ */


/* ============================================
	保護者インタビュー
============================================ */
.dl_parent01 {
	float: none !important;
	margin: 0 0 10px !important;
	overflow: hidden;
	zoom: 1;
}
	.dl_parent01 dt {
		background: none !important;
		margin: 0 !important;
		padding: 0 !important;
		clear: both;
		float: left;
		width: 2.5em;
		font-weight: bold;
	}
	.dl_parent01 dd {
		margin-left: 2.5em;
		padding-left: 1em;
	}
		.dl_parent01 dd span {
			*display: inline;
			zoom: 1;
			display: inline-block;
			margin-left: -0.5em;
			padding: 0 0.5em 0 0;
		}
.ul_parent01 {
}
	.ul_parent01 li {
		background: url(/shared/img/ico/ico_circle01.gif) no-repeat left 0.5em;
		padding-left: 16px;
		width: auto !important;
	}
	* html .ul_parent01 li {
		background: url(/shared/img/ico/ico_circle01.gif) no-repeat left 0.3em;
	}
		.ul_parent01 li.type01 {
			background: url(/shared/img/ico/ico_circle01.gif) no-repeat left 0.1em;
		}
		* html .ul_parent01 li.type01 {
			background: url(/shared/img/ico/ico_circle01.gif) no-repeat left top;
		}

/* プロフィール */
.profileImg {
	position: relative;
	float: left;
	display: inline;
	margin-right: 15px;
	width: 352px;
	height: 350px;
}
	/* 保存対策用透過gif */
	.profileImg .transparent {
		position: absolute;
		left: 0;
		top: 0;
		width: 352px;
		height: 350px;
	}
.sectionProfile {
	position: relative;
	padding-top: 88px;
	overflow: hidden;
	zoom: 1;
}
	/* 保存対策用透過gif */
	.sectionProfile .transparent {
		position: absolute;
		right: 0;
		top: 0;
		width: 303px;
		height: 160px;
	}

	.sectionProfile h4 {
		margin-bottom: 12px;
	}
	.sectionProfile p {
		margin-left: 1px;
		margin-bottom: 90px;
	}
	.sectionProfile div {
		background: url(/shared/img/bg/w300_bg01.gif) no-repeat left top;
		padding: 9px 0 0;
		width: 300px;
	}
		.sectionProfile div dl {
			background: url(/shared/img/bg/w300_bg01.gif) no-repeat left bottom;
			padding: 0 0 3px;
		}
			.sectionProfile div dl dt {
				clear: both;
				float: left;
				padding-left: 6px;
			}
			.sectionProfile div dl dd {
				background: url(/shared/img/bg/bg_dotX01.gif) repeat-x left bottom;
				margin-bottom: 4px;
				padding: 1px 5px 8px 75px;
			}
			.sectionProfile div dl dd.last {
				background: none;
				padding: 1px 5px 4px 75px;
			}
/* parent01 */
.sectionParent01 {
	position: relative;
	float: left;
	display: inline;
	margin-right: 15px;
}
	.sectionParent01 .transparent {
		position: absolute;
		left: 0;
		top: 0;
		width: 190px;
		height: 143px;
	}




