@charset "utf-8";

/* ============================================
 *
 * Last UpDate : 2010/06/03
 *
============================================ */
/* --------------------------------------------
	/type/共通
-------------------------------------------- */
/* カテゴリ別背景 */
body#g01 #contents #main .sectionBg01 {
	background: #ffffff url(/type/img/type_bg01.jpg) no-repeat left top;
}

.sectionTypeBg01 {
	background: url(/shared/img/bg/bg_design01.gif) no-repeat left bottom;
	margin-bottom: 83px;
	padding-bottom: 7px;
	width: 670px;
	position: relative;
}
	.sectionTypeBg01 ol {
		background: url(/shared/img/bg/bg_design01.gif) no-repeat left top;
		padding: 14px 0 18px 14px;
		width: 670px;
	}
	* html .sectionTypeBg01 ol {
		width: 670px;
	}
		.sectionTypeBg01 ol li {
			background: url(/type/img/type_bg_line01.png) no-repeat left bottom;
			margin-bottom: 3px;
			padding-bottom: 7px;
			*padding-bottom: 2px;
			width: 594px;
			font-size: 14px;
			font-weight: bold;
		}
			.sectionTypeBg01 ol li img {
				vertical-align: bottom;
				*vertical-align: middle;
				*margin-top: -5px;
				*margin-bottom: 5px;
			}
			.sectionTypeBg01 ol li span {
				font-size: 16px;
				color: #739400;
			}
	/* 人物写真 */
	.typeImg01 {
		position: absolute;
		right: 16px;
		bottom: 5px;
	}
		body.junior  .typeImg01 { right: 0px;}
		body.truancy .typeImg01 { right: 9px;}
	/* 緑矢印 */
	.typeArrow01 {
		position: absolute;
		left: 0;
		bottom: -83px;
		width: 670px;
		text-align: center;
	}


/* ============================================
	通信制高校サポート校という選択肢
============================================ */
.sectionIndex01 {
	position: relative;
	zoom: 1;
	min-height: 150px;
}
* html .sectionIndex01 {
	height: 150px;
}
	.sectionIndex01 .img {
		position: absolute;
		right: 20px;
		bottom: 0;
	}
body.l01 .sectionTypeBg04 ul {
	background: url(/shared/img/bg/bg_gradation03.gif) no-repeat left top;
	padding-top: 9px;
}
	body.l01 .sectionTypeBg04 ul li h6 {
		margin-bottom: 0;
	}
	body.l01 .sectionTypeBg04 ul li ul {
		background: none;
		padding-top: 0;
	}
		body.l01 .sectionTypeBg04 ul li ul li {
			float: none;
			margin: 0;
			width: auto;
		}
			body.l01 .sectionTypeBg04 ul li ul li img {
				vertical-align: bottom;
			}
body.l01 .sectionTypeBg02 .sectionInner01 {
	background: url(/shared/img/bg/bg_gradation01.gif) no-repeat left top;
	padding-top: 9px;
}
	body.l01 .sectionTypeBg02 .sectionInner01 p,
	body.l01 .sectionTypeBg02 .sectionInner01 ul {
		text-align: center;
	}
	body.l01 .sectionTypeBg02 .sectionInner01 p {
		margin: 5px 0 10px;
	}
		body.l01 .sectionTypeBg02 .sectionInner01 ul li img {
			vertical-align: bottom;
		}

.dl_index01 {
}
	.dl_index01 dt {
		clear: both;
		float: left;
	}
	.dl_index01 dd {
		margin: 0 0 6px 33px;
		padding-top: 2px;
	}
		.dl_index01 dd p {
			height: 1%;
		}
			.dl_index01 dd p span {
				font-weight: bold;
			}
			body.l01 .sectionTypeBg03 ul li p {
				text-align: left;
				padding: 0 20px;
			}
			body.l01 .sectionTypeBg03 ul li p.txt {
				margin-bottom: 10px;
				padding-top: 10px;
				padding-bottom: 0;
			}
				body.l01 .sectionTypeBg03 ul li p span {
					font-size: 115%;
					color: #739301;
					font-weight: bold;
					line-height: 1.2;
				}
			body.l01 .sectionTypeBg03 ul li p.plus {
				position: absolute;
				top: 50%;
				padding: 0;
				width: 221px;
				height: 16px;
				overflow: hidden;
				text-align: right;
			}

/* ============================================
	高校在学中の方
============================================ */


/* ============================================
	高校中退された方
============================================ */
/* 人物写真 */
body.dropout .typeImg01 {
	position: absolute;
	right: 0px;
	bottom: 5px;
}


/* ============================================
	中学生の方
============================================ */


/* ============================================
	社会人・主婦の方
============================================ */
/* 人物写真 */
body.social .typeImg01 {
	position: absolute;
	right: 13px;
	bottom: 5px;
}

/* ============================================
	不登校の方
============================================ */

