@charset "UTF-8";


/*
-----------------------------------------------------

Templates Box CSS
    Name: clover green
 Version: 2009.07.17

-----------------------------------------------------
*/




/* contentプロパティの初期化 */



*:before,
*:after {
	content : "";
}

/* 全体的なマージン・パディング・フォントスタイル等の初期化 */

* {
	margin : 0;
	padding : 0;
	font-style : normal;
	font-weight : normal;
}




/* html,body 全体的の設定
------------------------------------------------------------ */

body {
	color : #333;
	font-size: 75%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color : #fff;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/bg_heart2-01.gif") top left repeat;
	text-align : center;
	line-height : 150%;
}

h1 {
	font-size : 150%;
}

h2 ,
h3 ,
h4 {
	font-size : 100%;
}

img {
	border: none;
}

form {
	color: #666;
	margin: 0px;
	padding: 0px;
}

input,textarea {
	color: #666;
	border:1px solid #ccc;
	padding: 2px;
}

em {
	font-style : italic;
}

strong {
	font-weight : bold;
}

ul {
	line-height:170%;
	padding: 0px 0px 0px 20px;
}

li {
	padding: 2px 0;
}

blockquote{
	width : 380px;
	margin : 20px 0 20px 20px;
	padding : 0.5em;
	border : 3px double #ccc;
}

/* リンクの設定 */

a {
	text-decoration : none;
}
a:link {
	color : #99cc33 !important;
}
a:visited {
	color : #99cc33 !important;
}
a:hover {
	color : #ccff00 !important;
	text-decoration: underline;
}
a:active {
	color : #666 !important;
}

/* スクロールバーの設定(IE限定) */

html,body {
	scrollbar-3dlight-color : #ffffff;
	scrollbar-arrow-color : #99cc33;
	scrollbar-base-color : #ffffff;
	scrollbar-darkshadow-color : #ffffff;
	scrollbar-face-color : #ffffff;
	scrollbar-highlight-color : #99cc33;
	scrollbar-shadow-color : #99cc33;
	scrollbar-track-color : #ffffff;
}

/* layout レイアウト
------------------------------------------------------------ */

/* containerの設定 */

div#container {
	width : 820px;
	margin-left : auto;
	margin-right : auto;
	background-color : #fff;
	border-left : 2px solid #99cc33; 
	border-right : 2px solid #99cc33;
	text-align : left;		/* 古いIE用 */
}

div#branding {
	width : 520px;
	height : 220px;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/pl_clover_01.gif") top left no-repeat;
}

div.column {
	margin : 25px 0px;
}


/* primary-columnの設定 */

div#primary-column {
	float : right;		/* 回り込み */
	margin-right : 20px;
	width : 520px;
}

html>body div#primary-column {
	width : 520px;		/* Opera用 */
}


/* secondary-columnの設定 */

div#secondary-column {
	float : left;			/* 回り込み */
	margin-left : 20px;
	width : 220px;
}

html>body div#secondary-column {
	width : 220px;		/* Opera用 */
}


/* footerの設定 */

div#siteinfo-legal {
	clear : both;		/* 回り込み解除 */
	margin : 0 5px;
}


/* page　navi ページナビ
------------------------------------------------------------ */

/* 管理ページへのリンクの設定 */

div.header {			
	margin-bottom : 5px;
	color : #fff;
	background-color : #99cc33;
	text-align : right;
}

ul.header li {
	display : inline;
	list-style-type : none;
}

ul.header a {
	color : #fff !important;
}


/* ページ送りの設定 */

p.prev-next-navi {
	color : #fff;
	background-color : #99cc33;
	text-align : center;
}

p.prev-next-navi a {
	color : #fff !important;
}


/* 横カレンダーの設定 */

div#calender-y {
	margin : 25px 10px 25px 0px;
	width : 520px;
	font-size: 90%;
	text-align : center;
}

ul#calendar-y a { 
	color : #99cc33 !important;
}

ul#calendar-y a:hover { 
	color : #fff !important;
	background-color : #99cc33;
}

ul#calendar-y li { 
	display: inline;
}


/* branding タイトルやサイトの説明
------------------------------------------------------------ */

div#branding h1 {
	padding : 80px 50px 0 50px;
	text-align : center;
}

div#branding h1 a {
	color : #336600 !important;
	font-weight : bold;
}

div#branding p {
	padding : 10px 50px  0 50px;
	text-align : center;
}


/* primary-column　メインカラム
------------------------------------------------------------ */

div.section {
	margin-bottom : 25px;
}

div#primary-column h2 {
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/ico_clover_01.gif") top left no-repeat;
	color : #336600;
	font-weight : bold;
}


/* free area (plugin3)の設定 */

div#free-title h2 {
	padding : 10px 20px 10px 55px;
}
div#free-body {
	margin-bottom : 25px;
	padding : 10px 20px;;
	border-bottom : 1px dotted #99cc33; 
}

div.free-body ul {
	color : #99cc33;
}


/* entry（記事部分）の設定 */

div.section h2 {
	padding : 10px 20px 10px 55px;
}

div.section h2 a {
	color : #336600 !important;
	font-weight : bold;
}

.entry_day {
	padding : 5px 20px;;
	color : #ddd; 
	font-weight:bold;
	text-align : right;
}

div.entry-body {
	padding : 10px 20px;
}


p.entry-more {
	margin : 10px 20px;
	text-align : right;
}


div.section ul.entry-footer {
	padding : 10px 20px; 5px 20px;;
	list-style-position : inside;
	border-bottom : 1px dotted #99cc33; 
	text-align : right;
}

div.section ul.entry-footer li {
	display : inline;
	list-style-type : none;
}

.emoji{
	vertical-align:middle;
	border:0;
}


/* commentの設定 */

div#primary-column form {
	margin : 10px 20px;
}

input#himitu {
	margin-right : 0.5em;
}

p.form-btn {
	margin-top : 20px;
}

h3#comment-top {
	padding : 10px 20px 10px 55px;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/ico_clover_01.gif") top left no-repeat;
	color : #336600;
	font-weight : bold;
}

h3.comment-post,
h3.comment-edit {
	padding : 10px 20px 10px 55px;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/ico_clover_01.gif") top left no-repeat;
	color : #336600;
	font-weight : bold;
}

h4.comment-header {
	margin : 10px 20px 5px 20px;
	color : #336600;
	font-weight : bold;
}

div.comment-body {
	padding : 5px 20px 10px 20px;
}

ul.comment-footer {
	padding : 10px 20px 5px 20px;
	border-bottom : 1px dotted #99cc33; 
	text-align : right;
}

ul.comment-footer li {
	font-size: 95%;
	display : inline;
	list-style-type : none;
}


/* trackbackの設定 */

h3#trackback-top {
	padding : 10px 20px 10px 55px;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/ico_clover_01.gif") top left no-repeat;
	color : #336600;
	font-weight : bold;
}

h4.trackback-header {
	margin : 10px 20px 5px 20px;
	color : #336600;
	font-weight : bold;
}

h4.trackback-header a {
	color : #336600 !important;
	font-weight : bold;
}

div.trackback-excerpt {
	padding : 5px 20px 10px 20px;
}

div.trackback-uri {
	padding : 10px 20px;
}

ul.trackback-footer {
	padding : 10px 20px 5px 20px;
	border-bottom : 1px dotted #99cc33; 
	text-align : right;
}

ul.trackback-footer li {
	font-size: 95%;
	display : inline;
	list-style-type : none;
}


/* titlelist_area(全記事一覧)の設定 */

div.all {
	padding : 0 5px;
	line-height: 170%;
}

div.all-title h2 {
	padding : 10px 20px 10px 55px;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/ico_clover_01.gif") top left no-repeat;
	color : #336600;
	font-weight : bold;
}

div.all-body {
	margin : 10px 20px;
	padding: 5px;
	border-bottom : 1px dotted #99cc33; 
}


/* secondary-column　サイドカラム
------------------------------------------------------------ */

div#secondary-column h2 {
	padding : 25px 20px 0 20px;
	color : #336600;
	font-weight : bold;
	text-align : center;
}

div#secondary-column ul {
	color : #336600;
}


/* plugin　アーカイブ関連
------------------------------------------------------------ */

/* free area (plugin1～2)の設定 */


.plugin {
	margin-bottom : 20px;
}	

.plugin-title {
	height : 50px;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/line_clover_2-01.gif") top left no-repeat;
}

.plugin-body {
	padding : 5px 25px 0 25px;
	font-size: 95%;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/line_clover_2-02.gif") top left repeat-y;
}

.plugin-footer {
	height : 30px;
	background : url("https://blog-imgs-24.fc2.com/t/e/m/templatehouse/line_clover_2-03.gif") bottom left no-repeat;
}

.plugin-body a {
	color : #333 !important;
}

.plugin-body a:hover {
	color : #fff !important;
	background-color : #99cc33;
}

	
/* プラグインカレンダーの設定 */

.calender {
	line-height: 150%;
	width: 100%;
	text-align: center;
}

.calender caption {
	width: 100%;
	line-height: 150%;
}

.calender th {
	height: 12px;
	padding-top: 5px;
}

.calender td {
	height: 12px;
	text-align: center;
}

.calender td a {
	display: block;
	color : #99cc33 !important;
}

#sun {
	color : #ff3333;		/* 日曜日 */
}
#sat {
	color : #6666ff;		/* 土曜日 */
}



/* siteinfo-legal　フッター部分
------------------------------------------------------------ */

div#siteinfo-legal p {
	padding : 10px 40px;
	border-top : 1px solid #99cc33; 
	text-align : center;
}



/*
-----------------------------------------------------

以下MacI調整部分

-----------------------------------------------------
*/



/* コード
------------------------------------------------------------ */

div.section pre {
	margin : 1em auto;
	padding : 0.5em;
	border : 1px solid #633;
	font-family : sans-serif;
	overflow : auto;
	width : 90%;
}

/* for without MacIE5 \*/

div.section pre {
	overflow : scroll;		/* MacIE用バグ対応 */
}/* */

div.section > pre {
	width : auto;		/* MacIE用バグ対応 */
}

div.section code {
	font-family : monospace;
}



/* Mac版IEの文字化け対策
------------------------------------------------------------ */

textarea,input,select {
	font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}