@charset "UTF-8";

/* --------------------------------------
　リセット(変更非推奨)
--------------------------------------- */
:link,:visited { text-decoration: none; }
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
table { border-spacing: 0; }
fieldset,img,abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
a { outline: none; text-decoration: underline; }
hr { background-color: #000; border: 0; color: #000; height: 1px; }
a img,:link img,:visited img { border: none; }
address { display: inline; font-style: normal; }
 
/* --------------------------------------
  ユーティリティ(削除非推奨)
--------------------------------------- */
.inline { display: inline; }
.hidden { display: none; }
br .clear { clear: both; }

/* for IE hasLayout bug */
#header, #calendar, #leaderboard, #content, #footer,
#main, #main-bg, #side1, #side2, .asset-body, #asset-more, .asset-more-link,
.asset-category, .community, .tb-footer, .cm-footer, ul.byline, .ent-navi,
.tl-content, .search-content { zoom: 1; }
 
/* clearfix */
#SelectorName:after { clear: both; content: " "; display: block; font-size: 0.1em; height: 0.1px; line-height: 0; visibility: hidden; }
 
#content-inner { display: block; }
/* no ie mac \*/
* html #content-inner { height: 1%; }
#content-inner { display: block; }
/* */

/* ----------------------------------------
 作成日:2010.01.31
 960px 3 Column for FC2 Blog
 main:14+472+14=(500px) side1:14+242+14=(270px) side2:14+162+14=(190px)
 by Parody (http://www.anabas.jp/parody/)
 
【改変時の注意事項】
各カラムの左右にboarderを指定すると、IE5.5～6でカラム落ちする場合があります。
背景画像を使用して擬似的にboarderを表示するか、CSSハックで各カラムのwidthを調整するなどで対応。
---------------------------------------- */

/* -------------------------------------
 ページレイアウト
--------------------------------------- */
/* 基本レイアウト */
body {
  text-align: center;
  width: 100%; }
 
#container-inner {
  margin: 0 auto;
  min-height: 100%;
  text-align: left;
  width: 960px; }
 
#header, #calendar, #leaderboard, #content, #footer,
#main, #side1, #side2 { position: relative; }
 
#main, #side1, #side2 { display: inline; }
 
#header-inner, #calendar-inner, #leaderboard-inner, #content-inner, #footer-inner,
#main-inner, #side1-inner, #side2-inner {
  overflow: hidden;
  position: static; }
 
#main-inner, #side1-inner, #side2-inner {
  padding-left: 14px;
  padding-right: 14px; }
 
#content-inner { padding-bottom: 10px; }

/* ----------------------------
  main - side1 - side2
------------------------------- */
/*
#main { float: left; width: 500px; }
#side1 { float: left; width: 270px; }
#side2 { float: left; width: 190px; }
 */

/* ----------------------------
  main - side2 - side1
------------------------------- */
/*
#main { float: left; width: 500px; }
#side1 { float: right; width: 270px; }
#side2 { float: right; width: 190px; }
 */

/* ----------------------------
  side1 - main - side2
------------------------------- */
/* 2011.7.10
#main { float: left; left: 270px; width: 500px; }
#side1 { float: left; left: -500px; width: 270px; }
#side2 { float: left; width: 190px; }
*/
#main { float: left; left: 270px; width: 690px; }
#side1 { float: left; left: -690px; width: 270px; }
#side2 { float: left; width: 0px; }


/* ----------------------------
  side2 - main - side1
------------------------------- */
/*
#main { float: left; left: 190px; width: 500px; }
#side1 { float: right; width: 270px; }
#side2 { float: left; left: -500px; width: 190px; }
 */

/* ----------------------------
  main - side1 - side2
------------------------------- */
/*
#main { float: right; width: 500px; }
#side1 { float: left; width: 270px; }
#side2 { float: left; width: 190px; }
 */

/* ----------------------------
  main - side2 - side1
------------------------------- */
/*
#main { float: right; width: 500px; }
#side1 { float: right; width: 270px; }
#side2 { float: left; width: 190px; }
 */

/*　フッター */
#footer { clear: left; width: 100%; }
 
/* --------------------------------------
　基本色
--------------------------------------- */
body { background: #F7FAF3; }

#container-inner {
  background-color: #B3D194;
  border-top: 10px solid #33471F; }

#footer-inner { background: #33471F; }

/* --------------------------------------
　背景画像設定
--------------------------------------- */
/* ヘッダ */
#header { background-image: url(http://blog-imgs-43-origin.fc2.com/t/o/k/tokunoh/P1060424_u2.jpg); height: 200px; }

/* カレンダー */
#calendar { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/callenderbg.jpg); height: 25px; }

/* main */
/* 2011.7.10
#main-bg { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bgcontent.jpg); }
*/
#main-bg { background-image: url(http://blog-imgs-43-origin.fc2.com/t/o/k/tokunoh/main_bg.jpg); }
/*
.main-header { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bgtop.jpg); height: 6px; }
.main-footer { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bgbottom.jpg); height: 6px; }
*/
/* 2011.7.10
.asset-header { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bgtitle.jpg); height: 50px; }
*/
/* 2011.12.17
.asset-header { background-image: url(http://blog-imgs-43-origin.fc2.com/t/o/k/tokunoh/bgtitle.jpg); height: 50px; }
*/
.asset-header { background-image: url(http://blog-imgs-43-origin.fc2.com/t/o/k/tokunoh/hana_header.jpg); height: 50px; }
.asset-body h3, #asset-more h3 { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/clover_ss.jpg); }

/* side1 */
.side1-header { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bg-s1-top.jpg); height: 6px; }
.plg1-header { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bg-s1-subtitle.jpg); height: 30px; }
.side1-content { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bg-s1-content.jpg); }
.side1-footer { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bg-s1-bottom.jpg); height: 6px; }

/* side2 */
.side2-header { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bg-s2-top.jpg); height: 6px; }
.plg2-header { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bg-s2-subtitle.jpg); height: 30px; }
.side2-content { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bg-s2-content.jpg); }
.side2-footer { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bg-s2-bottom.jpg); height: 6px; }

/* main 水平線 */
/* 2011.7.10
.asset-content, .asset-bottom, #tb, #cm { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/bgbar.jpg); }
*/
.asset-content, .asset-bottom, #tb, #cm { background-image: url(http://blog-imgs-43-origin.fc2.com/t/o/k/tokunoh/bgbar.jpg); }

/* コメント、トラックバックタイトル */
.tb-title, .cm-title { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/clover_ss.jpg); height: 22px; }

/* 全記事、検索結果 */
.tl-header, .search-header { background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/clover_s.jpg); height: 30px; }

/* 背景画像表示設定 */
.asset-body h3, #asset-more h3,
.asset-header, .plg1-header, .plg2-header,
.asset-content, .asset-bottom, #tb, #cm,
.tl-header, .search-header, .tb-title, .cm-title {
  background-position: left top;
  background-repeat: no-repeat; }

.main-header, .main-footer,
.side1-header, .side1-footer,
.side2-header, .side2-footer {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  font-size: 0.1em; }
 
#main-bg, .side1-content, .side2-content {
  background-position: left top;
  background-repeat: repeat-y; }
 
.asset-header, .plg1-header, .plg2-header {
  padding-top: 4px;
  padding-bottom: 4px; }
 

/* --------------------------------------
　フォント、フォント色、リンク色
--------------------------------------- */
/* ページ全体のテキスト色 */
html { color: #333; }
 
/* ページ全体 */
body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  font-size: 100%;
  line-height: 1.6; }
 
/* ページ全体のリンク色 */
a, a:link { color: #33471F; text-decoration: underline; } 
a:visited { color: #668F3D; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
 
/* ブログ名・ブログの説明のフォント色 */
h1 a, h1 a:link, h1 a:visited, #header-description, h1 a:hover, h1 a:active { color: #F7FAF3; text-decoration: none; }

/* カレンダーのフォント色 */
#calendar-inner, #calendar-inner a, #calendar-inner a:link, #calendar-inner a:visited { color: #F7FAF3; }

/* 両サイドメニューのリンク色 */
#side1 a, #side2 a, #side1 a:link, #side2 a:link { }
#side1 a:visited, #side2 a:visited { }
#side1 a:hover, #side2 a:hover, #side1 a:active, #side2 a:active { }

/* 各タイトルのフォント色 */
#side1-inner h3, #side2-inner h3, .asset-header h2, .tl-header, .search-header, .cm-title { color: #33471F; }

/* フッタのフォント色 */
#footer-inner, #footer-inner a, #footer-inner a:link, #footer-inner a:visited, #footer-inner a:hover, #footer-inner a:active { color: #F7FAF3; }

/* --------------------------------------
　基本テキストレイアウト
--------------------------------------- */
blockquote, pre {
  background-color: #E6F0DB;
  border: 1px solid #33471F;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px; }
 
pre { overflow: auto; }
 
ol { list-style: decimal outside; }
 
ul { list-style: disc outside; }
 
/* ----------------------------
  ヘッダ
------------------------------- */
#header { width: 100%; }
 
#header-inner { padding: 5px; }
 
#header-content {
  padding-left: 20px;
  width: 600px; }
 
h1 {
  font-size: 180%;
  font-weight: bold;
  padding-top: 15px; }
 
/* ブログ説明 */
#header-description {
  font-size: 75%;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 10px; }
 
/* admin、RSSリンク */
#rss-admin {
  display: block;
  float: right;
  font-size: 10px;
  padding-right: 30px;
  padding-top: 15px; }
 
#rss-admin ul { list-style: none; }
 
#rss-admin li { display: inline; }
 
#rss-admin li a {
      border: 1px solid #F7FAF3;
      display: block;
      float: left;
      margin-left: 5px;
      padding: 3px;
      text-decoration: none; }
 
.link-rss { background-color: #F93; }
 
.link-admin { background-color: #4D6B2E; }
 
#rss-admin li a, #rss-admin li a:visited, #rss-admin li a:active, #rss-admin li a:hover { color: #F7FAF3; }
 
#rss-admin li a:hover { background-color: #999; }
 
/* ----------------------------
  カレンダー
------------------------------- */
#calendar-inner {
  display: block;
  font-size: 12px;
  margin: 0 auto;
  padding-top: 0.5em;
  text-align: center;
  width: 100%; }
 
.calendar-date { padding-left: 0.5em; }
 
#calendar-inner a, #calendar-inner a:link, #calendar-inner a:visited {
  font-weight: bold;
  text-decoration: underline; }
 
#calendar-inner a:hover, #calendar-inner a:active { text-decoration: none; }
 
/* --------------------------------------
  記事
--------------------------------------- */
/* 記事 */
.entry-asset {
  margin-top: 5px;
  font-size: 87.5%;
  margin-bottom: 30px; }
 
/* 記事タイトル */
.asset-header { width: 100%; }
 
.asset-header h2 {
  font-size: 180%;
  font-weight: bold;
  line-height: 1;
  padding-left: 70px;
  padding-right: 20px; }

.asset-header h2 a, .asset-header h2 a:link, .asset-header h2 a:visited, .asset-header h2 a:hover, .asset-header h2 a:active { text-decoration: none; }
 
/* 記事情報 */
.asset-meta {
  display: block;
  list-style: none;
  margin-bottom: 2px; }
 
ul.byline {
  margin-left: 10px;
  overflow: hidden; }
 
ul.byline li {
  border-left: 1px solid #333;
  display: inline;
  font-size: 75%;
  margin-left: -1px;
  padding-left: 5px;
  padding-right: 5px; }
 
/* 記事本文 */
.asset-content { padding-top: 15px; }
 
.asset-body, #asset-more, .asset-more-link, .pagetop,
.asset-body ul, #asset-more ul, .asset-body ol, #asset-more ol,
.asset-category, .community, .tag {
  padding-left: 10px;
  padding-right: 30px; }
 
#asset-more, .asset-more-link, .pagetop,
.fc2_footer, .asset-category, .ent-navi { margin-top: 20px; }
 
.asset-body h3, #asset-more h3 {
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 26px; }
 
.asset-content pre, .asset-content blockquote { width: 390px; }
 
.more-laber { font-weight: bold; }


/* カテゴリ、コミュニティ */
.asset-category ul, .community ul { list-style: none; }
 
.asset-category li, .community li {
  display: inline;
  font-size: 86%;
  margin-right: 10px; }
 
/* タグ */
.tag { font-size: 86%; }
 
/* ページトップリンク */
.pagetop { text-align: right; }

.pagetop a {
  background-image: url(http://blog-imgs-37-origin.fc2.com/a/n/a/anabas/pagetop.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  display: block;
  height: 15px;
  margin-left: auto;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 67px; }
 
/* 次の記事・前の記事 */
.ent-navi {
  text-align: center;
  font-size: 86%; }

 
/* --------------------------------------
　サイドメニュー
--------------------------------------- */
#side1-inner, #side2-inner {
  font-size: 75%;
  line-height: 1.3; }
 
#side1-inner h3, #side2-inner h3 {
  font-size: 125%;
  font-weight: bold;
  padding-left: 40px;
  padding-top: 5px; }
 
.side1-content {
  overflow: hidden;
  width: 242px; }

.side2-content {
  overflow: hidden;
  width: 162px; }

.plg1-description, .plg1-content, .plg1-footer,
.plg2-description, .plg2-content, .plg2-footer {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden; }
 
#side1-inner ul, #side2-inner ul, #side1-inner ol, #side2-inner ol { list-style: none; }

#side1-inner li, #side2-inner li { padding-top: 7px; }

.side1-footer, .side2-footer { margin-bottom: 14px; }

.plugin-myimage {
  padding-bottom: 0.5em;
  text-align: center; }

 
/* ----------------------------------------
 フッタ
---------------------------------------- */
#footer-inner {
  font-size: 75%;
  height: 130px;
  padding-top: 40px;
  text-align: center; }
 
/* ----------------------------------------
 全記事表示・検索結果表示
---------------------------------------- */
.tl-content, .search-content {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 75%; }
 
.tl-header, .search-header {
  font-size: 180%;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 40px; }

.tl-content ul, .search-content ul { list-style: none; }
 
.tl-content li, .search-content li {
  border-bottom: 1px dashed #AAA;
  padding-top: 0.4em; }
 
/* ----------------------------------------
 トラックバック、コメント
---------------------------------------- */
#tb, #cm {
  font-size: 87.5%;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px; }

.tb-header, .cm-header {
  font-weight: bold;
  margin-bottom: 10px; }

.tb-footer, .cm-footer {
  list-style: none;
  margin-left: 10px;
  overflow: hidden; }

ul.tb-footer li, ul.cm-footer li {
  border-left: 1px solid #333;
  display: inline;
  font-size: 80%;
  margin-left: -1px;
  padding-left: 5px;
  padding-right: 5px; }

.tb-url, .tb-url input, .tb-body, .cm-header, .cm-body { margin-bottom: 20px; }

/* トラックバック */
.tb-url input { width: 80%; }

.tb-title {
  font-size: 90%;
  font-weight: bold;
  padding-left: 26px; }

.tb-body { font-size: 80%; }

/* コメント */
.cm-title {
  border-bottom: 1px solid #33471F;
  font-weight: bold;
  margin-bottom: 2px;
  padding-left: 26px;
  width: 70%; }

/* フォームテーブル */
table.cm-tbl {
  border-collapse: collapse;
  border: 0;
  table-layout: fixed; }
 
table.cm-tbl tr td { padding: 0; }
 
.cm-form .col-1 {
  font-size: 90%;
  text-align: center;
  width: 100px; }
 
.cm-form .col-2 { width: 300px; }
 
.cm-form #name, .cm-form #subject, .cm-form #url, .cm-form #mail { width: 200px; }
 
.cm-form #pass { width: 100px; }
 
.cm-form textarea, .cm-form input {
  font-family: 'MS UI Gothic',sans-serif;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 1px; }
 
.cm-form .btn { width: 50px; }
 
#comment, #himitu {  }
 
.form-exp {
  font-size: 80%;
  margin-left: 5px; }


/* --------------------------------------
  バナー設定
--------------------------------------- */
/* トップバナー */
#leaderboard-inner {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%; }
 
#leaderboard-ad1, #leaderboard-ad2 {
  display: inline;
  float: left;
  padding-left: 20px; }


/* 記事中および下の広告エリア */
#asset-middle, .asset-bottom {
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center; }
 
.asset-bottom-a, .asset-bottom-b { padding-top: 20px; }

/* 
 side2で横160pxのバナーを表示した時に、上下の
 背景画像を見せたくない場合、左右の幅を合わせたい
 場合は、バナーのソースを
 <div class="side2-ad">（ソース）</div>で括る。
----------------------------------------------  */
.side2-ad {
  margin-top: -6px;
  margin-bottom: -6px;
  position: relative;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px; }



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;　　・・・・余白の色
padding: 5px;
left: -1000px;
border: 1px dashed gray;　　・・・・・枠の色
visibility: hidden;
color: black;　　・・・・・文字の色
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;　　・・・・余白の幅
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;　　　・・・・・上からの位置
left: 60px; ・・・・・左からの位置
}