@charset "EUC-JP";
/*
	淡い青（淡色）：#DDE5FF		淡い灰色（淡灰）：#DDDDDD
	濃い青（濃色）：#7A96CC		濃い灰色（濃灰）：#808080
*/

/* ------------------------------------------------------------
基本の設定
------------------------------------------------------------ */

* html box { height: 0.1em; }

/*
*: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	{ color: #00CCCC; }
a:active	{ color: #00CCCC; outline: none; }
a:focus	{ -moz-outline-style: none; }


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

h1	{
	font-size: 0px;
	font-color: #f1f1f1;
	font-weight: normal;
	text-align: left;
}


/* 全体の大枠 */
div#container	{
	width: 820px;
	background: url("http://blog-imgs-29-origin.fc2.com/h/u/r/hurooke/bg_main.gif");
	background-repeat: repeat-y;	/* ↑背景画像を縦に並べる */
	margin-left: auto;
	margin-right: auto;	/* 両側のマージンを自動計算 */
	text-align:left;	/* 古いIE用/センタリングを元に戻す */
}

/* 上の枠画像表示部分 */
.header	{
	height: 20px;
	background: url("http://blog-imgs-29-origin.fc2.com/h/u/r/hurooke/bg_main.gif");
	background-repeat: no-repeat;
}

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

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

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

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

#maplist p	{
	margin-top:25px; 
}

#maplist li	{
	background-image: url(http://blog-imgs-21-origin.fc2.com/h/u/r/hurooke/branch.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 20px;
	margin: 0;
}

#maplist li.end	{
	background-image: url(http://blog-imgs-21-origin.fc2.com/h/u/r/hurooke/branch_end.gif);
}

/* まわり込みクリア */
.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: 20px;
	background: url("http://blog-imgs-29-origin.fc2.com/h/u/r/hurooke/bg_main.gif");
	background-repeat: no-repeat;
}


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

div#branding	{
	width: 530px;
	height: 270px;
	background: url("http://blog-imgs-29-origin.fc2.com/h/u/r/hurooke/bg_04.jpg") top left no-repeat;
	/* 背景画像 */	
	margin-bottom: 20px;	/* タイトルと記事本文のスペース */
}

.brand	{ width: 530px; height: 270px; }

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

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

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

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

/* サイトの説明 */
div#branding p	{ font-size: 70%; 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; }

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


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

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

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

.tip_color	{ color: #7A96CC; }

/* 各コンテンツの見出し部分 */
h4	{
	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: 525px;
	overflow-x: hidden;
	overflow-y: inherit;	/* 横幅が規定値をはみ出すと非表示に（大きな画像など） */
	padding-top: 5px;
	padding-bottom: 0px;
}

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

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

/* 「READ MORE...」リンク文字部分の色設定 */
.main_more	{ font-size: 11px; font-weight: bold; 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;
}


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

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

/* 見出しの下は少し下がっている */
.menu_pos	{
	font-size: 13px;
	line-height: 110%;
	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: 0px; }

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


/* ------------------------------------------------------------
その他の設定
------------------------------------------------------------ */
em	{ font-style: italic; }	/* 斜体 */
strong	{ font-weight :bold; }	/* 文字を太字に */
blockquote	{
	margin: 5px 0px 5px 10px ;
	padding : 5px 0px 5px 10px ;
	border-left : 3px dotted #DDDDDD;
}	/* 引用 */

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

hr	{ margin: 0px 0px 0px 0px; padding: 0px; }

/*** クリックでへこむ設定 ***/

<style type="text/css">
<!-- 
a:hover	{
	position: relative; 
	top: 1px; 
	left: 1px; 
	text-decoration: none; 
} 
--> 
</style>

h5	{
	margin-left: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.tip_color	{ color: #7A96CC; }

.aa	{
	font-family: "ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}


/* ------------------------------------------------------------
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;
}


/* ------------------------------------------------------------
BlogRoll css
------------------------------------------------------------ */

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}