/* CSS Document */
/*	background-color:#0f0;*/
/*　確認用　*/

.picwaku1{
	width:495px;
	height:auto;
	margin:0px auto 20px;/*	margin:0px 132px 20px;*/
	background-image: url(../images/ipic/ipic.png);
	background-repeat: no-repeat;
	text-align:center;
}
/*縦用*/
.picwaku2{
	width:495px;
	height:auto;
	margin:0px auto 20px;
	background-image: url(../images/ipic/ipic2.png);
	background-repeat: no-repeat;
	text-align:center;
}


.piccenter, .piccenter2 {
/*	margin:45px 34px 10px 34px;*/
	margin-top:45px;
	margin-bottom:10px;
}

.piccenter{
	width:427px;
	height:322px;
}
.piccenter2{
	width:321px;
	height:426px;
}


#rss2 {
	background-color:#fff;
	padding-top:15px;
	padding-bottom:10px;
/*	padding-left:6%;*/
	width:60%;
	height:auto;
	max-height:700px;
	margin:0px auto auto auto;
	border-radius:8px;
	box-shadow:5px 5px 5px #aaa;
/*	text-align:left;*/
}


@media screen and (max-width: 770px) {
#rss2 {
	width:90%;
	margin-top:10px;
	position:relative;
}


	
.picwaku1 {
	width:100%;
	height:auto;
	margin:15px 0px 15px 0px;
	background-image: url(../images/ipic/ipic.png);
	background-repeat: no-repeat;
	background-size:100%;
	text-align:center;
}

.picwaku2 {
	width:85%;
	height:auto;
	margin:15px auto 3%;
	background-image: url(../images/ipic/ipic2.png);
	background-repeat: no-repeat;
	background-size:100%;
	text-align:center;
}

.piccenter {
	width:86%;
	height:auto;
	margin-top:10%;
	margin-bottom:10%;
/*	margin:10% 7%;*/
}

.piccenter2 {
	width:65%;
	height:auto;
	margin-top:10%;
	margin-bottom:10%;
}


}

.picfont1 {
	padding:50px 5px 15px;
	font-size:95%;
	margin:0px;
	vertical-align:middle;
/*	line-height: 15pt;*/
}
.picfont2 {
	padding:60px 20px 15px 20px;
	font-size:95%;
	margin:0px;
}
.picfont3 {
	padding:52px 20px 15px 20px;
	font-size:110%;
	margin:0px;
}


@media screen and (max-width: 770px) {
.picfont1 {/*-----------4段？--------------*/
	padding-top:5px;
	font-size:80%;	
}
.picfont2 {/*-----------3段--------------*/
	padding-top:10px;
/*	font-size:95%;*/
	line-height: 140%;
}
.picfont3 {
	padding:10px 10px 15px;
/*	padding-top:5px;
	padding-left:0px;
	padding-right:0px;*/
	font-size:105%;
	line-height: 26px;
}

}


.picbottom{
/*	background-image: url(../images/ipic-bottom.png);
	background-repeat: no-repeat;
	height:210px;
*/
/*	text-align:center;*/
	margin:0px;
	height:150px;
}
@media screen and (max-width: 770px) {
.picbottom{
	height:22%;
}
}


.kako{
	height:50px;
	padding-top:20px;
	padding-right:18px;
}

@media screen and (max-width: 770px) {
.kako{
	height:15%;
	padding-top:7%;
	
}
}




/*--------------------------------*/
/*『新着情報』ロゴ*/
.koushin_logo{
	background-image: url(../images/wnew1.png);
	background-repeat: no-repeat;
	font-size:11pt;
	color:#524100;
/*	padding-left:12px;*/
	margin:25px auto 0px;
	display:block;
	line-height:25px;
	width:665px;
}
@media screen and (max-width: 770px) {
.koushin_logo{
	width:90%;
	margin-left:3%;
	}
}


/*----------------------------------*/
/*　　新着の外枠　　*/
.koushin-waku {
	width: 665px;
	height:auto;
/*	height:300px;*/
	margin:0px auto;
/*	display:inline-block;*/
}

@media screen and (max-width: 770px) {
.koushin-waku {
	width:90%;
	margin-left:3%;
}
}



.waku1{
	display:inline-block;
	width:304px;
	height:400px;
/*	height:auto;*/
	overflow:auto;
	float:left;/*-----left right 対になってないとDWの表示が崩れる--------*/
/*	background-color:lightpink;*/
	border: 5px dotted #ffcf31;
	padding:3px;
}

.waku2{
	display:inline-block;
	width:315px;
	height:400px;
/*	height:auto;*/
	overflow:auto;
	float:right;
/*	background-color:lightblue;*/
	border: 5px dotted #ffcf31;
	padding:3px;
	margin-bottom:10px;
}

@media screen and (max-width: 770px) {
.waku1{
	width:100%;
	height:auto;
	margin:0px auto 10px;
	float:none;
/*	background-color:#FC6;*/
	border:5px dotted #ffcf31;
}

.waku2{
	width:100%;
	height:auto;
	margin:0px auto 10px;
	float:none;
/*	background-color:#FC6;*/
	border:5px dotted #ffcf31;
}

}








/*
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #FF9D00;
	scrollbar-darkshadow-color: #896000;
	scrollbar-face-color: #FFF7CE;
	scrollbar-highlight-color: #FF9D00;
	scrollbar-shadow-color: #FF9D00;
	scrollbar-track-color: #FFFCED;
*/



.waku1 a:link, .waku1 a:visited {
	font-weight: bold;
}
.waku1 dl {margin:0px;}
.waku1 dt {
	font-size:90%;
	color:#888888;
	margin-top:5px;
}
.waku1 dd {
	font-size:100%;
	margin:2px 2px 0px 30px;
}

.top-bg {
	width:100%;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
/*	height:100%;*/

}

@media screen and (max-width: 770px) {
.top-bg {
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size:98%;
	padding-bottom:30px;
	border-radius:15px;
}
}

/*　カウンタ＆住所　*/
.cStyle{

	text-align: center;
	clear:both;
}


/*
@media screen and (max-width: 770px) {
.cStyle{
	margin-bottom:50px;
}
}
*/


/*　昨日今日の文字　*/
.ytLen{
	font-size:8pt;
	margin-top:2px;
}
/*　昨日今日の画像　*/
.ytImg {
	/*top:2px;
	position: relative; ←ポジション使うとスマホで表示が崩れる */
	width: 16px;
	height: 13px;
	margin-bottom: -2px;
}



/*　トップページの幼稚園住所等とお知らせ内で使用中　*/
.f11pt {
	font-size:11pt;
}
.f12pt {
	font-size:12pt;
}

.waku2 H2 {
	color:#F36;
	font-size:118%;
	padding-bottom:0px;
}


/*お知らせ内の項目の設定*/
.waku2 dl {
	margin-top:0px;
	margin-bottom:5px;
	color: #F36;
	/*	font-weight: bold;*/
	font-size: 108%;
}

.waku2 dd {
	margin-left:15px;
}
/*お知らせ内の項目説明の設定*/
.waku2 ul {
	margin-top:0px;
	margin-bottom:40px;
}
.waku2 li {
	list-style-type: disc;
	font-size:105%;
}

.waku2 p{
	font-size:105%;
}


.topInfo{
	font-size:105%;
	color:#000i;/*#F36*/
	margin:5px 10%;
	padding:3px 5px;
	background-color:#FFF7CE;
	border-radius:15px;
}



@media screen and (max-width: 770px) {
.topInfo{
	margin:5px 5%;
	padding:10px 10px;	
}
}
