@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :news.css
 style info :新着情報レイアウト
 このスタイルシートの構成
 
  
 作成日　2014.03.20 kunihiro
 更新日　2017.03.02 kunihiro

=================================================================== */




/* /------------------------------------/
　　　新着情報　一覧
/--------------------------------------*/
.info_tl {
	margin-bottom:40px;
}

.info_tl .page_subtl03 {
	margin:0 0 10px 0;
}


.news_box {
	border:#D5B6AA 2px solid;
	background-color:#FFF;
	
	margin-bottom:40px;
}

.news_img {
	padding-bottom: 2em;
}

.news_img > p {
	margin-bottom: 1em;
}

.news_img img {
	margin-bottom: 0.4em;
}

.tl_list {
	border-bottom:#EFE4DC 4px solid;
	padding-bottom:10px;
	margin:15px;
}
	
.tl_list li {
	margin-right:10px;
}

.tl_list li.list01,
.tl_list li.list02 {
	float:left;
}

.tl_list li.list03 {
	margin-left:200px;
	/* 下に落とす場合
	clear:both;
	padding-top:10px;
	*/
}


.tl_list li.list01 {
	background:url(../img_top/group/ico_tl_group.png) 0 0.3em no-repeat;
	padding-left:15px;
	margin-left:-17px;
}


.tl_list img {
	vertical-align:middle;
}


.tl_list h4 {
	font-size:128.6%;/* 14px→18px */
	font-weight: normal;
	display:inline;
}

.news_box .txt {
	margin:20px 15px;
}
		
.news_box .bottom_btn a {
	background:url(../img_cont/btn_cont_news.png) no-repeat;
	display:block;
	width:674px;
	height:30px;
	margin:12px 0 1px 1px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.news_box .bottom_btn a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}



/* ---/　ページ送り
--------------------------------- */	
.page_shift_pager{
	clear:both;
 }


.pages li a {
	background:url(../img_cont/pager_l.png) no-repeat;
	width:38px;
	height:30px;
	display:block;
	text-align: center;
	text-decoration:none;
	padding-top:8px;
	color:#83523F;
 }
 
.current span {
	background:url(../img_cont/pager_r.png) no-repeat;
	width:38px;
	height:30px;
	display:block;
	text-align: center;
	text-decoration:none;
	padding-top:8px;
}

.pages li {
	float:left;
	margin-right:10px;
}

.page_shift_pager  p {
	padding-top:10px;
	padding-right:0;
	width:15%;
	height:38px;
	display:block;
	float:right;
}

.page_shift_pager {
	overflow:hidden;}



/* /------------------------------------/
　　　新着情報　個別記事
/--------------------------------------*/


.news_box .lead_txt{
	margin-bottom:1em;
}


.news_box .txt {
	overflow:hidden;
}

/* ---/　リンク
--------------------------------- */	
.more_link {
	margin:0 15px 20px 25px;
}

.more_link li {
	margin-bottom:5px;
}

.more_link li a {
	background:url(../img_cont/ico_txt_link_arrow_w.png) 0 0.4em no-repeat;
	padding-left:18px;
}

/* ---/　前後のページへ
--------------------------------- */
.link_btn_area {
}

.link_btn_area ul {
	position:relative;
	height:30px;
}

.link_btn_area li {
	width:150px;
	
	background:url(../img_cont/bg_img_box220.jpg) 50% 100% no-repeat;
	padding-bottom:5px;
}

.link_btn_area a {
	display:block;
	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width:150px;
	height:30px;
}

.link_btn_area .pre {
}

.link_btn_area .pre a {
	background:url(../img_cont/btn_news_pre.png) 0 0 no-repeat;
}



.link_btn_area .list_return {
	position:absolute;
	top:0;
	left:50%;
	
	margin-left:-75px;
}

.link_btn_area .list_return a {
	background:url(../img_cont/btn_news_all.png) 0 0 no-repeat;
}

.link_btn_area .nex {
	position:absolute;
	top:0;
	right:0;
}

.link_btn_area .nex a {
	background:url(../img_cont/btn_news_next.png) 0 0 no-repeat;
}


.link_btn_area a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}








/*
.link_btn_area ul {
	overflow:hidden;
}			

.link_btn_area li {
	float:left;
	margin-right:20px;
	
	background:url(../img_cont/bg_img_box220.jpg) 50% 100% no-repeat;
	padding-bottom:5px;
}

.link_btn_area li a {
	display:block;
	width:150px;
	
	height:30px;
	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


.link_btn_area .pre a {
	background:url(../img_cont/btn_info_pre.png) no-repeat;
}
	
.link_btn_area .list_return a {
	background:url(../img_cont/btn_info_all.png) no-repeat;
}

.link_btn_area li:hover {
}

.link_btn_area li a:hover {
	opacity:0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
*/