/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
.page_top {
position:fixed;
bottom:10px;
right:10px;
width: 50px;
height: 50px;
color:#fff;
font-size:20px;
text-decoration:none;
border: 0px solid #fff;
text-align: center;
line-height: 50px;border-radius: 30px;
}
.page_top:hover { color: #fff;
}

/*スクロールバーの設定*/
html{ 
	overflow: auto;
}

/*BODY全体に関する設定*/
body {
background-color: #ccc;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 12px;
	line-height: 150%;
}

/*<td>の全ての設定*/
td {
	text-align:center;
}

/*table全ての設定*/
table{
	border-collapse: collapse;
}

/*リンク文字の設定*/
a { text-decoration: none; }
	a:link { color: #000; }
	a:visited { color: #000; }
	a:hover { color: #f8f8ff; }
	a:active { color: #f8f8ff; }

/*画像の設定*/
img { margin: 10px 10px 20px 10px ;
    border-radius: 20px;
	border: 1px #696969 solid;
}

/*全体の設定*/
#mainBlock {
	width: 550px; 
	margin: 50px auto;
	text-align: center;
}

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
	text-align: left;
	margin-bottom: 50px;
}

/*カレンダー部分の設定*/
.Calendar {
font-family: Arial Black, Gadget, sans-serif;
font-size: 12pt;
	text-align: right;
}

.Category {font-family: Arial Black, Gadget, sans-serif;
font-size: 13pt;
	text-align:  left;
	margin: 0 0 15px 0;
}
.Category img{  margin: 0px ;
	border: 0px #bbb solid;}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
background-color: rgba(0,0,0,0.0);
	margin: 50px auto auto 40px;
	text-align: left;
	width: 450px; 
padding: 50px;
margin: 30px 0px 50px 10px ; border-radius: 30px;color: #fff;
}

#FooterBlock a:link { color: #fff;}
#FooterBlock a:visited { color: #fff;}
#FooterBlock a:hover { color: #f8f8ff; }
#FooterBlock a:active { color: #f8f8ff; }

/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/

/*記事繰り返し処理全ての部分の設定*/
#EntryBlock { border-radius: 30px;
background-color: rgba(0,0,0,0.2);
	font-size: 12px;
	color: #000;
	width: 450px; 
padding: 50px;
margin: 0px 50px 50px 10px ;
	text-align: left;
}

/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
	text-align: left;
margin: 0px 0px 0px 0px ;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
	margin: 15px 0 0 0;
}

/*記事本文が記載される部分*/
.EntryText {
margin: 0px 0px 0px 0px ;
	color: #000;
}

/*追記文書が記載される部分*/
.EntryPsText {
	margin-top: 15px;
}

/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
font-family: Arial Black, Gadget, sans-serif;
font-size: 25pt;

	margin:  50px 50px 50px 0px;
	text-align: left;
}

/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
	margin-left: 10px; 
}

/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
	margin-left: 10px;
}

/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
	margin-left: 10px;
}

/**************************************************************************************
  HOmeリンク
**************************************************************************************/
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
background-color: rgba(0,0,0,0.5);
	text-align: right;
width: 180px;
    border-radius: 80px;
font-family: Arial Black, Gadget, sans-serif;
font-size: 12pt;
padding: 30px 50px 30px 50px;
margin: 0px 0px 50px 300px ;
}
.PageLinkBlock a:link { color: #fff;}
.PageLinkBlock a:visited { color: #fff;}
.PageLinkBlock a:hover { color: #808080; }
.PageLinkBlock a:active { color: #808080;}

/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
	margin: 50px 0;
}

/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
	text-align: left;
}

/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
	margin: 5px 0;
}

/*コメント部分*/
.CommentText{
	margin-top: 15px;
}

/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
	text-align: left;
	margin-top: 50px;
}

/*投稿者名の部分*/
.CommentUserName{
	margin-left: 10px;
}

/*コメント編集へのリンク部分*/
.CommentEdit{
	margin-left: 10px;
}

/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{ 
	margin-top: 20px;
}

/*コメントフォーム用テーブル*/
.CommentFormTable{
	font-size: x-small; 
}

/*コメントフォームTHタグ設定*/
.CommentFormTh{ 
	padding-top: 5px; 
	padding-right: 5px; 
	text-align: right;
}

/*コメントフォームTDタグ設定*/
.CommentFormTd{
	padding-top: 5px;
	text-align: left;
}

/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
	text-align:left;
}

/*inputタグやtextareaの設定*/
textarea {
	width: 200px;
	height: 60px;
	padding: 3px;
	background-color: #ffffff;
	color: #000000;
	font-size: x-small;
	border: 1px #000000 dotted;
	line-height: 130%;
}

input, select{
	padding: 3px;
	background-color: #ffffff;
	color: #000000;
	font-size: x-small;
	border: 1px #000000 dotted;
}

/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	margin:1.5em 0 0 auto;
	color: #000000; 
}

.CommentResFooter {
	text-align:right;
	margin-top:1.5em;
}