@charset "UTF-8";

@-ms-viewport	{width: device-width;}

/* ボディ */
/* 白 */
body	{margin: 0;
	background-color: #ffffff;
	font-family: 'Century Gothic', 'メイリオ', 'Hiragino Kaku Gothic Pro';}


h1, h2, h3, h4, h5, h6	{font-weight: normal;}


/* ヘッダー */
/* きみどり */
.header	{padding: 10px 0 0 0;
	background-color: #DCE000;
	border-bottom: solid 1px #000066;}

.header h1	{margin: 0;
	font-size: 26px;
	font-weight:bold;
	line-height: 2;}

.header h1 a	{color: #000066;
	text-decoration: none;}

.header h2	{margin: 0;
	color: #000066;
	font-size: 18px;
	font-weight:bold;
	line-height:2;}

.header h3	{margin: 0;
	font-size: 12px;
	line-height:2;}

.header .logo	{margin: 0 10px 0 0;
	border: none;
	vertical-align: -15px;}


/* フッター */
/* きみどり */
.footer	{padding: 40px 20px 30px 20px;
/*	background-image: url(img/footer.png);*/
	background-color: #DCE000;
	background-position: center top;
	text-align: center;}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

.footer a	{color: #666;
	text-decoration: none;}


/* メニュー（ナビゲーションメニュー） */
.menu	{margin-bottom: 20px;
	padding: 0;
	background-color: #DCE000}

.menu ul,
.menu ol	{margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	list-style: none;}

.menu li a	{display: block;
	padding: 15px 10px 15px 10px;
	color: #000066;
	text-decoration: none;}

/* 濃いみどり */
.menu li a:hover	{background-color: #9DA000; color: #fff}

.menu li	{float: left;}

.menu ul:after,
.menu ol:after	{content: "";
	display: block;
	clear: both;}
.menu ul,
.menu ol	{*zoom: 1;}




/* 記事 */
.entry	{padding: 0;}

.entry img	{max-width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	vertical-align: bottom;}

.entry h1	{margin: 0 0 20px 0;
	font-size: 36px;
	line-height: 1.2;}
	
.entry h2	{margin: 0 0 20px 0;
	font-size: 18px;
	font-weight:bold;
	line-height: 1.2;}

.entry h3	{margin: 0;
	font-size: 16px;
	font-weight:bold;
	line-height:2;}

.entry h4	{margin: -30px 0 0 0;
	font-size: 12px;
	line-height: 2;}

.entry p	{margin: 0 0 20px 0;
	padding: 30;
	font-size: 14px;
	line-height: 1.6;}

.entry .added	{margin: 0 0 20px 0;}

.entry ul	{margin: 4;
	padding: 3;
	font-size: 14px;
	line-height: 2;
	list-style: square;}



/* ラベル */
.lb	{display: inline-block;
	padding: 2px 15px 2px 15px;
	border-radius: 4px;
	background-color: #0ae;
	color: #fff;
	font-size: 12px;
	text-decoration: none;}

.lb:hover, 
.lb:focus	{outline: none;}



/* メニュー（サブメニュー） */
.submenu	{padding: 20px; 
	background-color: #dfe3e8;}

.submenu h3	{margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 1.2;}

.submenu ul,
.submenu ol	{margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.submenu li a	{position: relative;
	display: block;
	padding: 10px 5px 10px 30px;
	color: #000;
	text-decoration: none;}

.submenu li a:hover	{background-color: #fec;}

.submenu li a:before	{position: absolute;
	left: 5px;
	top: 12px;
	content: '\f061';
	color: #8abc60;
	font-family: 'FontAwesome';
	font-size: 12px;
	line-height: 1;}



/* 枠＋見出しの設定（サブメニュー） */
.submenu	{margin-bottom: 30px;
	padding: 0;
	border: solid 1px #aaa;
	border-left: none;
	border-right: none;
	background-color: #fff;}

.submenu > h3	{margin: 0;
	padding: 10px;
	border-bottom: solid 1px #aaa;
	background-color: #fff;
	font-size: 18px;}

.submenu > p	{margin: 10px;}


/* コンテナ */
.container	{
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 10px 0 10px;}

@media (min-width: 768px) {

/* 段組み */
.col	{float: left;
	width: 48.5%;
	margin-left: 3%;
	*clear: right;}

.col:first-child	{margin-left: 0;}

.cols:after	{content: "";
	display: block;
	clear: both;}
.cols	{*zoom: 1;}


/* 段ごとの横幅 */
.col:first-child	{width: 65%;}

.col:first-child + .col	{width: 32%;}


/* メニュー（ナビゲーションメニュー） */
.menu li	{width: 110px; 
	text-align: center;} 


} /* @media */


.square{
color: #000066;}

/* フォーム */
form	{padding: 20px;
	background-color: #dfe3e8;}

form p	{margin: 0 0 20px 0;}

label	{display: block;
	margin: 0 0 5px 0;
	font-size: 14px;}

input[type="text"],
input[type="email"],
textarea	{width: 100%;
	padding: 5px 10px 5px 10px;
	border: solid 1px #aaa;
	border-radius: 0;
	background-image: none;
	font-family: inherit;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}

textarea	{height: 80px;}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus	{border: solid 1px #0cf;
	outline: none;
	-webkit-box-shadow: 0 0 5px 0 #0cf;
	box-shadow: 0 0 5px 0 #0cf;}


/* ボタン */
input[type="submit"]	{display: inline-block;
	padding: 10px 30px 10px 30px;
	border: none;
	border-radius: 0;
	background-color: #fa0;
	background-image: none;
		color: #000;
		font-family: inherit;
		font-size: 14px;
		text-decoration: none;
		cursor: pointer;
		-webkit-appearance: none;}

	input[type="submit"]:hover, 
	input[type="submit"]:focus	{outline: none;
		background-color: #cf0;}

	input[type="submit"]::-moz-focus-inner	{padding: 0;
		border: none;}