/* ### 基本的なレイアウト ### */

#container	{width: 620px;}

#caption{
	width: 620px;
	height: 194px;
	background: url(./img/caption.jpg);
	background-size:contain;
}
#caption_banner{
	width: 620px;
	height: 96px;
	background: url(./img/banner.jpg);
	background-size:contain;
}
#caption_banner2{
	width: 620px;
	height: 61px;
	background: url(./img/ovtb.jpg);
	background-size:contain;
}
/* ### コンテンツ部分の記事のレイアウト ### */
.post	{width: 200px;
	margin-right: 10px;}
	
.post:nth-child(4n){margin-right: 10px;}
.post:nth-child(3n){margin-right: 0px;}

/* ### コンテンツ ### */

/* 記事 */
.post img	{width: 200px;}

.post h2	{font-size: 14px;}

.post p	{font-size: 12px;}

.post .more_s	{font-size: 12px;}



/* ### ヘッダー ### */

/* ナビゲーションメニュー */
#nav	{padding-top: 0;}

#nav li:nth-child(2)	{float:none;
	overflow:hidden;}



/* ### ヘッダー記事 ### */
#headerpost	{position: relative;}

#headerpost img	{float: none;
	width: 620px;
	height: auto;}

#headerpost #lead	{float: none;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	width: auto;
	padding: 10px 20px;
	margin: 0;}

#headerpost h2	{font-size: 20px;
	margin: 10px 0 10px 0;}

#headerpost p	{font-size: 14px;
	margin: 0 0 20px 0;}

#headerpost .date	{float: left;
	margin: 0;}

#headerpost .more	{float: right;
	margin: -12px 15px 0px 0;}