@charset "EUC-JP";
/*
デフォルトの色設定は以下の通りです。
カスタマイズされる場合は、テキストエディタの置換機能を使って変更しちゃうと楽だと思います。
	淡い青（淡色）：#DDE5FF		淡い灰色（淡灰）：#DDDDDD
	濃い青（濃色）：#7A96CC		濃い灰色（濃灰）：#808080
*/

/* ------------------------------------------------------------
基本の設定
------------------------------------------------------------ */
*:before,
*:after{content:"";}
*{margin:0px;padding:0px;font-style:normal;font-size:100%;}

body {
	color:#666666;
	background-color:#FFFFFF;
	text-align:center; 			/* バグを利用してセンタリング */
	font-family:Verdana,Chicago,'ＭＳ Ｐゴシック',Osaka,Verdana,Chicago,sans-serif;
	margin:0px;padding:0px;
	}

	/* 基本のリンク */
	a		{text-decoration:none;}
	a:link		{color:#666666;}
	a:visited	{color:#333333;}
	a:hover,active	{color:#00CCCC;}



/* ------------------------------------------------------------
レイアウト構成
------------------------------------------------------------ */

/* 全体の大枠 */
div#container{
	width:760px;
	background:url("http://blog19.fc2.com/n/nanatsuki/file/02_bg_main.gif");
	background-repeat:repeat-y;
	/* ↑背景画像を縦に並べる */
	margin-left:auto;margin-right:auto;	/* 両側のマージンを自動計算 */
	text-align:left;			/* 古いIE用/センタリングを元に戻す */
	}

/* 上の枠画像表示部分 */
.header{
	height:60px;
	background:url("http://blog19.fc2.com/n/nanatsuki/file/02_bg_header.gif");
	background-repeat:no-repeat;
	}

/* コンテンツブロック＋隙間＋記事ブロック */
div#out{
	width:704px;
	margin-left:28px;margin-right:28px;
	}

/* 記事本文のブロック */
#main{
	width:500px;
	margin:0px;padding:0px;
	float:left;
	}

/* 隙間のブロック */
#space{		
	width:14px;height:14px;
	margin:0px;padding:0px;
	float:left;
	}

/* コンテンツサイドのブロック */
#contents{
	width:190px;
	margin:0px;padding:0px;
	float:left;
	}

/* まわり込みクリア */
.clear{clear:left;}

/* FC2と著作権表示のリンク行 */
.copyright{
	clear:left;
	text-align:left;
	font-size:11px;
	padding:4px;
	margin:35px 28px 0px 28px;		
	border-top: 1px solid #808080;		/* ■■■　濃灰：罫線の色とデザインを設定 */
	}

/* 下の枠画像表示部分 */
.footer{
	height:50px;
	background:url("http://blog19.fc2.com/n/nanatsuki/file/02_bg_footer.gif");
	background-repeat:no-repeat;
	}


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
タイトル部分
	タイトル部分の画像の差し替えは下記部分を差し替えます。
	背景画像に合わせて div#branding と .brand の height（高さ）を調整して下さい。
	この場合は500×270pixelの一枚画像を繰り返しなしで表示しています。 */

div#branding{
	width:500px;height:270px;
	background:url("http://blog-imgs-45-origin.fc2.com/u/t/a/utase/topmomiji.jpg")  top left no-repeat;
	/* 背景画像 */	
	margin-bottom:30px;		/* タイトルと記事本文のスペース */
	}
.brand{width:500px;height:270px;}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
タイトル文字・サイト説明文
	透過しているので、文字色は濃い目に指定した方がよいです。*/

/* タイトル＋説明文の背景透過部分 */
	.brand_moji{
		width:100%;text-align:right;
		padding-top:10px;padding-bottom:10px;
		margin-bottom:25px;				/* 下のスペース指定 */
		background-color:#FFFFFF;			/* 何色を重ねる？ */
		filter:Alpha(opacity=50);-moz-opacity:0.5;	/* 透過度 */
		}
	/*	filter:Alpha〜はIE向け、-moz-opacity:〜はNNやFireFoxで
		背景を半透明にさせるタグです。
		それぞれ0〜100、0〜1までで、数が大きい方が不透明になります。*/


/* タイトル文字 */
	div#branding h1{margin-right:20px;}
		div#branding h1 a:link{color:#003399;}
		div#branding h1 a:visited{color:#003399;}
		div#branding h1 a:hover{color:#00CCCC;}

/* サイトの説明 */
	div#branding p{font-size:13px;color:#000099;line-height:135%;margin-right:20px;}
		div#branding p a:link{color:#006666;}
		div#branding p a:visited{color:#006666;}
		div#branding p a:hover{color:#00CCCC;}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ------------------------------------------------------------
記事/見出し/装飾関連
------------------------------------------------------------ */

/* 記事タイトル・コメントタイトルの見出し部分 */
	h2{
		margin-left:2px;
		padding-bottom:2px;padding-left:5px;
		font-size:15px;
		border-bottom: 2px dotted #7A96CC;	/* ■■■　濃色：罫線の色とデザインを設定 */
		}

		h2 a:link{color:#7A96CC;}				/* ■■■　濃色：色はここで設定 */
		h2 a:visited{color:#7A96CC;}				/* ■■■　濃色：色はここで設定 */
		h2 a:hover{color:#0099CC;background-color:#DDEEFF;}	/* ■■■　色はここで設定 */

		.tip_color{color:#7A96CC;}

/* 各コンテンツの見出し部分 */
	h3{
		margin-left:2px;
		padding-bottom:2px;padding-left:5px;
		font-size:14px;
		border-bottom: 2px dotted #7A96CC;	/* ■■■　濃色：罫線の色とデザインを設定 */
		}

/* 記事タイトル下の日付 */
	.date{
		color:#7A96CC;				/* ■■■　濃色：色はここで設定 */
		font-size:11px;font-weight:bold;
		text-align:right;
		margin-top:2px;margin-bottom:15px;
		}

/* 各記事：左横のラインと位置調整 */
	.main_block{
		border-left:5px solid #DDE5FF;		/* ■■■　淡色：罫線の色とデザインを設定 */
		margin-bottom:20px;			/* 段落同士のスペース */
		width:495px;
		overflow-x:hidden;overflow-y:inherit;	/* 横幅が規定値をはみ出すと非表示に（大きな画像など） */
		padding-top:5px;padding-bottom:10px;
		}

/* 記事本文部分 */
	.main_body{
		font-size:80%;line-height:150%;
		margin-left:20px;margin-right:10px;
		}

/* 記事本体のリンク色設定 */
	.main_body a{font-weight:bold;text-decoration:underline;}
	.main_body a:link{color:#00CCCC;}				/* ■■■　色はここで設定 */
	.main_body a:visited{color:#00CCCC;}				/* ■■■　色はここで設定 */
	.main_body a:hover{color:#0099CC;background-color:#DDEEFF;}	/* ■■■　色はここで設定 */

/* 「READ MORE...」リンク文字部分の色設定 */
	.main_more{font-size:11px;font-weight:bold;padding:10px;text-align:right;}
	.main_more a{text-decoration:none;}
	.main_more a:link{color:#333333;}				/* ■■■　色はここで設定 */
	.main_more a:visited{;color:#333333;}				/* ■■■　色はここで設定 */
	.main_more a:hover{color:#00CCCC;background-color:#FFFFFF;}	/* ■■■　色はここで設定 */

/* 記事下のフッター部分（コメントやトラックバックなど） */
	.main_footer{
		font-size:11px;
		margin-left:2px;
		padding-left:5px;padding-bottom:2px;
		margin-top:30px;margin-left:2px;margin-bottom:1px;
		border-bottom : 2px dotted #7a96cc;	/* ■■■　淡色：罫線の色とデザインを設定 */
		}

/* PAGE TOPリンク */
	.navi{
		font-size:11px;font-weight:bold;
		text-align:right;
		}

/* 前・次ページ移動用ナビリンク */
	.p_navi{
		font-size:12px;
		margin-bottom:10px;
		text-align:center;
		}



/* ------------------------------------------------------------
コメント・トラックバック部分の設定
------------------------------------------------------------ */

/* 見出しの下は少し下がっている */
	.main_pos{margin-left:25px;}

/* コメント本文部分 */
	.comment_body{		font-size:80%;line-height:150%;
		margin-left:10px;margin-right:10px;
		}

/* フッター部分（コメントやトラックバックなど） */
	.comment_footer{
		text-align:right;
		margin-top:15px;margin-left:35px;margin-bottom:30px;
		font-size:11px;
		}

/* コメントフォーム部分 */
	.comment_form{margin:15px 0px 0px 25px;font-size:12px;}


/* トラックバックURI */
	.trackback-uri{
		font-size:12px;
		margin:15px 0px 5px 0px;
		padding:5px;
		border: 1px solid #808080;
		}

/* トラックバック先の概要 */
	.trackback_body{
		font-size:80%;line-height:150%;
		margin:15px 10px 15px 10px;
		}

/* この記事にトラックバックする(FC2ブログユーザー)  */
.track_info{font-size:12px;}

/* トラックバックフッター */
	.trackback_footer{
		font-size:12px;
		margin-left:2px;
		padding-left:5px;padding-bottom:2px;
		margin-bottom:30px;
		border-bottom: 2px dotted #7a96cc;	/* ■■■　淡色：罫線の色とデザインを設定 */
		}



/* ------------------------------------------------------------
各コンテンツ部分
------------------------------------------------------------ */

/* 各カテゴリ：左横のラインと位置調整 */
	.menu{
		overflow-x:hidden;overflow-y:inherit;	/* 横幅が規定値をはみ出すと非表示に */
		border-left:5px solid #DDE5FF;		/* ■■■　淡色：罫線の色とデザインを設定 */
		margin-bottom:20px;			/* 段落同士のスペース */
		width:185px;
		padding-top:5px;padding-bottom:10px;
		}

/* 見出しの下は少し下がっている */
	.menu_pos{
		font-size:13px;line-height:130%;
		margin:5px 0px 10px 10px;
		}

/* 各カテゴリのリスト設定 */
	.menu ul{margin:0px;padding:0;}
	.menu li{list-style-type:none;}

/* フォーム全般の設定 */
	input,select,textarea{
		font-size:13px;
		background-color:#dde5ff;	/* ■■■　背景色はここで設定 */
		border:1px solid #808080;
		margin-bottom:3px;padding:1px;
		}

/* ↑で一括指定するとチェックボックスにも色と線がつくので修正 */
	.check{
		background-color:#FFFFFF;	
		border:0px;
		}

/* 画像の位置調整 */
	div#contents img{margin-bottom:10px;}

/* 著者名の位置調整 */
	.author-name{
		margin-bottom:10px;
		padding-bottom:2px;
		border-bottom: 2px dotted #7a96cc;	/* ■■■　淡色：罫線の色とデザインを設定 */
		}

/* ------------------------------------------------------------
カレンダー部分の設定
------------------------------------------------------------ */
.calender{
	
}
/* カレンダー表示用のテーブル設定 */
	.calender{width:90%;
		border-collapse:collapse;	/* 値の入っていないセルも表示する */
		font-size:11px;
		}

/* カレンダー見出（前月・当月・次月などのリンク部分） */
	table.calender caption{
		text-align:center;
		}

/* カレンダーのセル見出（曜日表示部分） */
	table.calender th{
		padding-top:2px;padding-bottom:2px;
		padding-left:4px;padding-right:4px;
		border-bottom: 1px solid #808080;	/* ■■■　濃灰：罫線の色とデザインを設定 */
		text-align:center;
		}

/* カレンダーのセル部分（日付表示部分） */
	table.calender td{
		padding-top:2px;padding-bottom:2px;
		padding-left:4px;padding-right:4px;
		border-bottom : 1px solid #DDDDDD;	/* ■■■　淡灰：罫線の色とデザインを設定 */
		text-align:center;
		}

/* カレンダーリンク部分（記事を書いた日） */
	table.calender td a{
		display:block;
		background:#DDE5FF;			/* ■■■　淡色：背景色を設定 */
		}

/* 曜日 */
	th#sun{color:#cc6666;}		/* 日曜日を赤色表示 */
	th#sat{color:#7a7acc;}		/* 土曜日を青色表示 */



/* ------------------------------------------------------------
その他の設定
------------------------------------------------------------ */
em{font-style:italic;}				/* 斜体 */
strong{font-weight:bold;}			/* 文字を太字に */
blockquote{margin:5px 20px 5px 20px;}		/* 引用 */

/* 絵文字 */
.emoji{vertical-align:middle;}

hr{width:465px;margin:10px 0px 10px 0px;padding:0px;}

/* ------------------------------------------------------------
Mac版IEの文字化け対策
------------------------------------------------------------ */
/*
マック版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;
		}