/*■§1 主要部分

  カスタムのニーズが高い部分を冒頭に抜き出しました
  この「主要部分」の項目では主に全体の構造を定義しています*/



/*各固定表示スペースの表示・非表示切り替え*/
#sticky            {display:none;} /*HOMEページ上部*/
#each-category     {display:none;} /*カテゴリーページ別上部*/
.each-entry-bottom {display:none;} /*各記事内下部*/
#each-page-bottom  {display:none;} /*各ページ下部*/

/*
※ block を none に変更すれば非表示にできます。
※ none から block に戻すとまた表示されます。↓コピペ用です。
※ http://customtemplate.blog112.fc2.com/blog-entry-41.html
※
※ 非表示ではなく削除する場合は、HTML編集でそれぞれの部分を直接削除します。
※ 初心者の方で固定表示スペースが不要な場合は、とりあえず none に変更して非表示にしておき
※ 慣れてきた頃にHTMLの該当部分を削除すればいいかと思います。
*/



/*基準となる文字*/
body{
color:       #222;   /*色*/
font-size:   16px;   /*サイズ*/
line-height:  1.4;   /*1行の高さ*/
}
/*
※ font-size:14px、line-height:2の場合で例示します。
※ 行の高さは14pxの2倍の28pxになります。
※ 行の高さ28pxから文字サイズ14pxを引くと、余白(行間)は14pxになります。
※ 14pxの余白を文字の上下で振り分けます。
※ 1行につき、文字の上下でそれぞれ7pxの行間ができます。
*/



/*ハイパーリンク*/
a:link   {color:#03c; text-decoration:none;}   /*未訪問*/
a:visited{color:#03c; text-decoration:none;}   /*閲覧済み*/
a:hover  {color:#f03; text-decoration:none;}   /*カーソルをのせた時*/
a:active {color:#f03; text-decoration:none;background:#ff3;}/*クリックした瞬間など*/

/*
※ colorで色を定義します。「カラーコード」で検索してみてください。
※ text-decorationで下線などを定義します。
*/



/*横幅*/
#page              {width:960px;}/*ページ全体*/
 #content          {width:660px;}/*記事*/
 #sidebar,
  #tbox,
   #tbox-boxes div {width:273px;}/*サイドバーとタブボックス*/
   #tbox-tabs li   {width:38px;} /*タブボックスのタブ*/

/*
※【全体】
※ #page ≧ #content + #sidebar + 10px程度。
※
※ それぞれにpadding,margin,borderなどを定義したら
※ その分widthを減らしましょう。「カラム落ち」を防げます。
※
※ #headerや#footerなどは横幅を定義していません。
※ 上位ディレクトリである#pageの横幅に依存します。
※
※【タブボックスとタブ】
※ 「サイドバーとタブボックス」のwidthを273px未満にすると、
※ タブが2行になります。
※ タブ数やタブの横幅の調整で対処できます。
※
※ {タブ(38px) + 右マージン(1px)} × タブ個数(7) = タブボックスの幅(273px)
※ 上記がデフォルト設定です。
※
※ 「サイドバーとタブボックス」のwidthを250pxにする場合を例示します。
※    250px ÷ タブ7こ = 35px 余り5px
※ 35pxの内1pxは右マージンなのでタブを34pxにすると2行にならないです。
※
※ タブボックス自体不要なら、同じ作者の別のテンプレートの方が
※ カスタムしやすいです。
※ http://customtemplate.blog112.fc2.com/blog-entry-9.html
*/



/*背景色*/
body         {background:#fff;}   /*全体(ページ全体＋ページ外の余白部分)*/
 #page       {background:#fff;}   /*ページ全体*/
  #header    {background:#fff;}   /*ページ上部*/
  #content   {background:#fff;}   /*記事部分全体*/
   .entry    {background:#fff;}   /*個別の記事部分*/
   #tertiary {background:#fff;}   /*プラグインカテゴリ３*/
  #sidebar   {background:#fff;}   /*サイドバー*/
   #primary  {background:#fff;}   /*プラグインカテゴリ１*/
   #secondary{background:#fff;}   /*プラグインカテゴリ２*/
  #footer    {background:#eee;}   /*ページ下部*/


/*
※ 上記デフォルト設定では、フッターを除き背景色はすべて白(#fff)です。
※ グローバルナビゲーション、サイドバーの背後の背景色は下で定義しています。
※ 背景色を個別に変更する場合、padding,margin,borderなどを定義して
※ 各部分間の境界あたりが自然な感じになるように調整した方がいいでしょう。
※ http://customtemplate.blog112.fc2.com/blog-entry-11.html
*/




/*重なりなど*/
#header,#nav,#content,#footer,#sidebar,#primary,#secondary{position:relative;}
#page{z-index:10;}
#header{z-index:100;}
#content,#footer{z-index:90;}
#primary,#secondary{z-index:80;}
#sidebar{z-index:50;}

/*
※ この「重なりなど」はカスタムに不慣れな間は触らない方がいいでしょう。
*/



/*■§2 部分別

  各部分別に定義しています(上述箇所を除く)*/



/*全体(ページ全体 + ページ外の余白部分)*/
body{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;margin:0 auto;text-align:center;}

/*ページ全体*/
#page{text-align:left;margin:0 auto;}

/*ヘッダー*/
#header{font-size:85%;}
#site-title{font-size:150%;padding-top:5px;}
/* #site-title a{color:#222;} */
/*ブログタイトルの文字色を変更する場合は1行上のコメントアウトを解除しカラーコードを調整する*/
#site-description{padding:5px 0;}

/*ヘッダー > グローバルナビゲーション*/
#nav-wrapper,#nav-wrapper2{min-height:24px;}
#nav{background:#fafafa;width:100%;float:left;list-style-type:none;font-size:12px;}
#nav li{width:136px;float:left;background:#eee;margin:0 0 0 1px;position:relative;list-style-type:none;text-align:center;}
.nav-auto #nav li{width:auto;padding:0 5px;}
#nav li:first-child,#nav li li{margin-left:0;}/*ie6/7*/
.maru #nav>li:first-child{border-radius:10px 0 0 10px;}
.maru #nav>li:last-child{border-radius:0 10px 10px 0;}
.kake #nav>li:first-child{border-radius:4px 0 0 4px;}
.kake #nav>li:last-child{border-radius:0 4px 4px 0;}
#nav li:hover{background:#ffc;}
#nav a{display:block;line-height:2;padding:0 1px;
text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff;
}
#nav ul{box-shadow:1px 3px 3px #666;display:none;position:absolute;top:2em;left:0;float:left;width:180px;z-index:99999;}
#nav ul li{min-width:180px;text-align:left;border-top:1px dotted #777;}
#nav ul li:first-child{border-top:0;}
#nav ul ul{left:100%;top:0;}
#nav ul a{line-height:1em;padding:10px;width:160px;height:auto;}
#nav li:hover>ul{display:block;}/*ie6は別のcssファイルで対応*/
/*
※ グローバルナビゲーションでの、現在ページへのリンクの背景色は、
※ HTML内で定義しています(fc2の変数はHTML内で有効になるため)。
*/

/*ヘッダー > グローバルナビゲーション > 自動更新項目*/
.recent-summary{clear:right;padding:10px;}
.recent-meta{color:#888;font-size:85%;margin:0 0 5px;}
.recent-meta dt,.recent-meta dd{display:inline;font-weight:400;margin:0;padding-right:.3em;}
.recent-meta dt:after{content:"\3A";padding-left:.3em;}
#nav .recent-meta a{display:inline;padding:0;}
.recent-opening{border-top:1px dotted #999;padding-top:5px;}
.recent-opening:before,.recent-opening:after{color:#999;content:" ...以下省略されました";font-size:85%;}
.recent-opening:before{content:"本文冒頭： ";display:block;}
#nav-tag li{padding:5px 0;}
#nav #nav-tag a{display:inline;padding:2px;width:auto;}

/*記事*/
#content{clear:left;padding-top:14px;float:right;}
.left #content{float:left;}



/*記事 > HOMEページの固定表示部分*/
#sticky{padding:10px;margin-bottom:2em;background:#f2f7fc;box-shadow:3px 3px 5px #777;}
#sticky p,#sticky ul,#sticky ol,#sticky table{margin:0 0 1.5em;}
#sticky li{margin-left:1.5em;}

/*記事 > カテゴリーページごとの固定表示部分を「一括」定義*/
.categories{padding:10px;margin-bottom:1em;background:#f2f7fc;box-shadow:3px 3px 5px #777;}
.categories p,.categories ul,.categories ol,.categories table{margin:0 0 1.5em;}
.categories li{margin-left:1.5em;}

/*記事 > カテゴリーページごとの固定表示部分を「個別」定義*/
#each-category .category-0{background:#9fc;}
#each-category .category-1{background:#ffc;}
#each-category .category-2{background:#fcf;}
/*
※ カテゴリーページ３以降も上記コードをコピペで増やし編集することで対応可能です。
※ 上記「一括」で定義した方よりも、この「個別」で定義した方が優先されます。
※ 個別設定する必要がない場合は、6行上の行から4行上の行まで丸ごと削除します。
*/

/*記事 > 各記事を囲っている枠線*/
.entry,#sticky,#single .entry:hover{
border:1px dashed #ddd; /*この行を丸ごと削除すると記事ごとに囲われている枠線を消去できます*/
padding:9px; /*1行上を1行まるごと削除した場合、ここの9pxを10pxにした方がいいです(ガタつき防止)*/
margin:0 0 1em;
box-shadow:none;
}
.entry-hover .entry:hover,.entry-hover #sticky:hover{border:3px dashed #ccc;padding:7px;box-shadow:3px 3px 5px #777;}/*ie6非対応*/

/*記事 > パンくずリスト*/
#breadcrumbs{padding:5px;background:#fafafa;margin:0 0 1em;}
.arrow{padding:0 .7em;font-size:85%;color:#888;}

/*記事 > タイトル（大見出し）*/
#content h1 a{color:#222;cursor:default;}
#content .entry-title{font-size:180%;margin-bottom:.5em;border:0;text-shadow:2px 2px 5px #777;}

/*記事 > 現在日時を基準に○○時間前など表示する部分*/
.m-ago,.h-ago,.d-ago{color:red;text-shadow:1px 0 0 #ff0,-1px 0 0 #ff0,0 1px 0 #ff0,0 -1px 0 #ff0,1px 1px 0 #ff0,1px -1px 0 #ff0,-1px 1px 0 #ff0,-1px -1px 0 #ff0;}
.m-ago,.h-ago{font-weight:700;}
.how-long-ago{color:#888;}
.m-ago2,.h-ago2,.d-ago2{color:#888;font-size:70%;}
.no-some-time-ago .some-time-ago{display:none;}

/*記事 > 公開日*/
.entry-date,.modified-date{color:#888;font-size:85%;}
.entry-date :nth-child(3){border-left:1px dotted #aaa;margin-left:.2em;padding-left:.5em;}
.entry-date dt,.modified-date dt,.entry-date dd,.modified-date dd{display:inline;font-weight:400;margin:0;padding-right:.3em;}
.entry-date dt:after,.modified-date dt:after{content:"\3A";padding-left:.3em;}
.no-entry-time .entry-time{display:none;}

/*記事 > 各要素*/
.entry-content{font-size:1em;}/*記事本文の文字サイズ*/
.entry-content h2,.entry-content h3,.entry-content h4{margin:1.2em 0;}
.entry-content h2{font-size:150%;border-bottom:1px solid #aaa;}
.entry-content h3{font-size:120%;border-bottom:1px dashed #aaa;}
.entry-content h4{font-size:110%;border-bottom:1px dotted #aaa;}
.entry-content p,.entry-content ul,.entry-content ol,.entry-content table{margin:0 0 1.5em;}
.entry-content li{margin-left:3em;}
.entry-content dl{margin:0 0 1em 1em;}
.entry-content dt{font-size:110%;}
.entry-content dd{margin-left:1em;}
.entry-content pre{background:#f7f7f7;color:#222;padding:.5em;}
.entry-content code{font-size:90%;}
.target-blank .entry-content a[target="_blank"]:after,
.target-blank #sticky a[target="_blank"]:after{content:"\21D7";padding:0 .3em;}
.target-blank .entry-content .no-target-blank[target="_blank"]:after,
.target-blank #sticky .no-target-blank[target="_blank"]:after,
.target-blank .entry-content .no-target-blank a[target="_blank"]:after,
.target-blank #sticky .no-target-blank a[target="_blank"]:after{content:"";padding:0;}
.img-outline .entry-content img{outline:3px dotted #ddd;}
.img-outline .entry-content .no-outline,
.img-outline .entry-content .no-outline img{outline:0;}

/*記事 > table > .odd,.colなど*/
.entry-content tr:hover{outline:1px double #3cc;}
.entry-content th,.entry-content td{border:1px solid #ccc;padding:3px;}
.entry-content th,.col td:nth-child(1){background:#eee;text-shadow:1px 1px 1px #fff;}
.odd tr:nth-child(odd){background:rgba(0,0,0,0.03);}
/*
※ table自体はこのCSS下部「デフォルト設定」で定義しています。
*/

/*記事 > 記事が属するカテゴリーやタグなどの表示*/
.entry-utility{clear:both;color:#888;font-size:85%;line-height:1.8;}
.entry-utility li{display:inline;list-style-type:none;border-left:1px dotted #aaa;margin-left:.2em;padding-left:.5em;}
.entry-utility li:first-child{border:0;margin:0;}
.entry-utility dl,.entry-utility dt,.entry-utility dd{display:inline;font-weight:400;margin:0;}
.entry-utility dt,.entry-utility span{padding-right:.3em;}
.entry-utility dt:after,.entry-utility span:after{content:"\3A";padding-left:.3em;}
.entry-utility a{background:#eee;border-radius:5px;padding:0 .2em;}

/*記事 > 「続きを読む」*/
.more-link{font-size:120%;display:block;margin-left:1em;}
.more-link:hover{background:#ffc;}
.more-link:before{content:"\261B";color:#222;margin-left:-1em;padding-right:.5em;}
/*
※ 2行上を1行まるごと削除すると、「続きを読む」の左に表示される指マークを消せます。
※ 指マークを変更する場合は次の記事が役立ちます。
※ http://customtemplate.blog112.fc2.com/blog-entry-47.html
*/

/*関連記事リストアイキャッチ表示設定*/
dl.relate,.relate dd{margin-left:0;}
.relate ul{margin-bottom:0;}
.relate li{list-style:none;margin-left:0;width:100px;}
.relate-entry{display:inline-block;padding:3px;transition:background 0.5s;}/*ie6/7*/
.relate-entry:hover{background:#ffc;outline:1px dashed #3cc;}
.relate-entry-now{background:#dff;}
.gray .relate-entry-now{background:#eee;}
.relate-entry-lists li{overflow:hidden;}
.relate-entry-title,.relate-entry-title a{line-height:1.1;height:85px;}
.relate-entry-title a{display:block;}
.relate-entry-date{text-align:center;border-top:1px dotted #ccc;height:14px;}

/*関連記事リストアイキャッチ横長設定*/
.kanren-yoko .relate-entry{width:200px;padding:6px;}/*ie6*/
.kanren-yoko .relate-entry-title,.kanren-yoko .relate-entry-date{float:right;}
.kanren-yoko .relate-entry-img{float:left;}/*拍手・ソーシャルボタン周囲の枠線非表示設定*/
.fc2_footer img,.fc2_socialbtn,.fc2_socialbtn td,.fc2_socialbtn tr:hover{border:0;outline:0;}

/*アイキャッチ用画像がない場合の画像*/
.ec-ng,.ec-ns{background:url(http://blog-imgs-44-origin.fc2.com/c/u/s/customtemplate/no-image.png);background-size:cover;}

/*拍手・ソーシャルボタン周囲の枠線非表示設定*/
.fc2_footer img,.fc2_socialbtn,.fc2_socialbtn td,.fc2_socialbtn tr:hover{border:0;outline:0;}

/*記事 > ページ送り*/
#pager,#pager2{list-style-type:none;padding:.3em;background:#eee;margin-bottom:14px;}
#pager a,#pager2 a{display:block;}
#pager a:hover,#pager2 a:hover{background:#ffc;}
#pager a:before,#pager2 a:before{padding-right:.5em;}
#pager-previous a:before,#pager-previous2 a:before{content:"\226A";}
#pager-next a:before,#pager-next2 a:before{content:"\226B";}
#pager-cm a:before,#pager-cm2 a:before{content:"\270E";}
#pager-top a:before,#pager-top2 a:before{content:"\21E7";}

/*コメント・トラックバック*/
#commented-title{background:#fff;padding:.3em;font-size:150%;}
#commented-title:before{content:"\270E";margin-right:.3em;font-size:120%;line-height:1;color:#999;font-weight:400;}
.aside-title{font-size:1.2em;margin-bottom:1em;font-weight:700;}
.comments{background:#fafafa;padding:.5em;clear:left;}
.comments dt,#cm dt,#edit-area dt{margin:7px 14px;font-weight:700;}
.comments dd,#cm dd,#edit-area dd{margin:0 14px 14px;}
.comment-title{border-bottom:1px dotted #777;}
.comment-footer ul{border-top:1px dotted #777;}
.comment-footer li,.trackback-footer li{display:inline;list-style-type:none;border-left:1px dotted #aaa;margin-left:.2em;padding-left:.5em;}
.comment-footer li:first-child,.trackback-footer li:first-child{border:0;margin:0;border:0;}
.comment-no-in-blog{color:#999;font-size:85%;cursor:help;}/*blog全体通番のコメント番号*/
#edit-area,#cm,#tb{background:#fafafa;margin-bottom:2em;padding:.5em;}
.form-btn{text-align:center;}
.emoji{vertical-align:middle;}

/*記事ごとのコメント番号*/
#commented dl{counter-increment:comment;}
.comment-title:before{content:counter(comment);color:#999;font-size:85%;padding-right:.5em;}

/*コメント吹き出し風装飾*/
.fukidashi .comment-title{
font-size:120%;
background:#fff;
padding:5px;
margin:14px 14px 0;
border:3px solid #222;
border-bottom:0;
border-radius:10px 10px 0 0;
}
.fukidashi .comment-body{
background:#fff;
margin-bottom:40px;
padding:5px;
border:3px solid #222;
border-top:0;
border-radius:0 0 10px 10px;
}
.fukidashi .comment-body:after{
left:250px;/*吹き出し先っちょの位置調整*/
bottom:-36px;
border-top:30px solid #222;
border-left:30px solid transparent;
content:"";position:relative;display:block;width:0;height:0;
}
.fukidashi .comment-footer ul{
border-top:0;
border-bottom:1px dashed #999;
}

/*承認待ちコメント*/
.cm--{background:transparent;color:#ccc;}
.cm-- .comment-title{border:1px dotted #ccc;border-bottom:0;margin-bottom:0;}
.cm-- .comment-title:before{color:#ccc;}
.cm-- .comment-body{border:1px dotted #ccc;border-top:0;margin-bottom:0;}
.cm-- .comment-footer ul{display:none;}
.cm-- .comment-body:after{border:0;}

/*既存コメントを残したままコメント投稿フォーム非表示*/
#stop-cm dt:before{content:"";}

/*検索結果・サイトマップ*/
#sitemap .entry-title,#search .entry-title{margin-top:0;}
#search .entry:hover,#sitemap .entry:hover{border:1px dashed #ddd;box-shadow:none;padding:9px;}
.to-p:hover{font-size:120%;line-height:1;}/*TO this Page*/

/*各ページ下部の固定表示部分*/
#each-page-bottom{padding:10px;margin-bottom:14px;background:#f2f7fc;box-shadow:3px 3px 5px #777;}
#each-page-bottom p,#each-page-bottom ul,#each-page-bottom ol,#each-page-bottom table{margin:0 0 1.5em;}
#each-page-bottom li{margin-left:1.5em;}

/*サイドバー・プラグイン*/
#sidebar{font-size:90%;float:left;}/*ie6再定義*/
.left #sidebar{float:right;}
#primary,#secondary{padding:14px 0 1px;}/*最後の1pxは透過防止用、ie6再定義*/
#sidebar ol{border:1px solid #eee;background:#fff;margin:0 0 14px;padding:.3em 0;}
#sidebar li{margin:0 0 3px 1em;padding-bottom:3px;border-bottom:1px dotted #bbb;}
#sidebar dt{font-weight:700;}
#sidebar dd{margin-left:1em;}
.plugins{border:1px solid #eee;background:#fdfdfd;box-shadow: 1px 1px 3px #bbb;margin:0 0 14px;padding:.3em;}
.plugins dt{border-bottom:1px dotted #aaa;margin-bottom:.5em;padding-bottom:.2em;}
/*
※ fc2blogプラグインのタイトルをCSSでカスタムする設定方法
※ http://customtemplate.blog112.fc2.com/blog-entry-66.html
※
※ プラグインカテゴリ３を使う場合、
※ クラス名plugin-thirdをこのコメントのすぐ下に設定した方がいいかもしれません。
※ .plugin-third{background:#fff;}
※ というような具合です。
*/

/*フッター*/
#footer{font-size:85%;line-height:1.3;text-align:center;clear:both;}
#fc2ad strong{background:inherit;padding:0;font-weight:400;}

/*便利機能ボタン*/
#up-or-down{font-size:50px;bottom:0;margin-left:-1em;position:fixed;z-index:92;line-height:1;text-align:center;}/*ie6*/
.y-left #up-or-down{left:0;margin:0;}/*y=yajirushi*/
.y-right #up-or-down{right:0;margin:0;}
#up-or-down a{color:#777;display:block;border-radius:30px;}
#up-or-down a:hover{color:#f03;text-shadow:3px 3px 5px #333;font-weight:700;background:#ffc;cursor:pointer;}
#up-or-down .active{background:#cff;}
.kijideka{font-size:125%;}/*文字拡大ボタンクリック時の拡大サイズ*/
.kijideka2{font-size:150%;}/*同上*/
.kijideka.kijideka2{font-size:200%;}/*同上*/



/*■§3 個別要素やclassなど*/



/*デフォルト設定*/
h1,h2,h3,h4,p,ul,ol{margin:0;padding:0;}
pre,p,blockquote,#urlhere{word-wrap:break-word;}
blockquote{border:1px outset #777;padding:.5em;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
img,tr{border:0;}
table{border-collapse:collapse;border-spacing:0;}
table,td,th{border:1px solid #777;}
em,address{font-style:normal;}
em{font-weight:700;}
kbd{border:3px outset #e0e0e0;background:#f0f0f0;padding:0 2px;margin:1px 3px;}/*KeyBoarD*/
hr{clear:both;height:1px;margin:3em 0;border:0;border-top:1px dashed #bbb;}
.notice{color:#f44;}
.pale{color:#ccc}

/*入力欄*/
input,textarea{border:1px solid #aaa;border-radius:4px;}
input:hover,textarea:hover{border:1px solid #555;}
input:focus,textarea:focus{background:#ffc;box-shadow:inset 0 1px 2px rgba(0,0,0,0.298);border:1px solid #3cc;}

/*カレンダー*/
.calender{width:90%;margin:0 auto;}
.calender caption{margin-bottom:10px;margin:0 auto;}
.calender th,.calender td{padding:.1em;border-bottom:1px dotted #ccc;text-align:center;}
#sun{color:red;}
#sat{color:#00f;}
.calender td a:link,.calender td a:visited{color:#fff;display:block;background:#81bbad;}
.calender td a:focus,.calender td a:hover,.calender td a:active{color:#fff;display:block;background:#f8c594;}

/*角丸定義(IE8以下は非対応)。使用例：<body class="maru">*/
.maru .round,.entry .round,.entry .maru{border-radius:10px;}
.maru .round-t{border-radius:10px 10px 0 0;}
.maru .round-l{border-radius:10px 0 0 10px;}
.maru .round-b{border-radius:0 0 10px 10px;}
.maru .round-r{border-radius:0 10px 10px 0;}
.kake .round,.entry .kake,.entry .blunt{border-radius:4px;}
.kake .round-t{border-radius:4px 4px 0 0;}
.kake .round-l{border-radius:4px 0 0 4px;}
.kake .round-b{border-radius:0 0 4px 4px;}
.kake .round-r{border-radius:0 4px 4px 0;}

/*ボタン風*/
.button{background:#eee;border:2px outset #999;padding:0 2px 2px 0;margin:3px;font-size:90%;cursor:pointer;white-space:nowrap;}
[title].button{border:2px outset #999;cursor:pointer;}
.button:active{border:2px inset #999;padding:2px 0 0 2px;}

/*Ascii Art*/
.aa{font-size:16px;font-family:'ＭＳ Ｐゴシック','IPAMonaPGothic',sans-serif,Osaka,'ヒラギノ角ゴ Pro W3';line-height:1.125em !important;}

/*文字の大きさ*/
.huge{font-size:500%;}
.big{font-size:200%;}
.large{font-size:140%;}
.small{font-size:70%;}
.tiny{font-size:50%;}

/*文字の太さ*/
b,.bold{font-weight:700;}
.normal{font-weight:400;}

/*文字の線*/
s,.del{text-decoration:line-through;}
u,.uline{text-decoration:underline;}

/*文字の縁取り*/
.text-outline{text-shadow:1px 0 0 #222,-1px 0 0 #222,0 1px 0 #222,0 -1px 0 #222,1px 1px 0 #222,1px -1px 0 #222,-1px 1px 0 #222,-1px -1px 0 #222;}

/*文字その他*/
.textc{text-align:center !important;}
.textr{text-align:right !important;}
.textl{text-align:left !important;}
i,.italic{font-style:italic;}
.nowrap{white-space:nowrap;}
.shadow{box-shadow:2px 2px 2px #aaa;}
.hover{color:#03c;cursor:pointer;}
.hover:hover{color:#f03;}

/*ツールチップ cf.http://psacake.com/web/jl.asp ie6非対応*/
.info{position:relative;border-bottom:1px dotted #666;cursor:help;}
.info:hover{z-index:50;background:#ffe;}
.info span{display:none;}
.info:hover span{
display:block;
position:absolute;
top:3em;left:2em;
width:20em;
border:1px solid #666;
background:#eee;color:#222;
text-align:left;
padding:5px;
box-shadow:5px 5px 2px #aaa;
}

/*回り込み*/
.entry .floatl,#sticky .floatl,.categories .floatl{float:left;padding:0 14px 14px 0;margin:0;}/*.entryは詳細度の関係*/
.entry .floatr,#sticky .floatr,.categories .floatr{float:right;padding:0 0 14px 14px;margin:0;}

/*回り込み解除*/
.clear{clear:both;}
.ofh{overflow:hidden;}/*OverFlowHidden*/ /*ie6*/



/*■§4 配色

  grayベースの配色を定義しています。使用例：<body class="gray">*/



body.gray,.gray #page,.gray #header,.gray #content,.gray #sidebar,.gray #primary,.gray #secondary{background:#e5e5e5;}
.gray #nav li{background:#909090;}
.gray #nav li:hover,.gray #tbox-tabs li:hover{background:#666;}
.gray #nav a,.gray #nav .recent-meta,.gray #nav .recent-opening{color:#fffff0;text-shadow:0 -1px 1px #aaa,-1px 0 1px #aaa,1px 0 1px #aaa,0 1px 1px #aaa,1px 1px 1px #000;}
.gray .recent-opening:before,.gray .recent-opening:after{color:#ccccc0;}
.gray #nav ul li,.gray .recent-opening{border-top-color:#fffff0;}
.gray #nav a:hover{color:red;text-shadow:1px 1px 1px #000;}
.gray #nav .how-long-ago,.gray #nav .m-ago2,.gray #nav .h-ago2,.gray #nav .d-ago2{color:#fffff0;}
.gray .entry{background:#fff;}
.gray #tbox-tabs li{color:#fff;background:#909090;}
.gray #tbox-tabs li:active{background:#ff3;}
.gray #tbox-tabs .active,.gray #up-or-down .active{background:#333;}



/*■§5 自動ナンバリング

  記事本文の構造化で自動ナンバリング(h2やh3など使用して)*/



/*¶h2～h4のナンバリング (bodyのclassに「order」を入れると有効になる)*/

.entry-title{counter-reset:h2}

.order .entry-content h2{
counter-increment:h2;counter-reset:h3;font-size:150%;
}
.order .entry-content h3{
counter-increment:h3;counter-reset:h4;font-size:125%;
}
.order .entry-content h4{
counter-increment:h4;counter-reset:h5;font-size:110%;
}
.order .entry-content h2:before{
content:"\a7" counter(h2) "\a0";color:#999;font-size:120%;line-height:1;
}
.order .entry-content h3:before{
content:"\b6\a0" counter(h2) "\2e" counter(h3) "\a0";color:#999;
}
.order .entry-content h4:before{
content:counter(h2) "\2e" counter(h3) "\2e" counter(h4) "\a0";color:#999;
}
#search .entry-content h2:before,#sitemap .entry-content h2:before{content:"";}

/*¶段落ごとのナンバリング*/

/*
※ bodyのclassに「order」を入れ、pの祖先要素に「h3」などのclassを入れると有効になる
※ http://customtemplate.blog112.fc2.com/blog-entry-2.html
*/
.order .h3 p:first-child,.order .h3 .p{
counter-increment:h3;counter-reset:h4;
}
.order .h3 p:first-child:before,.order .h3 .p:before{
content:counter(h2) "\2e" counter(h3) "\a0";
}
.order .h4 p:first-child,.order .h4 .p{
counter-increment:h4;counter-reset:h5;
}
.order .h4 p:first-child:before,.order .h4 .p:before{
content:counter(h2) "\2e" counter(h3) "\2e" counter(h4) "\a0";
}
.order .h5 p:first-child,.order .h5 .p{counter-increment:h5;}
.order .h5 p:first-child:before,.order .h5 .p:before{
content:counter(h2) "\2e" counter(h3) "\2e" counter(h4) "\2e" counter(h5) "\a0";
}
.order .entry .entry-content .no-before:before{content:"";}
.order .entry-content dl{margin-left:0;}
.order .entry-content dd{margin-left:0;}

/*¶マウスオーバーしている段落のライトアップ*/

.h3>li,.h4>li,.h5>li,.lightup>li{margin-bottom:18px;margin-left:0;}
.h3>li:hover,.h4>li:hover,.h5>li:hover,.lightup>li:hover{
outline:3px double #3cc;background:#ffe;margin:0 -10px 18px;padding:0 10px;}
.entry-content .h3,.entry-content .h4,.entry-content .h5,.entry-content .lightup{margin-left:0;list-style:none;}
.h3 p:before,.h4 p:before,.h5 p:before,.h3 .p:before,.h4 .p:before,.h5 .p:before,.h3 dt:before,.h4 dt:before,.h5 dt:before{color:#999;font-size:70%;}



/*■§6 JavaScriptでデフォルトで動的に生成される部分*/



/*¶#tbox (Tab BOX / ie6は非表示) */

/*構造*/ 
#tbox-tabs li,#tbox-tabs .active{border-radius:10px 10px 0 0;}
#tbox-tabs li{font-size:24px;height:26px;padding:1px 0;margin:0 1px 0 0;line-height:1.2;float:left;background:#ddd;overflow:hidden;text-align:center;color:#03c;list-style:none;border:0;margin-bottom:0;}
#tbox-tabs li:hover{color:red;background:#ffc;cursor:pointer;}
#tbox-tabs li:active{background:#ff3;}
#tbox-tabs .active{background:#cff;}
#tbox-boxes{height:100%;position:relative;clear:both;background:#f3f3f3;}
#tbox-boxes>div{height:98%;margin-right:5px;background:#f9f9f9;float:left;overflow-x:hidden;overflow-y:auto;display:none;}
#tbox-boxes .active{display:block;}
#tbox p{margin:0 15px 10px;font-size:90%;}
.no-tbox #tbox,.no-tbox2 #tbox2{display:none;}

/*中身*/
#tbox-box-tcont{padding-left:1px;}
#tbox-box-tcont a{display:block;}
#tbox-box-alink a,#tbox-box-aimg a{margin:5px 10px;display:block;}
#tbox-box-alink a{border-bottom:1px dotted #999;}
#tbox-box-aimg a{margin:0 0 10px 5px;display:inline-block;vertical-align:top;}
#tbox-box-aimg a:hover{outline:2px dashed #3cc;box-shadow:7px 7px 3px #999;}
#tbox-box-meta dl{padding:0 5px;margin:0;}
#tbox-box-meta dt{margin-top:3px;}
#tbox-box-meta dd{margin:0 0 0 10px;}
#tbox-box-cate p{margin-left:0;}
#tbox .plugin-first,#tbox .plugin-second{border:0;background:transparent;box-shadow:none;margin-bottom:0;}

/*¶.tcont (a Table of CONTents:自動生成される目次) */

#entry-tcont{border:1px solid #ccc;padding:10px;display:inline-block;}
#entry-tcont a{display:block;}
#entry-tcont .close a,#page .hide-tmp{display:none;}
.H1entry-title,.H2entry-title{margin:5px;border-bottom:1px dotted #222;}
.H2.H2entry-title{counter-increment:none;}
.H2{font-size:95%;margin:3px 0 0 5px;counter-increment:tcont-h2;counter-reset:tcont-h3;}
.H3,.DTcomment-title{font-size:90%;margin-left:10px;counter-increment:tcont-h3;counter-reset:tcont-h4;}
.H4{font-size:90%;margin-left:15px;counter-increment:tcont-h4;}
.reset,.H2entry-title{counter-reset:tcont-h2;}
.H2aside-title{border-top:1px dotted #aaa;padding-top:.3em;}
.H2:before{content:counter(tcont-h2) "\a0";color:#999;}
.H3:before{content:counter(tcont-h2) "\2e" counter(tcont-h3) "\a0";color:#999;}
.H2entry-title:before,.H2aside-title:before,.H3aside-title:before{content:"";}
.DTcomment-title:before{content:counter(tcont-h3) "\a0";color:#999;}
.H4:before{content:counter(tcont-h2) "\2e" counter(tcont-h3) "\2e" counter(tcont-h4) "\a0";color:#999;}
#mokuji-on{display:none;}
#mokuji-off,#comment-title-off,#comment-title-on{font-size:80%;}
.tcont:target{background:#ff9;border-radius:10px;padding:0 .5em;}
.tcont:target:before{content:"\279C";color:red;border-radius:10px;padding-right:.5em;}
#tcont-now{background:#ffe;border:1px dashed #3cc;border-radius:5px;}
/*
※ URLの最後が「blog-entry-数字.html」になっているページは目次が２ヶ所表示されます。
※ サイドバー下(背後)の空きスペースと記事本文内の最初のh2の直前です。
※ カテゴリーページやHOMEページなどその他のページでは
※ サイドバー下(背後)の空きスペースにのみ表示されます。
*/

/*¶本文折りたたみ*/
.skip-ok:after,.skip-on:after{color:#03c;font-size:60%;font-weight:400;}
.skip-on{color:#bbb;}
.skipped-after-H2,.skipped-after-H3,.skipped-after-H4,.skipped{display:none;}
.skip-ok .s-on,.skip-on .s-ok{display:none;}
.skip-ok .s-ok,.skip-on .s-on{cursor:pointer;font-size:60%;font-weight:400;margin-left:.5em;}

/*¶パラパラ漫画風アニメーション*/
.ani span,.ani-s span,.ani-f span{display:none;}
.ani span:first-child,.ani-s span:first-child,.ani-f span:first-child{display:inline;}



/*■§7 ピクトグラム

  記事本文内にclassを指定すると動的に生成される部分
  http://customtemplate.blog112.fc2.com/blog-entry-5.html */



/*¶配置*/


/*大きさ（中）*/
.picto,.picto-l,.picto-s{padding:5px 5px 5px 65px;margin:0 0 20px;overflow:hidden;}/*ie6*/
.pictogram{float:left;padding:5px 0 0 5px;margin-left:-60px;font-size:50px;font-weight:700;text-align:center;width:50px;}

/*大きさ（大）*/
.picto-l{padding-left:115px;}/*ie6*/
.picto-l .pictogram{padding:0 0 0 5px;margin-left:-110px;font-size:100px;width:100px;}

/*大きさ（小）*/
.picto-s{padding-left:40px;}/*ie6*/
.picto-s .pictogram{padding:5px 0 0;margin-left:-30px;font-size:25px;width:16px;font-weight:400;}


/*¶挿入するピクトグラムの種類*/

.memo .pictogram:before{content:"\270D";}
.check .pictogram:before{content:"\2611";}
.bikkuri .pictogram:before{content:"\21";}
.inyo .pictogram:before{content:"\275D";}
.yubi .pictogram:before{content:"\261E";}
.vsign .pictogram:before{content:"\270C";}
.batsu .pictogram:before{content:"\2717";}
.hone .pictogram:before{content:"\2620";}
.kaku .pictogram:before{content:"\2622";}


/*¶配色（cf.http://www.kanzaki.com/docs/html/htminfo17.html の クラス名の考え方）*/

/*青系*/
.point{background:#eff;border:1px outset #9cf;}
.point .pictogram{color:#9cf;}

/*ピンク系*/
.hint{background:#fef;border:1px outset #f9f;}
.hint .pictogram{color:#f9f;}

/*緑系*/
.rei{background:#efc;border:1px outset #7f7;}
.rei .pictogram{color:#7f7;}

/*黒系*/
.ginga{background:#010101;border:3px dotted #ff5;color:#ff5;}
.ginga .pictogram{color:#ff0;}

/*黄系*/
.chui{background:#ff5;border:3px dashed #222;}

/*オレンジ系*/
.keikoku{background:#fa5;border:3px outset #f03;text-shadow:1px 1px 15px #fff;font-weight:700;}
.keikoku .pictogram{color:#f03;}

/*赤系*/
.kiken{background:#f02;border:5px double #ff0;color:#ff1;}
.kiken .pictogram{color:#ff0;text-decoration:blink;}

/*その他*/
.valid,.valid .pictogram{background:#55B05A;color:#fff;}
.invalid, .invalid .pictogram{background:#D23D24;color:#fff;}
.reverse,.reverse .pictogram{background:navy;color:#fff;}
.border{border:1px solid #bbb;}
.blinking{visibility:hidden;}/*jsと組み合わせて意味のあるクラス*/



/*■§8 印刷用レイアウト*/



@media print{
*{text-shadow:none !important;box-shadow:none !important;}
body{background:none !important;}
#page{clear:both !important;display:block !important;float:none !important;position:relative !important;border:0;}
#single .entry,#sitemap .entry,#search .entry,.fukidashi .comment-title,.fukidashi .comment-body{border:0 !important;}
#site-title,#site-description{float:none;line-height:1.4em;margin:0;padding:0;}
#site-title{font-size:13pt;}
.entry-content{font-size:14pt;line-height:1.6em;}
.entry-title{font-size:21pt;margin-left:0;}
#nav-wrapper,#nav-wrapper2,#nav,#tertiary,#entry-tcont,.s-ok,.s-on,#pager,.page-link,#primary,#secondary,#cm,.comment-edit-link,.edit-link,#pager2,#each-page-bottom,#sidebar,#tbox,#tbox2,#sidebar2,#up-or-down,.categories,#search-area-pager{display:none !important;}
#page,#header,#container,#content,#footer,.fukidashi .comment-title,.fukidashi .comment-body{margin:0 !important;width:100% !important;}
.entry-content a[target="_blank"]:after,.fukidashi .comment-body:after{content:"" !important;border:0 !important;}
.picto,.picto-s,.picto-l,.aa{page-break-inside:avoid;}
}


/*
※ 「削除及び改変禁止」の部分以外は自由にカスタムできます。
※ http://customtemplate.blog112.fc2.com/
*/