@charset "utf-8";
/* ------------------------------------------------------------
基本の設定
------------------------------------------------------------ */
*:before,
*:after{content:"";}
*{margin:0px;padding:0px;font-style:normal;font-size:100%;}


body {
  color:#666666;
  background-color:#FFFFFF;
  text-align:center;       /* バグを利用してセンタリング */
  font-family:Verdana,Chicago,'ＭＳ Ｐゴシック',Osaka,Verdana,Chicago,sans-serif;
  margin:0px;padding:0px;
  }

  /* 基本のリンク */
  a    {text-decoration:none;}
  a:link    {color:#666666;}
  a:visited  {color:#333333;}
  a:hover,active  {color:#FF3366;}



#table {
 margin-left: auto;
 margin-right: auto;
}

/* ------------------------------------------------------------
レイアウト構成
------------------------------------------------------------ */

/* 全体の大枠 */
div#container{
  width:850px;
  background:url("https://blog-imgs-52.fc2.com/n/a/n/nanatsukitei/nana01_bg_main.gif") ;
  background-repeat:repeat-y;
  /* ↑背景画像を縦に並べる */
  margin-left:auto;margin-right:auto;  /* 両側のマージンを自動計算 */
  text-align:left;      /* 古いIE用/センタリングを元に戻す */
  padding-bottom:20px;
  }

table {position: center;}  


/* コンテンツブロック＋隙間＋記事ブロック */
div#out{
  width：850px;
  margin:20px;
  }

/* 記事本文のブロック */
#main{
  width:575px;
  margin:0px;padding:0px;
  float:left;
  }

/* 隙間のブロック */
#space{    
  width:5px;height:5px;
  margin:0px;padding:0px;
  float:left;
  }

/* コンテンツサイドのブロック */
#contents{
  width:220px;
  margin:0px;padding:0px;
  float:right;
  }

/* まわり込みクリア */
.clear{clear:left;}

/* FC2と著作権表示のリンク行 */
.copyright{
    clear:left;
    font-size:11px;text-align:left;
    margin:20px;
    padding:5px;
    border-top: 1px dashed #E09696;  /* ■■■　罫線の色とデザインはここで設定 */
    }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
タイトル部分
  タイトル部分の画像の差し替えは下記部分を差し替えます。
  背景画像に合わせて div#branding と .brand の height（高さ）を調整して下さい。
  この場合は500×270pixelの一枚画像を繰り返しなしで表示しています。 */

div#branding{
  width:734px;height:250px;
  background:url("https://blog-imgs-52.fc2.com/n/a/n/nanatsukitei/nana01_title_bg.jpg") ;
  /* 背景画像 */  
  margin:0px 3px 0px 3px;    /* タイトルと記事本文のスペース */
  }
.brand{width:734px;height:250px;}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
タイトル文字・サイト説明文
  透過しているので、文字色は濃い目に指定した方がよいです。*/

/* タイトル＋説明文の位置調整 */
  .brand_moji{
    text-align:left;
    padding:30px;
    }

/* タイトル文字 */
  div#branding h1{font-size:20px;}
    div#branding h1 a:link{color:#FFFFFF;}
    div#branding h1 a:visited{color:#FFFFFF;}
    div#branding h1 a:hover{color:#FF3366;}

/* サイトの説明 */
  div#branding p{font-size:13px;color:#FFFFFF;line-height:135%;margin-bottom:10px;}
    div#branding p a:link{color:#FFFFFF;}
    div#branding p a:visited{color:#FFFFFF;}
    div#branding p a:hover{color:#FF3366;}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ------------------------------------------------------------
記事/見出し/装飾関連
------------------------------------------------------------ */

/* ライン装飾 */
  .entry_title{
    border-width:0px 0px 1px 8px;
    padding-left:5px;
    border-style:solid solid dashed solid;  /* ■■■　罫線の色とデザインを設定 */
    border-color:HotPink;
    margin-bottom:10px;
    }

/* 記事タイトル上の日付 */
  .date{
    color:HotPink;        /* ■■■　濃色：色はここで設定 */
    font-size:11px;font-weight:bold;
    text-align:left;
    margin-bottom:3px;
    }

/* 記事タイトル・コメントタイトルの見出し部分 */
  h2{
    margin-bottom:2px;
    text-align:left;
    font-size:15px;
    }
    
    h2 a:link{color:#666666;}    /* ■■■　色はここで設定 */
    h2 a:visited{color:#666666;}    /* ■■■　色はここで設定 */
    h2 a:hover{color:#FF3366;}    /* ■■■　色はここで設定 */


/* 各記事の位置調整 */
  .main_block{
    margin-bottom:20px;      /* 段落同士のスペース */
    width:575px;
    overflow-x:hidden;overflow-y:inherit;  /* 横幅が規定値をはみ出すと非表示に（大きな画像など） */
    padding-top:5px;padding-bottom:10px;
    }

/* 記事本文部分 */
  .main_body{
    font-size:80%;line-height:150%;
    margin-left:20px;margin-right:10px;
    }

/* 記事本体のリンク色設定 */
  .main_body a{font-weight:bold;text-decoration:underline;}
  .main_body a:link{color:#CC6666;}  /* ■■■　色はここで設定 */
  .main_body a:visited{color:#CC6666;}  /* ■■■　色はここで設定 */
  .main_body a:hover{color:#FF3366;}  /* ■■■　色はここで設定 */

/* 「READ MORE...」リンク文字部分の色設定 */
  .main_more{font-size:12px;padding:10px;text-align:right;font-weight:normal;}
  .main_more a{text-decoration:none;}
  .main_more a:link{color:#666666;}  /* ■■■　色はここで設定 */
  .main_more a:visited{color:#666666;}  /* ■■■　色はここで設定 */
  .main_more a:hover{color:#FF3366;}  /* ■■■　色はここで設定 */

/* 記事下のフッター部分（コメントやトラックバックなど） */
  .main_footer{
    font-size:11px;
    margin-left:2px;
    padding-left:5px;padding-bottom:2px;
    margin-top:30px;margin-left:2px;margin-bottom:1px;
    border-bottom:1px dashed HotPink;  /* ■■■　罫線の色とデザインを設定 */
    }

/* PAGE TOPリンク */
  .navi{
    font-size:11px;font-weight:bold;
    text-align:right;
    }

/* 前・次ページ移動用ナビリンク */
  .p_navi{
    font-size:12px;
    margin-bottom:10px;
    text-align:center;
    }


/* ------------------------------------------------------------
コメント・トラックバック部分の設定
------------------------------------------------------------ */

/* 見出しの下は少し下がっている */
  .main_pos{margin-left:25px;}

/* コメント本文部分 */
  .comment_body{    font-size:80%;line-height:150%;
    margin-left:10px;margin-right:10px;
    }

/* フッター部分（コメントやトラックバックなど） */
  .comment_footer{
    text-align:right;
    margin-top:15px;margin-left:35px;margin-bottom:30px;
    font-size:11px;
    }

/* コメントフォーム部分 */
  .comment_form{margin:15px 0px 0px 25px;font-size:12px;}


/* トラックバックURI */
  .trackback-url{
    font-size:12px;
    margin-bottom:5px;
    padding:7px;
    border: 1px solid #808080;
    }

/* この記事をトラックバックするリンク */
.trackback_link{font-size:12px;}

/* トラックバック先の概要 */
  .trackback_body{
    font-size:80%;line-height:150%;
    margin:15px 10px 15px 10px;
    }


/* ------------------------------------------------------------
各コンテンツ部分
------------------------------------------------------------ */
/* 各コンテンツの見出し部分 */
  h3{
    border-width:0px 0px 1px 8px;
    padding-left:5px;
    border-style:solid solid dashed solid;  /* ■■■　罫線の色とデザインを設定 */
    border-color:HotPink;
    margin-bottom:10px;
    font-size:14px;
    }

/* 各カテゴリの位置調整 */
  .menu{
    margin-bottom:20px;      /* 段落同士のスペース */
    }

/* 見出しの下は少し下がっている */
  .menu_pos{
    font-size:11px;line-height:130%;
    overflow-x:hidden;overflow-y:inherit;  /* 横幅が規定値をはみ出すと非表示に */
    width:190px;
    margin:5px 0px 10px 10px;
    }

/* 各カテゴリのリスト設定 */
  .menu ul{margin:0px;padding:0;}
  .menu li{list-style-type:none;}
/* 画像の位置調整 */
  div#contents img{margin-bottom:10px;}

/* 著者名の位置調整 */
  .author-name{
    margin-bottom:10px;
    padding-bottom:2px;
    border-bottom:1px dashed #E09696;  /* ■■■　罫線の色とデザインはここで設定 */
    }


/* ------------------------------------------------------------
カレンダー（横カレンダー）の設定
------------------------------------------------------------ */

#calender2{
  text-align: center;
  padding:10px 0px 10px 0px;
  }

#calender2 ul{
  font-family:Verdana,Chicago,sans-serif;
  font-size:11px;
  list-style-position:inside;
  }

#calender2 li{
  display:inline;
  list-style-type:none;
  }

#calender2 li a{color:HotPink;text-decoration:none;}
#calender2 li a:hover{color:#FF3366;}
li.day{padding: 0px 2px 0px 2px;}
.prev-month-calendar{margin-right:7px;}
.next-month-calendar{margin-left:7px;}


/* ------------------------------------------------------------
カレンダー部分（プラグイン表示分）の設定
------------------------------------------------------------ */

/* カレンダー表示用のテーブル設定 */
  .calender{width:90%;
    border-collapse:collapse;  /* 値の入っていないセルも表示する */
    font-size:11px;
    }

/* カレンダー見出（前月・当月・次月などのリンク部分） */
  table.calender caption{
    text-align:center;
    }

/* カレンダーのセル見出（曜日表示部分） */
  table.calender th{
    padding-top:2px;padding-bottom:2px;
    padding-left:4px;padding-right:4px;
    border-bottom: 1px solid #808080;  /* ■■■　濃灰：罫線の色とデザインを設定 */
    text-align:center;
    }

/* カレンダーのセル部分（日付表示部分） */
  table.calender td{
    padding-top:2px;padding-bottom:2px;
    padding-left:4px;padding-right:4px;
    border-bottom : 1px solid #DDDDDD;  /* ■■■　淡灰：罫線の色とデザインを設定 */
    text-align:center;
    }

/* カレンダーリンク部分（記事を書いた日） */
  table.calender td a{
    display:block;
    background:#ffe5e5;      /* ■■■　淡色：背景色を設定 */
    }

/* 曜日 */
  th#sun{color:#cc6666;}    /* 日曜日を赤色表示 */
  th#sat{color:#7a7acc;}    /* 土曜日を青色表示 */



/* ------------------------------------------------------------
その他の設定
------------------------------------------------------------ */
em{font-style:italic;}        /* 斜体 */
strong{font-weight:bold;}      /* 文字を太字に */
blockquote{margin:5px 20px 5px 20px;}    /* 引用 */



/* 絵文字 */
.emoji{vertical-align:middle;}

hr{width:465px;margin:10px 0px 10px 0px;padding:0px;}

/* ------------------------------------------------------------
Mac版IEの文字化け対策
------------------------------------------------------------ */
/*
マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので
通常は削除しないで下さい
*/
  textarea,input,select{
    font-family:"\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
    }