@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-05-27
------------------------------------------------------------ */


/* Featured Style
------------------------------------------------------------ */

.featuredLeft {
	float: left;
	width: 302px;
	background: url(/j/syokuiku/kodomo_navi/featured/img/featured_img_01.gif) no-repeat 4px 44px #ffffff;
}

.featuredRight {
	float: right;
	width: 302px;
	background: url(/j/syokuiku/kodomo_navi/featured/img/featured_img_02.gif) no-repeat 4px 44px #ffffff;
}

.featuredLeft div.frame,
.featuredRight div.frame {
	border: solid 2px #ffaf00;
	padding: 4px 4px 9px 4px;
}

.featuredLeft div.title,
.featuredRight div.title {
	width: 290px;
	margin-bottom: 7px;
}

.featuredLeft p.txt,
.featuredRight p.txt {
	width: 180px;
	margin: 0 0 2px 102px;
}

.featuredLeft p.link,
.featuredRight p.link {
	text-align: right;
	font-size: 80%;
	background: url(/j/syokuiku/kodomo_navi/featured/img/featured_arrow.gif) no-repeat right;
	padding-right: 20px;
	margin-right: 10px;
	zoom: 1;
}


/* Featured Afp1 Style
------------------------------ */

.afp1Text { float: left; width: 480px; }
.afp1Img { float: right; width: 100px; padding-left: 20px; }

.afp1Frame {
	background: url(/j/syokuiku/kodomo_navi/featured/img/afp1_frame_02.gif) no-repeat left bottom #fffadc;
	padding-bottom: 18px;
}

.afp1Frame h3 {
	background: url(/j/syokuiku/kodomo_navi/featured/img/afp1_frame_01.gif) no-repeat left top #fffadc;
	padding: 18px 18px 0 18px;
	margin-bottom: 10px;
}

.afp1Frame .afp1InFrame { padding: 0 18px 0 18px; }

.afp1Example { margin: 10px 0 10px 0; }

.afp1Example span.text {
	background: url(/j/syokuiku/kodomo_navi/featured/img/afp1_example.gif) no-repeat 4px 4px #ffffff;
	padding: 9px 40px 9px 39px;
	zoom: 1;
}


/* Featured Afp2 Style
------------------------------ */

.afp2Text { float: left; width: 440px; }
.afp2Img { float: right; width: 140px; padding-left: 20px; }

.afp2Board1 { float: left; width: 210px ;}
.afp2Board2 { float: left; width: 200px ;}
.afp2Board3 { float: right; width: 200px ;}


/* Featured Abc1 Style
------------------------------ */

.abc1List { width: 620px; }
.abc1List .left,
.abc1List .center,
.abc1List .right { float: left; }
.abc1List p { width: 155px; }

.abc1Frame { width: 620px; }
.abc1Frame { background: url(/j/syokuiku/kodomo_navi/featured/img/abc1_frame_02.gif) repeat-y left top; }
.abc1Frame p { width: 370px; padding-left: 40px; }


/* Featured Abc2 Style
------------------------------ */

.abc2Text { float: left; width: 410px; }
.abc2Img { float: right; width: 165px; padding-left: 25px; text-align: center; }

.abc2Frame {
	background: url(/j/syokuiku/kodomo_navi/featured/img/abc2_frame_02.gif) no-repeat left bottom #fffbc4;
	padding-bottom: 15px;
}

.abc2Frame p {
	background: url(/j/syokuiku/kodomo_navi/featured/img/abc2_frame_01.gif) no-repeat left top;
	padding: 15px 20px 0 20px;
}


/* Featured Abc3 Style
------------------------------ */

.abc3Purpose {
	height: 85px;
	margin-left: 10px;
}

.abc3Purpose li {
	float: left;
	background-image: none;
	padding-left: 0;
	margin-right: 7px;
}

.abc3Purpose li img { vertical-align: bottom; }

.abc3Left400 { float: left; width: 400px; }
.abc3Right200 { float: right; width: 180px; padding-left: 20px; }

.abc3Left440 { float: left; width: 440px; }
.abc3Right131 { float: right; width: 131px; padding-left: 19px; }

.abc3List {
	border: solid 2px #ffaf00;
	background-color: #ffffff;
	padding: 13px;
}

.abc3List li {
	background-image: none;
	padding-left: 0;
}


/* Featured Abc4 Style
------------------------------ */

.abc4Text { float: left; width: 450px; }
.abc4Logo { float: right; width: 111px; padding-left: 29px; }

.abc4Frame {
	background: url(/j/syokuiku/kodomo_navi/featured/img/abc4_frame_02.gif) no-repeat left bottom #fffbc4;
	padding-bottom: 10px;
	margin-top: 10px;
}

.abc4Frame div {
	background: url(/j/syokuiku/kodomo_navi/featured/img/abc4_frame_01.gif) no-repeat left top;
	text-align: center;
	padding-top: 10px;
}

.abc4Frame p { text-align: center; }