@charset "UTF-8";

#headerArea{
	padding-bottom: 300px;	/* 背景画像の高さに合わせる */
	background-image: url(../base_img/headerBg-60.jpg);
}

#contentArea{
	padding: 85px 140px 200px;
}

/* newsList */
/*============================================================================*/
#newsList{
	overflow: hidden;
}

.news + .news{ margin-top: 100px; /* news同士の間隔 */ }

.date{
	width: 140px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	color: rgb(255,255,255);
	text-align: center;
	background-color: rgb(203,161,38);
}

.news-content{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	padding: 0px 20px;	/* 左右の余白 */
	padding-top: 45px;	/* border-top下の余白 */
	width: 700px;
	border-top: 1px solid rgb(203,161,38);
}

/* 見出し */
.news-title{
	font-size: 20px;
	line-height: 28px;
	text-align: justify;
	text-justify: inter-ideograph;
	background-color: white;
	position: relative;
}

	/* news-body */
	/*========================================================================*/
	.news-body{
		margin-top: 45px;	/* .news-title底辺との間隔 */
		font-size: 14px;
		line-height: 21px;
		color: rgb(0,0,0);
	}
	
	.news-heading{ margin-top: 30px; }
	
	/* テキスト */
	.news-text{
		margin-top: 30px;
		color: rgb(0,0,0);
		text-align: justify;
		text-justify: inter-ideograph;
		word-wrap: break-word;
		word-break: break-all;
	}
	
	.news-heading + .news-text{ margin-top: 0px; }
	
	/* リンク */
	.news-anchor{
		color: rgb(203,161,38);
	}
	
	/* 画像 */
	.news-img{
		margin-top: 30px;
		max-width: 100%;
		overflow: hidden;
	}
	
	.news-img.zoom img{ cursor: pointer; }
	
	/* modifiers */
	.news-body .margin-top{ margin-top: 30px; }
	.news-body .no-margin-top{ margin-top: 0px; }
	.news-body .indent{ padding-left: 1em; text-indent: -1em; }
	
	/*------------------------------------------------------------------------*/
	/* news-body */

/*----------------------------------------------------------------------------*/
/* newsList */

/* readmore */
#readmore{
	/* imgRep */
	margin-top: 100px;	/* #newsList底辺との間隔 */
	width: 700px;
	height: 100px;
	background: url(../base_img/readmore.png) no-repeat 50% 50%;
	background-color: rgb(242,242,242);
	cursor: pointer;
}

#readmore:hover{ background-color: rgb(204,204,204); }
.mobileDevice #readmore:hover{ background-color: rgb(242,242,242); }

/* yearNavi */
#yearNavi{
	margin: 0px auto;		/* 左右中央配置 */
	margin-top: 20px;		/* #readmore底辺との余白  */
	width: 660px;
	overflow: hidden;		/* 子要素のfloat対策 */
}

#prevYear,
#nextYear{ height: 20px; /* 背景画像に合わせる */  }

#prevYear{ float: left; }
#nextYear{ float: right; }

#prevYear > *,
#nextYear > *{
	/* imgRep */
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(../base_img/yearNavi.gif);
}

#prevYear > *{ width: 102px; background-position:    0px 0px; }
#nextYear > *{ width: 100px; background-position: -103px 0px; }

#prevYear a:hover{ background-position:    0px -21px; }
#nextYear a:hover{ background-position: -103px -21px; }