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



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

  16.12.09 #FC2_css → #bonadiary 修正 (忍者メールフォーム用css部)
  17.1.15 記事タイトルが間延びしていたので .entry h3 の padding-bottom 修正
  17.1.29   記事本文用 カスタマイズclass に dot-tb・lr・all 追加 (2px幅の少し太いdot)
　17.9.10 薄背景色を 背景色別基本セットへ移動 / bg_wt 弱め

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



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

a:link  { color: seagreen; }

a:visited { color: #699; }

a:hover {
  color: #399;
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/blue20.png);
}


body{
    background:URL(https://blog-imgs-69.fc2.com/b/o/n/bonadiary/may_bg2.png) left bottom no-repeat #c1e0ff;
    color:#444;
    scrollbar-base-color: #c1e0ff;
}

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

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


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




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

#head{
  border:double 7px seagreen;
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/May_title.png) 75% 50% no-repeat , url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_50.png);
}

#head .read{
    color:#999;
/*    text-shadow:1px 1px 1px snow;  */
    text-align:center;
}

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


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

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




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

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

.top_entry-body {
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_85.png),url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/pink20.png);
  border: 5px double #faa;
  color:#966;
}


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

#main_small{
    border:solid 5px #9c9;
     background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/may_entry.png) 55% 90% no-repeat,url(https://blog-imgs-59-origin.fc2.com/b/o/n/bonoppo/white_85.png);
}

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

.top_date{ color:#aaa; }

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

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


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


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


/* 関連記事リンク
 ------------------------------ */
.relate_dl { border:1px inset #ccc; 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-color:ivory;
}
.control_foot{ /* 4・5月のみの特殊設定か？ */
  background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_70.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-69-origin.fc2.com/b/o/n/bonadiary/white_85.png);
}

.com_big_title { color:#c69; }

.com_title {
  color:#663;
  border-bottom:#ccc dotted 1px;
}

.com_ip { color:#aaa; }

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

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



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

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

#com_border div[class*="ボナ"] ,
#com_border div[class*="だめ子"] {
    border:2px inset #363;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/green10.png);
}

#com_border div[class*="ボナ"] .com_body ,
#com_border div[class*="だめ子"] .com_body  {}

#com_border div[class*="ボナ"] .com_title ,
#com_border div[class*="だめ子"] .com_title  {}



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

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

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

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{
    border:inset 1px #ccc;
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/may_text.png) 85% 90% no-repeat,URL(https://blog-imgs-59.fc2.com/b/o/n/bonoppo/white_85.png);
}


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

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

#main h3{ color:#633; }


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

.tbs_foot{ color:#666; }


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

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

.ently_title{
  border-bottom:3px #ccc solid;
  color:#663;
}

#org_list li { border-bottom:1px solid #ddd; }




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

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

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

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

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



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

/* パーツの入力項目のclass（inputなどの部分）*/
#bonadiary_top .name_parts ,
#bonadiary_top .mail_parts ,
#bonadiary_top .url_parts ,
#bonadiary_top .title_parts {
    border:1px inset mediumaquamarine;
/* 背景色はコメント欄 設定と合わせてみる
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/white_10.png) , url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/green05.png);
*/
}

/*『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/blue10.png)!important; /* 背景色 */
}

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


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

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


/* ameba時代、旧blogからの移植記事用 --------------------- */
.now_add{
  color:slategray;
  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:20px;
    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>"  と囲っているため反映 */

#com_border div[class*="ボナ"] ,
#com_border div[class*="だめ子"] { 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; }


/* 注意書き囲み用 (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.21 gray-s / purple-s の hover対策
		 (基本設定でhoverに明色background指定されていると、見えなくなるため色変更)
		※末尾に薄色設定追加（必要月だけそこを残して、不要なら末設定削除）
	17.9.10 黒背景時の bg_bk が見えない時があるため薄背景色を「全月固定」から装飾セットへ移動
		（白背景時分に変更はないけれど黒に合わせて設定位置をこちらへ）
	17.12.10 限定記事用「lmtd」新設

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

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

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

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

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



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

/* ameba時代、旧blogからの移植記事用 --------------------- */
.now_add{
  color:steelblue;
  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/white_20.png),url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/blue10.png);
}


/* 薄い背景色 
      ブロック範囲の時はpadding大きめに ------------------------------------- */
.bg_bk {
    background:url(https://blog-imgs-69-origin.fc2.com/b/o/n/bonadiary/black_02.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); 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:#888; }
.gray-s { color:#888; font-size:11px; line-height:1.5; }

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

.purple { color:#96c; }
.purple-s { color:#99c; font-size:11px; line-height:1.5; }
.purple-s a { color:#96c; }

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

.pink  { color:#c69; }
.green  { color:#228B22; }
.blue  { color:steelblue; }
.orange { color:#f63; }
.brown  { color:#c60; }


.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; } /* 強制改行時だけ行間を空けたいけど <br/> なってしまうため適用されず */

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

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


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

/*- PC版 薄色が合う月用 追加設定【基本セットを上書き】
	通常 hover の背景が 明色薄色の 4・5・8月のみ
		1・2・3・6・9・10・11月 はこの部分削除	--------------*/

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