@charset "euc-jp";

/*
	* Name: style.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
	* Author: Hiroaki Nakagawa
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: hiro@3050grafix.com

	* Contents:
	  - 01. 初期設定 - 基本設定 -
	    - 01-01. 初期設定 - 文字 -
	    - 01-02. 初期設定 - リンク -
	    - 01-03. 初期設定 - 箇条 -
	    - 01-04. 初期設定 - イメージ -
	    - 01-05. 初期設定 - テーブル -
	  - 02. 領域設定 - ブロック -
	    - 02-01. 領域設定 - コンテナ -
	    - 02-02. 領域設定 - Header -
        - 02-03. 領域設定 - Bread Crumb Navigation -
	    - 02-04. 領域設定 - Contents -
	    - 02-05. 領域設定 - Main -
	      - 02-05-01. 領域設定 - フォーム -
	      - 02-05-02. 領域設定 - 拍手ボタン -
	      - 02-05-03. 領域設定 - アカマイ設定 -
	    - 02-06. 領域設定 - Center Bar -
	    - 02-07. 領域設定 - Side Bar -
	    - 02-08. 領域設定 - Footer -
*/


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 01. 初期設定 - 基本設定 -
	======================================== */

	html {
		height: 100%;
	}

	body {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_body_clover.gif") left top;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	body,
		table caption,
			table tr th,
				table tr td {
					color: #58745B;
					font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
					font-size: 12px;
					line-height: 160%;
					text-align: center;
	}

	input, select {
		font-size: 12px;
	}

	input {
		padding: 2px 4px 2px 4px;
	}

	/* IE7 HACK */
	*:first-child+html input {
		padding-left: 2px;
		padding-right: 2px;
	}


	/* ========================================
	   * 01-01. 初期設定 - 文字 -
	======================================== */

	h1,
		h2,
			h3,
				h4,
					h5,
						h6 {
							font-weight: bold;
							margin: 0;
							padding: 0;
							text-align: left;
	}

	h1 {
		color: #428536;
		font-family: "Times New Roman", Verdana;
		font-size: 220%;
		font-weight: bold;
		letter-spacing: 1px;
		margin-top: 12px;
		margin-left: 26px;
	}

	h2 {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_title_article_clover.gif") left bottom no-repeat;
		color: #428536;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 16px;
		padding-bottom: 10px;
		padding-left: 12px;
		padding-right: 32px;
	}

	h3 {
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 12px;
	}

	h4 {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_title_clover.gif") left bottom no-repeat;
		color: #4A7931;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 16px;
		padding-bottom: 8px;
		padding-left: 12px;
		padding-right: 12px;
	}

	h5 {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/title_sidebar_clover.gif") left top no-repeat;
		color: #375924;
		font-size: 100%;
		font-weight: bold;
		min-height: 28px;
		margin-bottom: 14px;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 4px;
		text-transform: uppercase;
		width: 186px;
	}

	/* IE6 HACK */
	* html h5 {
		height: 32px;
	}

	h6 {
		font-size: 100%;
	}

	em {
		font-style: normal;
		font-weight: bold;
	}

	strong {
		font-weight: bold;
	}

	blockquote {
		color: #D36001;
		display: inline;
		margin: 0;
		padding: 0;
	}

	p {
		margin: 0 0 18px 0;
		padding: 0;
	}

	address {
		font-style: normal;
	}


	/* ========================================
	   * 01-02. 初期設定 - リンク -
	======================================== */

	/* 未訪問リンク */
	a:link {
		color: #5AA55A;
		text-decoration: underline;
	}

	/* 訪問済みリンク */
	a:visited {
		color: #5AA55A;
		text-decoration: underline;
	}

	/* リンクにマウスが重なった際の処理 */
	a:hover {
		color: #FF6633;
		text-decoration: underline;
	}

	a:focus {
		color: #5AA55A;
		text-decoration: underline;
	}

	a:active {
		color: #5AA55A;
		text-decoration: underline;
	}


	/* ========================================
	   * 01-03. 初期設定 - 箇条 -
	======================================== */

	ul,
		ol {
			margin: 0 0 14px 0;
			padding: 0;
	}

	ul {
		list-style-type: circle;
	}

	ol {
		list-style-type: decimal;
	}

	ul li,
		ol li {
			margin: 0 0 4px 0;
			padding: 0;
			text-align: left;
	}

	dl {
		margin: -2px 0 32px 0;
		padding: 0;
	}

	dl dt,
		dl dd {
			margin: 0;
			padding: 0 12px 0 12px;
			text-align: left;
	}

	dl dt {
		color: #314053;
		font-size: 80%;
	}

	dl dd {
		border-bottom: 1px dotted #B8BCC0;
		padding-bottom: 10px;
	}


	/* ========================================
	   * 01-04. 初期設定 - イメージ -
	======================================== */

	/* 画像ファイルの枠線を表示しない */
	img {
		border: none;
	}

	/* 画像ファイルを左側に配置 */
	img.photo_left {
		background-color: #FFFFFF;
		border: 1px solid #E0DCD4;
		float: left;
		padding: 1px;
		margin: 0 16px 14px 0;
	}

	/* 画像ファイルを右側に配置 */
	img.photo_right {
		background-color: #FFFFFF;
		border: 1px solid #E0DCD4;
		float: right;
		padding: 1px;
		margin: 0 0 18px 16px;
	}


	/* ========================================
	   * 01-05. 初期設定 - テーブル -
	======================================== */

	table {
		margin: 0 auto 20px auto;
		padding: 0;
		width: 96%;
	}

	table caption {
		margin: 0;
		padding: 8px 0 8px 0;
	}

	table tr th,
		table tr td {
			margin: 0;
			padding: 8px 6px 8px 6px;
			text-align: left;
	}

	table tr th {
		background-color: #BCD3AF;
		border-bottom: 1px solid #6F9D55;
		color: #466336;
		font-weight: normal;
		padding-left: 8px;
		text-align: left;
		width: 28%;
	}

	table tr td {
		border-bottom: 1px dotted #B9CEBB;
		padding-left: 18px;
	}


	/* ========================================
	   * 02-01. 領域設定 - コンテナ -
	======================================== */

	.container {
		margin: 0;
		padding: 0;
		text-align: left;
	}

	.paragraph {
		margin: 0 24px 32px 24px;
		padding: 0;
	}


	/* ========================================
	   * 02. 領域設定 - ブロック -
	======================================== */

	#altogether {
		background-color: #FFFFFF;
		border-left: 1px solid #91AD81;
		border-right: 1px solid #91AD81;
		margin: 0 auto 0 auto;
		min-height: 100%;
		padding: 0 1px 0 1px;
		width: 948px;
	}

	/* IE6 HACK */
	* html #altogether {
		width: 950px;
	}

	#header {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/img_clover_clover.gif") 840px bottom no-repeat;
		border-bottom: 2px solid #56A929;
		margin: 0 auto 1px auto;
		min-height: 82px;
		overflow: hidden;
		padding: 20px 80px 0 0;
		text-align: left;
		width: 868px;
	}

	/* IE6 HACK */
	* html #header {
		height: 102px;
		width: 948px;
	}

	#bcnavigation {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_rough_paper_clover.gif") left top;
		margin: 0 0 1px 0;
		padding: 10px 34px 8px 34px;
		text-align: left;
		width: 880px;
	}

	/* IE6 HACK */
	* html #bcnavigation {
		padding-top: 8px;
		width: 948px;
	}

	#contents {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_contents_clover.gif") left top repeat-x;
		border-top: 1px solid #CCC5AC;
		padding: 32px 0 0 0;
		text-align: left;
		width: 948px;
	}

	#main {
		float: left;
		margin: 0 22px 0 0;
		width: 488px;
	}

	#centerbar {
		float: left;
		margin: 0 22px 0 0;
		padding: 5px 0 0 0;
		width: 180px;
	}

	#sidebar {
		float: left;
		margin: 0;
		margin-right: -4px;
		width: 190px;
	}

	#footer {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_footer_clover.gif") left top no-repeat;
		clear: both;
		margin: 0 auto 0px auto;
		padding: 0 0 30px 0;
		width: 924px;
	}


	/* ========================================
	   * 02-02. 領域設定 - Header -
	======================================== */

	#header h1 {
		text-indent: 0;
	}

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

	#header h1 span {
		color: #95A78C;
		display: block;
		font-weight: normal;
		font-size: 10px;
		margin: 6px 0 0 0;
	}


	/* ========================================
	   * 02-03. 領域設定 - Bread Crumb Navigation -
	======================================== */

	#bcnavigation p {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/title_bcnavigation_clover.gif") left 1px no-repeat;
		font-size: 80%;
		margin-bottom: 0;
		padding-left: 124px;
		padding-right: 12px;
		text-align: left;
	}

	/* IE6 HACK */
	* html #bcnavigation p {
		background-position: left 3px;
	}

	#bcnavigation p a {
		color: #675F43;
		text-decoration: none;
	}

	#bcnavigation p a:hover {
		text-decoration: underline;
	}

	#bcnavigation p p {
		background: none;
		color: #675F43;
		display: inline;
		padding-left: 0;
		padding-right: 4px;
	}


	/* ========================================
	   * 02-04. 領域設定 - Contents -
	======================================== */

	#contents div.container {
		margin-left: 22px;
		margin-right: 22px;
	}

	/* Powered By FC2ブログ */
	#contents div.container p.plugin-powered {
		margin-top: 0;
	}

	#contents div.container p.plugin-powered a img {
		display: block;
		margin: 0 0 8px 0;
	}

	#contents div.container p.plugin-powered br {
		display: none;
	}

	/* ブロとも申請フォーム */
	#contents div.container p.plugin-friends {
		margin-top: 0;
	}

	/* QRコード */
	#contents div.container div.plugin-qrcode {
		margin: 10px 10px 0 10px;
	}

	/* タグ */
	#contents div.container p.plugin-tag {
		margin-bottom: 28px;
	}

	/* カレンダー */
	#contents div.plugin-calender table.calender caption a {
		display: inline;
	}

	#contents div.plugin-calender table.calender tr th,
		#contents div.plugin-calender table.calender tr td {
			font-size: 80%;
			padding: 2px 0 2px 0;
			text-align: center;
			width: 14%;
	}


	/* ========================================
	   * 02-05. 領域設定 - Main -
	======================================== */

	#main div.paragraph {
		margin-bottom: 18px;
	}

	#main h2 a {
		text-decoration: none;
	}

	#main p.pagetop {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_line02_clover.gif") left top no-repeat;
		margin-bottom: 46px;
		padding-top: 18px;
	}

	#main p img.emoji {
		margin: 0 2px 0 2px;
		vertical-align: middle;
	}

	#main ul li {
		margin-bottom: 12px;
	}

	#main ol {
		list-style-type: none;
		margin-top: -8px;
	}

	#main ol li {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/icon_arrow_green_clover.gif") 10px 7px no-repeat;
		border-bottom: 1px dotted #B9CEBB;
		margin-bottom: 8px;
		padding-bottom: 8px;
		padding-left: 26px;
	}

	#main ol li span {
		color: #ABB9AD;
		font-size: 10px;
	}

	#main p.openingdate {
		color: #CC7009;
		font-size: 80%;
		margin: -8px 0 10px 0;
		text-align: right;
	}

	#main div.entry_footer p,
		#main div#entry_navi p {
			font-size: 80%;
	}

	#main div.entry_footer,
		#main p.pagetop {
			padding-left: 18px;
			padding-right: 18px;
			text-align: right;
	}

	#main div.entry_footer {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_line01_clover.gif") left top no-repeat;
		clear: both;
		color: #639957;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	#main div.entry_footer p {
		margin-bottom: 0;
		text-align: right;
	}

	#main div.entry_footer p img {
		vertical-align: middle;
	}

	#main div#entry_navi {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_line02_clover.gif") left top no-repeat;
		margin-bottom: 12px;
		padding-top: 12px;
	}

	#main div#entry_navi p {
		margin-bottom: 0;
		text-align: center;
	}

	#main ol#entry_navi {
		list-style-type: none;
		margin: 0 0 46px 0;
		padding: 0;
		width: 488px;
		text-align: right;
	}

	#main ol#entry_navi li {
		background-image: none;
		border-bottom: none;
		display: inline;
		margin-left: 8px;
		margin-right: 8px;
	}

	#main ul.comment_footer {
		border-top: 1px dotted #B9B9B9;
		list-style-type: none;
		margin: -10px 0 36px 0;
		padding: 0;
	}

	#main ul.comment_footer li {
		border-bottom: 1px dotted #B9B9B9;
		font-size: 10px;
		margin-bottom: 0;
		padding: 4px 10px 4px 10px;
	}

	#main p.text_edit {
		font-size: 10px;
		margin: -32px 0 36px 0;
		padding: 0 18px 0 12px;
		text-align: right;
	}

	#main div#trackback {
	}

	#main div#trackback input {
		margin: 0 10px 8px 10px;
		width: 88%;
	}

	#main div#trackback p {
		margin-left: 10px;
		margin-right: 10px;
		width: 88%;
	}

	#main div#article_navi {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_line01_clover.gif") left top no-repeat;
		margin: -12px 0 40px 0;
		padding: 22px 0 0 0;
	}

	#main div#article_navi div.container {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_line02_clover.gif") left bottom no-repeat;
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 10px;
		text-align: center;
	}

	#main div#article_navi:after {
		clear: both;
		content: "";
		display: block;
		height: 1px;
	}

	/* IE6 HACK */
	* html #main div#article_navi {
		height: 1px;
	}

	/* IE7 HACK */
	*:first-child+html #main div#article_navi {
		min-height: 1px;
	}

	#main div#article_navi ol {
		border-bottom: none;
		list-style-type: none;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#main div#article_navi ol li {
		background: none;
		border-bottom: none;
		display: inline;
		margin-bottom: 0;
		margin-left: 6px;
		margin-right: 6px;
		padding-bottom: 0;
		padding-left: 0;
	}

	#main div#article_navi ol li a {
		padding: 8px 0 8px 0;
	}


	/* ========================================
	   * 02-05-01. 領域設定 - フォーム -
	======================================== */

	table tr td input#name {
		width: 60%;
	}

	table tr td input#subject {
		width: 60%;
	}

	table tr td input#mail {
		width: 60%;
	}

	table tr td input#url {
		width: 70%;
	}

	table tr td textarea#comment {
		height: 120px;
		width: 90%;
	}

	table tr td input#password {
		width: 20%;
	}

	table tr td img {
		display: inline;
		margin: 0 2px 0 0;
	}

	#main div.button {
		margin-bottom: 20px;
		text-align: center;
	}

	#main div.button ul {
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
	}

	#main div.button ul li {
		display: inline;
		margin-left: 10px;
		margin-right: 10px;
	}

	#main div.button ul li input {
		width: 30%;
	}


	/* ========================================
	   * 02-05-02. 領域設定 - 拍手ボタン -
	======================================== */

	#main div.fc2_footer {
		margin: 0 24px 20px 24px;
		padding: 0;
	}

	#main div.paragraph div.fc2_footer {
		margin-left: 0;
		margin-right: 0;
		margin-top: 28px;
	}


	/* ========================================
	   * 02-05-03. 領域設定 - アカマイ設定 -
	======================================== */

	#main div#googleAdContainer {
		margin: 0;
		text-align: left;
	}

	#main div.paragraph div#googleAdContainer {
		margin-bottom: -20px;
		margin-left: -14px;
		margin-right: -14px;
	}

	/* IE6 HACK */
	* html #main div.paragraph div#googleAdContainer {
		margin-bottom: -36px;
	}

	/* IE7 HACK */
	*:first-child+html #main div.paragraph div#googleAdContainer {
		margin-bottom: -39px;
	}


	/* ========================================
	   * 02-06. 領域設定 - Center Bar -
	======================================== */

	#centerbar h4 span {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/icon_clover_clover.gif") left 4px no-repeat;
		display: block;
		padding: 0 0 0 20px;
	}

	#centerbar p {
		margin-bottom: 26px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#centerbar ul,
		#centerbar div {
			margin-bottom: 26px;
			margin-top: -16px;
	}

	#centerbar ul {
		list-style-type: none;
	}

	#centerbar ul li {
		margin-bottom: 0;
	}

	#centerbar ul li a,
		#centerbar div div a {
			background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/icon_arrow_green_clover.gif") 10px 16px no-repeat;
			border-bottom: 1px dotted #B9CEBB;
			display: block;
			padding: 10px 12px 10px 26px;
			width: 142px;
	}

	/* IE6 HACK */
	* html #centerbar ul li a,
		* html #centerbar div div a {
			width: 100%;
	}

	#centerbar ul li a:hover,
		#centerbar div div a:hover {
			background-image: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/icon_arrow_orange_clover.gif");
	}

	#centerbar div div {
		margin-bottom: 0;
		margin-top: 0;
	}

	#centerbar form {
		margin: -12px 0 26px 0;
		padding: 2px 10px 2px 10px;
	}

	#centerbar form p {
		margin: 6px 0 0 0;
	}

	#centerbar form input {
		margin: 0 2px 6px 2px;
	}


	/* ========================================
	   * 02-07. 領域設定 - Side Bar -
	======================================== */

	#sidebar div.paragraph {
		background: url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_sidebar_clover.gif") left top no-repeat;
		margin-bottom: 26px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
	}

	#sidebar div.paragraph a {
		display: block;
		font-size: 80%;
		margin: -22px 0 26px 0;
		text-align: center;
	}

	#sidebar div.paragraph p {
		margin-left: 10px;
		margin-right: 10px;
	}

	#sidebar div.paragraph p.plugin-friends {
		margin-left: 0;
		margin-right: 0;
		margin-top: -13px;
	}

	#sidebar div.paragraph form {
		background-color: #EBF6E9;
		border-bottom: 1px solid #C8E7C3;
		margin: -13px 0 20px 0;
		padding: 2px 10px 2px 10px;
	}

	#sidebar div.paragraph form p {
		margin: 6px 0 0 0;
	}

	#sidebar form input {
		margin: 0 2px 6px 2px;
	}

	/* IE6 HACK */
	* html #sidebar div.paragraph form input {
		margin-right: 0;
	}

	#sidebar div.paragraph form p br {
		display: none;
	}

	#sidebar div.paragraph ul {
		list-style-type: none;
		margin-bottom: 28px;
	}

	#sidebar div.paragraph ul,
		#sidebar div.paragraph div {
			margin-top: -13px;
	}

	#sidebar div.paragraph ul li,
		#sidebar div.paragraph div div {
			margin-bottom: 1px !important;
			margin-top: 0;
	}

	#sidebar div.paragraph div div {
		background: none;
		border-bottom: none;
	}

	#sidebar div.paragraph ul li a,
		#sidebar div.paragraph div div a,
			#sidebar div.paragraph p.plugin-friends a {
				background: #EBF6E9 url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/icon_arrow_darkgreen_clover.gif") 14px 16px no-repeat;
				border-bottom: 1px solid #C8E7C3;
				color: #375924;
				display: block;
				font-size: 100%;
				margin: 0;
				padding: 10px 12px 10px 30px;
				text-align: left;
				text-decoration: none;
	}

	/* IE6 HACK */
	* html #sidebar div.paragraph ul li a,
		* html #sidebar div.paragraph div div a,
			* html #sidebar div.paragraph p.plugin-friends a {
				width: 100%;
	}

	#sidebar div.paragraph ul li a:hover,
		#sidebar div.paragraph div div a:hover,
			#sidebar div.paragraph p.plugin-friends a:hover {
				background-color: #DDEED9;
				border-bottom: 1px solid #B3DCAB;
	}

	/* Powered By FC2ブログ */
	#sidebar div.paragraph p.plugin-powered a {
		display: inline;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	/* QRコード */
	#sidebar div.paragraph div.plugin-qrcode {
		background: none;
		border-bottom: none;
	}

	/* カレンダー */
	#sidebar div.paragraph div.plugin-calender table.calender {
		width: 100%;
	}

	/* IE6 HACK */
	* html #sidebar div.paragraph div.plugin-calender table.calender {
		width: 186px;
	}

	#sidebar div.paragraph div.plugin-calender table.calender caption {
		background-color: #DDEED9;
		border-bottom: 1px solid #B3DCAB;
		margin-bottom: 1px;
		padding-bottom: 2px !important;
		padding-top: 2px !important;
	}

	#sidebar div.paragraph div.plugin-calender table.calender caption a {
		color: #375924;
	}


	/* ========================================
	   * 02-08. 領域設定 - Footer -
	======================================== */

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

	#footer a:hover {
		text-decoration: underline;
	}

	#footer p,
		#footer ul {
			border-bottom: 1px dotted #B9CEBB;
			padding: 8px 12px 8px 12px;
			text-align: center;
	}

	#footer p {
		clear: both;
		margin-bottom: 0;
	}

	#footer ul {
		list-style-type: none;
	}

	#footer ul li {
		display: inline;
		margin-bottom: 6px;
		margin-left: 6px;
		margin-right: 6px;
	}

	#footer div.container {
		background: #55AA46 url("http://blog-imgs-34.fc2.com/3/0/5/3050grafix/bg_green_clover.gif") left top repeat-x;
		float: right;
		font-size: 80%;
		margin: 8px 30px 8px 30px;
	}

	/* IE6 HACK */
	* html #footer div.container {
		margin-left: 15px;
		margin-right: 15px;
	}

	#footer div.container p {
		border-bottom: none;
		color: #FFFFFF;
		margin-bottom: 0;
		padding-bottom: 2px;
		padding-top: 2px;
	}

	#footer div.container p noscript p {
		background: none;
		color: #FFFFFF;
		display: inherit;
		padding-bottom: 0;
		padding-top: 0;
	}

	#footer div.container p a {
		color: #FFFFFF;
	}

}