/**************************************************************
 reset
**************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight:normal;
    background: transparent;
    line-height: 1;
}
fieldset, img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
overflow:hidden;
line-height: 1;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,
q:before,q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}



/**************************************************************
 common
**************************************************************/
/*全体の設定*/
body {
text-align:center; 
font-size:12px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif;
color:#666;
background:#fff url(http://file.poetto.blog.shinobi.jp/catharsis_bg.gif) fixed;

}
input, textarea{
padding:2px;
border:1px solid #cccccc;
background:#fff;
color:#555;
}
a:link{
outline:0;
text-decoration:underline;
color:#c71585;
text-decoration:none;
}
a:visited{
outline:0;
text-decoration:underline;
color:#db7093;
text-decoration:none;    
}
a:hover,a:active {
outline:0;
color:#800080;
text-decoration:none;
}

strong,b {
font-weight:bold;
}


.clear {
height:0;
line-height:0;
clear:both;
}
.left {
text-align:left;
}
.center {
text-align:center;
}
.right {
text-align:right;
}


/**************************************************************
レイアウト
**************************************************************/
#MainBlock {
margin:0 auto;
width:1060px;
background:;
text-align:left;
}
#inner { 
margin:5px;
}  
/*EntryとPlugin左 */
#largeWrap { 
float: left; 
width: 790px;
}  
/*記事繰り返し処理全ての部分の設定#mainWrap */
#EntryBlock {
margin: 10px 5px;
padding: 0px;
width: 550px;
float: right;
}
/*プラグイン（左）表示箇所全体の設定#sideAlphaWrap*/
.PluginBlock {
margin: 10px 5px;
padding: 0px 0px;
width: 210px;
float: left;
}
/*プラグイン（右）表示箇所全体の設定#sideBetaWrap */
.PluginBlockRight {
margin: 10px 5px;
padding: 0px 0px;
width: 240px;
float: right;
}
.clear { clear:both; }  
.clear hr { display:none; }  
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width: 1060px;
height: 200px;
background: url(http://file.poetto.blog.shinobi.jp/Header.png) no-repeat;
text-align: center;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
text-align: center;
}
#TopText {
padding: 70px 10px 3px 10px;
font-size: 36px;
font-weight: normal;
line-height: 1.5;
text-shadow: 2px 2px 5px #999; 
}
#TopText a:link, #TopText a:visited {
font-weight: normal;
text-decoration: none;
color: #920d14;
}
#TopText a:hover {
font-weight: normal; 
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
font-size:130%;
padding: 2px ; 
margin: 2px 10px 35px 10px;
line-height: 1.4;
color: #000;
text-shadow: 2px 2px 5px #fff;
}
/*ページ機能用ＭＥＮＵ*/
#MenuPage {
font-size: 100%;
padding: 5px 10px  5px 10px;
background-color: rgba(204,204,204,0.7);
border: 1px solid #000;
}
#MenuPage ul {
line-height: 1.4em;
text-align: center;   
color: #666; 
}
#MenuPage li {
display: inline;
margin: 0 10 0 0; 
padding: 2px;
}
#MenuPage a {
padding: 0px 12px;
text-decoration: none;
color: #000;
}
#MenuPage a:hover {
color: #db7093;
}

#MenuCategory {
font-size: 100%;
padding: 3px 0px 3px 0px;
margin: 5px 0px 0px 0px;
background-color: rgba(255,255,255,0.7);
border: 1px solid #000;
}
#MenuCategory ul {
line-height: 1.4em;
text-align: center;   
color: #666; 
}
#MenuCategory li {
display: inline;
margin: 0px 10px 0px 0px; 
padding: 2px;
}
#MenuCategory a {
padding: 0px 12px;
text-decoration: none;
color: #000;
}
#MenuCategory a:hover {
color: #db7093;
}

#MenuPinmomo {
font-size: 90%;
padding: 3px 0px 3px 0px;
margin: 20px 30px 20px 30px;
background-color: rgba(204,204,204,0.7);
border: 1px solid #000;
}
#MenuPinmomo ul {
line-height: 1.4em;
text-align: center;   
color: #666; 
}
#MenuPinmomo li {
display: inline;
margin: 0px 10px 0px 0px; 
padding: 2px;
}
#MenuPinmomo a {
padding: 0px 12px;
text-decoration: none;
color: #000;
}
#MenuPinmomo a:hover {
color: #db7093;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
padding: 30px 10px 30px 10px;
}
#FooterBlock ul {
text-align: center;
}
#FooterBlock li {
display: inline;
padding: 0 0.4em;
font-size: 90%;
line-height: 1.5;
color: #333;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/

/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding: 10px 10px 0px 10px;
margin: 0px 0px 10px 0px;
border: 1px dotted #555;
background-color: rgba(255,255,255,0.8);
}

.PluginInnerBlockRight {
padding: 10px 10px 0px 10px;
margin:0px 0px 10px 0px;
border: 1px dotted #555;
background-color: rgba(255,255,255,0.8);
}

/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
font-size: 14px;
padding: 0px 22px 5px;
font-weight: bold;
line-height: 1.4;
border-bottom: 3px double #555;
background-image: url("http://file.poetto.blog.shinobi.jp/Plugin_icon.png");
background-repeat: no-repeat;
}

/*プラグインの説明部分の設定*/
.PluginExplanation {
font-size:12px;
line-height: 1.2;
}

/*プラグインが表示される場所の設定*/
.PluginContents {
font-size:12px;
padding: 10px;
}

.PluginContents .ninjaad {
padding: 5px 1em 0;
line-height: 1.8;
overflow: auto;
}

.PluginContents li {
}

/*自由スペース（プラグイン5）表示箇所の背景や余白設定*/
.PluginInnerBlock5 {
padding: 13px 10px 0px 10px;
margin: 0px 0px 10px 0px;
border: 3px double #000;
background-color: rgba(255,255,255,0.8);
}

/*自由スペースのタイトル（名称）部分の設定*/
.PluginTitle5 {
color: #e10000;
text-shadow: 2px 2px 5px #999;
padding: 0px 0px 5px 30px;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
border-bottom: 1px dotted #555;
background-image: url("http://file.poetto.blog.shinobi.jp/Plugin5_icon.png");
background-repeat: no-repeat;
}
/*自由スペース本文が表示される場所の設定*/
.PluginContents5 {
font-size:12px;
padding: 10px;
line-height: 1.6;
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.plugin_data {
padding:10px 0 10px 0 ;
line-height: 1.2;
}
.plugin_data * {
line-height: 1.2;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
text-align: right;
font-size: 90%;
}

/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
margin: 10px 0px 10px 0px;
padding: 0px 5px 0px 5px;
border: 1px solid #000;  
background-color: rgba(255,255,255,0.7);
}
/*各記事タイトル部分の設定*/
.EntryTitle {
font-weight:bold;
padding:8px 5px 13px 35px;
font-size:16px;
line-height:auot;
text-align: left; 
border-bottom:3px double #555;
background-image: url("http://file.poetto.blog.shinobi.jp/Entry_icon.png");
background-repeat: no-repeat;
}
.EntryTitle a:link, .EntryTitle a:visited {
font-weight: bold;
text-decoration: none;
color: #333;
}
.EntryTitle a:hover {
color: #666;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 10px;
}
/*記事本文が記載される部分*/
.EntryText {
font-size: 100%;
padding: 15px 15px 15px 15px;
line-height: 1.6;        
text-align: left; 
border-bottom: 1px dotted #555;
}
.EntryText * {
line-height:1.6;
    
}
.EntryText img {
max-width: 100%;
margin: 0;
}
.EntryText ul {
margin:5px 0;
list-style: disc inside;
}
.EntryText ol {
margin: 5px 0;
list-style: decimal inside;
}
.EntryText td,
.EntryText th {
padding: 5px;
border: 1px solid #999999;
}
.EntryText blockquote,
.EntryText quote {
margin: 3px;
}
/*「つづきを読む」が記載される部分*/
.EntryPsText {
padding: 10px;    
background: url() no-repeat 0 50%;
}
.EntryPsText a {
padding: 10px;
}
/*拍手ボタンの設定*/
.NinjaClap {
padding: 3px;
}
.NinjaClap a img {
margin: 10px;
vertical-align: middle;
}

/*記事の投稿日時・カテゴリ欄などの背景*/
.EntryHeader {
padding: 0px 0px 0px 0px;
text-align: right;
}
.EntryHeader ul {}
.EntryHeader li {}
.EntryHeader li a:link, .EntryHeader li a:visited {
display: inline-block;
padding: 6px 10px 0px 0px;
background: url() no-repeat 0 50%;
text-decoration: none;
}
.EntryHeader li a:hover {
text-decoration: underline;
}

.EntryFooter {
padding: 0px 10px 8px 0px;
text-align: right;
}
.EntryFooter ul {}
.EntryFooter li {
padding: 0px 5px;
display: inline-block;
float: right; 
}
.EntryFooter li a:link, .EntryFooter li a:visited {
display: inline-block;
padding: 0px 0px 0px 11px;
background: url() no-repeat 0 50%;
text-decoration: none;
}
.EntryFooter li a:hover {
text-decoration: underline;
}


/*記事の投稿者名が記載されている部分*/
.EntryUserName {}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {}

/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock {
margin: 5px;
line-height: 0;
display: inline;
font-size: 80%;
padding: 5px 5px;
}
.PageLinkBlock ul {
padding: 2px 0px;
margin: 5px 0 0 0;
text-align: center;
}
.PageLinkBlock li{
line-height: 3.0;
padding: 5px 10px;
display: inline;
background: #fff;
border: solid 1px #CCC;
}
/*←*/
.PageLinkBlock li a.prev {
}
/*→*/
.PageLinkBlock li a.next {
}

.PageLink10 {
text-indent: center;
}

/**************************************************************************************
  ページ用デザイン
**************************************************************************************/
/*ページ記事繰り返し処理全ての部分の設定#mainWrap */
#StaticBlock {
}
/*ページ部分の背景や余白等の設定*/
.StaticInnerBlock {
padding: 10px 15px 0px 15px;
background-color: rgba(255,255,255,0.7);
border: 1px solid #000;
}
/*ページ記事タイトル部分の設定*/
.StaticTitle {
font-weight: bold;
padding:5px 5px 10px 35px;
font-size: 16px;
color: #333;
line-height: 1.4;
text-align: left; 
border-bottom:3px double #555;
background-image: url("http://file.poetto.blog.shinobi.jp/Entry_icon.png");
background-repeat: no-repeat;
}

.StaticTitle a:link, .StaticTitle a:visited {
font-weight: bold;
text-decoration: none;
color: #000;
}
.StaticTitle a:hover {
color: #000;
}
/*各記事タイトル部分の文字色設定*/
.StaticTitleFont {}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.StaticTextBox {}
/*記事本文が記載される部分*/
.StaticText {
font-size: 100%;
padding: 15px;
line-height: 1.4;
background: url() repeat-y right top;
}
.StaticText * {
line-height: 1.4;
}

/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding: 5px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
padding: 10px;
font-size: 14px;
font-weight: bold;
border-top:  1px dotted #555;
border-bottom: 3px double #555;
line-height: 1.4;
text-align: center;
}

/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
padding:20px 5px 10px 5px;
margin:10px #fff;
}
/*コメントフォーム項目名設定*/
.CommentFormBlock table {
margin:0 auto; 
}
.CommentFormBlock table td{
padding: 5px;
}
.CommentFormTh{
padding: 0 5px;
white-space: nowrap;
text-align: left;
vertical-align: middle;
font-size: 90%;
}
/*コメントフォーム入力欄設定*/
.CommentFormTd{
padding: 0 0 5px 0; 
}
/*inputタグやtextareaの設定*/
.CommentForms{
width: 380px;
margin: 0 5px 0 0;
border: 1px solid #555;
}
textarea.CommentForms{
}
.CommentFormBlock select{
border: 1px solid #555;
}
.CommentForms_pass{
width: 180px;
vertical-align: middle;
border: 1px solid #555;
}
.CommentFormTd.emoji img {
padding-left: 3px;
vertical-align: middle;
}
/*コメントフォーム送信ボタンの設定*/
.CommentFormSubmit{
clear: both;
padding: 10px;
text-align: center;
}
.CommentFormSubmit input {
padding: 3px;
background: #efefef;
cursor: pointer;
}
.CommentFormSubmit input:hover {
background: #f9f9f9;
border: 1px dotted #555;
color: #555;
}

/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{   
margin: 0px 10px 0px 10px;
padding: 10px;
border-top: 3px double #666666;
}
/*コメントのタイトル部分*/ 
.CommentTitle{
padding: 0px 5px 5px 5px;
font-size: 110%;
font-weight: bold;
line-height: 1.4;
border-bottom: 1px solid #555;
}
/*コメント部分*/
.CommentText {
padding: 5px;
line-height: 1.4;
}
.CommentText * {
line-height: 1.4;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
padding: 5px;
text-align: right;
border-top: 1px solid #555;
}

.CommentFooter li {
margin-left:10px;
padding:2px 0px 1px 12px;
display:inline-block;
float:right;
background:url() no-repeat 0 50%;
text-decoration:none;
font-size:90%;
}
.CommentFooter li a:hover {
text-decoration:underline;
}
/*投稿者名の部分*/
.CommentUserName{}
/*投稿者のホームページへのリンク部分*/
.CommentURL{}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{}
/*コメント編集へのリンク部分*/
.CommentEdit{}


/*-------------------------------------------------------
  コメント -> コメント編集部分デザイン
-------------------------------------------------------*/
.CommentBlock.edit {
margin: 10px auto;
padding: 10px;
border: 1px solid #000;
width: 630px;
background-color: rgba(255,255,255,0.7);
}


/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
/* 管理者返信部分全体の設定 */
.CommentResBlock {    
padding: 0px 0px 5px 0px;
margin: 15px 5px 5px 48px;
background-color: rgba(253,224,255,0.5);
}
/* 管理者返信部分内側の設定 */
.CommentResBox {
padding: 10px;
}
/* 管理者返信のタイトル */
.CommentResTitle {
padding:0px 5px 5px 5px;
font-size:110%;
font-weight:bold;
line-height:1.4;
border-bottom:1px solid #555;
}
/* 管理者返信の本文 */
.CommentResText {
padding:5px;
line-height:1.4;
}
/* 管理者返信のフッター */
.CommentResFooter {
text-align:right;
border-top:1px solid #555;
padding : 5px 0px 4px 0px;
}
.CommentResFooter ul {}
.CommentResFooter li {
margin-left:10px;
padding:2px 0px 2px 14px;
display:inline-block;
float:right;
background:url() no-repeat 0 50%;
text-decoration:none;
font-size:90%;
}

/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
margin:0 auto;
width:100%;
border-top:1px solid #999;
border-right:1px solid #999;
border-left:1px solid #999;
}
.CalendarMoveTable td {
height:20px;
text-align:center;
vertical-align:middle;
}
.CalendarMoveTable td a:link,
.CalendarMoveTable td a:visited,
.CalendarMoveTable td a:hover {
text-decoration:none;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd a {}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd a {}
/*カレンダー表示用テーブル*/
.CalendarTable {
margin:0 auto;
width:100%;
}
.CalendarTable th, .CalendarTable td {
height:20px;
border:1px solid #999;
text-align:center;
vertical-align:middle;
}



/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
text-align:center;
color:#ff6476;
background-color: rgba(253,238,238,0.4);
font-weight:bold;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
text-align:center;
color:#4192ff;
background-color: rgba(238,238,255,0.4);
font-weight:bold;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
text-align:center;
font-weight:bold;
}



/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
text-align:center;
color:#ff6476;
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
text-align:center;
color:#4192ff;
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
text-align:center;
color:#aaa;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {}
.CalendarTdLink a {
padding:3px 0;
display:block;
height:15px;
text-align:center;   
background:#ddd;
text-decoration:none;
}
.CalendarTdLink a:hover {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
font-weight: bold;
color: #800040;
}



/**************************************************************************************
  ブログ内検索用デザイン
**************************************************************************************/
.blogsearch .box {
line-height: 1.6;    
width: 100%;
padding: 0px;
}
.blogsearch .btn {
margin: 5px 0px 0px 0px;
background: #efefef;
cursor: pointer;
}
.blogsearch .btn:hover {
background: #f9f9f9;
color: #999999;
}


/**************************************************************************************
  バーコード用デザイン
**************************************************************************************/
.qrcode_image {
text-align:center;
}
