@charset "EUC-JP";

/* -----------------------------------------------------
	livedoor Blog CSS
	FileName: zazaza_green
	Version: 2009.08.17
	Comment: 文字サイズを相対化する。
			コメント化してある不要部分は削除する。
			ライン高さの単位を消す。
----------------------------------------------------- */


/* 基本ボディ部、リンク部
--------------------------------------------------------- */
	body {
		color: #333333;
		/* padding: 0;			不要でokなら消す
		margin: 0; */
		text-align: center;
		font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Lucida Grande',
			verdana, Arial, 'trebuchet ms', sans-serif, 'ＭＳ Ｐゴシック';
		background: #669933;
	}

	a {color: #cc3000;text-decoration: underline; }
	a:link {color: #cc3000;text-decoration: underline; }
	a:visited {text-decoration: underline; }
	a:active {}
	a:hover {color: #3579e6;text-decoration: none; }

/* 上部広告部
--------------------------------------------------------- */
	#header {background: #669933; }
	#header td {
		color: #ffffff;
		font-size: 12px;		/* 文字サイズを相対化させない */
		text-align: right;
		padding-right: 10px;
	}

	#header a:link {color: #ffffff; }
	#header a:visited {color: #ffffff; }
	#header a:active {color: #ffffff; }
	#header a:hover {color: #ffffff;text-decoration: none; }

/* コンテナ部(ヘッダー部より下)
--------------------------------------------------------- */
	#container {
		width: 800px;margin: 0 auto;
		text-align: center;
		/* word-break:break-all; */
	}

/* タイトル部分（ボックス）
--------------------------------------------------------- */
	#banner,
	#subbanner {
		background: #cccc99;
		margin: 10px auto;
		border: 3px solid #666633;
		border-top: 6px solid #666633;
		width: 780px;height: 85px;					/* ボックスサイズ */
	}

	#banner a {color: #000000; text-decoration: none; }
	#banner a:link {color: #000000; text-decoration: none; }
	#banner a:visited {text-decoration: none; }
	#banner a:active {}
	#banner a:hover {color: #cc3000; text-decoration: underline; }

	#subbanner a {color: #333333; text-decoration: none; }
	#subbanner a:link {color: #333333; text-decoration: none; }
	#subbanner a:visited {text-decoration: none; }
	#subbanner a:active {}
	#subbanner a:hover {color: #333333; text-decoration: underline; }

	h1,h2,h3,h4 {margin: 0;padding: 0; }

/* ブログタイトル
--------------------------------------------------------- */
	.blogtitle {
		font-size: 135%;
		font-weight: bold;
		letter-spacing: 2px;
		text-align: left;
		padding: 12px 0 3px 25px;
	}

/* ブログ紹介文
--------------------------------------------------------- */
	.description {
		color: #000000;			/* フォントカラー指定不要？ */
		font-size: 75%;
		font-weight: normal;	/* ノーマルなら指定不要？ */
		text-align: left;
		letter-spacing: 0.5px;
		padding: 7px 0 0 28px;
	}

/* カテゴリーページタイトル
--------------------------------------------------------- */
	#categorytitlebody {}

	#categorytitle {
		font-size: 110%;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.5px;
		padding: 0px 10px 15px 10px;
	}

/* 記事部
--------------------------------------------------------- */
	#blogcontainer {
		width: 780px;
		margin: 0 auto;
		padding: 8px 0px 60px;
	}
	
	#content {
		width:560px;				/* ヘッド部とズレている */
		float: left;
		text-align: left;
	}

/* リンク部(サイド部)
--------------------------------------------------------- */
	#links {width: 205px;float: right; }
	.blog {}

/* 記事日付部分
--------------------------------------------------------- */
	.date {
		color: #ffffff;
		font-size: 85%;
		font-weight: bold;
		letter-spacing: 0.5px;
		padding: 6px 6px 4px 6px;
		background: #666633;
		border-top: 3px solid #666633;			/* topボーダー線は消せるか？ */
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
	}

/* 記事タイトル、本文 共通？？？
--------------------------------------------------------- */
	.blogbody {
		padding-bottom: 10px;
		/* padding: 0px 0px 10px 0px; */
		background: #cccc99;
		border-bottom: 3px solid #666633;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
	}

/* 記事タイトル
--------------------------------------------------------- */
	.title {
		color: #000000;				/* 文字色の指定が不要なら消す */
		font-size: 100%;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 7px 20px;
		background: #cccc99;
	}

	.title a {color: #000000; text-decoration: none; }
	.title a:link {color: #000000; text-decoration: none; }
	.title a:visited {text-decoration: none; }
	.title a:active {}
	.title a:hover {color: #cc3000; text-decoration: underline; }

/* 記事本文
--------------------------------------------------------- */
	.main,
	.mainmore,
	.article_tags {
		color: #000000;
		font-size: 85%;
		letter-spacing: 0.5px;
		line-height: 150%;
		padding: 15px 30px 15px 20px;
	}

/* 段落の上下部スペース
--------------------------------------------------------- */
	p {
		/*margin-top: 5px; */
		margin-bottom: 25px;
	}

/* 箇条書きの上下部スペース
--------------------------------------------------------- */
	ol,
	ul {
		font-size: 80%;
		letter-spacing: 0.2px;
		/*margin-top: 5px; */
		margin-bottom: 15px;
		padding-right: 40px;
	}


/* 写真部分（Apple Webバッジ用）
--------------------------------------------------------- */
	.pict2 {padding-top: 20px; }

/* 引用文
--------------------------------------------------------- */
	blockquote {
		border: 1px dashed #669933;
		margin: 11px;
		padding: 11px 20px;
	}

/* 赤文字（MINI COOPER S用）
--------------------------------------------------------- */
	.red {
		color: #B22222;			/* firebrick色 */
		font-weight: bold;
	}

/* まとめ囲み
--------------------------------------------------------- */
	.kakomi {
		border: dotted 1px #669933;
		margin: 3px;
		padding: 3px 7px;
	}

/* 背景強調  ■■■ 使用していないなら消す ■■■
--------------------------------------------------------- */
	span.midashi {
		background-color: #9f9f90;
		color: #000000;
		margin: 3px;
	}

/* ネクストページリンク部
--------------------------------------------------------- */
	.nextpage {text-align: center; }
	.nextpage a {color: #000000;text-decoration: underline; }
	.nextpage a:link {color: #000000;text-decoration: underline; }
	.nextpage a:visited {color: #000000;text-decoration: underline; }
	.nextpage a:hover {color: #cc3000;text-decoration: none; }

/* 投稿者、コメント、トラックバック、カテゴリの各リンク部
--------------------------------------------------------- */
	.posted {
		color: #333333;
		font-size: 75%;
		text-align: right;
		padding: 10px 7px 15px 0;
	}

	.posted a {color: #cc3000;text-decoration: underline; }
	.posted a:link {color: #cc3000;text-decoration: underline; }
	.posted a:visited {color: #cc3000;text-decoration: underline; }
	.posted a:hover {color: #3579e6;text-decoration: none; }

/* この記事のトップへ、前の記事、次の記事部
--------------------------------------------------------- */
	.menu {
		color: #333333;
		font-size: 75%;
		text-align: right;
		padding: 10px 10px 20px;
	}
	
	.dateend {margin-bottom: 20px; }
	
	.comblogbodybottom {}

	#contentcommentbottom {}

/* トラックバック、コメントエンド部
--------------------------------------------------------- */
	.formbodybottom {
		padding-bottom: 20px;
		background: #cccc99;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633; 
		border-bottom: 3px solid #666633;
	}

	#articletop {}

/*トラックバック、コメント部
--------------------------------------------------------- */
	#articlebody {padding-bottom: 50px; }
	#articlebottom {}

/* トラックバック部 ボディ
--------------------------------------------------------- */
	.trackbackurlbody {
		background: #cccc99;
		text-align: left;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
	}

/* トラックバックURL タイトル
--------------------------------------------------------- */
	.trackbackurlttl {
		font-size: 75%;
		letter-spacing: 0.3px;
		font-weight: bold;
		padding: 7px 13px;
	}

	.trackbackurl {
		padding-top: 10px;
		padding-left: 15px;
		padding-bottom: 20px;
		text-align: left;
	}

/* トラックバックURL テーブル幅(ボタン含む？)
--------------------------------------------------------- */
	.trackbackurl table {
		width: 370px;
		margin: 0 auto;
	}

/*トラックバックURL ボックス幅
--------------------------------------------------------- */
	input.trackbackbox {width: 320px; }
	.trackbackurlbottom {}

/* コメントタイトルリンク部
--------------------------------------------------------- */
	a.posttitle:link {color: #cc3000;text-decoration: underline; }
	a.posttitle:visited {color: #cc3000;text-decoration: underline; }
	a.posttitle:active {color: #cc3000;text-decoration: underline; }
	a.posttitle:hover {color: #3579e6;text-decoration: none; }

/* トラバ、コメント本文
--------------------------------------------------------- */
	#trackback,
	#comment,
	#takecomment {
		font-size: 85%;
		letter-spacing: 0.3px;
		text-align: left;
		padding-right: 10px;
		background: #cccc99;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
	}

/* この記事へのトラックバック、コメント、コメントする
--------------------------------------------------------- */
	.trackbackhead,
	.commenthead,
	.takecommenthead {
		font-size: 85%;
		font-weight: bold;
		letter-spacing: 0.3px;
		padding-left: 13px;
		padding-bottom: 15px;
	}

	#trackbackbody,
	#commentbody,
	#takecommentbody {}

/* トラックバック、コメントタイトル
--------------------------------------------------------- */
	.trackbackttl,
	.commentttl {
		color: #000000;
		font-size: 85%;
		letter-spacing: 0.3px;
		padding: 0px 5px 0px 15px;
	}

/* トラックバック、コメント本文 ■■■ 上にも本文がある ■■■
--------------------------------------------------------- */	
	.trackbacktext,
	.commenttext {
		color: #000000;
		line-height: 140%;
		padding: 8px 10px 25px 20px;
	}

	#error {
		padding: 10px;
		line-height: 130%;
		font-weight: bold;
	}

	#error span {font-weight: normal; }

	.loginon {
		font-size: 12px;
		font-weight: bold;
		margin: 10px 15px;
		padding: 5px;
		border: 1px solid #333333;
		text-align: center;
	}

	.loginon a:link {text-decoration: underline; }
	.loginon a:visited {text-decoration: underline; }
	.loginon a:active {text-decoration: underline; }
	.loginon a:hover {text-decoration: none; }

	.loginoff {
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		margin: 10px 15px;padding: 5px;
		border: 1px solid #333333;
	}

	.loginoff a:link {text-decoration: underline; }
	.loginoff a:visited {text-decoration: underline; }
	.loginoff a:active {text-decoration: underline; }
	.loginoff a:hover {text-decoration: none; }

	#formbody {
		font-size: 12px;
		text-align: left;
		padding-left: 10px;
		background: #cccc99;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633; 
	}

	.form {
		font-size: 12px;
		margin: 0px auto;
	}

	.form th {
		font-weight: normal;
		text-align: right;
		padding:2px;
	}

	.form td {padding: 2px; }

	input#author {							/* 名前欄 */
		width: 230px;
		border: 1px solid #474733;
	}

	input#email {								/* メール */
		width: 230px;
		border: 1px solid #474733;
	}
	
	input#url {									/* URL */
		width: 230px;
		border: 1px solid #474733;
	}
	
	input#bake {}
	
	textarea#text {							/* テキスト */
		width: 390px;
		height: 200px;
		border: 1px solid #474733;
	}
	
	input.button {							/* 書き込みボタン */
		width: 80px;
		margin-top: 20px;
	}

	#blogcommentbottom {}

	.pagetop {
		font-size: 11px;
		text-align: right;
		margin: 5px 0 25px 0;
	}

/* カレンダー月表示
--------------------------------------------------------- */
	.calendarhead {
		color: #474733;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		padding: 10px 2px 8px 2px;
		background: #cccc99;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
		border-top: 7px solid #666633;
	}

/* ？？？  ■■■ カレンダー関係？？ ■■■
--------------------------------------------------------- */
	.calbody {
		padding: 0 0 5px ;
		text-align: center;
	}

/* カレンダー本体
--------------------------------------------------------- */
	.calendartable {
		/* padding: 0px 0px 0px 0px;  不要？ */
		text-align: center;
		width: 100%;
		background: #cccc99;
		margin: 0 1px 5px 0px;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
		border-bottom: 3px solid #666633;
	}
	
/* カレンダー週表示   ■■■ 相対フォント可能？ ■■■
--------------------------------------------------------- */
	.calendarweek {
		color: #000000;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}

	.calendarwd {
		color: #333333;
		padding: 2px;
		background: #cccc99;
	}

	.calendard {
		color: #333333;
		empty-cells: show;
	}
	
	.calendardbg {}

	.calendar {
		font-size: 11px;
		text-align: center;
		padding: 1px;
	}

/* サイド部タイトル
--------------------------------------------------------- */
	.sidetitle {
		color: #474733;
		/* font-size: 12px; */
		font-size: 100%;
		letter-spacing: 0.5px;
		font-weight: bold;
		text-align: left;
		padding: 8px 5px 5px 5px;
		background: #cccc99;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
		border-top: 7px solid #666633;
	}

/*
	a.ttllink:link {color: #ffffff;text-decoration: underline; }
	a.ttllink:visited {color: #ffffff;text-decoration: underline; }
	a.ttllink:active {color: #ffffff;text-decoration: underline; }
	a.ttllink:hover {color: #ffffff;text-decoration: none; }
*/

/* サイド部分
--------------------------------------------------------- */
	.side {
		/*font-size: 11px; */
		font-size: 75%;
		text-align: center;
		line-height: 120%;
		padding: 5px 3px 10px;
		background: #cccc99;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
		border-bottom: 3px solid #666633;
		margin-bottom: 7px;
	}

/* バナー
--------------------------------------------------------- */
	.elsebody {
		background: #cccc99;
		padding-top: 10px;
		padding-bottom: 10px;

		border-top: 3px solid #666633;
		border-left: 3px solid #666633;
		border-right: 3px solid #666633;
		border-bottom: 3px solid #666633;
		text-align: center;
	}

/* サイド部分 各リンク個別
--------------------------------------------------------- */
	.sidebody {
		text-align:left;
		padding:0px 5px 10px 5px;
	}

	.photo{text-align:center; }

	.nickname {
		color:#3579e6;
		font-size:12px;
		font-weight:bold;
		margin:10px 0;
		text-align:center;
	}

	.message {
		font-size:12px;
		text-align:left;
		padding:5px 0px 10px;
	}

	.afbody {
		text-align:center;
		padding:0px 5px 10px;
	}
	
	.newslist{padding-right:8px;}

/* 引用文？
--------------------------------------------------------- */
	.quotetable {
		background:#111111;
		width:170px;
		margin:0 auto;
	}
	
	.quotetable img {width:160px; }
	
	.quote {
		color:#333333;
		font-size:12px;
		padding:1px;
		background:#222222;
	}

/* その他
--------------------------------------------------------- */

	.blogtimes {
		margin-bottom:15px;
		text-align:center;
	}

	.elsehead {
		padding-top:1px;
		text-align:center;
	}

	.elsebottom {padding-bottom:10px; }

	.elsebody a:link {text-decoration:underline; }
	.elsebody a:visited {text-decoration:underline; }
	.elsebody a:active {text-decoration:underline; }
	.elsebody a:hover {text-decoration:none; }

	.checkers {
		width:117px;
		font-size:11px;
		text-align:left;
		padding-bottom:10px;
		margin:0 auto;
	}
	
	.reader {
		width:117px;
		font-size:11px;
		text-align:left;
		padding-bottom:20px;
		margin:0 auto;
	}
	
	.powered {padding-bottom:10px; }
	.syndicate{}

	a.adtitle {color:#3579e6;font-weight:bold;text-decoration:underline; }
	a.adtitle:link {color:#3579e6;font-weight:bold;text-decoration:underline; }
	a.adtitle:visited {color:#3579e6;font-weight:bold;text-decoration:underline; }
	a.adtitle:active {color:#3579e6;font-weight:bold;text-decoration:underline; }
	a.adtitle:hover {color:#3579e6;font-weight:bold;text-decoration:underline; }

	a.addescription {color:#666666;text-decoration:none; }
	a.addescription:link {color:#666666;text-decoration:none; }
	a.addescription:visited {color:#666666;text-decoration:none; }
	a.addescription:active {color:#666666;text-decoration:none; }
	a.addescription:hover {color:#666666;text-decoration:none; }

	a.adurl {color:#666666;text-decoration:none; }
	a.adurl: link {color:#666666;text-decoration:none; }
	a.adurl: visited {color:#666666;text-decoration:none; }
	a.adurl: active {color:#666666;text-decoration:none; }
	a.adurl: hover {color:#666666;text-decoration:none; }

	a.adld {color:#3579e6;text-decoration:underline; }
	a.adld: link {color:#3579e6;text-decoration:underline; }
	a.adld: visited {color:#3579e6;text-decoration:underline; }
	a.adld: active {color:#3579e6;text-decoration:underline; }
	a.adld: hover {color:#3579e6;text-decoration:underline; }

	#ad {text-align:center; }
	
	.blogbody iframe {
		margin:20px auto 15px;
		width:340px;
		text-align:center;
	}
	
	body.ad {background:#eeeeee; }



/* カラー表
---------------------------------------------------------
ホバー：#cc3000
サイド部：#e1e1d8
枠線：#474733
本文背景(白)：#f9f9f7
リンク(青)：#3579e6
リンク_ホバー(橙)：#ff3d00 → #cc3000
日付部分：#9F9F90


茶：#666633
緑：#669933
オリーブ：#cccc99
オレンジ：#ff9900

MINI COOPER S 赤文字：#B22222	[Firebrick色]

*/