@charset "UTF-8";
/* -----------------------------------------------------------
 ■ 基本設定
------------------------------------------------------------ */

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

li {
  margin-left : 22px;
}

/* ページ全般の基本設定
------------------------------------------------------------ */
body {
  padding : 0px 20px;
  font-size : 16px;
  font-family : 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  min-width : 1200px; 
  text-align : left ; /* バグを利用してブロックレベル要素をセンタリング */
  background-color : #E0F8F7;
}

/* リンクの文字装飾
------------------------------------------------------------ */
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;
}

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

/* 全体幅設定
------------------------------------------------------------ */
#header,#menu,#middle,#footer{
  margin: 0 auto; 
　　width : 1200px ; 
}

/* ページヘッダー
------------------------------------------------------------ */
#header {
  position : relative;
  background : #06c ;
}

#header>img {
  min-height : 140px;
  width : 1120px;
  vertical-align : middle;
  margin-top : 20px;
  margin-right : 10px;
  margin-left : 30px;
  margin-bottom : 40px;
}

#header>img+h1{
  position : absolute;
  top : 10px;
  left : 0px;
}

#header>img+h1+div{
  position : absolute;
  bottom : 10px;
  left : 400px;
}

/* ミドルラッパー
------------------------------------------------------------ */
#middle {
  clear : both;
  position : relative;
  padding-top : 45px;
  overflow : hidden;
}

/* メインカラム
------------------------------------------------------------ */
#main {
  width : 1200px;
  float : left;
  margin-right : -240px;
}

#article{
  margin : 0px 240px;
}


/* レフトカラム
------------------------------------------------------------ */
#left {
  float : left;
  margin-right : -220px;
  width : 220px;
  font-size : 14px;
  position : relative;
}

/* ライトカラム
------------------------------------------------------------ */
#right {
  width : 220px;
  float : right;
  font-size : 14px;
  position : relative; 
  margin : 0 0 0 auto; 
}

/* ページフッター
------------------------------------------------------------ */
#footer {
  padding : 20px;
  background-color : #eaf4ff;
}

#footer img{
  vertical-align : text-bottom;
}

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

/* ブログ名
------------------------------------------------------------ */

h1 {
  padding : 120px 0px 0px 70px;
  font-size : 38px; 
  color : #000;
  width : 1080px;
  margin: 0 auto; 
}
h1 a:link, h1 a:hover, h1 a:active, h1 a:visited {
  color : #FFF;
  text-decoration : none;
}


/* ブログ説明
------------------------------------------------------------ */
div.intro {
  padding : -1px 0px 0px 0px; /*マージン下左上右*/
  font-size : 22px;
  font-weight : 600;
  color : #FFF;
  width : 594px;
  margin: 0 auto; 
}

/* メニューバー
------------------------------------------------------------ */

#menu>div {
  background : #0095ff; /* バー基本色 */
  text-align : center;
  font-size : 16px;
  float:left;
  overflow : hidden;
  height : 64px;
  width : 150px; /* ボタン幅 */
  position : relative; 
}

#menu div{
  position : relative;
  word-wrap : break-word; /*firefox*/
  word-break : break-all; /*IE*/
}

#menu>div:hover {
  overflow : visible;
  z-index : 10;
}

#menu span{
  display : none;
}

#menu>div:hover span{
  display : inline;
}

#menu>div:hover>div>a{
  padding-left : 10%;
  text-align : left;
}

#menu a{
  display : block;
  padding-top : 8px;
  height : 54px;
  color:#fff;
  text-decoration : none;
  border : solid 1px #ccd;
}

#menu>div>div{
  height : 100%;
}

#menu>div:hover>div{
  background : #139; /* 親子カテゴリの色 */
}

#menu>div:hover,#menu>div>div:hover,#menu>div>a:hover{
  background : #13c; /* マウスホバー中の色 */
}

#menu a+div{
  position : absolute;
  top : 0px;
  left : 100%;
  width : 100%;
  overflow : auto;
  max-height : 400px;
  height : 0px;
}

#menu a:hover+div,#menu a+div:hover{
  height : auto;
  background : #fff;
}

#menu div.m-parent>a+div{
  display : none; /* 親カテゴリ記事非表示 */
}

#menu a+div>a{
  height : auto;
  min-height : 34px;
  color : #00A474;
  text-align : left;
}

#menu a+div>a:hover{
  background : #eaf4ff;
}

#menu div.single-box{
 top : 100%;
 left : 0px;
 height : auto;
}

#menu div.single-box>a.kjax{
 padding-left : 0px;
}

#e-name{
  display : none;
}

/* パンくずナビ
------------------------------------------------------------ */
#navi{
  position : absolute;
  top :  10px;
  left : 20px;
  font-size : 14px;
}
#navi>a{
 font-weight : bold;
}

/* SNS　＆　検索バー
------------------------------------------------------------ */

#sns{
  position : absolute;
  top : 10px;
  right : 0px;
  text-align:right;
  font-size:12px;
}

#sns>div{
  float : left;
  padding-top : 2px;
}

#sns>form{
  float : left;
  margin-left : 10px;
}

#sns input[type="text"]{
  width:250px;
  height:18px;
  background:#f3f3f3;
  border-width:1px;
}

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

div.content-navi {
 font-size : large;
 background-color : #FFFFFF;
 border-style : solid;
 border-width : 10px 10px;
 border-color : #6F3000 #FFFFFF;
}

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


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

h2.entry-sort {
  margin-bottom : 30px;
  padding : 6px;
  border-bottom : solid 2px #336;
  color : #336;
  background-color : #eaf4ff;
  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 : 18px;
}

/* 各記事の付随情報 */
ul.entry-list div {
  text-align : right;
  font-size : 14px;
}

/* 各記事本文の冒頭200字 */
ul.entry-list p {
  font-size : 12px;
  color : #555;
}


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

/* 該当記事が見つからない
------------------------------------------------------------ */
div.notfound {
  margin : 20px;
  text-align : center;
}

/* 再検索フォーム (検索結果ページ)
------------------------------------------------------------ */
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 #FFF;
  border-bottom : solid 2px #00D484;
  border-right : solid 2px #FFF;
  border-left : solid 40px #00D484;
  line-height : 30px;
  font-size : 20px;
  background-color: #0CC;
}
div.entry h2 a:link, div.entry h2 a:hover, div.entry h2 a:visited {
  color : #2A7762;
  text-decoration : none;
}

/* 記事本文
------------------------------------------------------------ */
div.entry-body {
  padding : 5px;
}

/* 記事内の副題 */
div.entry-body h3 {
  margin-top : 15px;
  padding-left : 3px;
  border-left : solid 5px #D43;
  color : #D43;
  font-size : 18px;
}

/* 記事内の副々題 */
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 : 14px;
}

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

/* 記事内の引用 */
div.entry-body blockquote {
  margin : 7px;
  padding : 5px;
  border : dotted 1px #555;
  font-size : 12px;
}

/* 追記を表示するリンク */
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 : solid 2px #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 : 14px;
}

/* トラックバック要約
------------------------------------------------------------ */
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 : #000;
  font-size : 14px;
　　text-align : center;
}

/* 各コメント本文
------------------------------------------------------------ */
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 : 12px;
}


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


/* プラグインの見出し
------------------------------------------------------------ */
h3.plugin-title {
  margin-bottom : 7px;
  padding : 1px 1px 1px 3px;
  border-left : solid 3px #00A474;
  border-bottom : solid 1px #00A474;
  border-top : groove 2px #00A474;
  border-right : groove 3px #00A474;
  color : #00A474;
  background-color : #eaf4ff;
}

/* プラグインの説明
------------------------------------------------------------ */
div.plugin-text{
  padding : 3px;
  font-size : 14px;
}

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


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

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

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

/* ========================================================= */３