@charset "utf-8";
/*
デフォルトの色設定は以下の通りです。
カスタマイズされる場合は、テキストエディタの置換機能を使って変更しちゃうと楽だと思います。
  淡い青（淡色）：#DDEEFF    淡い灰色（淡灰）：#DDDDDD
  濃い青（濃色）：#7A96CC    濃い灰色（濃灰）：#808080
*/


/* 簡単カスタマイズ・色設定 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ◆各記事、◆COMMENT・TRACKBACK（タイトル文字）、◆サイドメニュー記事の左のライン（デフォルト：淡い水色） */
.entry_block,.comment_block h2,.menu_block{border-left:7px solid #CCCCCC;}

/* ◆フォーム全般の設定 */
  input,select,textarea{
    background-color:#CCCCCC;  /* 背景色（デフォルト：淡い水色） */
    border:1px solid #808080;  /* 枠線 */
    }

/* ◆カレンダーリンク部分（記事を書いた日の背景/デフォルト：淡い水色） */
table.calender td a{background:#DDEEFF;}


/* ◆各記事の日付、◆投稿された各コメントの日付、◆サイドメニューの見出しの下のライン（デフォルト：灰色の点線） */
.date,.comment_date,#con_block h4{border-bottom:1px dashed #C0C0C0;}

/* ◆各記事下のフッター、◆ブログ下部の著作権表記の上のライン（デフォルト：灰色の点線） */
.entry_footer,.copyright{border-top:1px dashed #C0C0C0;}

/* ◆各記事の日付、◆投稿された各コメントの日付の文字色（デフォルト：水色） */
.date,.comment_date{color:#CCCCCC;}


  
/* 簡単カスタマイズ・リンク色設定 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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


    .title_text h1 a:link{color:#003399;}
    .title_text h1 a:visited{color:#003399;}
    .title_text h1 a:hover{color:#00CCCC;}


/* 記事本体のリンク色設定 */
  .entry_body a{font-weight:bold;text-decoration:underline;}
  .entry_body a:link{color:#00CCCC;}        /* ■■■　色はここで設定 */
  .entry_body a:visited{color:#00CCCC;}      /* ■■■　色はここで設定 */
  .entry_body a:hover{color:#0099CC;background-color:#DDEEFF;}  /* ■■■　色はここで設定 */

/* 「READ MORE...」リンク文字部分の色設定 */
  .entry_more a:link{color:#666666;}        /* ■■■　色はここで設定 */
  .entry_more a:visited{;color:#333333;}        /* ■■■　色はここで設定 */
  .entry_more a:hover{color:#00CCCC;background-color:#FFFFFF;}  /* ■■■　色はここで設定 */




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

body {
  color:#666666;
  background-image:url(http://first-noel.com/bulu1); 
  text-align:center;     /* バグを利用してセンタリング */
  }


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

.title{
  width:500px;height:300px;
  background:url("http://first-noel.com/lgi01a201403201700.jpg") top center no-repeat;
  /* 背景画像 */  
  margin-bottom:30px; /* タイトルと記事本文のスペース */
  }
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

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

/* タイトル＋説明文の背景透過部分 */
  .title_text{
    width:100%;text-align:right;
    padding:10px 0px;
    margin-bottom:25px;        /* 下のスペース指定 */
    background-color:#FFFFFF;      /* 何色を重ねる？ */
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;  /* 透過度 */
    }
  /*  filter:Alpha～はIE向け、-moz-opacity:～はNNやFireFoxで
    背景を半透明にさせるタグです。
    それぞれ0～100、0～1までで、数が大きい方が不透明になります。*/


/* タイトル文字 */
  .title_text h1{font-size:20px;font-family:Meiryo,Verdana;margin-right:20px;letter-spacing:0.2em;}


/* サイトの説明 */
  .title_text p{font-size:13px;font-family:Meiryo,Verdana;color:#CCCCCC;line-height:135%;margin-top:5px;margin-right:20px;}
    .title_text p a:link{color:#006666;}
    .title_text p a:visited{color:#006666;}
    .title_text p a:hover{color:#00CCCC;}

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


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

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

/* 上の枠画像表示部分 */
#header{
  height:60px;
  background:url("http://blog-imgs-19.fc2.com/n/a/n/nanatsukitei/nana02_bg_header.gif");
  background-repeat:no-repeat;
  }

/* 記事ブロック＋隙間＋コンテンツブロック */
#out{
  width:704px;
  margin:0px 28px;
  }

/* 記事本文のブロック */
#main_block{
  width:500px;
  float:left;padding-right:19px;
  }

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

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

/* 下の枠画像表示部分 */
.footer{
  height:50px;
  background:url("http://blog-imgs-19.fc2.com/n/a/n/nanatsukitei/nana02_bg_footer.gif");
  background-repeat:no-repeat;
  }


/* FC2と著作権表示のリンク行 */
.copyright{
  clear:left;
  text-align:left;
  font-size:12px;font-family:Verdana,Chicago,sans-serif;
  padding:8px 0px 0px 4px;
  margin:35px 28px 0px 28px;    
  }




/* ------------------------------------------------------------
記事部分
------------------------------------------------------------ */

/* 各記事部分 */
.entry_block{
  width:495px;
  overflow-x:hidden;overflow-y:inherit;  /* 横幅が規定値をはみ出すと非表示に（大きな画像など） */
  padding:0px;
  margin-bottom:40px;      /* 各記事同士のスペース */
  }


/* 記事タイトルの見出し部分 */
.entry_block h2{
  font-family:Meiryo,Verdana;padding-left:7px;padding-top:4px;
  font-size:14px;letter-spacing:0.2em;
  }


/* 記事タイトル下の日付 */
  .date{
    padding-left:7px;padding-bottom:4px;
    font-family:Meiryo,Verdana;
    font-weight:bold;font-size:15px;
    }

/* 記事本文部分 */
  .entry_body{
    font-family:Meiryo,Verdana;
    font-size:11px;line-height:160%;
    margin:25px 10px 25px 20px;
    }


/* 「READ MORE...」リンク文字部分の色設定 */
  .entry_more{font-size:12px;font-weight:bold;padding-top:15px;text-align:right;}
  .entry_more a{font-family:Meiryo,Verdana;text-decoration:none;}


/* 記事下のフッター部分（コメントやトラックバックなど） */
.entry_footer{}

.state{font-size:11px;
    padding-left:5px;padding-top:3px;
    }


/* PAGE TOPリンク */
  .pagetop_link{
    font-weight:bold;font-size:11px;padding-top:3px;
    text-align:right;font-family:Meiryo,Verdana;
    }


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



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

.comment_block{
  width:500px;
  overflow-x:hidden;overflow-y:inherit;  /* 横幅が規定値をはみ出すと非表示に（大きな画像など） */
  padding:0px;
  margin-bottom:40px;      /* 各記事同士のスペース */
  }

/* コメントタイトル */
.comment_block h2{
  padding-left:5px;margin-bottom:25px;font-family:Meiryo,Verdana;
  font-size:14px;letter-spacing:0.2em;
  }


/* 投稿されたコメントタイトル上の日付 */
  .comment_date{
    margin-left:25px;padding-bottom:2px;
    font-family:Meiryo,Verdana;
    font-weight:bold;font-size:15px;
    }

/* 投稿されたコメントのタイトル部分 */
  .comment_block h3{
    margin-left:25px;font-family:Meiryo,Verdana;padding-top:2px;
    margin-bottom:10px;
    font-size:12px;letter-spacing:0.2em;
    }

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

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


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






/* トラックバックURI */
  .trackback-uri{
    font-family:Meiryo,Verdana;
    font-size:12px;
    margin:15px 0px 5px 0px;
    padding:5px;
    }

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

/* この記事にトラックバックする(FC2ブログユーザー)  */
.track_info{font-size:12px;margin-left:25px;}

/* トラックバックフッター */
  .trackback_footer{
    font-size:12px;
    margin-left:25px;
    padding-bottom:2px;
    margin-bottom:30px;
    }



/* ------------------------------------------------------------
各コンテンツ部分
------------------------------------------------------------ */

/* コンテンツサイドのブロック */
#con_block{}

/* 各カテゴリ：左横のラインと位置調整 */
  .menu_block{
    overflow-x:hidden;overflow-y:inherit;  /* 横幅が規定値をはみ出すと非表示に */
    margin-bottom:20px;      /* 段落同士のスペース */
    width:185px;
    padding-top:5px;
    }

/* 各コンテンツの見出し部分 */
  #con_block h4{
    padding-bottom:2px;padding-left:5px;
    font-family:Meiryo,Verdana;
    font-size:12px;margin-bottom:10px;
    }

/* 各コンテンツの本文 */
  .menu_block .text{
    font-family:Meiryo,Verdana;
    font-size:11px;line-height:130%;
    margin:5px 0px 5px 10px;
    }

/* 各カテゴリのリスト設定 */
  #con_block ul{margin:0px;padding:0;}
  #con_block li{list-style-type:none;}



/* フォーム全般の設定 */
  input,select,textarea{
    font-size:10px;
    margin-bottom:3px;padding:1px;
    }

/* ↑で一括指定するとチェックボックスにも色と線がつくので修正 */
  .check{
    background-color:#FFFFFF;  
    border:0px;
    }



/* プロフィール画像の位置調整 */
  .author-image{margin-bottom:10px;}

/* 著者名の位置調整 */
  .author-name{
    border-bottom:1px dashed #C0C0C0;padding-bottom:2px;
    margin-bottom:10px;
    }

/* 設定 */
  #con_block img{margin:5px 0px;}





/* ------------------------------------------------------------
カレンダーの設定
------------------------------------------------------------ */
.calender{}

/* カレンダー表示用のテーブル設定 */
.calender{
  margin:0px auto;  /* カレンダーをセンター表示 */
  border-collapse:collapse;  /* 値の入っていないセルも表示する */
  font-size:11px;text-align:right;font-family:Meiryo,Verdana;
  }

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

/* カレンダーのセル見出（曜日表示部分） */
table.calender th{
  border-bottom:2px solid #DDDDDD;  /* ■■■　曜日の下のライン */
  border-right: 0px;  /* ■■■　日付 */
  padding-top:2px;padding-bottom:2px;
  text-align:center;
  }

/* カレンダーのセル部分（日付表示部分） */
table.calender td{font-size:10px;
  border-bottom : 2px solid #FFFFFF;  /* ■■■　日付 */
  border-right: 2px solid #FFFFFF;  /* ■■■　日付 */
  width:24px;height:26px;
  text-align:center;
  }

/* カレンダーリンク部分（記事を書いた日） */
  table.calender td a{display:block;padding:1px;}

/* 曜日 */
  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{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;
    }