@charset "utf-8";

@import url("base/reset.css");

@import url("common.css");
@import url("layout.css");

@import url("print.css");


/* /////////////////////////////////////////////////////////////////////////// TOPPAGE */

/* ----------------------------------------------------- Main */


#feature_con{
 width: 646px;
 margin-left:20px;
 background-color:#FAF8EF;
 border-right: #EEECE3 solid 1px;
 text-align:center;
}

.feature_ttl{
 padding: 20px 0 0 0;
}

#feature_con .text{
 padding: 10px 83px 10px;
 text-align:left;
}

#feature_con .liText{
 padding: 0px 133px 20px;
 text-align:left;
 line-height:1.5em;
}

#feature_con .blue_Text{
 color:#00A2D7;
}

#feature_con ul.featureTop {
 width: 87px;
}

#feature_con ul.featureBtn {
 width: 174px;
}

#feature_con ul.featureTop,
#feature_con ul.featureBtn {
 margin: 0px auto;
 padding-top: 20px;
 padding-bottom: 10px;
}

.featureTop li,
.featureBtn li{
 display: inline;
}

.featureTop a,
.featureBtn a{
 background: transparent no-repeat 0 0;
 float: left;
 display: block;
 height: 35px;
 text-indent: -999em;
}

.featureTop #start a{
 width: 87px;
 background-image: url(images/feature_parts01.gif);
}

.featureBtn #next a{
 width: 87px;
 background-image: url(images/feature_parts03.gif);
}

.featureBtn #back a{
 width: 87px;
 background-image: url(images/feature_parts04.gif);
}

.featureBtn #featTop a{
 width: 87px;
 background-image: url(images/feature_parts05.gif);
}

.featureTop #start a:hover,
.featureBtn #next a:hover,
.featureBtn #back a:hover,
.featureBtn #featTop a:hover{
 background-position: 0 -35px;
}

/* *Hides from IE-mac \*/
.featureTop a,
.featureBtn a{
 overflow: hidden;
}
/* *End hide from IE-mac */

.syosai a {
 display:block;
 width:74px;
 height:20px;
 background-image:url(images/syosai_01.gif) ;
 background-position:0 0;
 background-repeat:no-repeat;
 text-indent: -9999px;
 text-decoration: none;
 overflow: hidden;
 margin-top:5px;
}
.syosai a:hover{
 background-position: 0 -20px;
}




/* ----------------------------------------------------- Main */
.feature {
 width:678px;
 margin:0 auto;
}

.featureBox {
 overflow:hidden;
 zoom:1;
}

.page {
 text-align:center;
 padding:10px;
 font-weight:bold;
	color:#fff;
}

.page ul {
	overflow:hidden;
	zoom:1;
}

.page a {
	text-decoration:none;
	color:#fff;
	padding-top:3px;
	padding-bottom:3px;
	display:inline-block;
}

.page a:visited {
	color:#fff;
}

.page a:hover,
.page a:active {
	color:#fced00;
}

.page li {
	background:#9e7a5a;
}

.page .next {
	float:right;
}

.page li.next a {
	background:url(../../feature/images/icon_next01.gif) no-repeat 100% 50%;
	padding-right:30px;
	padding-left:8px;
}

.page li.next a:hover {
	background-image:url(../../feature/images/icon_next02.gif) ;
}

.page .prev {
	float:left;
}

.page li.prev a {
	background:url(../../feature/images/icon_prev01.gif) no-repeat 0 50%;
	padding-right:8px;
	padding-left:30px;
}

.page li.prev a:hover {
	background-image:url(../../feature/images/icon_prev02.gif) ;
}


/*------------------------------------------ 3歳児未満 */
#feature01 {
 background:#fffccc;
 /*border:1px solid #BF9F53;*/
	padding-bottom:20px;
}

#feature01 .readBox {
 background:url(../../feature/images/feature01_p02.jpg) no-repeat 0 0;
 padding:80px 0 0 20px;
}

#feature01 .readBox h3 {
 margin:0 0 10px;
}

#feature01 .featureBox {
 padding:0 35px;
}

#feature01 .page {
 background:#BF9F53;
}


/*------------------------------------------ 3歳児（年少） */
#feature02 {
 background:#fffccc;
}

#feature02 .readBox {
	padding:20px 20px 0;
	background:none;
}

#feature02 .readBox h3 {
 margin:0;
}

#feature02 .featureBox {
 padding:0 35px;
}

#feature02 .leftBox {
	width:250px;
	float:left;
}

#feature02 .rightBox {
	width:300px;
	float:right;
}

#feature02 .page {
 background:#BF9F53;
}


/*------------------------------------------ 4歳児（年中） */
#feature03 {
 background:#fffccc;
	padding-bottom:20px;
}

#feature03 .readBox {
	padding:120px 10px 0 20px;
 background:url(../../feature/images/feature03_p02.jpg) no-repeat 100% 0;
	overflow:hidden;
	zoom:1;
}

#feature03 .readBox h3 {
	margin:0 0 10px;
	padding-top:100px;
}

#feature03 .featureBox {
 padding:0 35px;
}

#feature03 .leftBox {
	width:250px;
	float:left;
}

#feature03 .rightBox {
	width:300px;
	float:right;
}

#feature03 .page {
 background:#BF9F53;
}


/*------------------------------------------ 5歳児（年長） */
#feature04 {
 background:#fffccc;
}

#feature04 .readBox {
	padding:20px 20px 0;
	background:none;
	overflow:hidden;
	zoom:1;
}

#feature04 .readBox h3 {
	margin:0 0 10px;
}

#feature04 .readBox p {
	margin-left:15px;
}

#feature04 .featureBox {
 padding:0 35px;
}

#feature04 .page {
 background:#BF9F53;
}


/*------------------------------------------ 屋内･屋外 */
#feature05 {
 background:#8ec179;
	padding-bottom:20px;
}

#feature05 .featureBox  {
	padding:20px 20px 0;
	background:none;
	overflow:hidden;
	zoom:1;
}

#feature05 .featureBox h3 {
	margin:0 0 10px;
}

#feature05 .featureBox .leftBox {
	width:310px;
	float:left;
}

#feature05 .featureBox .rightBox {
	width:310px;
	float:right;
}

#feature05 .page {
 background:#6AB359;
}


/*------------------------------------------ 給食・おやつ */
#feature06 {
 background:#8ec179;
}

#feature06 .featureBox  {
	overflow:hidden;
	zoom:1;
}

#feature06 .featureBox h3 {
margin:0 0 10px;
}

#feature06 .featureBox#lunch {
 background:url(../../feature/images/feature06_p04.gif) no-repeat 0 0;
	padding:10px 15px;
}

#feature06 .featureBox#snack {
 background:url(../../feature/images/feature06_p08.gif) no-repeat 0 0;
	padding:10px 15px;
}

#feature06 .featureBox .readBox {
	width:240px;
	float:left;
	padding:0;
}

#feature06 .featureBox .textBox {
	width:400px;
	float:right;
	padding:0;
}

#feature06 .featureBox .textBox p,
#feature06 .featureBox .textBox dl {
	line-height:1.6;
}

#feature06 .page {
 background:#457F37;
}

/*------------------------------------------ 先生と子ども */
#feature07 {
 background:#fffccc;
}

#feature07 .readBox {
	padding:20px 20px 0;
	background:none;
	overflow:hidden;
	zoom:1;
}

#feature07 .readBox p {
	margin-left:15px;
}

#feature07 h3 {
	margin:0 0 10px;
}

#feature07 .featureBox {
 padding:0 35px;
}

#feature07 .featureBox#bus {
 background:#6BB35A url(../../feature/images/feature07_p04.gif) no-repeat 0 0;
	padding:90px 100px 20px;
	color:#fff;
}

#feature07 .page {
 background:#BF9F53;
}



/* ----------------------------------------------------- トビラページ */
.feature .top {
	background:url(images/feature_top_bg01.jpg) no-repeat 100% 0;
}

#topTitle {
	height:197px;
	padding-top:10px;
}

#topTitle p {
	font-size:117%;
}

#topBtn {
	margin-bottom:10px;
}

#topBtn ul {
	overflow:hidden;
	zoom:1;
	margin-right:-18px;
}

#topBtn ul li {
	display:inline;
}

#topBtn ul li a {
	display:block;
	width:330px;
	height:80px;
	text-indent:-999em;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	margin:0 18px 10px 0;
}

#topBtn ul li a:hover {
	background-position:0 -80px;
}

#topBtn01 a {background-image:url(images/feature_top_bnt01.jpg);}
#topBtn02 a {background-image:url(images/feature_top_bnt02.jpg);}
#topBtn03 a {background-image:url(images/feature_top_bnt03.jpg);}
#topBtn04 a {background-image:url(images/feature_top_bnt04.jpg);}

#topBtn_s {
	text-align:center;
	margin-bottom:10px;
}

#topBtn_s ol, 
#topBtn_s ol li{
	display:inline;
	text-indent:1em;
}

#btnLetter {
	text-align:center;
}

#topBtn_s ol li a:hover img,
#btnLetter a:hover img {
	opacity:0.75;
	filter: alpha(opacity=75);
}


/*------------------------------------------ イエスさまの教え */
.feature .christ {
	background:#ddebef;
	padding:10px;
}

#christTitle {
	background:url(images/christ_bg01.gif) no-repeat 100% 0;
	margin:10px 0;
}

#christTitle h3 {
	margin:0 0 15px;
}

.christBox01 {
	width:324px;
	overflow:hidden;
	zoom:1;
}

.christBox01 h4 {
	margin:0 0 5px;
	padding:0;
	background:none;
	text-align:center;
}

.christBox01 h4.kyoiku {
	background:url(images/christ_bg02.gif) no-repeat 100% 0;
	margin:0 0 10px;
	padding:0;
	text-align:left;
}

.christBox01 li {
	border:1px solid #2ea7e0;
	font-weight:bold;
	font-size:124%;
	color:#2ea7e0;
	padding:0.3em 0.5em;
	background:#fff;
	margin-bottom:5px;
}


#teacherBox {
	width:324px;
	overflow:hidden;
	zoom:1;
}

#teacherText {
	width:200px;
	float:right;
}

.christTokucho {
	padding:0 0 5px;
}


/*------------------------------------------ 見守る保育 */
.feature .mimamoru {
	background:#fdf6ec;
	padding:10px;
}

#mimamoruTitle {
	background:url(images/mimamoru_bg01.jpg) no-repeat 100% 0;
	margin:10px 0;
}

#mimamoruTitle h3 {
	margin:0 0 15px;
}

#daigakuBox {
	width:324px;
	overflow:hidden;
	zoom:1;
}

#daigakuBox h4 {
	text-align:left;
	margin:0 0 5px;
	padding:0;
	background:none;
}

#daigakuBox li {
	border:1px solid #2ea7e0;
	font-weight:bold;
	font-size:124%;
	color:#2ea7e0;
	padding:0.3em 0.5em;
	background:#fff;
	margin-bottom:5px;
}

.mimamoruBox01 {
	width:324px;
	overflow:hidden;
	zoom:1;
	padding-left:20px;
}

.mimamoruBox02 {
	width:291px;
	overflow:hidden;
	zoom:1;
	padding-right:10px;
}

.mimamoruBox01 h4,
.mimamoruBox02 h4 {
	margin:0 0 5px;
	padding:0;
	background:none;
}

.mimamoruBox01 h4.daigaku {
	background:url(images/christ_bg02.gif) no-repeat 100% 0;
	margin:0 0 10px;
	padding:0;
}

.mimamoruBox01 li {
	border:1px solid #2ea7e0;
	font-weight:bold;
	font-size:124%;
	color:#2ea7e0;
	padding:0.3em 0.5em;
	background:#fff;
	margin-bottom:5px;
}

.mimamoruTokucho {
	padding:0 0 10px;
}


/*------------------------------------------ 環境が育む */
.feature .kankyo {
	background:#fdf6ec;
	padding:10px;
}

#kankyoTitle {
	background:url(images/kankyo_bg01.jpg) no-repeat 100% 0;
	margin:10px 0;
}

#kankyoTitle h3 {
	margin:0 0 15px;
}

.kankyoBox01 {
	width:324px;
	overflow:hidden;
	zoom:1;
}

.kankyoBox01 h4 {
	margin:0 0 5px;
	padding:0;
	background:none;
	text-align:center;
}

.kankyoBox01 h4.nature {
	text-align:left;
}


.kankyoBox01 li {
	border:1px solid #2ea7e0;
	font-weight:bold;
	font-size:124%;
	color:#2ea7e0;
	padding:0.3em 0.5em;
	background:#fff;
	margin-bottom:5px;
}

.kankyoTokucho {
	padding:0 5px 5px;
}

/*------------------------------------------ いっしょに参加 */
.feature .parent {
	background:#fdf6ec;
	padding:10px;
}

#parentTitle {
	margin:10px 0 20px;
}

#parentTitle h3 {
	margin:0 0 15px;
}

.parentBox01 {
	width:324px;
	overflow:hidden;
	zoom:1;
}

#joint {
	width:410px;
	float:left;
}

#joint h4 {
	border:1px solid #2ea7e0;
	font-weight:bold;
	font-size:124%;
	color:#2ea7e0;
	padding:0.3em 0.5em;
	background:#fff;
	margin:0 0 5px;
	width:300px;
}


#jointBox li {
	list-style:disc;
	padding:0;
	margin:0 0 0 20px;
}

.parentBox01 h5 {
	margin:0 0 5px;
	padding:0;
	background:none;
	text-align:center;
}

#support h4 {
	padding:0;
	margin:0 0 10px;
	background:none;
}

#supportArea {
	overflow:hidden;
	zoom:1;
	margin-right:-5px;
}

.supportBox {
	width:216px;
	float:left;
	margin-right:5px;
}

.supportBox h5 {
	padding:0;
	margin:0 0 15px;
	border:none;
}

.supportBox p {
	margin:0 10px;
}

.supportBox dl {
	margin:0 5px;
	font-size:87%;
}

.supportBox dt {
	border:1px solid #ccc;

	text-align:center;
	width:4.5em;
}

.supportBox dd {
	margin:-1.8em 0 1px 5em;
}

#album {
	background:#8fc322;
	margin-top:20px;
}


#album h3 {
	margin:0;
	padding:0;
	background:none;
}

#album p {
	margin:20px 55px;
	color:#fff;
}


/*------------------------------------------ 卒園生からの便り */
.feature .letter {
	background:#fdf6ec;
	padding:10px;
}

#letterTitle {
	margin:10px 0 20px;
}

#letterTitle h3 {
	margin:0 0 15px;
}

.letterBox {
	margin-bottom:20xp;
}

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

.parentBox01 {
	width:324px;
	overflow:hidden;
	zoom:1;
}

#joint {
	width:410px;
	float:left;
}

#joint h4 {
	border:1px solid #2ea7e0;
	font-weight:bold;
	font-size:124%;
	color:#2ea7e0;
	padding:0.3em 0.5em;
	background:#fff;
	margin:0 0 5px;
	width:300px;
}


#jointBox li {
	list-style:disc;
	padding:0;
	margin:0 0 0 20px;
}

.parentBox01 h5 {
	margin:0 0 5px;
	padding:0;
	background:none;
	text-align:center;
}

#support h4 {
	padding:0;
	margin:0 0 10px;
	background:none;
}

#supportArea {
	overflow:hidden;
	zoom:1;
	margin-right:-5px;
}

.supportBox {
	width:216px;
	float:left;
	margin-right:5px;
}

.supportBox h5 {
	padding:0;
	margin:0 0 15px;
	border:none;
}

.supportBox p {
	margin:0 10px;
}

.supportBox dl {
	margin:0 5px;
	font-size:87%;
}

.supportBox dt {
	border:1px solid #ccc;

	text-align:center;
	width:4.5em;
}

.supportBox dd {
	margin:-1.8em 0 1px 5em;
}

#album {
	background:#8fc322;
	margin-top:20px;
}


#album h3 {
	margin:0;
	padding:0;
	background:none;
}

#album p {
	margin:20px 55px;
	color:#fff;
}

.parentBox01 h4.kyoiku {
	margin:0 0 10px;
	padding:0;
}

