@charset "UTF-8";

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


/* About Style
------------------------------------------------------------ */

.aboutImg { float: left; width: 300px; }
.aboutText { float: right; width: 265px; }

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

.aboutNavi li.btn1 { float: left; height: 115px; }
.aboutNavi li.btn2 { float: right; height: 115px; }
.aboutNavi li.btn3 { float: left; height: 100px; }
.aboutNavi li.btn4 { float: right; height: 100px; }
.aboutNavi li img { vertical-align: bottom; }


/* Frame Style
------------------------------------------------------------ */

.aboutFrame01 { background: url(/j/syokuiku/kodomo_navi/about/img/frame01_02.gif) repeat-y; }
.aboutFrame02 { background: url(/j/syokuiku/kodomo_navi/about/img/frame02_02.gif) repeat-y; }
.aboutFrame03 { background: url(/j/syokuiku/kodomo_navi/about/img/frame03_02.gif) repeat-y; }
.aboutFrame04 { background: url(/j/syokuiku/kodomo_navi/about/img/frame04_02.gif) repeat-y; }
.aboutFrame05 { background: url(/j/syokuiku/kodomo_navi/about/img/frame05_02.gif) repeat-y; }

.aboutFrameIcon {
	clear: both;
	float: left;
	width: 110px;
}

.aboutFrameIconList {
	float: left;
	width: 235px;
	padding: 0 0 0 10px;
}

.aboutFrameIll {
	float: right;
	width: 255px;
}


/* Own Style
------------------------------------------------------------ */

.aboutOwnText {
	float: left;
	width: 440px;
}

.aboutOwnIll {
	float: right;
	width: 160px;
}

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

.aboutOwnGraph img {
	vertical-align: top;
	margin-left: 35px;
}


/* Case Style
------------------------------------------------------------ */

.aboutCase {
	width: 620px;
	background: url(/j/syokuiku/kodomo_navi/about/img/case01_02.gif) repeat-y;
}

.aboutCase .list {
	float: left;
	padding: 20px 0 0 15px;
}

.aboutCase .list ul { width: 435px; }

.aboutCase .list li {
	float: left;
	background-image: none;
	padding-left: 0;
}

.aboutCase .list img {
	vertical-align: top;
	margin: 0 15px 10px 0;
}

.aboutCase .photo {
	float: right;
	width: 150px;
	padding: 10px 15px 0 0;
}