@charset "utf-8";

html,BODY {
  scrollbar-3dlight-color:#000000;
  scrollbar-arrow-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-track-color:#ffffff;
}


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

  /* 全体的に折り返し */

  * {word-break:break-all}

  /* 余白初期化 */
  body,div,p,h1,h2,h3,h4,ul,li {
    margin : 0;
    padding : 0;
  }


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

  /* 書式・例 */

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

  body {
    color : #000000;          


  /* 文字の色 */
    background : url("http://blog-imgs-34.fc2.com/v/v/z/vvzyouvv/sky1.jpg") right top no-repeat fixed;



  /* 背景画像を繰り返し表示 */

    background-color : #ffffff;





  /* 背景の色 */
    /* 背景画像使用例（背景画像を使わない場合はbackground行を削除して下さい */
    text-align : center;
    line-height : 1.5;          


  /* 行間 */
    font-size : x-small !important;　　　　　/* 古いIEの文字サイズ */
    voice-family : "\"}\"";  　　　　　　　　/* おまじない */
    voice-family : inherit;    /* おまじない */
    font-size : small !important;
　　　　　　　　　　　　　　　/*↑ CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>body {
    font-size : small !important;  /* Opera用の文字サイズ */
  }

  textarea {
    width : 90%;
  }


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

  /* リンクの設定 */
  a {
    text-decoration : none;
  }


  /* 未閲覧 */
  a:link {
    color : #000000;    
  }



  /* 閲覧済 */
  a:visited {
    color : #000000;    
  }


  /* カーソル上に置いているが非アクティブ状態*/
  a:hover {
    color : #000000;
  }



  /* アクティブ状態*/
  a:active {
    color : #000000;
  }

  /* 記事内リンクのみ、訪問後色変わる*/
  .entry-body a:link{color:#000000;}
  .entry-body a:visited{color:#000000;}
  .entry-body a:active{color:#000000;}
  .entry-body a:hover{color:#000000;}


  /* タグは色変え無し */
  a.tagword:link{color:#000000;}
  a.tagword:visited{color:#000000;}
  a.tagword:active{color:#000000;}
  a.tagword:hover{color:#000000;}

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




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

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

  div#container {
    width : 760px;            /* wrapper＋extra-columnの幅 */
    margin-top : 15px;
    margin-left : auto;
  /* 左側のマージンを自動計算 */
    margin-right : auto;
  /* 右側のマージンを自動計算 */
    background-color : transparent;
  /* 背景を透過（bodyで指定した値が有効になります） */
    text-align : left;
  /* 古いIE用にセンタリングした部分を元に戻す */
  }

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

  /* 書式・例 */

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

  div#branding {
    width : 760px;          
    height : 180px;
    border : 1px solid #000000;
    background : url("http://blog-imgs-34.fc2.com/v/v/z/vvzyouvv/title.jpg") top left no-repeat;    /* サンプル画像760x200 */
  }

  div.column {
    margin : 15px 0;
  }

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

  div#primary-column {
    float : right;              /* 右側に回り込む */
    width : 520px;overflow:hidden;            /* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
    padding-right : 0 20px;    /* パディング */
    voice-family : "\"}\"";    /* おまじない */
    voice-family : inherit;    /* おまじない */
    width : 500px;  overflow:hidden;          /* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
  }

  html>body div#primary-column {
    width : 500px;  overflow:hidden;          /* Opera用のコンテンツ幅 */
  }

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

  div#secondary-column {
    float : left;
    width : 240px;
                  overflow:hidden;
    /* コンテンツ幅 */
  }

  /* 著作表示ブロック */
  div#siteinfo-legal {background:;

    clear : both;    
                /* 回り込みを解除 */
    margin : 0 10px;
  }
  
  /* 絵文字 */
  .emoji{
    vertical-align:middle;
  }


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

  /* タイトル */
  div#branding h1{text-align:left;
    padding:30px 20px 0 80px;}
  div#branding h1 a {
    font-size : 24px;
    font-weight : bold;
    voice-family : "\"}\"";    /* おまじない */
    voice-family : inherit;    /* おまじない */
    font-size : 24px;
  }

  html>body div#branding h1 {
    font-size : 24px;    /* Opera用の文字サイズ */
  }

  /* サイトの説明 */

  div#branding p {text-align:left;
    padding :30px 30px 0 120px;
    font-size : x-small;          /* 古いIEの文字サイズ */
    voice-family : "\"}\"";    /* おまじない */
    voice-family : inherit;    /* おまじない */
    font-size : small;
    width : 350px;  
  }

  html>body div#branding p {
    font-size : small;    /* Opera用の文字サイズ */
  }



/* Primary-Columnの設定
------------------------------------------------------------ */

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

  p.prev-next-navi {
    margin-bottom : 20px;
    text-align : center;
  }


  div.section {
    margin-bottom : 25px;    /* 記事と記事の間隔 */
  }

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

  div.section h2 {
                height : 20px;
    border: 1px solid #000000;
    margin-top :0px;
    margin-bottom : 0px;
    margin-left : 0px;
    padding-left : 20px;

    background : url("http://blog-imgs-34.fc2.com/v/v/z/vvzyouvv/point_20091027112346.gif") left center no-repeat ;

    font-size : small;          /* 古いIEの文字サイズ */

    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>body div.section h2 {
    font-size : medium;          /* Opera用の文字サイズ */
  }

  /* 段落の設定 */

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

  /* 記事本体部分 */

  div.entry-body {
    border-bottom : 1px solid #000000;
    border-right : 1px solid #000000;
    border-left : 1px solid #000000;
    padding : 10px;
  }

  /* 追記部分 */
  p.entry-more {
    padding : 5px 15px 10 10;
    text-align : left;
    font-family:'Arial Black',sans-serif;
  }

  .entry-more a:link{color:#000000;border:none;}
  .entry-more a:visited{color:#000000;border:none;}
  .entry-more a:hover{color:#000000;border:none;}

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


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

  div.section ul.entry-footer1 {font-family:'Arial Narrow',sans-serif;
    text-align:center;
    margin : 20px 10px 0px 10px;
    list-style-position : inside;
    border-top: 1px solid #000000;
    border-right : 1px solid #000000;
    border-left : 1px solid #000000;
  }

  div.section ul.entry-footer2 {font-family:'Arial Narrow',sans-serif;
    text-align:center;
    margin : 1px 10px 30px 10px;
    list-style-position : inside;
    border-bottom : 1px solid #000000;
    border-right : 1px solid #000000;
    border-left : 1px solid #000000;
  }

  div.section ul.entry-footer3 {font-family:'Arial Narrow',sans-serif;
    text-align:right;
    margin : 0px 0px 0px 0px;

  }

  div.section ul.entry-footer1 li {
    display : inline;color: #000000;
    list-style-type : none;
  }
  div.section ul.entry-footer2 li {
    display : inline;color: #000000;
    list-style-type : none;
}
  div.section ul.entry-footer3 li {
    display : inline;color: #000000;
    list-style-type : none;
  }

  



/* タイトル類背景色
------------------------------------------------------------ */
  .whiteback{background:;}



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

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

  div#primary-column form {
    padding : 0 10px;
    border-top : 1px solid #000000;
    border-right : 1px solid #000000;
    border-left : 1px solid #000000;
  }

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

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

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

  p.form-btn {
    margin-top : 20px;
    border-bottom : 1px solid #000000;
  }

  /* コメントトップ */

  .largea{    font-family:'Arial Black',Arial,sans-serif;}

  h3#comment-top {
    margin : 15px 0 10px 0;
    padding : 0 15px;
    font-family:'Arial Narrow',Arial,sans-serif;
    font-size:25px;
    color:#000000;
    border : 1px solid #000000;
  }

  h3.comment-post,
  h3.comment-edit {
    padding : 0 15px;
  }

  /* コメントのタイトル */

  h4.comment-header {
    margin-bottom : 10px;
    padding : 0 10px;
    border: 1px solid #000000;

    /* 枠線 */
  }

  /* コメント本文 */

  div.comment-body {
    padding : 0 10px;
    border-top : 1px solid #000000;
    border-right : 1px solid #000000;
    border-left : 1px solid #000000;
  }

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

  ul.comment-footer {
    padding : 10px 10px 15px 10px;
    border-bottom : 1px solid #000000;
    border-top : 1px solid #000000;
    border-right : 1px solid #000000;
    border-left : 1px solid #000000;
  }

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



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

  /* トラックバックトップ */

  h3#trackback-top {
    margin : 15px 0;
    font-family:'Arial Narrow',Arial,sans-serif;
    font-size:25px;
    color:#000000;
    border-bottom : 1px solid #000000;
    border-top : 1px solid #000000;
    border-right : 1px solid #000000;
    border-left : 1px solid #000000;
  }

  /* トラックバックURI */

  p.trackback-uri {
    margin-bottom : 15px;
    padding : 0.2em 0.5em;
    border : 1px solid #000000;
  }

  /* トラックバックのタイトル */

  h4.trackback-header {
    margin-bottom : 10px;
    padding : 0 10px;
    border : 1px solid #000000;
  }

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

  div.trackback-excerpt {
    padding : 0 10px;
    background : transparent;
  }

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

  ul.trackback-footer {
    padding : 10px 10px 15px 10px;
    display : inline;
    list-style-type : none;
  }

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



/* Secondary-Columnの設定
------------------------------------------------------------ */



  div#secondary-column {
     float : left;
     width : 240px;
     border-bottom: 1px solid #000000;
     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
     margin-bottom : auto;
     


}



  /* アーカイブ関連の見出（CalendarとかMonthlyとかCategoriesとか） */

  div#secondary-column h2 {
    height : 20px;
    margin-bottom : 10px;
    padding-left : 20px;
    background : url("http://blog-imgs-34.fc2.com/v/v/z/vvzyouvv/point_20091027112346.gif") left center 
no-repeat;


    font-size : x-small;        /* 古いIEの文字サイズ */
　  text-align : left;        /* 左寄せ */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : small;     
    border-bottom: 1px solid #000000;/* 枠線 */
    border-top: 1px solid #000000;
    

    
  }

  html>div#secondary-column h2 {
    font-size : small; /* Opera用の文字サイズ */
}

  /* カレンダーの位置調整 */

  div#secondary-column h2.calendar-archives {
    margin-bottom : 5px;
  }

  /* 月別・カテゴリ別アーカイブの位置調整 */

  div#secondary-column h2.monthly-archives,
  div#secondary-column h2.categories-archives {
    margin-top : 20px;
    margin-bottom : 5px;
  }

  /* 検索の位置調整 */

  div#secondary-column h2.search {
    margin-top : 20px;
    margin-bottom : 10px;
  }

  /* 最近のコメント・最近のトラックバック・リンクの位置調整 */

  div#secondary-column h2.recent-entries,
  div#secondary-column h2.recent-comments,
  div#secondary-column h2.recent-trackbacks,
  div#secondary-column h2.links {
    margin-top : 20px;
    margin-bottom : 5px;
  }

  /* プロフィールなどの位置調整 */

  div#secondary-column h2.appendix {
    margin-top : 20px;
    margin-bottom : 10px;
  }

  /* liの色 */
  div#secondary-column li {
    color:#000000;
  }

  /* 著者名・著者概要・広告の位置調整 */

  p.author-name,
  p.author-description,
  p.ads {
    margin : 0 15px;
  }

  /* プロフィール画像 */

  p.author-image img {
    display : block;        /* ブロックレベルで表示 */
    margin : 10px 15px;        /* マージン */
    border : 0px solid #000000;    /* 枠線 */
  }

  /* アーカイブ関連のリスト表示設定 */
  /* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */
  /* 画像を使いたい場合はlist-style-imageを追加して下さい */

  /* 例 */

  /* list-style-type : none; */
  /* list-style-image : url("画像のパス"); */

  div#secondary-column ul {
    margin : 0 15px;
    list-style-position : inside;

  }



/* カレンダー部分の設定
------------------------------------------------------------ */

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

  table.calendar {
    width : 100%;          /* 幅 */
    border-collapse : collapse;    /* 値の入っていないセルも表示する */
    font-size : x-small;      /* 古いIEの文字サイズ */
    voice-family : "\"}\"";      /* おまじない */
    voice-family : inherit;      /* おまじない */
    font-size : small;        /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>table.calendar {
    font-size : small;        /* Opera用の文字サイズ */
  }

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

  .calendar caption {
    margin-bottom : 10px;
  }

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

  .calendar th {
    padding : 0.1em;
    border-bottom : 1px dotted #000000;
    text-align : center;
  }

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

  .calendar td {
    padding : 0.1em;
    border-bottom : 1px dotted #000000;
    text-align : center;
  }

  /* カレンダーリンク部分（記事を書いた日） */

  .calendar td a {
    display : block;
    background : #ccc;
  }

  /* 日曜日 */

  th.sun {
    color : #f00;
  }

  /* 土曜日 */

  th.sat {
    color : #00f;  
  }



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

  div#siteinfo-legal p {
    padding : 10px 0;    /* パディング */
    border : 0px solid #000000;  /* 枠 */
    text-align : center;    /* センタリング */
  }



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

  /* 強調 */

  em {
    font-style : italic;        /* 斜体 */
  }

  /* より強い強調 */

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



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

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

  /* 書式・例 */

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

  blockquote {
    width : 300px;            /* 幅 */
    margin : 20px 0 20px 50px;      /* マージン */
    padding : 0.5em;          /* パディング */
    border : 1px solid #000000;      /* 枠の色と線種 */
  }

/* 表（全記事表示に表使用）
------------------------------------------------------------ */
  table {margin:3px;line-height:1.3; border:1px solid #000000;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells:show;}
  td{padding:3px; border:1px solid #000000;}


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

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



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

  /* for without MacIE5 \*/

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

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

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



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