/* 全体的な設定lammban
------------------------------------------------------------ */

  /* 全体的なマージン・パディング・フォントスタイル等の初期化 */

  * {
    margin : 0;
    padding : 0;
    font-style : normal;
  }

  /* body要素以下全てに適用されます */
  /* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

  /* 書式・例 */

  /* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
  /* background : url("hoge.gif") top left no-repeat; */

  body {
    color : #555;              /* 文字の色 */
    /* 背景画像使用例（背景画像を使わない場合はbackground行を削除して下さい */
    background: #d5e5ed url(http://templates.blog.fc2.com/template/fragment_of_summer/fsummer-bg.jpg) repeat-x left top fixed;
    font-family: "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
     /* 文字 */
    line-height : 1.5;            /* 行間 */
    font-size : 75%;    /* 文字サイズ */
    voice-family : "\"}\"";          /* おまじない */
    voice-family : inherit;          /* おまじない */
    text-align: center;
  }


  textarea, input, select {
    margin: 0px 0px 5px 5px;
    padding: 1px;
    font-size: 100%;
    line-height: 1.5;
    border: 1px solid #d1e2ef;
    background-color: #fff;
    color: #454545;
  }
  
  

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

.entry_body img {
max-width: 100%;
height: auto;
}

/* リンクの設定
------------------------------------------------------------ */

  /* リンクの設定 */
  a {
    text-decoration : none;          /* アンダーラインなど装飾を施さない */
  }

  /* リンクする要素のうち、未閲覧（キャッシュされていない）要素に対してスタイルを適用します */
  a:link {
    color : #36abce;    /* 文字の色 */
  }

  /* リンクする要素のうち、閲覧済（キャッシュされている）要素に対してスタイルを適用します */
  a:visited {
    color : #36abce;    /* 文字の色 */
  }

  /* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */
  a:hover {
    color : #36abce;    /* 文字の色 */
    text-decoration: underline;
  }

  /* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
  a:active {
    color : #36abce;    /* 文字の色 */
    text-decoration: underline;
  }

  /* リンク画像の枠を表示しない */
  a img {
    border-style : none;          /* 枠を非表示 */
    border-width : 0px;            /* 枠の幅を0pxに設定 */
    text-decoration : none;          /* 装飾を表示しない */
  }

/* ---------------------------------------------------
　本文内の画像にだけ枠をつける設定です。
　画像にリンクのある場合は周りの枠の色が変わります。
　枠をつけたくない場合は以下の設定を消してください。
--------------------------------------------------- */

.entry_body img { margin: 1px; border: 1px solid #e2e2e2;}
.entry_body a:hover img, .entry_body a:active img {
  margin: 1px;  border: 1px solid #61bee0;
  text-decoration: none;
}

/*　本文内の画像に関する設定ここまで　*/




/* 強調の設定
------------------------------------------------------------ */

  /* 強調 */

  em {
    font-style : normal;
    border-bottom: 1px solid #e93b55;
    /* 下線を引く */
  }

  /* より強い強調 */

  strong {
    font-weight : bold;
    /* 文字を太字にする */
  }

/* リストの設定
------------------------------------------------------------ */

  /* リスト・要素 */

  ul, ol, li, dl, dt, dd {
    list-style: none;
  }


/* 引用の設定
------------------------------------------------------------ */

  /* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

  /* 書式・例 */

  /* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
  /* background : url("hoge.gif") top left repeat; */

  blockquote {
    width : auto;            /* 幅 */
    margin : 10px;      /* マージン */
    padding : 0.5em 1em;          /* パディング */
    border : 3px double #e2e2e2;      /* 枠の色と線種 */
    background: url(http://templates.blog.fc2.com/template/fragment_of_summer/fsummer-line.gif);
  }



/* コード
------------------------------------------------------------ */

  /* 記事中にプログラムコードなどを書く時に使います */
  /* プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう */



  div.main_body pre {
    margin : 1em auto;
    padding : 0.5em;
    border : 1px solid #efefef;
    font-family : sans-serif;
    overflow : auto;
    width : 90%;              /* pre element clearing bug in WinIE  */
  }

  /* for without MacIE5 \*/

  div.main_body pre {
    overflow : scroll;            /* MacIE用バグ対応 */
  }/* */

  div.main_body > pre {
    width : auto;              /* MacIE用バグ対応 */
  }

  div.main_body code {
    font-family : monospace;        /* 等幅フォントを指定 */
  }



/* Mac版IEの文字化け対策
------------------------------------------------------------ */

  /* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */

  textarea,input,select {
    font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
  }
  


/* レイアウト用ブロックの設定
------------------------------------------------------------ */

  /* 全体の大枠 */
  /* 左右のマージンを自動で求める事でセンタリングを行ってます */
  /* text-alignをcenterにすることでセンタリングできるのはIEのみの仕様です */
  /* センタリングが不要の場合はmargin-leftの行とmargin-rightを削除して下さい */

  div#container {
    margin: 0 auto;
    width : 807px;              /* wrapper＋extra-columnの幅 */
    text-align : left;
    background-color: #f5fffa;
    border-left: 2px solid #deedf3;
    border-right: 2px solid #deedf3;
}

  /* タイトル部分 */
  /* 背景画像を使用したい場合はheight（高さ）・background（背景画像）などを追加して下さい */

  /* 書式・例 */

  /* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
  /* background : url("hoge.gif") top left no-repeat; */

  div#header {
    width: 807px;
    height : 335px;  
    background :  url(http://templates.blog.fc2.com/template/fragment_of_summer/fsummer-top.jpg) no-repeat center top;
  }

  div.main {
    margin : 25px 0px 15px;            /* タイトル部分と記事、記事部分とフッター部分の間隔 */
  }

  /* 本文部分ブロック */
  /* IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れます */
  /* 正しく解釈出来るようにボックスモデルハックと呼ばれるおまじないを施します */

  div#left {
    float : left;
    /* 左側に回り込む */
    width : 555px;
    /* コンテンツ幅 */
  }


  /* サイトインフォ関連ブロック */

  div#right {
    float : right;
    /* 右側に回り込む */
    width : 240px;
    /* コンテンツ幅 */
  }

  /* 著作表示ブロック */

  div#footer {
    clear : both;
    /* 回り込みを解除 */
  }
  


/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */

  /* タイトル */

  div#header h1 { 
    padding : 55px 35px 0px;
    font-size : 30px;
    text-align: right;
    font-family: Arial,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    letter-spacing: 15px;
 }

/* ヘッダー内のリンク設定 */

  div#header a { color: #fff; text-decoration: none; }
  
  

  /* サイトの説明 */

  div#header p {
    padding : 0px 45px 0px;
    font-size : 110%;          /* 文字サイズ */
    font-weight: bold;
    text-align: right;
    color: #fff;
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
  }





/* leftの設定
------------------------------------------------------------ */


  /* 各記事毎のブロック */
  /*
        .contents
        *-------------+
        |             |
        |             |
        |  main_body  |
        |             |
        |             |
        +-------------+

        .contents
        *-------------+
        |             |
        |             |
        |  main_body  |
        |             |
        |             |
        +-------------+


        .contents
        +-+- main_body
        | |
        | +-+- h2（タイトル）
        |   |
        |   +-+- 記事
        |     |
        |     +- 段落
        |
        +-+- main_body
        | |
        | +-+- h2（タイトル）

        各記事はこのようにブロックで記事毎に階層が分けられています */


   /* コンテンツは記事を１エントリーずつ囲んでいるブロックです。コメント・コメントフォーム・トラックバックなども、このブロックで囲まれています */
  
  div.contents {
    margin: 0px auto 55px;
    width: 515px;
    text-align: left;
    background: #f5fffa url(http://templates.blog.fc2.com/template/fragment_of_summer/fsummer-contentstop.png) no-repeat center top;
  }
  
  
  div.main_body {
    line-height: 1.6;
  }



  /* 記事のタイトル部分 */

  div.main_body h2.entry_header {
    margin-bottom: 15px;
    letter-spacing: 1px;
    line-height: 30px;
    border-left: 7px solid #e1eef3;
    border-bottom: 1px solid #e1eef3;
    voice-family : "\"}\"";          /* おまじない */
    voice-family : inherit;          /* おまじない */
  }

  div.main_body h2 {
    font-size : 110%;
    /* 文字サイズ */
    color: #454545;
    /* 文字色 */
    padding: 0px 10px;
    letter-spacing: 1px;
    /* 文字と文字の感覚 */
  }
  
  /* 記事タイトルのリンク設定 */

  h2 a:link, h2 a:visited {
    color: #4169e1;
  }
  
  
  h2 a:hover, h2 a:active {
    color: #36abce;
    text-decoration: none;
  }
  
  
  
  /* 段落の設定 */

  div.main_body p {
    margin : 1em 0em;
    /* 上下1行分空ける */
  }

  /* 記事本体部分 */

  div.entry_body {
    margin: 0px 10px;
    padding: 10px 0px;
    text-align: left;
  }

  /* 追記へのリンク */

  p.entry_more {
    font-weight: bold;
  }
  
  
  /* 追記部分 */

  div.more {
    margin: 15px 0px 10px;
    padding: 15px 0px 10px;
    border-top: 1px dashed #deecf2;
  }
  
  

  /* 記事中に使われたタグのリンクリスト */
  
  div.entry_body p.tag_lnk {
    margin-top: 15px;
    font-size: 95%;
    color: #555;
  }
  
  /* 記事の投稿先テーマ・ジャンル */

  div.entry_body p.theme {
    margin-top: 15px;
    font-size: 95%;
    color: #555;
  }


  /* 拍手・ブックマークへの登録ボタン */
  
  div.fc2_footer{
    margin-top: 1em;
  }

  /* フッター部分（コメントやトラックバックなど） */

  div.main_body ul.entry_footer {
    margin: 15px 0px 5px;
    padding: 3px 10px;
    color: #555;
    font-size: 95%;
    text-align: right;
    background: url(http://templates.blog.fc2.com/template/fragment_of_summer/fsummer-entryfooter.png) no-repeat center bottom;
  }

  div.main_body ul.entry_footer li {
    display : inline;
    list-style-type : none;
  }


  /* 全記事表示・検索結果表示の時の日付部分 */
  
  div.entry_body span.state {
    display: block;
    padding: 2px 5px;
    color: #666;
    font-size: 95%;
    text-align: right;
    border-bottom: 1px solid #edf6fa;
  }
  
  

  /* コメント・トラバ見出し */

  div.sub_header {
    margin-bottom: 15px;
    font-size: 110%;
    font-weight: bold;
    color: #454545;
    padding: 0px 10px;
    letter-spacing: 1px;
    line-height: 30px;
    border-left: 7px solid #e1eef3;
    border-bottom: 1px solid #e1eef3;
  }



  /* コメント・トラックバックのタイトル */

  div.main_body h3 {
      margin: 5px 10px 0px;
      font-size: 100%;
    color: #61bee0;
    /* 文字色 */
    voice-family : "\"}\"";          /* おまじない */
    voice-family : inherit;          /* おまじない */
  }

  html>body div.main_body h3 {
    color: #61bee0;
    /* 文字色 */
  }

  /* リンク */
  
  h3 a:link, h3 a:visited {color: #61bee0;}
  h3 a:hover, h3 a:active {color: #61bee0;}
  
  

  /* ページ移動用ナビゲーション */

  p.page_navi {
    margin-bottom : 15px;
    color: #b2b2b2;
    font-size: 95%;
    text-align: center;
  }

  

  /* ページトップへのリンク */
  div.pagetop {
  padding: 10px 5px 0px;
  font-size: 95%;
  text-align: right;
  }

  
  

/* コメント部分の設定
------------------------------------------------------------ */

  /* コメントフォーム */

  div#left form {
     margin: 0px 0px 0px 25px;
     padding: 10px 0px 25px;
     text-align :left;
     line-height: 200%;
  }

  /* 管理者だけにコメント */

  input#himitu {
    margin-right : 0.5em;
  }

  /* コメントフォームのボタン */

  p.form_btn {
    margin-top : 20px;
  }


  /* コメント本文 */

  div.comment_body {
    margin: 0px 0px 0px 20px;
    padding : 5px 0px 10px;
  }

  /* コメントフッター */

  ul.comment_footer {
    margin: 0px 0px 10px 0px;
    padding: 2px 5px;
    color: #666;
    text-align: right;
    font-size: 95%;
    border-bottom: 1px solid #edf6fa;
  }

  ul.comment_footer li {
    display : inline;
    list-style-type : none;
  }



/* トラックバック部分の設定
------------------------------------------------------------ */


  /* トラックバックURL */

  p.trackback_uri {
    margin : 0px 0px 10px 20px;
    padding : 10px 0px;
  }

  p.trackback_uri a {
    font-size: 95%;
  }
  

  /* トラックバックURLワンクリックフォーム */

  p.trackback_uri input {
    margin: 10px 0px 5px 0px;
    padding: 1px;
    font-size: 100%;
    line-height: 1.5;
    border: 1px solid #d1e2ef;
    background-color: #fff;
    width: 90%;
  }

  /* トラックバック先の概要 */

  div.trackback_excerpt {
    margin : 0px 0px 0px 20px;
    padding: 5px 0px 10px;
  }

  /* トラックバックフッター */

  ul.trackback_footer {
    margin: 0px 0px 10px 0px;
    padding: 2px 5px;
    text-align: right;
    font-size: 95%;
    color: #666;
    border-bottom: 1px solid #edf6fa;
  }

  ul.trackback_footer li {
    display : inline;
    list-style-type : none;
  }

  

/* サイドメニュー（プラグイン）の設定
------------------------------------------------------------ */


  dl.plugin {
    margin: 0px auto 20px;
    width: 215px;
    text-align: left;
  }
  
  
  dl.plugin dt {
    margin: 0px 0px 10px;
    padding: 0px 5px 0px 10px;
    font-size : 100%;
    font-weight: bold;
    color: #454545;
    letter-spacing: 1px;
    line-height: 30px;
    background: url(http://templates.blog.fc2.com/template/fragment_of_summer/fsummer-menutop.png) repeat-x left top;
    border-left: 7px solid #e1eef3;
    voice-family : "\"}\"";          /* おまじない */
    voice-family : inherit;          /* おまじない */
  }
  

  dl.plugin dd {
    margin: 0px 7px;
    padding: 3px 0px;
    font-size: 95%;
    color: #555;
  }

  /* サイドメニューリストマーク設定 */

  #right ul {
    margin-left: 15px;
    color:#36abce;
}

  
  #right li {
  list-style-type: disc;
  list-style-position: outside;
  }
  

  #right p{
    margin: 0px 0px 20px 0px;
    color: #555;
    text-align:left;
  }



  /* メニュー内のリンク設定 */
  
  dl.plugin a:link, dl.plugin a:visited {
  color: #666;
  }
  
  dl.plugin a:hover, dl.plugin a:active {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #36abce;
  }
  



/* カレンダー部分の設定（HTMLソースは管理画面のプラグインHTML参照）
------------------------------------------------------------ */

  /* カレンダー表示用のテーブル設定 */

  .plugin-calender {
    width:180px;  /* 幅 */
    font-size:10px;    /* 文字サイズ */
    border-collapse: separate;  /* 値の入っていないセルも表示する */
    margin: 15px 0px 10px;
    color: #454545;
  }



  /* カレンダー見出（前月・当月・次月などのリンク部分） */

  .plugin-calender caption {
    margin: 0px auto;
    text-align: center;
  }

  /* カレンダーのセル見出（曜日表示部分） */
  
  .calender {
    width:180px;  /* 幅 */
    font-size:10px;    /* 文字サイズ */
    border-collapse: separate;  /* 値の入っていないセルも表示する */
    margin: 15px 0px 10px;
    color: #454545;
    text-align:center;
  }

  .calendar th {
    width:20px;
    height:25px;
    font-size:10px;
    text-align:center;
    font-weight: nomal;
  }

  /* 土曜日を青色表示 */
  th#sat { color:#3b5fcc;}
  
  /* 日曜日を赤色表示 */
  th#sun { color:#b60000;}
  

  /* カレンダーのセル部分（日付表示部分） */

  .calendar td {
    width:20px;
    height:25px;
    text-align:center;
  }

  /* カレンダーリンク部分 */
  
  
  .calender td a {
    display:block;
    font-weight: bold;
    padding: 1px;
}

  .calender td a:link,
  .calender td a:visited{
    color: #36abce;
    background: url(http://templates.blog.fc2.com/template/fragment_of_summer/fsummer-line.gif);
    border-bottom: 1px solid #fff;
}

  .calender td a:hover{
    color: #000;
    border-bottom: 1px solid #36abce;
}




/* フッター部分の設定
------------------------------------------------------------ */

  div#footer p {
  text-align : center;
  padding: 20px 0px;
  font-size: 95%;
  color: #666;
  }


  /* リンク設定 */

  div#footer p a:link, div#footer p a:visited {
  color: #666;
  }
  
  div#footer p a:hover, div#footer p a:active {
  color: #000; text-decoration: none;
  border-bottom: 1px solid #36abce;
  }