@charset "UTF-8";

/*新着情報一覧ページング付き一覧ページphp用css*/


/*====my-css====*/
/*新着情報php工房広告わき寄せ*/

div#newsWrap{
width:100%;
position:relative;
}


div#newsWrap+a:last-child{
box-sizing:border-box;
width:40%;
position:absolute;
right:20px;
bottom:-35px;
}


/*====my-css end====*/






/* 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; }




ul#newsList{
	margin:0 0 15px;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
}
ul#newsList li{
	color:#666;
	font-size:1.2em;
/*	font-size:0.85em;*/
	margin:0;
	padding:5px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:140%;
	list-style-type:none;
}

w-new a{
color:#36F;text-decoration:underline;
}

w-new a:hover{
color:#039;text-decoration:none;
}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
.comment{
	display:block;
margin-top:10px;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:80%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
margin-left:auto;
line-height:1.5;
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}

/* Pager style（外部化可） */
.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 ;	
}

/* /Pager style */




/*=========my-css=========*/
div#newsWrap{
width:100%;
}

/*news 画像*/
span.thumbNailWrap{
display:none;
float:none;
width:18%;
height:auto;
}

/*news 本文*/
span.comment{
float:none;
width:98%;
}

span.title{
line-height:2em;
}

/*=========my-css end=========*/