@charset "utf-8";
<!--

h1,h2,h3,h4,
p,ul,ol,li,dl,dt,dd,textarea,blockquote,
table,th,td,.entry_text{
text-align:left;
}

/*---------- 全体の設定 ----------*/

body{
	background-image:url(images/header_back.gif);
	background-position:left top;
	background-repeat:repeat-x;
	color:#333;
	font-family:Sans-serif;
	font-size:78%;

	line-height:180%;
	margin:0;
	padding:0;
}

/* サイト名 */
h1{
	display:none;
}

/* 見出し */
h2{
	font-size:100%;
	font-weight:normal;
}

/* 中見出し */
h3{
	font-size:95%;
	font-weight:normal;
	color:#666;
}

/* 小見出し */
h4{
	font-size:90%;
	font-weight:normal;
	color:#999;
}

/* リンク */
a{
	/* color:#00c; */
	color:#666;
	outline:none;
	text-decoration:underline;
}

a:hover{
	/* color:#99c; */
	text-decoration:none;
}

/* フォーム */
form{
	padding:0;
	margin:0;
}

table textarea,table input{
	border:1px solid #ccc;
}

/* リスト */
ul,ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}

/* その他 */
img{
	border:none 0;
	vertical-align:bottom
}

table{
	font-family:Arial "ＭＳ ゴシック",sans-serif;
	font-size:95%;
	margin:7px 0px;
	color:#333;
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
}

td,th{
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
	padding:2px;
}

th{
	background-color:#f5f5f5;
	font-weight:normal;
}

pre{
	font-size:100%;
	line-height:130%;
}
/* 引用 */
blockquote{
	border-left:#ccf solid 1px;
	margin:1.5em 0 1.5em 1em;
	padding:0 0 0 1em;
}

embed{
	display:block;
}

/*---------- 構造 ----------*/
#junkdiary{
	/* background-image:url(images/photo3.jpg); */
	/* background-position:50% 185px; */	
	background-position:20% 185px;
	background-repeat:no-repeat;
	text-align:center; /* IE用 */
}

#header{
	margin:0 auto;
	width:750px;
}

#contents{
	margin:0 auto;
	padding:65px 0 50px 0;
	width:770px;
}

#first_section{
	float:left;
	font-size:90%;
	width:49%;
	/* visibility:hidden; */
}

#second_section{
	float:left;
	width:50%;
}

#footer{
	background-image:url(images/footer_back.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#000;
	clear:both;
	color:#666;
	margin:0;
	padding:20px 0;
	text-align:center; /* IE用 */
}

hr{
	clear:both;
	height:10px;
	visibility:hidden;
}

/*---------- header ----------*/
#header_menu{
	padding:30px 10px 10px 10px;
}

#header_menu li{
	display:inline;
	margin-right:3em;
}

#header_menu a{
	color:#000;
	text-decoration:none;
}

/*---------- first_section用 ----------*/

#first_section img{
	margin-left:-15px;
}

/*---------- second_section用 ----------*/
/* 記事全体 */
.entry_body{
	margin:0 0 20px 0;
}

/* 記事見出し */
.entry_body h2{
	border-bottom:#333 solid 1px;
}

.entry_body h2 a{
	color:#333;
	text-decoration:none;
}

/* 記事文章 */
.entry_text p{
	padding:0;
	margin:2em 0;
}

/* 記事リスト */
.entry_text ul{
	list-style-image:url(images/list2.gif);
	margin:2em 1em 2em 0;
	padding:0 0 0 1em;
}

.entry_text ol{
	margin:2em 1em 2em 0;
	padding:0 0 0 1.5em;
}

.entry_text li{
	margin:0 0 0 1em;
	padding:0;
}
/* 定義リスト */
.entry_text dl{
	margin:1.5em 1em 2em 0;
	padding:0;
}

.entry_text dt{
	margin-top:0.5em;
}

.entry_text dd{
	display:list-item;
	list-style-image:url(images/list2.gif);
	margin:0 0 0 1.5em;
	padding:0 0 0 0.5em;
}

/* ページ移動 */
#page{
	font-size:94%;
	margin:10px;
	text-align:center;
}

#page li{
	display:inline;
	margin-right:10px;
}

/* コメント（トラックバック） */

.comment_body{
	margin:60px 0 60px 0;
}

.comment_body p{
	margin-bottom:3em;
}

.comment_body textarea{
	width:250px;
}

.comment_date,
.trackback_date{
	color:#666;
	border-top:#333 solid 1px;
	margin:0;
}

.comment_date li,
.trackback_date li{
	display:inline;
	margin-right:5px;
}

.trackback_body{
	margin:60px 0;
}

/* コメントフォーム */
form table,
form table th,
form table td{
	border:none;
}

label{
	display:block;
	padding-right:20px;
	text-align:right;
}

/* 続きを読む */
.read_more{
	clear:both;
	display:block;
	margin:3em 0 0 0;
}

.read_more:hover{
}

/* リアクション */
.reaction{
	border-top:#eee solid 1px;
	line-height:1.0em;
	margin:60px 0 !important;
	padding:0.7em 0 0 0 !important;
	font-size:94%;
}

.reaction li{
	display:inline;
	line-height:1.0em;
	margin:0px !important;
	padding:0 1em 0 0 !important;
}

reaction a{
	margin:0px;
	padding:0px;
}

/*---------- footer ----------*/
#footer h2{
	border-bottom:#666 solid 1px;
	margin:1em 10px 0.5em 10px;
	padding:0;
}

#footer a{
	color:#ccc;
}

#footer_contents{
	ilne-height:1.5;
	margin:0 auto;
	padding:0;
	width:770px;
}

.footer_col{
	float:left;
	width:256px;
}

.footer_col ul,
.footer_col p,
.footer_col dl{
	margin:0 10px;
}

.footer_col a:hover{
	text-decoration:underline;
}

.footer_col dl dt{
	margin:0 0 -1.8em 0;
}

.footer_col dl dd{
	margin:0 0 0 3.5em;
}

.photo{
	background-color:#f5f5f5;
	border:#ccc solid 1px;
	float:right;
	margin:0 0 5px 10px;
	padding:2px;
}

.photoLeft{
	background-color:#f5f5f5;
	border:#ccc solid 1px;
	float:left;
	margin:0 1em 0.5em 0;
	padding:2px;
}

.photoRight{
	background-color:#f5f5f5;
	border:#ccc solid 1px;
	float:right;
	margin:0 0 0.5em 1em;
	padding:2px;
}

.clear{
	clear:both;
}

.secret{
	text-decoration:line-through;
}

/*---------- clearfix ----------*/
div#contents:after,
div#first_section:after,
div#first_section dl:after,
div#footer_contents:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
#contents,
#first_section,
#first_section dl,
#footer_contents{
	display:inline-block;
}
/* exlude MacIE5 \*/
* html #contents,
* html #first_section,
* html #first_section dl,
* html #footer_contents{
	height:1%
}
#contents,
#first_section,
#first_section dl,
#footer_contents{
	display:block;
}
/* end MacIE5 */