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

#container {width: 100%;
	margin: 0 5px;
	padding: 0 5px;}


/* ### コンテンツ部分の記事のレイアウト ### */
#header	{width: 98%;
	margin: 0;}

#htop {width:100%;}


.box1 {float: left;
	margin: 0;
	width: 35%;}

.box1 img{width: 100%;
	margin: 0;}

.box2 {width: 20%;
	margin-top: 0;
	float: left;}

.box2 h2 {margin:2px 6px;
	padding:3px 6px 3px 6px; 
	font-size: 26px;
	background-image: url(img/home.png);
	background-color: #296dff;
	border-radius: 8px;
	color: #fff;}

.box3 {float: right;
	width: 40%;
	margin-right:0;}


#content	{width: 100%;
	margin: 0 20px;}

/* ### コンテンツ ### */
#con-inner {width: 100%;}

/* 記事 */
.post	{width: 48%;
	margin-right: 10px;}

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

/* 記事 */
.post img	{width: 90%;}

.post:last-child	{margin-right: 0;}

.post + .post {margin-right: 0;}

.post {overflow:hidden;}

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

/* ナビゲーションメニュー */
#nav	{width: 90%;
	margin-right: 10px;
	padding: 0 5px;}

#nav ul: {width:100%;
	margin: 2px 6px;}

#nav li: {width: 24%;}



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

#headerpost img	{float: none;}

#headerpost #lead	{float: none;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	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;}

#footer	{padding-bottom: 30px;
	width:  auto;
	height: auto;}