*{ margin:0; padding:0; }
html{ font-size:13px; }



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 多分毎月いじるであろう箇所
 ※これ以外の項目を修正する場合は、全月分の修正をしておくこと

   背景色白・黒基調入れ替えの際は、最末尾の基本セットも入れ替えを

  16.12.09 #FC2_css → #bonadiary 修正 (忍者メールフォーム用css部)
  17.1.29   記事本文用 カスタマイズclass に dot-tb・lr・all 追加 (2px幅の少し太いdot)
  17.7.1 壁紙変更 (丸星雲っぽい物から、天の川っぽい物へ)
　17.9.10 薄背景色を 背景色別基本セットへ移動 / bg_wt 弱め
  17.10.25 末尾の基本セットを置き換え

------------------------------------------------------------------------------ */


/* ---------------------------------------------------------------
  通常リンク・body 色・画像指定
 -------------------------------------- */ 

a:link  { color: #ccf; }

a:visited { color: lightsteelblue; }

a:hover {
  text-decoration: none;
  color: #003;
  background-color : #ccf;
  border-style : none none solid none;
  border-width: 0 0 1px 0;
  font-style: italic;
}


body{
    background:url(https://blog-imgs-112-origin.fc2.com/b/o/n/bonadiary/jul_bg2.png) no-repeat top left, url(https://blog-imgs-112-origin.fc2.com/b/o/n/bonadiary/jul_bg3.jpg) no-repeat top left #000;
    color:lavender;
    scrollbar-base-color:#111;
}

/* 全体囲み */
.body2{}

 /* 管理画面へのリンク
    （subエリアのものだが、背景色と揃えやすいようここに記載）
   ※4・5月は、管理画面へのリンクの表示位置を変えてあるので注意※
 */
  .kanri a:link,
  .kanri a:visited { color:#000; }
  .kanri a:hover { color:#999; }


#copy{
    color:#aaa;
    border:1px inset snow;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/green10.png);
}





/* ---------------------------------------------------------------
  header 色・画像指定
 --------------------------------- */ 

#head{
  border:double 7px #99c;
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/jul_title.png) 80% 70% no-repeat , url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_10.png);
  text-shadow:#333 2px 2px 2px;
}

#head .read{
    color:#ccc;
    text-align:center;
}

#head .head2 a,
#head h1 a,
#head h1 a:visited ,
#head h1 a:link {
    background:none;  /* 月によっては設定が邪魔になるのでここへ移動 */
}
#head h1 a:hover {
  color:lightsteelblue;
  text-shadow:#331 2px 2px 2px;
}

/* calender
 --------------------------- */
#carender{
    color:#ccc;
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_30.png);
  border:inset #ccc 1px;
}

/* footのページセレクター部分
　(基本はcalendar指定を流用)
 ------------------------------- */
#Page_Select{
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_30.png);
    border:inset #ccc 1px;
    color: #ccc;
    scrollbar-base-color:#111;
}




/* ---------------------------------------------------------------
  mainarea 色・画像指定
 --------------------------------- */ 

/* index_area 要素 （top注意書き）
 --------------------------------------*/

.top_entry-body {
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_50.png);
  border: 5px double cadetblue;
  color:#c99;
}


/* 記事本文 色・画像指定
 ---------------------------------------*/

#main_small{ /* 背景複数重ねる場合は他の白背景月を参照 */
    border:solid 5px #99c;
     background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_50.png);
}

.title_line{
    background : url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/jul_line.png) no-repeat bottom center;
}
#main_middle .entry h3{}

.top_date{ color:#aaa; }


#main_middle .entry_data{
  color: #666;
  border-top:#ccc dotted 1px;
  border-bottom:#ccc dotted 1px;
}

div.entry-more a{
    text-shadow:1px 1px 2px #333;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/blue20.png);
}
div.entry-more:hover ,
div.entry-more a:hover {
  border: 1px inset #333;
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_10.png);
  text-shadow:1px 1px 1px lavender;
}


/* 拍手の前を空ける
 ------------------------------*/
.fc2_footer{ border-top:1px dotted #999; }


/* 文末のランキングバナー
 ------------------------------ */
.vote { background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_20.png); }


/* 関連記事リンク
 ------------------------------ */
.relate_dl { border:1px inset #666; padding:10px; border-radius:7px; margin:30px 0; } /* 黒背景用濃色 */


/* 前後ページ・記事リンク
 -------------------------------*/
.control_title{ text-shadow:0px 0px 0px #fff; }

.control a, .control_u a, .control_foot a {
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_30.png);
}
.control_foot{ /* 設定不要な月もあるかも */
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_30.png);
}

.control a:hover, .control_u a:hover, .control_foot a:hover {
  border:1px inset;
  background:honeydew;
  color:olive;
}


/* コメント 表示 色・画像指定
 --------------------------------------------*/

#com_border {
  border:solid 3px darkseagreen;
  background:url(https://blog-imgs-59-origin.fc2.com/b/o/n/bonoppo/black_50.png);
}

.com_big_title { color:#ccf; }

.com_title {
  color:#cff;
  border-bottom:#999 dotted 1px;
}

.com_ip { color:#aaa; }

.com_foot {
  border-top:#999 dotted 1px;
  color:#aaa;
}

.delete{
    color:#aaa; 
    border:1px dashed #aaa;
}



/* コメント一般投稿 表示 色・画像指定
 ------------------------------------------- */
.comarea_border {
    border:2px outset darkseagreen; 
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/blue20.png);
}

/* 自分の投稿だけ違う表示 
    div class="comarea_border <％comment_name>"  と囲っているため反映 */

.ボナ , .ボナロン , .だめ子 {
    border:2px inset #363;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_10.png);
}


/* コメント投稿欄 表示 色・画像指定
 ---------------------------------------------- */
 /* 投稿欄 */
.com_post{ border:dotted 1px #ccf; }

/* コメント投稿欄 見出し */
#main dt,#main .himitsu{ color:#cff; }

input {
    color:lavender;
    text-shadow:0 0 1px #111;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_10.png);
    border:inset 1px mediumaquamarine;
}

input[type="submit"], input[type="reset"], input[type="button"], button{
  border:outset 1px #ccc;
  color:honeydew;
  background-color:teal;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
  border:inset 1px #ccc;
  background-color:#936;
}

textarea{
    color:lavender;
    text-shadow:0 0 1px #111;
    border:inset 1px mediumaquamarine;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/jul_text.jpg) right bottom no-repeat;
}


/* TB 表示 色・画像指定
 ---------------------------------------------- */

/*  自記事 TB用URL表示部 */
.tb{ color:#aaa; }

#main h3{ color:lavenderbrush; }


/* 付いたTBの引用部を囲むdiv */
.tbs{
    color:#aaa;
    border:1px dotted #666;
}

.tbs_foot{ color:#aaa; }


/* カテゴリ・月別・検索・タグ 一覧表示ページ 表示 色・画像指定
 ----------------------------------------------------------------- */

.ently_outline{ border-bottom:dotted #222 1px; }

.ently_title{
  border-bottom:3px #555 solid;
  color:#99c;
}

#org_list li { border-bottom:1px solid #333; }
#org_list li a { border-bottom:1px dashed #555; } /* 当月だけの対応なので 後半ではなく ここに記載 */




/* ---------------------------------------------------------------
    subarea 色・画像指定
 --------------------------------- */ 

#sub_middle{
    color:#c0c0c0;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_50.png);
    border:5px double rosybrown;
}
/* 右側だけ 一段濃く背景設定したい場合に指定 (12月用) */
#sub2 #sub_middle{}

#sub_middle h4{
  background: url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/jul_ico.png) left 2px no-repeat;
}

/* リンク下線が強過ぎる時 弱める */
#sub_middle .sub_list a{ border-bottom:1px dashed #666; }

/* 最新コメント表示部の区切り線 */
#sub_middle hr{ border-bottom:1px #999 solid; }



/* 忍者メールフォームCSS 表示 色・画像指定
 ----------------------------------------------------------------- */

/* パーツの入力項目のclass（inputなどの部分）*/
#bonadiary_top .name_parts ,
#bonadiary_top .mail_parts ,
#bonadiary_top .url_parts ,
#bonadiary_top .title_parts {
    border:1px inset mediumaquamarine;
    /* 背景は別設定も可能だがコメント欄 設定と合わせ中 */
}

/*『textarea』パーツの入力項目のclass
（inputなどの部分）*/
#bonadiary_top .textarea_parts { border:1px inset mediumaquamarine; }

/*エラーメッセージを囲っているタグのclass*/
#bonadiary_top .error { border:3px double mediumvioletred; }

/*エラーメッセージのリトライボタンのclass*/
#bonadiary_top .error_submit_button {
    background-color:teal;
    color:#fff;
}

/*送信完了メッセージを囲っているタグのclass*/
#bonadiary_top .result { border:1px outset cadetblue; }

/*送信完了メッセージの戻るボタンのclass*/
#bonadiary_top .result_submit_button {
    background-color:teal;
    color:#fff;
}


/* twitter まとめ記事  色・画像指定
  ( http://paro2day.blog122.fc2.com/blog-entry-562.html )

    Amebaなう自動まとめも一緒に
 ---------------------------------------------------------------- */


/* 全体 */
dl.fc2twtr ,
.AmNwMdl {
   color: inherit; /* 文字色 */
}

/* 本文 */
dl.fc2twtr dd ,
.AmNwL {
   border: 1px #363 outset !important; /* 線 */
   background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/green05.png) !important; /* 背景色 */
}

dl.fc2twtr dd:hover ,
.AmNwL:hover {
   background: url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/blue10.png)!important; /* 背景色 */
   border: 1px #363 inset !important; /* 線 */
}


/* 埋め込みツイートのカスタマイズ (設定してみても無反応 / いろいろ実験中) */

.twitter-tweet + iframe ,
p .e-entry-title  { font-size:11px !important; }


/* ameba時代、旧blogからの移植記事用 --------------------- */
.now_add{
  color:lightsteelblue;
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_70.png);
}



































/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  ※以下の項目を修正する場合は、全月分の修正をしておくこと

   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------------------------------ */


/* 通常リンク */

a:link  {
  text-decoration: none;
  border-style : none none dashed none;
  border-width: 0 0 1px 0;
}

a:visited {
  text-decoration: none;
  border-style : none none dashed none;
  border-width: 0 0 1px 0;
}

a:hover {
  text-decoration: none;
  border-style : none none solid none;
  border-width: 0 0 1px 0;
  font-style: italic;
}


body{
    font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica;
    background-attachment:fixed;
}


  /* 管理画面へのリンク
    （subエリアのものだが、背景色と揃えやすいようここに記載） */
  .kanri a:link,
  .kanri a:visited {
    font-size:11px;
    background:none;
    border:none;
  }





/*----------------------------------------------------------------------------------------------
  エリア配置関連
 ----------------------------------------------------------------------------------------------- */ 

/* 全体囲み */
.body2{
    margin:0 auto -13px auto;
    padding:7px 0;
    width:1000px;
    background-attachment:fixed;
}

#head{
  width: 955px;
  height: 100px;
  margin:0 auto 5px auto;
  border-radius: 70px 0;
}

/* メインと サブ１ 囲み */
#wrapper{
    width:745px;
    float:left;
}

#main{
    width: 500px;
    float:right;
    margin-top:15px;
}

#sub1{
    width:240px;
    float:left;
}
#sub2{
    width:240px;
}

/* サイドバー固定
  http://hm-solution.jp/web/post3105.html     */

#sidefix {
    width:240px;
    float:right;
    margin-left:10px;
} /* 固定するサイドバーと同幅を指定 */


#copy{
    font-size: 11px;
    margin: 20px;
    padding:10px;
    text-align: center;
    width:90%;
    clear:both;
    border-radius: 30px;
}


/*-----------------------------------------------------------------------------------------------
  header
 ----------------------------------------------------------------------------------------------- */ 

.head2 {}


h1{
  font-size: 22px;
  font-weight: bold;
  padding: 20px 0 0 7px;
  text-align:center;
  width:850px;
  margin:0 auto;
}

#head .head2 a,
#head h1 a,
#head h1 a:visited ,
#head h1 a:link {
  border-style : none;
  border-width: 0;
}

#head .read{
    font-size: 12px;
    font-weight:normal;
}

/* calender */
#carender{
  width:940px;
  margin: 10px auto;
  padding: 5px 0;

  text-align:center;
  border-radius: 40px;
}

#carender a{ font-weight:bold; }






/*------------------------------------------------------------------------------------------------
  mainarea
  ----------------------------------------------------------------------------------------------- */



/* index_area 要素 （top注意書き）---------------------*/

.top_entry-body {
  width: 480px;
  margin: 0px 0px 10px 0px; 
  border-radius:7px;
  padding: 12px;
  font-size:12px;
  line-height: 1.5;
  font-size:11px;
}
/*------------------------------------------------------*/


#main_middle{}

#main_small{
    width: 470px;
    float:left;
    border-radius: 10px;
  background-attachment:fixed;
  margin-bottom:20px;
  padding:20px 15px 5px 15px;
}

#main_small_bg{}
#main_top{}



#main_middle .entry h3{
    font-size: 14px;
    font-weight: bold;
    padding-bottom:25px;
    margin: 0 0 25px;
    text-decoration:none;
}

.entry h3 a:link ,
.entry h3 a:visited ,
.entry h3 a:active  { text-decoration:none; border:none; }
.entry h3 a:hover  { text-decoration:none; }



.top_date{
    text-align:right;
    font-size:11px;
    padding: 0 20px;
}


#main_middle .entry_data{
  font-size: 12px;
  padding: 5px 15px;
  margin-bottom: 30px;
  text-align: right;
}

.top_date a:link , #main_middle .entry_data a:link{ border-bottom:none; }

#main_middle .entry_body{
    font-size:12px;
    font-family:"メイリオ","Osaka-等幅", monospace;
    line-height: 1.7;
    padding: 0 10px 20px 10px;
}

div.entry-more {
  margin-top:25px;
  margin-bottom:40px;
  text-align : left;
  font-weight:bold;
  border: 1px outset;
  border-radius:4px;
}

div.entry-more a{
    border-bottom:none;
    display:block;
    padding:5px 15px;
}
div.entry-more:hover ,
div.entry-more a:hover{}


#main_bottom{}



/* 該当記事ページがない場合の表示
　( http://kofumo.blog28.fc2.com/blog-entry-2.html ) ----*/

.none{ display: none; }
.block{ display: block; }



/* 拍手の前を空ける -------------------------------------*/
.fc2_footer{
  margin-top:20px;
  padding-top:10px;
}

/* 文末のランキングバナー ------------------------------ */
.vote {
   margin:10px;
   padding:10px;
   text-align:center;
   border-radius:10px;
   border:1px inset;
}



/* 関連記事リンク
 ------------------------------ */
.relate_dt { font-weight:bold; }
.relate_ul { list-style-type:none; margin:3px 10px;}



/* 前後ページ・記事リンク -------------------------------*/
.control{
   font-size: 12px;
   margin:15px 30px;
}

.control_u{
   font-size: 12px;
   margin:15px 30px;
}

.control_title{
    max-width:210px;
}

.control_foot{
 margin:0 20px 15px 30px;
 padding:7px;
 border-radius:7px;
}


.control a,
.control_u a,
.control_foot a {
  padding:3px 7px;
  border:1px outset;
  border-radius:3px;
}

.control a:hover,
.control_u a:hover,
.control_foot a:hover {}


.action{
  font-size:12px;
  line-height: 1.3;
}






/* コメント ------------------------------------------------------*/

#com_border {
  width: 450px;
  float:left;
  border-radius: 30px;
  margin:0 10px 15px 10px;
  padding:20px 15px;
}

.com_big_title {
  margin-top:15px;
  font-weight:bold;
  font-size:120%;
}

.com_title {
  margin-top:10px;
  font-weight:bold;
  padding:5px;
}

.com_body {
    font-family:monospace;
    margin:8px 10px 0 15px;
    line-height: 1.4;
}

.com_ip {  }

.com_foot {
  margin:15px;
  padding:5px;
}

.delete{
    font-family:monospace;
    padding:3px 5px;
    margin-left:25px;
    border-radius: 5px;
}



/* 一般投稿の囲み ------------------------------------------------- */
.comarea_border {
    border-radius:5px;
    padding:5px;
    margin:7px 0px;
}


/* 自分の投稿だけ違う表示 
    div class="comarea_border <％comment_name>"  と囲っているため反映 */

.ボナ ,
.ボナロン ,
.だめ子 {
    margin:5px 3px 7px 15px;
}



/*----------------------------------------------------
   コメント投稿欄
 ----------------------------------------------------- */

.com_post{ /* 投稿欄 */
    padding:10px 10px 5px 10px;
    margin: 25px 0;
    border-radius: 10px;
}

.com_post dd{ margin-bottom:7px; }

/* コメント投稿欄 見出し */
#main dt,#main .himitsu{}
#main label { font-weight:bold; }


input {
    font-size:13px;
    padding:3px;
    border-radius: 3px;
}

input[type="submit"], input[type="reset"], input[type="button"], button{
    cursor: pointer;
    padding:5px;
    margin:3px;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {}

textarea{
    font-size:13px;
    font-family:"ＭＳゴシック","Osaka-等幅",monospace;
    padding:5px;
    border-radius: 7px;
}


/* FC2自動挿入アイコンの下線を消す */
.com_post a[href*="javascript"] { border:none !important; }




/*-------------------------------------------------------------------
   TB
 -------------------------------------------------------------------- */

/*  TB用URL表示部 (自記事) ---------- */
.tb{
  margin-left:20px;
  line-height:2.0;
  font-size:11px;
}
/* .tb a{  } */

#main h3{}


/* 付いたTBの引用部を囲むdiv --------------------------------- */
.tbs{
    font-size:10px;
    margin:10px;
    padding:10px;
}

.tbs_foot{
    text-align:right;
}




/*----------------------------------------------------------
  カテゴリ・月別・検索・タグ 一覧表示ページ
 ----------------------------------------------------------- */

.ently_outline{
  padding-bottom:25px;
}

.ently_title{
  font-size:14px;
  padding-bottom:10px;
  margin:15px;
}

.entry_sub_title{ font-weight:normal; }

.ently_body{ margin-left:25px; }

.ently_text{}

#org_list li {
  list-style-type:none;
  line-height:1.4;
  margin-bottom:6px;
  padding-bottom:6px;
}




/* footのページセレクター部分 -- */
#Page_Select{
    width:450px;
    height:80px;
    line-height:1.2;
    font-weight:normal;
    margin: 10px auto;
    padding: 5px 15px;
    text-align:center;
    border-radius: 10px;
    overflow:auto;             /* ←ここは絶対必須 (これでスクロールバーが出る) */
}

#Page_Select a{ font-weight:bold; }


#Psl table{
    border-collapse: separate;
    border-spacing: 15px;
        font-family:serif;
}
#Psl td{
    vertical-align:text-top;
}






/*-----------------------------------------------------------------------------------------------
    subarea
 ------------------------------------------------------------------------------------------------ */

#sub_middle{
    margin:10px;
    border-radius: 0 10px;
    padding: 15px 15px 0 5px;
}
/* 右側だけ 一段濃く背景設定してみる(12月用) */
#sub2 #sub_middle{}

#sub_top{}

#sub_middle h4{
  padding: 0 0 0 30px;
  margin: 0 0 7px;
  font-size: 14px;
  font-weight:bold;
  line-height: 25px;
}
#sub_middle .sub_list{
    padding: 0 0 15px 7px;
    line-height: 1.5;
}

/* リンク下線が強過ぎるので弱める */
#sub_middle .sub_list a{}

#sub_middle .sub_list img{
    margin: 0 0 3px 5px;
}

#sub_middle .sub_list ul{
    list-style:none;
    margin:0;
    padding:0;
}

#sub_middle .sub_list li{
    list-style:none;
    margin:0 0 7px 7px;
    padding:0;
}

/* 最新コメント表示部の区切り線 ------------*/
#sub_middle hr{
    border-style:none;
    margin-bottom:7px;
    padding-top:3px;
}

#sub_bottom{}








/* ------------------------------------------------------------------------
  その他 各種設定
 -------------------------------------------------------------------------- */

/* サイドメニュー 新着記事用 文字表示省略（コメントより長め） */
.ellipsis_t{
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display:inline-block;
  margin-bottom:-3px;
}

/* サイドメニュー 新着コメント用 文字表示省略 --------------- */
.ellipsis{
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display:inline-block;
  margin-bottom:-3px;
}

/* tree アーカイブ
     デフォのままだと解り難いのでカーソルを変える -------------*/
 .tree b{ cursor: pointer; }



/*-------------------------------------------------------------------
  忍者メールフォームCSS 必要部分だけ
 ------------------------------------------------------------------- */

/*メールフォーム全体を囲っているタグのid*/
#bonadiary_top {
    margin:5px;
}

/* パーツの入力項目のclass（inputなどの部分）*/
#bonadiary_top .name_parts ,
#bonadiary_top .mail_parts ,
#bonadiary_top .url_parts ,
#bonadiary_top .title_parts {
     width:160px;
     border-radius:5px;
     font-size:12px;
     padding:3px;
}

/*『textarea』パーツの入力項目のclass
（inputなどの部分）*/
#bonadiary_top .textarea_parts {
    border-radius:5px;
      font-size:12px;
     padding:3px;
     width:160px;
     height:120px;
}



/*エラーメッセージを囲っているタグのclass*/
#bonadiary_top .error {}


/*エラーメッセージのリトライボタンのclass*/
#bonadiary_top .error_submit_button {
  border-radius:5px;
  font-size:12px;
  padding:3px;
}
#bonadiary_top .error_submit_button:hover { border:1px inset; }


/*送信完了メッセージを囲っているタグのclass*/
#bonadiary_top .result {}

/*送信完了メッセージの戻るボタンのclass*/
#bonadiary_top .result_submit_button {
  border-radius:5px;
  font-size:12px;
  padding:3px;
}



/*-----------------------------------------------------------------------------------------
  記事本文用 カスタマイズclass

	17.1.29 dot-tb・lr・all 追加 (2px幅の少し太いdot)
 ------------------------------------------------------------------------------------------ */


/*---------------------------------------------------------------
   twitter まとめ記事
  ( http://paro2day.blog122.fc2.com/blog-entry-562.html )


    Amebaなう自動まとめも一緒に
 ---------------------------------------------------------------- */


/* 全体 */
dl.fc2twtr ,
.AmNwMdl {
   margin: 0 0 1em !important;
   padding: 0 !important;
   border: 0 none !important;
   background: none !important;
   font-size: 100%; /* 文字サイズ */
}

/* プロフィール画像・ユーザー名 */
dl.fc2twtr dt {
   margin: 0 !important;
   padding: 0 0 5px !important;
   border: 0 none !important;
   background: none !important;
   font-size: 100%; /* 文字サイズ */
}

dl.fc2twtr dt img {
   margin: 0 !important;
   border: 0 none;
   vertical-align: middle;
}

dl.fc2twtr dt a {
   margin: 0 7px 0 0;
   font-weight: bold;
}

/* 本文 */
dl.fc2twtr dd ,
.AmNwL {
   margin: 0 0 5px !important;
   padding: 10px 10px 10px !important;
}

dl.fc2twtr dd:hover {}

dl.fc2twtr dd p {
   margin: 0 !important;
   font-size: 100%; /* 文字サイズ */
}

/* 日付 */
dl.fc2twtr dd p br + a {
   font-size: 84%; /* 文字サイズ */
}



/* リスト表示用 ------------------------------------------------------- */

dl.mylist dt { /* 西暦期間表示に丁度良いサイズ */
  font-weight-normal;
  float : left;
  clear : both;
  width:9em;
  padding:0 0.5em;
}

dl.mylist dd {} /* ← margin,padding は行全体にかかってしまうのでdtとの関係には設定しても無駄 */

dl.mylist_n dt { /* 名前表示に丁度良いサイズ （5文字程度）*/
  font-weight-normal;
  float : left;
  clear : both;
  width:6em;
  padding:0 0.5em;
}

dl.mylist_n dd {}







/* 囲み (弱点線) ------------------------------------------------------- */
.border{ border:1px dotted; padding:10px; border-radius:4px; }



/* 注意書き囲み用 (2px幅の太めの dot) ------------------------------------- */
.dot-all {
  border:2px dotted;
  padding:7px;
  border-radius:5px;
}
.dot-tb { /* 上下のみで囲み */
  border-top:2px dotted;
  border-bottom:2px dotted;
  padding:7px;
  border-radius:5px;
}
.dot-lr { /* 左右のみで囲み */
  border-left:2px dotted;
  border-right:2px dotted;
  padding:7px;
  border-radius:5px;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    背景色によって差し替え （変更の場合は他月とフォームtext修正を）

   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------------------------------ */








/*-------------------------------------------------------------------------------------------- 
                   装飾 セット 【黒背景用】	17.12.10
	-------------------------------------------------------------------------------
	17.3.28 gray-s,purple-s の line-heightを少し広めに調整
	17.7.2 text装飾の色を一部明色へ
	17.7.5 gray-s / purple-s の hover対策
		 (基本設定でhoverに明色background指定されていると、見えなくなるため色変更)
		※末尾に薄色設定追加（必要月だけそこを残して、不要なら末設定削除）
	17.9.10 黒背景時の bg_bk が見えない時があるため薄背景色を「全月固定」から装飾セットへ移動
		  限定記事背景（amb）を、青10→青5 へ （白っぽくなり過ぎるため）
	17.9.12 purple(標準サイズ)の文字色を明るく変更 (9月を基準に変更したので他月に合わないかも？)
	17.10.25 コメント欄の透過絵文字にも薄色付加
	17.12.10 限定記事用「lmtd」新設
 --------------------------------------------------------------------------------------------- */

/* 黒線主体の透過画像が見辛くなるので、設定 (特に他バージョンを消す必要はないかも)

  ----- PC用
  :not(vote) を利用してもうちょっとスッキリいかないものか悩んだけれどうまくいかず、とりあえずこれで */

#main_middle [src*="fc2.com/emoji"],
#main_middle img[src$=".gif"],
#main_middle img[src$=".png"][src*="bonadiary"] {
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_70.png);
    padding:1px;
    border-radius:1px;
}

#main_middle .vote img {
    background:none;
    padding:1px;
    border:none;
}

.com_body img[src$=".gif"]  {
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_50.png);
    padding:2px;
    border-radius:2px;
}

/* ----- スマホ用  */
#main_contents [src*="fc2.com/emoji"],
#main_contents img[src$=".gif"],
#main_contents img[src$=".png"][src*="bonadiary"] {
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_50.png);
    padding:1px;
    border-radius:1px;
}

#main_contents .vote img {
    background:none;
    padding:1px;
    border:none;
}


#main_contents .pager .prevpage img ,
#main_contents .pager .nextpage img ,
#main_contents #navi_btn img {
    background:none;
    padding:1px;
    border:none;
}



/* ----- ガラケー用  */
.bg_cover [src*="fc2.com/emoji"],
.bg_cover img[src$=".gif"],
.bg_cover img[src$=".png"][src*="bonadiary"] {
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_70.png);
    padding:1px;
    border-radius:1px;
}

.bg_cover .vote img {
    background:none;
    padding:1px;
    border:none;
}




/* 限定記事 文頭注記 ------------------------------------- */
.lmtd{ color:#fc9; font-size:11px; margin-bottom:10px; }

/* 移植記事 文頭注記 ------------------------------------- */
.move{ color:#c99; font-size:11px; }

/* 点線hr ------------------------------------------------ */
.dash { border-style:none none dashed none; width:90%; border-color:#999; text-align:center; }

/* Twitterへの追記用 ------------------------------------- */
.tw_add { color:lightsteelblue; font-weight:bold; }


/* 引用囲み枠など用 （左空け、左端に薄ライン）------------ */
.lt_b,
.repo_b {
  margin:5px 10px;
  border-left:3px solid #444;
  padding:7px;
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_05.png);
  border-radius:5px;
}

/* ameba時代、旧blogからの移植記事用 --------------------- */
.now_add{
  color:lightsteelblue;
  font-size:12px;
  margin:7px 7px 10px 15px;
  border:1px dotted;
  padding:10px;
}

/* 移植 限定記事 囲み ------------------------------------- */
#amb {
    border:2px dashed cadetblue;
    padding:10px; border-radius:10px;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/blue05.png);
}


/* 薄い背景色 
      ブロック範囲の時はpadding大きめに ------------------------------------- */
.bg_bk {
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_02.png),url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_10.png);
    padding:10px;
    border-radius:5px;
}
.bg_wt {
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_10.png);
    padding:10px;
    border-radius:5px;
}
.bg_pk {
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/pink10.png);
    padding:10px;
    border-radius:5px;
}
.bg_bl {
	background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/blue10.png);
	padding:10px;
	border-radius:5px;
}


/* 薄い背景色 
      inline 用 -------------------------------------------------------- */

span .bg_bk { background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_02.png),url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_10.png); padding:0 1px; }

span .bg_wt { background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_10.png); padding:0 1px; }
span .bg_pk { background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/pink10.png); padding:0 1px; }
span .bg_bl { background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/blue10.png); padding:0 1px; }




/*-------------------------------------------------------------------------------------------- 
                   text装飾 基本セット 【黒背景用】
 --------------------------------------------------------------------------------------------- */

.gray  { color:#999; }
.gray-s { color:#888; font-size:11px; line-height:1.5; }

.gray a ,
.gray-s a { color:#888; }

.purple { color:#ccb3ff; }	/* 17.9.12変更 旧色 #ad8ecc */
.purple-s { color:#977cb2; font-size:11px; line-height:1.5; }
.purple-s a { color:#826b99; }

.gray-s a:hover ,
a:hover .gray-s ,
.gray a:hover,
.purple-s a:hover ,
a:hover .purple-s { color:#333; }

.pink  { color:#f9c; }
.green  { color:#6c6; }
.blue  { color:#6cc; }
.orange { color:#f7b977; }	/* 17.7.2変更 旧色 #c96 */
.brown  { color:#deb887; }	/* 17-10-02 変更 旧 #946c45 / 17.7.2変更 旧色 #c63 */


.bold  { font-weight:bold; }
.big  { font-size:20px; line-height:1.5; }
.small  { font-size:11px; line-height:1.5; }

.height { line-height:1.8; }
.height_br br/ { margin-bottom:11px; } /* 設定部分の改行時だけ行間を空けたい 今のところ効いてない */

.center { text-align:center; }
.right { text-align:right; }

.left  { margin:3px 0 5px 20px;}
.top  { margin-top:8px; }
.bottom  { margin-bottom:8px; }


/*-----------------------------------------------------------------------------------------------*/