@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;
	border:1px solid #ccc;
}

ul#newsList{
	margin:0 0 15px;
	padding:0;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
}
ul#newsList li{
	background-image: none;
	color:#333333;
	font-size:16px;
	margin:10px 0 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{
	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 #ec7600;
	color: #ec7600;
}
.catName-3{	/* 求人情報 */
	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-weight:bold;

}

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

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

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


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

}