/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
font-size:14px;
color:#000033;


font-weight:400;
background-image:url('https://blog.cnobi.jp/v1/blog/user/470fd2654d74dd16c3008510245558ce/1294589939');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;



/*scrollbar-face-color : #000000 ; 
scrollbar-highlight-color : #ffff00 ;
scrollbar-shadow-color : #000000; 
scrollbar-3dlight-color : #000000;
scrollbar-arrow-color : #ffff00; 
scrollbar-darkshadow-color : #000000 ;
scrollbar-base-color : #000000;
*/
}

.emphasis{
color:#ffffff;
text-shadow: 2px  2px 5px red,
            -2px  2px 5px red,
             2px -2px 5px red,
            -2px -2px 5px red;
}

#back
{
background-image:url('https://blog.cnobi.jp/v1/blog/user/9364bfd3a29810d0b29bd20373f3ade0/1266676528');
background-repeat:no-repeat;
background-attachment:fixed;
}


/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}
/*通常のリンクの設定*/
a:link {
//color:#999900;
color:#000055;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
//color:#999900;
color:#000055;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
color:#FFFF00;
background-color:#000000;
position: relative;
//top: 2px;
//left: 2px;
}


/*アクティブ状態のリンクの設定*/
a:active {
color:#FFFF00;
}

/*全体の設定*/
#mainBlock {
width:1100px;
background:rgba(255, 255,255,0.4);

text-align: center;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width:1100px;
height: 250px;
text-align: left;
background-image:url('https://blog.cnobi.jp/v1/blog/user/470fd2654d74dd16c3008510245558ce/1420537728');
background-position:left bottom;


}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 15px 40px 0px 40px;
font-size:52px;
text-decoration: none;
background: rgba(255, 255, 255, 0.6);
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
color:#CCCC00;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
font-family:'Times New Roman',sans-serif;
padding: 40px 0px 0px 650px;
color:#ffffff;

}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
height: 200px;
text-align: center;

}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 240px;
text-align: left;
float: left;
/*border:1px #880000 solid;*/
font-weight:700;
font-family:"Times New Roman";


}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:10px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
font-size:16px;
font-weight:bold;
border-style:none;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 10px;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 10px;
color:#333300;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 780px;
float: left;
text-align: left;
background-image:url('');
padding: 15px 10px 0px 40px;

}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 5px;
text-align: left;
background: rgba(255, 255, 255, 0.7);
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
font-size:18px;
font-weight:bold;
background-image:url('https://blog.cnobi.jp/v1/blog/user/470fd2654d74dd16c3008510245558ce/1295104032');
background-position:center top;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
color:#CC0000;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
font-family:"Times New Roman","メイリオ","Segoe UI Emoji","TimesNewRomanPSMT";
}
/*記事本文が記載される部分*/
.EntryText {
padding: 5px;
color:#000000;
//font-family:"メイリオ";
font-family:"Times New Roman","メイリオ","Segoe UI Emoji","TimesNewRomanPSMT";
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 10px;
text-align: center;
font-size:15px;
//font-family:"Times New Roman","メイリオ";
//font-family:"メイリオ";
font-family:"Times New Roman","メイリオ","Segoe UI Emoji","TimesNewRomanPSMT";
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
text-align:right;
font-size:15px;
font-color:#000033;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:10px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 5px 0px;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: center;

}
/*コメント部分*/
.CommentText{
padding: 10px;


}




/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:5px;

}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
background: rgba(255, 80, 65, 0.1);
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
background-repeat:no-repeat;
background-position:right bottom;

//background-image:url('https://blog.cnobi.jp/v1/blog/user/470fd2654d74dd16c3008510245558ce/1310887796');
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
color:#000000;

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



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


}
/*inputタグやtextareaの設定*/
.CommentForms{
//background-color:#ff8888;
//border-color:#000000;
border-style:groove;
//color:#bbbb00;
}

select
{
//background-color:#000000;
//border-color:#dddd00;
border-style:groove;
//color:#bbbb00;
}

input
{
//background-color:#000000;
//border-color:#dddd00;
border-style:groove;
//color:#bbbb00;
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform opacity;
  transition-property: transform opacity;
}

.hover-shadow:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.hover-shadow:hover:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:5px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	padding:10px 30px 10px 50px;
}

.CommentResBox {
	border:solid 1px #995555;
	padding:10px;
}

.CommentResTitle {
	font-size:14px;
	font-weight:700;
}

.CommentResText {
	padding:10px 0px 0px 10px;
}

.CommentResFooter {
	text-align:right;
	margin:15px 0;
	border-top:1px dotted #995555;
}
{