@charset "Shift_JIS";

/* CSSは必要最低限しか指定してませんのでお好みで（もちろん外部化OK） */

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

#newsWrap{
	margin-top: 0;
	min-height: 80px;
	max-height:350px;
	overflow-y:scroll;
/*	background-color: #fdfdfd; */
}


ul#newsList{
	margin:0 0 15px;
	padding:0;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
	font-size:16px;
}
ul#newsList li{
	background-image: none;
	color:#333333;
	font-size:16px;
	margin:10px 10px 0 20px;
	padding:5px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #aaa;
	line-height:1.4;
	list-style-type:none;
}

#newsWrap a{color:#36F;text-decoration:underline;}
#newsWrap a:hover{color:#039;text-decoration:none;}


.up_ymd{
//	background-image : url(icon_maru.gif);
//	background-repeat: no-repeat;
//	background-position: 0px 3px;
	display:inline-block;
	margin: 0;
//	padding-left: 18px;
	color: #00a0e9;
	vertical-align:middle;
}

.catName-0,
.catName-1,
.catName-2,
.catName-3,
.catName-4{
	display:inline-block;
	padding:5px 8px;
	border-radius:6px;
	font-size:12px;
	line-height:100%;
	margin:0 3px 0 10px;
	vertical-align:middle;
}
.catName-0{	/* お知らせ */
	border:1px solid #555555;
	color: #555555;
}
.catName-1{	/* 重要なお知らせ */
	border:1px solid #ff3342;
	color: #ff3342;
}
.catName-2{	/* 病児保育室 */
	border:1px solid #ff80c0;
	color: #ff80c0;
}
.catName-3{	/* トピック */
	border:1px solid #00c600;
	color: #00c600;
}
.catName-4{	/* 求人情報 */
	border:1px solid #00c484;
	color: #00c484;
}

.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:10px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
	vertical-align:top;
}

.newsTitle{
	padding-top:5px;
	clear:both;
	display:block;
	width:95%;
	font-size: 16px;
	font-weight:normal;
}

#newsWrap .newsTitle a:link,
#newsWrap .newsTitle a:visited,
#newsWrap .newsTitle a:active{
	color: #0000cc;
    text-decoration: underline;
}
#newsWrap .newsTitle a:hover{
    color: #0068b7;
    text-decoration: none;
}


.detailText{
	display:block;
	padding:10px 10px 10px 10px;;
	overflow:hidden;
//	width:95%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	margin: 5px 10px 0px 10px;
	font-size: 16px;
	line-height: 1.5;
}

.detailUpfile{
	display:block;
	width:95%;
	float:left;
	overflow:hidden;
	margin: 5px 10px 0px 10px;
}


.comment{
	display:block;
	padding:3px 1em;
	float:left;
	overflow:hidden;
//	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	font-size: 16px;
	line-height: 1.5;
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}

/****  ddetail用  *****/
#up_ymd{
	text-align:right;
	font-size:13px;
	margin:5px 10px;
	padding:10px 10px 10px 10px;;
}
.detailUpfile{
	margin:5px 0 35px;
	text-align:center;
}
.backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:15px;
}
.backORcloseBtn a{
	display:inline-block;
	padding:4px 15px;
	border:1px solid #aaa;
	color:#666666;
	border-radius:6px;
	text-decoration:none;
	font-size:12px;
}
.detailUpfile img{
	max-width:100%;
	height:auto;
}
.pNav{
	font-size:11px;	
}



/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {


/**
	.newsTitle{
		font-weight:normal;
	}
**/

}