/*■§1 主要部分

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

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

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



/*基準となる文字*/
body{
color:       #222;   /*色*/
font-size:   14px;   /*サイズ*/
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:958px;}   /*ページ全体*/
 #content   {width:700px;}   /*記事*/
 #sidebar,
  #fixedbox {width:233px;}   /*サイドバーとfixedbox*/

/*
※ #page ≧ #content + #sidebar + 10px程度。
※ それぞれにpadding,margin,borderなどを定義したら
※ その分widthを減らしましょう。「カラム落ち」を防げます。
※
※ #headerや#footerなどは横幅を定義していません。
※ 上位ディレクトリである#pageの横幅に依存します。
※ fixedboxに関しては後述します。
*/



/*背景色*/
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{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 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(https://blog-imgs-44.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;}

/*検索結果・サイトマップ*/
#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;}
※ というような具合です。
*/

/*サイドバーの背後(不慣れな内はカスタム非推奨)*/
#fixedbox{
top:0;
height:100%;
background:#fff;
position:fixed;
z-index:10;
}
/*
※ 画面をスクロールしサイドバーが画面の外へいくと、
※ サイドバーが表示されていた部分が空きスペースになります。
※ そこを有効活用するための定義です。
※ 横幅はサイドバーと同じになるように、上でサイドバーの横幅と同時に定義しています。
※ サイドバーにちょうど隠れるようにするためです。
*/

/*フッター*/
#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;}



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



/*デフォルト設定*/
h1,h2,h3,h4,p,ul,ol{margin:0;padding:0;}
pre,p,blockquote{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;}



/*■§4 配色

  配色を定義しています。使用例：<body class="red">*/



.red #nav,.red #sticky,.red #breadcrumbs,.red .entry-utility a,.red #pager,.red #pager2,.red #cm,.red .plugins,.red #each-page-bottom{background:#f99;}
.red #nav li,.red #footer{background:#f66;}
.red #nav li:hover{background:#f33;}
.red .entry-content h2,.red .entry-content h3,.red .entry-content h4,.red hr,.red .entry, .red #sticky,.red #content .entry:hover{border-color:#f66;}

.pink #nav,.pink #sticky,.pink #breadcrumbs,.pink .entry-utility a,.pink #pager,.pink #pager2,.pink #cm,.pink .plugins,.pink #each-page-bottom{background:#fef;}
.pink #nav li,.pink #footer{background:#fcf;}
.pink #nav li:hover{background:#f9c;}
.pink .entry-content h2,.pink .entry-content h3,.pink .entry-content h4,.pink hr,.pink .entry, .pink #sticky,.pink #content .entry:hover{border-color:#fcf;}

.orange #nav,.orange #sticky,.orange #breadcrumbs,.orange .entry-utility a,.orange #pager,.orange #pager2,.orange #cm,.orange .plugins,.orange #each-page-bottom{background:#ffe77c;}
.orange #nav li,.orange #footer{background:#ffb74c;}
.orange #nav li:hover{background:#ff971c;}
.orange .entry-content h2,.orange .entry-content h3,.orange .entry-content h4,.orange hr,.orange .entry, .orange #sticky,.orange #content .entry:hover{border-color:#ffb74c;}

.khaki #nav,.khaki #sticky,.khaki #breadcrumbs,.khaki .entry-utility a,.khaki #pager,.khaki #pager2,.khaki #cm,.khaki .plugins,.khaki #each-page-bottom{background:#f0e68c;}
.khaki #nav li,.khaki #footer{background:#bdb76b;}
.khaki #nav li:hover{background:#9d974a;}
.khaki .entry-content h2,.khaki .entry-content h3,.khaki .entry-content h4,.khaki hr,.khaki .entry, .khaki #sticky,.khaki #content .entry:hover{border-color:#bdb76b;}

.yellow #nav,.yellow #sticky,.yellow #breadcrumbs,.yellow .entry-utility a,.yellow #pager,.yellow #pager2,.yellow #cm,.yellow .plugins,.yellow #each-page-bottom{background:#ffc;}
.yellow #nav li,.yellow #footer{background:#ffa;}
.yellow #nav li:hover{background:#ff6;}
.yellow .entry-content h2,.yellow .entry-content h3,.yellow .entry-content h4,.yellow hr,.yellow .entry, .yellow #sticky,.yellow #content .entry:hover{border-color:#ff6;}

.green #nav,.green #sticky,.green #breadcrumbs,.green .entry-utility a,.green #pager,.green #pager2,.green #cm,.green .plugins,.green #each-page-bottom{background:#efc;}
.green #nav li,.green #footer{background:#deb;}
.green #nav li:hover{background:#cda;}
.green .entry-content h2,.green .entry-content h3,.green .entry-content h4,.green hr,.green .entry, .green #sticky,.green #content .entry:hover{border-color:#deb;}

.blue #nav,.blue #sticky,.blue #breadcrumbs,.blue .entry-utility a,.blue #pager,.blue #pager2,.blue #cm,.blue .plugins,.blue #each-page-bottom{background:#eff;}
.blue #nav li,.blue #footer{background:#cff;}
.blue #nav li:hover{background:#9ff;}
.blue .entry-content h2,.blue .entry-content h3,.blue .entry-content h4,.blue hr,.blue .entry, .blue #sticky,.blue #content .entry:hover{border-color:#cff;}

.purple #nav,.purple #sticky,.purple #breadcrumbs,.purple .entry-utility a,.purple #pager,.purple #pager2,.purple #cm,.purple .plugins,.purple #each-page-bottom{background:#e7c7e8;}
.purple #nav li,.purple #footer{background:#d7a7d8;}
.purple #nav li:hover{background:#c787c8;}
.purple .entry-content h2,.purple .entry-content h3,.purple .entry-content h4,.purple hr,.purple .entry, .purple #sticky,.purple #content .entry:hover{border-color:#d7a7d8;}



/*
※ 「削除及び改変禁止」の部分以外は自由にカスタムできます。
※ なにかありましたら、作者サイトのコメント欄から気軽にご連絡ください。
※ 可能な限り対応いたします。
※ http://customtemplate.blog112.fc2.com/
*/


img { max-width: 100%; }