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

body	{margin: 0 10px;

	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}


#container	{width: 1200px;
	margin: auto;}


#header	{width: 1200px;
	margin: 0;}


#htop 	{width: 1200px;
	margin: 0;}

#htop 	img {width: 100%;
	margin: 0;}

#headerpost	{margin-bottom: 2px;}

#content	{width: 1200px;
	margin-bottom: 10px;}

#con-inner {width: 1200px;
	margin-bottom: 10px;}

/* ### コンテンツ部分の記事のレイアウト ### */

.post	{float: left;
	width: 48%;
	margint: 0;
	padding: 5px 3px;}

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

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

/* サムネイル画像 */
.post img	{
	margin-right: 3px;
	padding: 5px 3px;
	vertical-align: bottom;
	border: none;}

/* 記事のタイトルと文章 */
.post h2 {font-size: 18px;
	margin: 5px 0;
	padding: 2px 6px;
	border: 1px solid #04b404;
	border-radius: 6px;}

.post h3 {font-size: 16px;
	margin:  0;
	padding: 2px 6px;
	color: #000000;
	border-left: 3px solid #088a08;
	border-bottom: 1px solid #088a08;
}

.post h4	{font-size: 14px;
	margin:  0;
	padding: 2px 6px;
	color: #ff0000;}

.post h5	{font-size: 13px;
	margin: 0;
	padding: 2px 6px;}

.post p	{font-size: 14px;
	margin: 2px 10px;}

/* 続きを読むボタン */
.post .more_s	{float: right;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	background-color: #0b610b;
	background-image: url(img/more_small.png);
	background-repeat: no-repeat;
	background-position: 94% 50%;
	padding: 3px 25px 3px 5px;
	margin: 0;}

/* リンク */
.post .more_s a	{color: #ffffff;}

.post .more_s a:hover	{color: #ff0000;}


/* ### ヘッダー ### */
#htop  h5 {margin: 0;
	padding: 2px 10px;
	background-color: #8a0808;
	font-size: 13px;
	text-align: left;
	color: #fff;}

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

.box1 h1{margin: 0;
	font-size: 28px;
	color: #003300;}

.box2  {float: right;
	width: 50%;
	margin-right: 10pxd;}

/* アイコンメニュー */

#tnav {margin-top: 0;
	padding-top: 0;
	float: right;
	position: relative;}

#tnav ul {
	margin: 0;
	 padding: 0;}

#tnav li {margin: 2px 2px;
	 padding-left: 11px;
	 float: left;
	 list-style-type: none;}

#tnav li.contact a {font-size: 14px;
 	text-decoration: none;
        padding: 1px 10px;
	 line-height: 1;
	background: url(./img/mark1.png) no-repeat left center;}

#tnav li a:hover {background-color: #FF0040;
	 color: #ffffff;}
#htop {overflow: hidden;}

#header	{overflow: hidden;}


.boxsl	{float: left;
 	margin:0;
	width: 50%;
	margin-bottom: 15px;}

.boxsr {float: right;
 	margin:0;
	width:50%;
	margin-bottom: 15px;}

#con-inner	{overflow: hidden;} 

#content {overflow: hidden;}

article section { text-align: center;
	clear: both; }
article section img {float: none;
	margin: 6px;}
article section h1 {float: none;
	font-size: 40px;
	 color:#FF0080;
	margin: 6px;}
article section h2 {float: none;
	font-size: 30px;
	 color: #0000FF;
	margin: 6px;}

article section h3 {float: none;
	font-size: 40px;
	 color: #00FF40;
	margin: 6px;}

/* ### フッター ### */

#footer	{margin-top: 100px;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color: #0b610b;
	padding: 10px 10px 20px;
  line-height: 1.0;			/* ■この指定が無いとブラウザ毎に縦位置が変る */
}


/* サイト名 */
#footer p	{float: left;
	font-size: 14px;
	color: #fff;}

/* アイコンメニュー */
#iconmenu	{float: right;}

#iconmenu ul	{margin: 0;
	padding: 3px 0 0;}

#iconmenu li	{display: inline;
	list-style-type: none;}

#iconmenu img	{border: none;}


/* サブメニュー */
#submenu	{clear: both;}

#submenu ul	{margin: 10px 0;
	padding: 3px 0 0;
	font-size: 12px;}

#submenu li	{display: inline;
	list-style-type: none;}

#submenu a	{color: #ffffff;
	font-weight: bold;
	border-right: solid 1px #ffffff;
	padding-right: 6px;
	margin-right: 3px;
	text-decoration: none;}

#submenu a:hover	{background-color: #ffcccc;
	color: #008800;}

#submenu li:last-child a	{border: none;}


/* コピーライト */
small	{font-size: 12px;
	font-weight: bold;
	display: block;
	color: #fff;}



.article{
	text-align: center;
}
.maxw_img{
	max-width: 100%;
}