/* -----------------------------------------------------------
 ■ 基本設定
------------------------------------------------------------ */

/* 初期化
------------------------------------------------------------ */
* {
   margin  : 0;
   padding : 0;
}
a img {
  border-style : none;
  border-width : 0px;
  text-decoration : none;
}
li {
  margin-left : 22px;
}

/* ページ全般の基本設定
------------------------------------------------------------ */
body {
  font-size : 12px;
  font-family : 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/* リンクの文字装飾
------------------------------------------------------------ */
a:link {
  color : #00F;
  text-decoration : none;
}
a:active {
  color : #008;
  text-decoration : none;
}
a:visited {
  color : #008;
  text-decoration : none;
}
a:hover {
  color : #00B;
  text-decoration : underline;
}

/* その他の文字装飾
------------------------------------------------------------ */

/* 強調 Lv.1 */
em.important1 {
  font-style : normal;
  font-weight : bold;
}

/* 強調 Lv.2 */
em.important2 {
  font-style : normal;
  font-weight : bold;
  color : #F00;
}

/* 引用の出典部 */
cite {
  color : #555;
  font-size : 11px;
}


/* -----------------------------------------------------------
 ■ レイアウト (ヘッダー＋２カラム＋フッター)
------------------------------------------------------------ */

/* ページラッパー
------------------------------------------------------------ */
#wrapper {
  width : 990px;
  margin : 0 auto;
}

/* ページヘッダー
------------------------------------------------------------ */
#header {
  width : 990px;
  margin-bottom : 30px;
  padding-top : 10px;
  padding-bottom : 10px;
  background-color : #DDD;
}

/* ミドルラッパー
------------------------------------------------------------ */
#middle {
  width : 990px;
}

/* メインカラム
------------------------------------------------------------ */
#m-column {
  float : right;
  width : 670px;
  vertical-align : top;
}
div.main {
  padding : 0px 10px;
}

/* ライトカラム
------------------------------------------------------------ */
#r-column {
  float : right;
  width : 300px;
  padding: 0px 10px 10px;
  font-size : 11px;
  vertical-align: top;
}

/* ページフッター
------------------------------------------------------------ */
#footer {
  clear : both;
  width : 880px;
  padding : 20px;
  background-color : #EEF;
}

/* -----------------------------------------------------------
 ■ ページヘッダー
------------------------------------------------------------ */

/* ブログ名
------------------------------------------------------------ */
div.blog-title {
  width : 950px;
}
h1 {
  padding-left : 25px;
  font-size: 26px; 
  color : #000;
}
h1 a:link, h1 a:hover, h1 a:active, h1 a:visited {
  color : #000;
  text-decoration : none;
}


/* ブログ説明
------------------------------------------------------------ */
div.intro {
  padding-left : 40px;
  padding-right : 40px;
}

/* トップメニュー
------------------------------------------------------------ */
div.top-menu {
  margin : 20px;
  text-align : center;
  font-size : 15px;
}


/* -----------------------------------------------------------
 ■ 前後のページ移動用ナビリンク
------------------------------------------------------------ */

div.content-navi {
  margin-top : 15px;
  margin-bottom : 30px;
  padding : 5px;
  border-top : solid 1px #333;
  border-bottom : solid 1px #333;
  text-align : center;
  color : #666;
  font-size : 15px;
  font-family : Arial;
}

/* 現在のページ */
div.content-navi span.current-page {
  font-weight : bold;
  color : #000;
}


/* -----------------------------------------------------------
 ■ 月・タグ・カテゴリ別・検索結果一覧ページ
------------------------------------------------------------ */

h2.entry-sort {
  margin-bottom : 30px;
  padding : 6px;
  border-bottom : solid 2px #000;
  color : #000;
  background-color : #EEF3F6;
  font-weight : normal;
}

/* エントリー一覧
------------------------------------------------------------ */

/* 各エントリー */
ul.entry-list li {
  margin : 7px;
  padding-bottom : 5px;
  border-bottom : dotted 1px #666;
  list-style-type : none;
}

/* 各エントリーのタイトル */
ul.entry-list h3 {
  font-size : 16px;
}

/* 各エントリーの付随情報 */
ul.entry-list div {
  text-align : right;
  font-size : 11px;
}

/* 各エントリー本文の冒頭200字 */
ul.entry-list p {
  font-size : 10px;
  color : #555;
  /* 本文冒頭の200字を表示させたくない場合は 下の行の ＊/ を右の矢印直後の箇所に持ってくる → 
  display : none; */
}


/* 前後の月ページへのリンク (月別一覧ページ)
------------------------------------------------------------ */
div.monthly-navi {
  padding : 15px;
  text-align : center;
  color : #666;
}

/* 該当エントリーが見つからない
------------------------------------------------------------ */
div.notfound {
  margin : 20px;
  text-align : center;
  font-size : 15px;
}

/* 再検索フォーム (検索結果ページ)
------------------------------------------------------------ */
div.search {
  margin : 25px;
  text-align : center;
}


/* -----------------------------------------------------------
 ■ トップページと個別ページでそれぞれのエントリーについて
------------------------------------------------------------ */

/* エントリー全体
------------------------------------------------------------ */
div.entry {
  margin-bottom : 50px;
}

/* 各エントリーのタイトル
------------------------------------------------------------ */
div.entry h2 {
  margin-bottom : 2px;
  padding : 5px 5px;
  border-top : solid 2px #036;
  border-bottom : solid 2px #036;
  line-height : 30px;
  font-size : 20px;
}
div.entry h2 a:link, div.entry h2 a:hover, div.entry h2 a:visited {
  color : #036;
  text-decoration : none;
}

/* エントリー本文
------------------------------------------------------------ */
div.entry-body {
  padding : 5px;
  font-size : 14px;
}

/* エントリー内の副題 */
div.entry-body h3 {
  margin-top : 15px;
  padding-left : 3px;
  border-left : solid 5px #D43;
  color : #D43;
  font-size : 14px;
}

/* エントリー内の副々題 */
div.entry-body h4 {
  width : 70%;
  margin-top : 10px;
  padding : 1px;
  border-bottom : solid 1px #000;
}

/* エントリー内の段落 */
div.entry-body p {
  margin : 10px 0px;
}

/* エントリー内の補足 */
div.entry-body p.excursus {
  font-size : 12px;
}

/* エントリー内のリスト */
div.entry-body ul {
  margin : 10px 10px 5px 0px;
}

/* エントリー内の引用 */
div.entry-body blockquote {
  margin : 7px;
  padding : 5px;
  border : dotted 1px #555;
  font-size : 13px;
}

/* 追記を表示するリンク */
div.more-link {
  margin-top : 20px;
}

/* 拍手ボタン
------------------------------------------------------------ */
div.fc2_footer {
  margin : 20px;
}

/* 関連エントリー
------------------------------------------------------------ */
div.related {
  border-bottom : solid 1px #333;
  font-weight : bold;
}
div.related-entries {
  margin-top : 3px;
  margin-bottom : 14px;
}

/* 前後のエントリーへのリンク
------------------------------------------------------------ */
div.navilink {
  margin : 18px;
  padding : 5px;
  border-top : solid 1px #CCC;
  border-bottom : solid 1px #CCC;
}

/* エントリーに付けられたタグ
------------------------------------------------------------ */
div.tag {
  margin : 18px;
  padding : 5px;
  background-color : #EEE;
}

/* エントリーの付随情報
------------------------------------------------------------ */

/* 上側 (カテゴリと投稿年月日) */
div.entry-info1 {
  margin-bottom : 5px;
  text-align : right;
}

/* 下側 (トラックバック数とコメント数) */
div.entry-info2 {
  text-align : right;
}

/* ソーシャルブックマークとSNS
------------------------------------------------------------ */
div.share-sns {
  width : 100%;
  padding-top : 3px;
  border-top : dotted 1px #222;
}

/* Google+でIE使用の改行されるのを防ぐ */
.force-inline div {
  *display : inline !important;
}

/* Twitter用に横幅を設定 */
iframe.twitter-share-button {
    width: 90px !important;
}

/* コメント欄とトラックバック欄の囲み
------------------------------------------------------------ */
fieldset {
  margin-top : 12px;
  padding : 7px;
  border : solid 1px #BBB;
}

/* ページトップへのリンク
------------------------------------------------------------ */
div.to-pagetop {
  margin : 3px;
  text-align : right;
}


/* -----------------------------------------------------------
 ■ トラックバック表示
------------------------------------------------------------ */

/* それぞれのトラックバックについて
------------------------------------------------------------ */
div.trackbacks {
  margin-bottom : 3px;
  padding : 7px
}

/* トラックバック情報
------------------------------------------------------------ */
div.trackback-blog {
  border-bottom : solid 1px #AAA;
}

/* トラックバック元のブログ名と日時
------------------------------------------------------------ */
div.trackback-info {
  text-align : right;
  color : #666;
  font-size : 11px;
}

/* トラックバック要約
------------------------------------------------------------ */
div.trackbacks p {
  padding : 6px;
}

/* トラックバック送信先表示
------------------------------------------------------------ */
div.trackback-uri {
  padding : 5px;
  background-color : #EEE;
}
div.trackback-uri input {
  width : 300px;
  border : 0px;
  background-color : #EEE
}


/* -----------------------------------------------------------
 ■ コメント表示
------------------------------------------------------------ */

/* それぞれのコメントについて
------------------------------------------------------------ */
div.comments {
  margin-bottom : 3px;
  padding : 7px
}

/* 各コメント情報
------------------------------------------------------------ */
div.comment-info {
  border-bottom : solid 1px #AAA;
}

/* 投稿日時と投稿者 */
span.commentator-info {
  color : #666;
  font-size : 11px;
}

/* 各コメント本文
------------------------------------------------------------ */
div.comments p {
  padding : 6px;
}

/* コメント編集時の親記事
------------------------------------------------------------ */
div.parent-entry {
  margin-bottom : 7px;
  border-bottom : dotted 1px #333;
}

/* -----------------------------------------------------------
 ■ コメント投稿フォーム
------------------------------------------------------------ */

/* コメントフォーム
------------------------------------------------------------ */
#comform {
  margin: 10px;
}

/* コメントフォーム表示オンオフ切り替えの部分 */
div.show-comform {
  margin : 5px;
  padding : 2px;
  border-bottom : solid 1px #CCC;
}

/* 送信ボタンの部分 */
div.submit {
  margin : 2px;
  padding : 3px;
  text-align : center;
  background-color : #CCC;
}

/* コメント送信ボタン */
input.submit-button {
  width : 140px;
}

/* コメントフォーム下の注意事項 */
div.comment-note {
  color : #888;
  font-size : 11px;
}


/* -----------------------------------------------------------
 ■ サイドカラムのプラグイン
------------------------------------------------------------ */


/* プラグインの見出し
------------------------------------------------------------ */
h3.plugin-title {
  margin-bottom : 7px;
  padding : 1px 1px 1px 3px;
  border-left : solid 3px #336;
  border-bottom : solid 1px #336;
  color : #336;
  background-color : #EEF;
  font-size : 14px;
}

/* プラグインの本体
------------------------------------------------------------ */
div.plugin-content {
  margin-bottom : 20px;
  padding : 3px;
}


/* -----------------------------------------------------------
 ■ ページフッター部
------------------------------------------------------------ */

/* クレジットと連絡先
------------------------------------------------------------ */
address {
  margin     : 4px;
  text-align : center;
  font-size  : 8pt;
  font-style : normal;
}

/* FC2テキスト広告
------------------------------------------------------------ */
div.fc2ad {
  margin-top : 5px;
  text-align : center;
}
#ad1 {
  font-size  : 10px;
}

/* ========================================================= */

.sns-bt {
 margin:0 0 20px 0;
 font-size: 12px !important;
}
.sns-bt ul {
 width:100%;
 display:table;
 table-layout:fixed;
 text-align:center;
 margin:0;
 padding:0;
 border-spacing:4px;
}
.sns-bt ul li {
 display:table-cell;
 padding:0;
 margin:0;
 white-space:nowrap;
 overflow:hidden;
}
.sns-bt ul li a {
 border-bottom:2px solid #333;
 display:block;
 padding:4px 0;
}
.sns-bt ul li a:hover {
 color:#fff;
}
.sns-bt ul li:nth-child(1) a {
 border-bottom:2px solid #008FDE;
 color:#00A5DE;
} /*hatena*/
.sns-bt ul li:nth-child(2) a {
 border-bottom:2px solid #55acee;
 color:#55acee;
} /*twitter*/
.sns-bt ul li:nth-child(3) a {
 border-bottom:2px solid #3d5b98;
 color:#3d5b98;
} /*facebook*/
.sns-bt ul li:nth-child(4) a {
 border-bottom:2px solid #dd4b39;
 color:#dd4b39;
} /*Google+*/
.sns-bt ul li:nth-child(1) a:hover {
 background:#008FDE;
 color:#fff;
} /*hatena*/
.sns-bt ul li:nth-child(2) a:hover {
 background:#55acee; color:#fff;
} /*twitter*/
.sns-bt ul li:nth-child(3) a:hover {
 background:#3d5b98; color:#fff;
} /*facebook*/
.sns-bt ul li:nth-child(4) a:hover {
 background:#dd4b39; color:#fff;
} /*google+*/