@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-03-23
------------------------------------------------------------ */


/* guide Style
------------------------------------------------------------ */

.guideList {
	width: 620px;
	height: 751px;
	background: url(/j/syokuiku/zissen_navi/guide/img/guide_bg.gif) no-repeat left top;
	margin-bottom: 15px;
}

.guideList h3 {
	width: 272px;
	height: 21px;
	background: url(/j/syokuiku/zissen_navi/guide/img/guide_line.gif) no-repeat left bottom;
	padding: 35px 139px 30px 139px;
	margin-left: 35px;
}

.guideList div { margin-left: 35px; }
.guideList li { background: url(/j/syokuiku/zissen_navi/guide/img/guide_line.gif) no-repeat left bottom; padding: 10px 10px 11px 10px; }
.guideList img { vertical-align: bottom; }

.guideArea h2 {
	background: url(/j/syokuiku/zissen_navi/guide/img/h2_circle.gif) no-repeat 2px top;
	padding: 15px 0 16px 93px;
	margin-bottom: 30px;
}

.guideArea h3 {
	border-top: solid 1px #cccccc;
	border-bottom: solid 3px #477cd2;
	background-color: #ffffff;
	padding: 10px 11px 9px 11px;
	margin-bottom: 17px;
}

.guideArea .lead {
	border: solid 1px #477cd2;
	margin: 0 10px 30px 10px;
	padding: 15px 20px;
}

.guideArea .inner {
	width: 558px;
	min-height: 1px;
}

.guideArea .inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.guideArea .lead .left {
	clear: both;
	float: left;
	width: 15px;
	font-size: 120%;
	line-height: 130%;
	background: url(/j/syokuiku/zissen_navi/guide/img/guide_lead_dot.gif) no-repeat left center;

}

.guideArea .lead .right {
	float: left;
	font-size: 120%;
	line-height: 140%;
	font-weight: bold;
	width: 540px;
}

.guideArea .lead .line {
	clear: both;
	height: 15px;
	background: url(/j/syokuiku/zissen_navi/guide/img/guide_lead_line.gif) repeat-x left 7px;
}

.guideArea p { padding: 0 10px 0 10px; }