@charset "UTF-8";


ul#newsList{
margin:0 0 15px;
padding:0;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-decoration:none !important;
}

ul#newsList li{
color:#666;
font-size:12px;
margin:0;
padding:5px 0;
margin-bottom:3px;
border-bottom:1px dotted #CCC;
line-height:120%;
list-style-type:none;
}


ul#newsList a{
position:relative;
text-decoration:none !important;
}

ul#newsList a li:hover{
background-color:#FEF7E7;
}


/*
ul#newsList li a{
pointer-events:none;
color:#333;
text-decoration:none;
font-weight:700;
font-size:120%;
}
*/


ul#newsList li span{
margin:5px;
padding:5px;
}

ul#newsList li span.title{
padding:20px 0 5px;
font-size:14px;
line-height:2;
color:#36C;
text-decoration:underline;
}


.catName.news span:before{
content:"ニュース";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:2px;
background-color:#009999;
color:#FFF;
}

.catName.blog span:before{
content:"ブログ";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:0;
background-color:#6699CC;
color:#FFF;
}

.catName.children span:before{
content:"子ども";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:0;
background-color:#DA006E;
color:#FFF;
}

.catName.employment span:before{
content:"就労";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:0;
background-color:#FFBF00;
color:#FFF;
}

.catName.elderly span:before{
content:"高齢者";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:0;
background-color:#3F488D;
color:#FFF;
}

.catName.illness-care span:before{
content:"病気・介護";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:0;
background-color:#3F488D;
color:#FFF;
}

.catName.japanese-language-classes span:before{
content:"日本語教室";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:0;
background-color:#CD2D37;
color:#FFF;
}

.catName.childcare-salon span:before{
content:"多文化子育てサロン";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:0;
background-color:#007D7F;
color:#FFF;
}

.catName.buddy span:before{
content:"バディ";
padding:3px 5px;
font-size:12px;
line-height:100%;
margin:0;
background-color:#E7672B;
color:#FFF;
}


.newMark{
display:inline-block;
padding:1px;
font-size:14px;
line-height:100%;
color:#F00;
font-style:italic;
}

.comment{
display:block;
padding:5px 0;
font-size:120%;
line-height:1.5;
}


.thumbNailWrap{
display:block;
width:110px;
float:left;
height:80px;
overflow:hidden;
}





.pager{
text-align:right;
padding:10px;
clear:both;
}


.pager a{
border:1px solid #999;
border-radius:5px 5px 5px 5px;
color:#333;
font-size:12px;
padding:3px 7px 2px;
text-decoration:none;
margin:0 1px;
}

.pager a.current{
background:#999;
border:1px solid #999;
border-radius: 5px 5px 5px 5px;
color:#FFF;
font-size:12px;
padding:3px 7px 2px;
margin:0 1px;
text-decoration:none;
}

.pager a:hover{
background:#999;
color:#FFF;
}

.overPagerPattern{
padding:0 2px ;	
}





#up_ymd{
text-align:right;
font-size:13px;
margin:5px 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:#999;
border-radius:6px;
text-decoration:none;
font-size:12px;
}
.detailUpfile img{
max-width:100%;
height:auto;
}
.pNav{
font-size:11px;	
}



#detail{
padding:1em;
line-height:1.5;
font-size:140%;	
}