/* ************************************************ 
 *	共通設定
 * ************************************************ */

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #333333;
	font: 13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Verdana',sans-serif;
	*font-size: small;
	*font: x-small;
	text-align:center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

img {
	border: 0px;
}

#mainblock {
	width:920px;
}

#logo {
	width:730px;
	float: left;
	margin: 20px 0px 0px 0px;
}

#nav {
	float: right;
	margin: 35px 0px 0px 0px;
}

.title {
	width: 170px;
	border-style:none none solid none;
	border-width:1px;
	border-color:#eeeeee;
	line-height: 26px;
	font-weight: bolder;
	font-size: 93%;
	margin: 0px 0px 5px 0px;
}

.title2 {
	width: 170px;
	border-style:none none solid none;
	border-width:1px;
	border-color:#eeeeee;
	line-height: 26px;
	font-weight: bolder;
	font-size: 93%;
	margin: 0px 0px 10px 0px;
}

.entry_title {
	width: 100%;
	border-style:none none solid none;
	border-width:1px;
	border-color:#eeeeee;
	line-height: 26px;
	font-weight: bolder;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
}

.blog_title {
	width: 920px;
	border-style:none none solid none;
	border-width:1px;
	border-color:#eeeeee;
	line-height: 26px;
	font-weight: bolder;
	font-size: 93%;
	margin: 60px 0px 5px 0px;
}

#list {
	width: 100%;
	margin: 0px 0px 30px 0px;
	font-size: 85%;
}

#list li {
	list-style: none outside;
	padding: 0 3px 5px 3px;
}

.list_border {
	width: 100%;
	list-style: none outside;
	border-style:none none solid none;
	border-width:1px;
	border-color:#eeeeee;
}

.list_border a {
	text-decoration: none;
	width: 167px;
	line-height: 13px;
	display: block;
	padding: 7px 0 6px 3px;
}

.list_border a:hover {
	width: 167px;
	background: #eeeeee;
}

#calendar {
	width: 100%;
	line-height: 18px;
	margin: 0px 0px 30px 0px;
	font-size: 85%;
	padding-right: 3px;
}

/* ページ全体のリンク色 */
a:link,
a:visited,
a:active  { color: #333333; text-decoration: none;}
a:hover   { color: red; text-decoration: none;}

/* カレンダーのリンク色 */ 
.cell a,.call a:link,.call a:visited {color:#000000;text-decoration:underline;font-weight:bolder;}
.cell a:hover,.call a:active {color:red;text-decoration:underline;}


/* ------------------------------------- 
 *	ページレイアウト
--------------------------------------- */
/* -------------------------------------

　■ページ全体の変更方法（初期は幅950に設定されています）
  ・A にページ全体の幅を指定する
  ・B + 40 = A になるように B の値を指定する
  ・C + D + 40 + 20 = A になるように C と D の値を指定する
  
  ※サイドメニューの幅は C　、記事の枠の幅は D の値を変更 
  ※余白(padding)の値を変えない場合の方法です
--------------------------------------- */

/*ページ全体の幅、レイアウトを中央揃え*/
#container {
	background-color: white;
	margin:0px auto;
	width:920px;
	text-align:left;
}

/*ブログ名と説明文、トップ画像*/
/*ヘッダー（ページタイトル、グローバルメニュー）*/
#header {
	width:920px;
}

.header_link {
	list-style: none outside;
	padding:30px 0px 30px 0px;
	float: left;
	font-size: 100%;
}

.header_link a:link,
.header_link a:visited,
.header_link a:active {
	padding:0px 20px 12px 20px ;
	margin:0px 10px 0px 10px ;
}

.header_link a:hover {
	border-style:none none solid none;
	border-width:2px;
	border-color:#eeeeee;
	padding:0px 20px 12px 20px ;
	margin:0px 10px 0px 10px ;
	position:relative ;
}

/*コンテンツ枠（記事の枠＋サイドメニューの枠）*/
#content {
	margin:0 auto;
	padding:60px 0px 0px 0px;
}

/*　右側の幅（サイドメニューの枠）　*/
#side {
	float:right;
	width:170px;  /* C */
}

/*　左側の幅（記事の枠）*/
#main {
	float:left;
	width:690px;  /* D */
	padding:0px 20px 0px 0px;
}

 
/* --------------------------------------
　メイン
--------------------------------------- */
/* ブログの説明文 */
div#description {margin:0 0 0 0;padding:0 3px 0 3px;font-size: 85%;line-height: 16px;}

.entry {margin:0 0 60px 0;}

/* 次の記事・前の記事 */
#entryNavi {margin:0 0 15px 10px;}


#pager{padding:10px 0 20px;text-align:center;width:100%;}
#pager span{margin:0 3px;}

#pager span.current{
	background-color:#1e1e1e;
	padding:4px 7px;
	color:#fff;
	font-weight:bold;
}

#pager span a{
	background-color:#e4e4e4;
	color:#565656;
	padding:4px 7px;
	text-decoration:none;
}

#pager span a:hover,#pager span a:active {
	background-color:#333;
	color:#fff;
	text-decoration:none;
}

/* LOVEボタン */	
.entryLove {margin:5px 0;}

/* 記事本文 */
.entryBody {
	margin:15px 0 0 0;
	line-height: 26px;
	padding-left: 10px;
}

.entryBody a:link,
.entryBody a:visited,
.entryBody a:active  { color: #999999; text-decoration: none;}
.entryBody a:hover   { color: red; text-decoration: none;}

/* 記事の続き */
.entryMore {margin:10px 0 10px 0;}

/* 記事の情報 */
ul.entryState li {
    display:inline;
	list-style: none outside;
	border-left:1px solid #999999;
	padding-left:5px;
	margin-left:5px;
	font-size: 85%;
}

/* 関連する記事枠 */
#relatedEntry {border:1px #999999 solid;padding:20px;margin:20px 0 20px 10px;}

	#relateTitle {
		margin:0 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}

/* コメント枠 */
#comment {border:1px #999999 solid;padding:20px;margin:20px 0 0 10px;}

	#commentTitle {
		margin:0 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	#commentSendTitle {
		margin:20px 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	.commentBody {margin:5px 0;}
	
	ul.commentState {margin:0 0 15px 0;}
	
	ul.commentState li {
	    display:inline;
	list-style: none outside;
		border-left:1px solid #999999;
		padding-left:5px;
	}
	
	.commentSendForm {margin:0;}	
	.commentSendForm .input {width:250px;}
	.commentSendForm textarea {width:350px;margin:0 0 10px 0;}
	
	
/* トラックバック枠 */
#trackback {border:1px #999999 solid;padding:20px;margin:20px 0 0 10px;}

	#trackbackURL {
		margin:0 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	#trackbackTitle {
		margin:20px 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
		
	#trackback input {width:350px;}
	
	.trackbackName {margin:0;}
	.trackbackBody {margin:5px 0;}
	
	ul.trackbackState {margin:0 0 15px 0;}
	
	ul.trackbackState li {
	    display:inline;
	list-style: none outside;
		border-left:1px solid #999999;
		padding-left:5px;
	}

/* プロフィールのページ */
#profile{margin:0;}

	#profileTitle {font-size:14px;font-weight:bolder;margin:5px 10px;}
	#profileName {margin:15px 0 0 10px;}
	#profileBody {margin:5px 10px;}
	
/* このページの先頭へ */	
.pageTop {
	margin:10px 0 0 0
	font-size: 85%;
	padding: 20px 0 0 3px;
}

/* --------------------------------------
　記事の装飾
--------------------------------------- */

/* 引用 */
#main blockquote {
	border:1px dotted #cccccc;
	padding:10px;
	margin:10px;
}

/* 画像 */
#main .pict {border:none #000000 solid;padding:5px;}

/* リスト */
div.entryBody li,div.entryMore li {
	list-style:circle;
	margin:0 0 0 15px;
}


/* --------------------------------------
　サイドメニュー
--------------------------------------- */

/* カレンダーの１マス幅 */
.cell {width:27px;}

/* ----------------------------------------
 Footer
---------------------------------------- */
#footer {
	width:100%;
	float:left;
	text-align:center;
	font-size: 85%;
	padding:60px 0px 30px 0px;
}

#footer li {
	width:100%;
	list-style: none outside;
	padding-top:60px;
	border-style:solid none none none;
	border-width:1px;
	border-color:#eeeeee;
}

#footer .copyright {
}

/*スタイル（上部表示スタイルリスト）*/
.style {
	width:100%;
	border-style:none none solid none;
	border-width:1px;
	border-color:#eeeeee;
	text-align:center;
	clear:left;
	margin:0px 0px 5px 0px;
}
