@charset "utf-8";


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

  /* contentプロパティの初期化 */

  *:before,
  *:after {
    content : "";
  }

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

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

  /* body要素以下全てに適用されます */

  body {
    color : #2e1737;              /* 文字の色 */
    background:#9f5588 url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_02.gif") repeat-x bottom;    /* 背景 */
    text-align : center;          /* 古いIEでセンタリングする */
    line-height : 1.5;            /* 行間 */
    font-size : x-small !important;      /* 古いIEの文字サイズ */
    voice-family : "\"}\"";          /* おまじない */
    voice-family : inherit;          /* おまじない */
    font-size : small !important;      /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-family:verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
  }

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

  textarea {
    width : 90%;
    padding : 0.2em 0.5em;
    color:#6e1a3f;
    border:solid 1px #cf86b9;
    background :#e2aeca url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_05.jpg")             no-repeat right bottom ;
  }
  input,button,select {
    color:#6e1a3f;
    border:solid 1px #cf86b9;
    background :#e2aeca url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_05.jpg")             no-repeat right bottom ;
  }


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

  /* リンクの設定 */
  a {
    text-decoration : none;      /* アンダーラインなど装飾を施さない */
  }
  a img {
    border-style : none;      /* 枠を非表示 */
    border-width : 0px;        /* 枠の幅を0pxに設定 */
    text-decoration : none;      /* 装飾を表示しない */
  }



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

  /* 全体の大枠 */

  div#container {
    width : 100%;            /* wrapper＋extra-columnの幅 */
    margin-left : auto;          /* 左側のマージンを自動計算 */
    margin-right : auto;        /* 右側のマージンを自動計算 */
    background :url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_01.jpg") repeat-x;  
    text-align : left;          /* 古いIE用にセンタリングした部分を元に戻す */
  }

  /* タイトル部分 */

  div#branding {
    width : 750px;
    height : 210px;  
    margin : 0 auto;
    padding:130px 26px 0;
  }

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


  /* まとめブロック */

  div#mainblock {
    width : 750px; 
    background:#c97baf url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_04.gif") repeat-x top;
    margin : 10px auto 0;
  }

  /* 本文部分ブロック */

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

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

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

  div#secondary-column {
    float : left;            /* 左側に回り込む */
    width : 220px;            /* コンテンツ幅 */
    margin:0 9px;
  }

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

  div#siteinfo-legal {
    clear : both;            /* 回り込みを解除 */
    margin : -30px 0 0;
    background: url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_03.jpg") repeat-x bottom;
  }
  div#siteinfo-legal a:link {
    color : #2e1737 !important;
  }
  div#siteinfo-legal a:visited {
    color : #2e1737 !important;
  }
  div#siteinfo-legal a:hover {
    color : #6e1a3f !important;
  }
  div#siteinfo-legal a:active {
    color : #2e1737 !important;
  }
  
  /* 絵文字 */
  .emoji{
    vertical-align:middle;
  }


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

  /* タイトル */

  div#branding h1 a {
    padding : 0 10px;
    font-size : x-large;        /* 古いIEの文字サイズ */
    font-weight : bold;          /* 太字にする */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : xx-large;        /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>body div#branding h1 {
    font-size : xx-large;        /* Opera用の文字サイズ */
  }
  div#branding h1 a:link {
    color : #fff !important;
  }
  div#branding h1 a:visited {
    color : #fff !important;
  }
  div#branding h1 a:hover {
    color : #fff !important;
  }
  div#branding h1 a:active {
    color : #fff !important;
  }

  /* サイトの説明 */

  div#branding p {
    padding : 0 10px;
    color:#fff;
    font-size : small;          /* 古いIEの文字サイズ */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

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



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

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

  p.prev-next-navi {
    margin-bottom : 20px; 
    text-align : center;
    background :#e2aeca url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_05.jpg")             no-repeat right bottom ;
  }
  p.prev-next-navi a:link {
    color : #6e1a3f !important;
    text-decoration : none;
  }
  p.prev-next-navi a:visited {
    color : #6e1a3f !important;
    text-decoration : none;
  }
  p.prev-next-navi a:hover {
    color : #2e1737 !important;
    text-decoration : underline;
  }
  p.prev-next-navi a:active {
    color : #6e1a3f !important;
    text-decoration : none;
  }

  /* 各記事毎のブロック */

  div.section {
    margin-bottom : 25px;        /* 記事と記事の間隔 */
  }
  div.section a:link {
    color : #6e1a3f !important;
    text-decoration : none;
  }
  div.section a:visited {
    color : #6e1a3f !important;
    text-decoration : none;
  }
  div.section a:hover {
    color : #2e1737 !important;
    text-decoration : underline;
  }
  div.section a:active {
    color : #6e1a3f !important;
    text-decoration : none;
  }

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

  div.section h2 {
    margin-bottom : 10px;
    padding-left:10px;
    height : 25px;
    font-size: 30px;
    font-size : small;          /* 古いIEの文字サイズ */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-weight:bold;
    border-bottom:double 3px #fce8e8;
  }

  html>body div.section h2 {
    font-size : medium;          /* Opera用の文字サイズ */
  }
  div.section h2 a:link {
    color : #fce8e8 !important;
    text-decoration : none;
    font-weight:bold;
  }
  div.section h2 a:visited {
    color : #fce8e8 !important;
    text-decoration : none;
    font-weight:bold;
  }
  div.section h2 a:hover {
    color : #6e1a3f !important;
    font-weight:bold;
  }
  div.section h2 a:active {
    color : #fce8e8 !important;
    text-decoration : none;
    font-weight:bold;
  }

  /* 段落の設定 */

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

  /* 記事本体部分 */

  div.entry-body {
    padding : 0 10px;
  }

  /* 追記部分 */

  p.entry-more {
    padding : 25px 15px 15px 0;
    text-align : right;
  }

  /* フッター部分（コメントやトラックバックなど） */
  div.section ul.entry-footer {
    text-align : right;
  }
  div.section ul.entry-footer {
    padding : 20px 10px 15px 10px;
    list-style-position : inside;
  }

  div.section ul.entry-footer li {
    display : inline;
    list-style-type : none;
  }



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

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

  div#primary-column form {
    padding : 0 10px;
  }

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

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

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

  p.form-btn {
    margin-top : 20px;
  }

  /* コメントトップ */

  h3#comment-top {
    margin-bottom : 10px;
    padding-left:10px;
    height : 25px;
    font-size: 30px;
    color:#fce8e8;
    font-size : small;          /* 古いIEの文字サイズ */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-weight:bold;
    border-bottom:double 3px #fce8e8;
  }

  h3.comment-post,
  h3.comment-edit {
    margin-bottom : 10px;
    padding-left:10px;
    height : 25px;
    font-size: 30px;
    color:#fce8e8;
    font-size : small;          /* 古いIEの文字サイズ */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-weight:bold;
    border-bottom:double 3px #fce8e8;
  }

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

  h4.comment-header {
    margin : 5px 10px 15px;
    padding : 0 5px;
    border-bottom : 1px solid #ae3b88;    /* 枠線 */
  }

  /* コメント本文 */

  div.comment-body {
    padding : 0 20px;
  }

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

  ul.comment-footer {
    padding : 10px 10px 15px 10px;
    text-align : right;
  }

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



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

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

  h3#trackback-top { 
    margin-bottom : 10px;
    padding-left:10px;
    height : 25px;
    font-size: 30px;
    color:#fce8e8;
    font-size : small;          /* 古いIEの文字サイズ */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-weight:bold;
    border-bottom:double 3px #fce8e8;
  }

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

  p.trackback-uri {
    margin-bottom : 15px;
    padding : 0.2em 0.5em;
    background :#e2aeca url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_05.jpg")             no-repeat right bottom ;
  }

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

  h4.trackback-header {
    margin : 5px 10px 15px;
    padding : 0 5px;
    border-bottom : 1px solid #ae3b88;    /* 枠線 */
  }
  h4.trackback-header h2 a:link,h4.trackback-header a:visited,h4.trackback-header a:active {
    color:#2e1737;
    text-decoration:none;
  }
  h4.trackback-header a:hover {
    color: #6e1a3f;
    text-decoration: none;
  }

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

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

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

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

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



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

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

  div#secondary-column h3 {
    margin-bottom:2px;
    padding-left:7px;
    height:20px;
    color:#fce8e8;
    font-size : x-small;        /* 古いIEの文字サイズ */
    text-align : center;        /* センタリング */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : small;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-weight:bold;
    border-bottom:double 3px #fce8e8;
  }
  div#secondary-column a:link {
    color : #6e1a3f !important;
    text-decoration : none;
  }
  div#secondary-column a:visited {
    color : #6e1a3f !important;
    text-decoration : none;
  }
  div#secondary-column a:hover {
    color : #2e1737 !important;
    text-decoration : underline;
  }
  div#secondary-column a:active {
    color : #6e1a3f !important;
    text-decoration : none;
  }

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

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

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

  /* 位置調整 */

  p {
    margin : 0 5px 5px;
    padding: 0 0 5px;
  }

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

  p img {
    border : 1px solid #2e1737;    /* 枠線 */
  }

  div#secondary-column ul {
    margin : 0 5px;
    list-style-position : inside;
  }
  div#secondary-column li {
    list-style-type: none;
    padding-left: 10px;
  }


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

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

  .calender {
    width :170px;
    font-size :11px;
    border-collapse :separate;
    margin : 5px auto 0;
  }

  .caption {
    margin : 10px auto 5px;
    padding : 0px;
  }
  
  th#sat {
    color :#3b5fcc;
  }

  th#sun {
    color :#b60000;
  }

  .calender a:link,
  .calender a:visited {
    text-decoration: none;
  }

  .calender a:hover {
    text-decoration : underline;
  }

  .calender th {
    width : 20px;
    height : 25px;
    font-size : 10px;
    text-align : center;
    border-bottom : 1px solid #2e1737;
  }

  table.calender td {
    text-align : center;
  }

  .calender td a {
    display:block;
  }

  .calender td a:link,
  .calender td a:visited {
    color : #6e1a3f;
    text-decoration : none;
    background-color : #e2aeca;
    border-bottom : 0px;
  }

  .calender td a:hover {
    text-decoration : none;
    background-color : #c97baf;
    border-bottom : 0px;
  }



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

  div#siteinfo-legal p {
    height : 360px;
    padding : 31px 0 0;        /* パディング */
    text-align : center;      /* センタリング */
  }


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

  /* 強調 */

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

  /* より強い強調 */

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



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

  blockquote {
    width : 420px;            /* 幅 */
    margin : 10px 0 10px 20px;      /* マージン */
    padding : 0.5em;          /* パディング */
    background :#e2aeca url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_05.jpg")             no-repeat right bottom ;
  }

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

  div.section pre {
    margin : 1em auto;
    padding : 0.5em;
    border : 1px solid #ae3b88;
    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;      /* 等幅フォントを指定 */
  }

/* PIYOの設定
------------------------------------------------------------ */


  a.nickname:link,a.nickname:visited {color:#6e1a3f;font-weight:bold;}
  a.nickname:hover {color:#2e1737;}

  div.tab{
        float:left;
        width:100%;
        font-size:93%;
        border-bottom:1px solid #6e1a3f;
        line-height:normal;
  }

  .b1{
        background-image: none;
  }

  .b2{
        background-image: none;
  }
    
  div.mylog {
        margin-left: 10px;
        width: 180px;
        padding: 5px;
        font-size: small;
        text-align: left;
        color: #2e1737;
        background:#e2aeca url("//blog-imgs-32.fc2.com/h/a/z/hazz/t10_05.jpg")             no-repeat right bottom ;
  }
  div.mylog p.title {
        font-weight: bold;
        color: #2e1737;
        margin: 0px 0px 10px;
        padding: 0px 0px 3px;
  }
  div.mylog dl {
        margin: 0px;
        padding: 0px;
  }
  div.mylog dt.day {
        width: 160px;
        color: #ae3b88;
        font-size: x-small;
        margin: 0px;
        padding: 0px 0px 5px;
        background-image: none;
        text-align: left;
  }
  div.mylog dd.piyolog {
        margin: 0px 0px 5px;
        color: #2e1737;
        padding: 0px 0px 10px;
  }
  div.license {
        font-size: x-small;
        text-align: right;
  }

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