@charset "EUC-JP";


/* 全体的な設定--------------------------------------------- */

/*--- マージン・パディング・フォントスタイルの初期化 ---*/

* { margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal; }


/*--- スクロールバーの設定（IEのみ） ---*/

html { scrollbar-track-color: #222;
       scrollbar-face-color: #000;
       scrollbar-arrow-color: #009595;
       scrollbar-3dlight-color: #333;
       scrollbar-darkshadow-color: #444;
       scrollbar-highlight-color: #777;
       scrollbar-shadow-color: #555; }


/*--- body要素全てに適用する設定 ---*/

body { color: #fff;
       background-color: #000;
       background-image: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/frozen_night3_h.jpg");
       background-repeat: no-repeat;
       background-position: top center;
       background-attachment: fixed;
       line-height: 150%;
       font-size: 12px;
       text-align: center;
       font-family: "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif; }

html>body { font-size: 12px; }
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ */

textarea { width: 90%; }


/* リンクの設定
------------------------------------------------------------ */

/*--- リンクの基本設定 ---*/

a { text-decoration: none;
    color: #80ffff; }

/*--- カーソルを要素の上 ---*/

a:hover { color: #009595;
          background-color: #222; }

/*--- リンク画像の枠を非表示 ---*/

a img { border-style: none;
        border-width: 0px;
        text-decoration: none; }

/*--- リストの基本設定 ---*/

li { color: #fffafa; }

li a { color: #fffafa; }

li a:hover { color: #009595;
             background-color: #222; }

/*--- 見出しの設定 ---*/

h2, h3 { color: #fff; }

h4, h5, h6 { font-size: 12px; }


/* レイアウト用ブロックの設定
------------------------------------------------------------ */

/*--- サイト全体のレイアウト ---*/

div#wrapper { width: 800px;
              margin-left: auto;
              margin-right: auto;
              text-align: left; }


/*--- header（ブログタイトル・サイトの説明部分）全体の設定 ---*/

div#header { width: 800px;
             height: 180px;
             margin: 0;
             padding: 0px;
             background-color: transparent;
             text-align: left; }


/*--- headerとcontent、contentとfooterの間隔 ---*/

div.column { margin: 0px; }


/* master-column（本文記事）全体の位置・幅・余白
-------------------------------------------------------------*/

div#master-column { float: left;
		    margin: 0;
		    padding-left: 10px;
		    width : 551px; }

html>body div#master-column { width: 541px; }
/* Opera、Firefoxなど、比較的新しいブラウザでのmaster-column幅 */



/* slave-column（アーカイブ等）全体の位置・幅・余白の設定
-------------------------------------------------------------*/

div#slave-column { float: right;
                   margin: 0;
                   padding-right: 10px;
                   width: 211px; }

html>body div#slave-column { width: 201px; }
/* Opera、Firefoxなど、比較的新しいブラウザでのslave-column幅 */


/* footer（広告・著作権表示）の幅・高さ・背景色・画像位置の設定
------------------------------------------------------------ */

div#footer { clear: both;
             text-align: center;
             margin-bottom: 0px;
             padding-top: 6px;
             width: 800px;
             height: 60px;
             background-color: transparent; }



/* header（タイトル・サイトの説明）内の詳しい設定
------------------------------------------------------------ */

/*--- タイトル文字の大きさ・色・リンク色設定 ---*/

div#header h1 a { text-decoration: none;
                  color: #fff;
                  font-size: 20px;
                  font-weight: bold; }

div#header h1 a:hover { text-decoration: none;
                        color: #00ffff;
                        background-color: #333; }

html>body div#header h1 a { font-size : 20px;}
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ */


/*--- ブログタイトルの文字位置 ---*/

.site-tittle { margin : 0px;
               padding: 20px 250px 0 70px;
               text-align : left; }


/*--- サイト説明の文字位置・大きさ・行間・色設定 ---*/

.site_info { margin: 0px;
             padding: 25px 250px 0 70px;
             text-align: left;
             font-size: 12px;
             font-weight: normal;
             color: #fff;
	     line-height: 150%; }

html>body .site_info { font-size : 12px;
                       line-height: 150%; }
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ・行間 */


/*--- Admin・All archives の文字位置・大きさ・色設定 ---*/

.admin_1 { text-align: left;
           margin: 0px;
           padding: 5px 10px 10px;
           font-size: 11px;
           font-weight: normal;
           color: #aaa;
           text-decoration: none;
           line-height: 140%; }

.admin_1 a { text-decoration: none;
             font-size: 11px;
             color: #aaa; }

.admin_1 a:hover { text-decoration: none;
                   color: #009595;
                   background-color: #333; }

html>body .admin_1 { font-size: 11px; }
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ */


/* master-column（本文記事・プラグイン３）内の詳しい設定
------------------------------------------------------------ */

/*---ページ移動用ナビの文字位置・背景画像・余白 ---*/

p.prev-next-navi { width: 541px;
                   height: 28px;
                   background: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/dot541x28-teal.gif") top left no-repeat;
                   margin-bottom: 50px;
                   padding-top: 5px;
		   text-align: center; }


/*--- 記事全体の背景画像・次の記事との間隔 ---*/

div.section { width: 541px;
              margin-bottom: 50px;
              background: url("http://blog-imgs-29.fc2.com/e/m/e/emeraldmountain/dot20x20-222.gif") top left repeat; }


/*--- 記事タイトルの背景画像・文字の大きさ・余白 ---*/

div#master-column h2.entry-header { width: 541px;
                 height: 53px;
                 background: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/dot541x53p-teal.gif") top left no-repeat;
                 margin: 0;
                 padding: 19px 25px 0;
                 font-size: 16px;
                 font-weight: bold; }

html>body div#master-column h2.entry-header { font-size: 16px; }
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ */


/*--- 記事タイトルのリンク色設定 ---*/

div#master-column h2.entry-header a
                 { text-decoration: none;
                   font-size: 16px;
                   font-weight: bold;
                   color: #fff; }

div#master-column h2.entry-header a:hover
                 { text-decoration: none;
                   color: #00ffff;
                   background-color: #222; }


/* ------記事の日付の余白・表示位置------ */

div.entry-time {  margin: 0;
                  padding: 5px 0 15px;
                  text-align: right;
                  font-size: 11px; }


/*--- 記事本体文字の枠内余白と行間 ---*/

div.entry-body { margin: 0;
                 padding: 0 25px 15px;
                 line-height: 150%; }

html>body div.entry-body { line-height: 150%; }
/*--- Opera、Firefoxなど比較的新しいブラウザでの行間 ---*/


/*--- 続きを読む⇒のアイコン・文字位置・余白 ---*/

div.entry-more {  margin-top: 15px;
                  padding: 0 20px;
                  background-image: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/jewel_05_15px-teal.gif");
                  background-position: 0 2px;
                  background-repeat: no-repeat;
                  line-height: 160%; }


/*--- 本文中の段落番号の設定 ---*/

.entry-body ol { margin: 0px;
                 padding-left: 25px; }

.entry-body ol li { margin: 0px;
                    padding: 0px;
                    font-size : 12px; 
                    line-height: 160%;
                    color: #fff; }

/*--- 本文中のリストマークの設定 ---*/

.entry-body ul { margin: 0px;
                 padding: 0px;
                 list-style: none; }

.entry-body ul li { margin: 0;
                    padding-left: 20px;
                    font-size : 12px;
                    background-image: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/jewel_05_11px-teal.gif");
                    background-repeat: no-repeat;
                    background-position: 0px 3px;
                    line-height: 150%;
                    color: #fff; }

/*-- テーマ・ジャンルの文字位置 --*/

div.community { padding: 10px 0 0;
                text-align: right; }

/*--- 記事フッター部分 ---*/

div.section ul.entry-footer { margin-top: 10px;
                              padding: 10px;
                              text-align: right;
                              background: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/dot541x38p-teal.gif") top left no-repeat; }

div.section ul.entry-footer li { display : inline;
                                 list-style-type : none; }



/* コメント・トラックバック部分の設定
------------------------------------------------------------ */

/*--- コメントフォーム ---*/

div#master-column form { padding: 0 20px 20px; }

/*--- 管理者だけにコメント ---*/

input#himitu { margin-right: 0.5em; }

/*--- コメントフォームのボタン ---*/

p.form-btn { margin-top: 20px; }


/*--- コメント・トラックバック部分全体の背景・幅・下との間隔 ---*/

div.section-b { width: 541px;
                margin-bottom: 50px;
                background: url("http://blog-imgs-29.fc2.com/e/m/e/emeraldmountain/dot20x20-222.gif") top left repeat; }


/*--- コメント・トラックバックヘッダーの背景画像・文字の大きさ・余白 ---*/

h3#comment-top,
h3.comment-post,
h3.comment-edit,
h3#trackback-top,
h3#trackback-url { width: 541px;
                   height: 53px;
                   margin: 0;
                   font-size: 16px;
                   font-weight: bold;
                   background: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/dot541x53p-teal.gif") top left no-repeat;
                   margin: 0;
                   padding: 19px 25px 0; }

html>body h3#comment-top { font-size: 14px; }
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ */


/*--- コメント・トラックバックの個別タイトル ---*/

h4.comment-header,
h4.trackback-header { margin: 0px;
                      padding: 10px 25px;
                      font-size: 14px;
                      font-weight: bold; }

h4.trackback-header a { font-size: 14px;
                        font-weight: bold; }


/* ------コメント本文・トラックバックの概要------ */

div.comment-body,
div.trackback-excerpt { margin: 0px;
                        padding: 10px 25px;
                        font-size: 12px;
                        line-height: 150%; }

html>body div.comment-body,
          div.trackback-excerpt { font-size: 12px;
                                  line-height: 150%; }
/*--- Opera、Firefoxなど比較的新しいブラウザでの文字サイズ ---*/


/*--- トラックバックURLの余白と文字の大きさ ---*/

p.trackback-url { margin-bottom: 10px;
                  padding: 10px 25px 5px;
                  text-align: left;
                  font-size: 12px; }

p.trackback-fc2 { margin-bottom: 10px;
                  padding: 5px 25px 15px;
                  text-align: left;
                  font-size: 12px; }

p.trackback-fc2 a,
p.trackback-url li { display: inline;
                     list-style-type: none; }


/* ------コメントフッター・トラックバックフッターの余白と仕切り線の色------ */

div.section-b ul.comment-footer,
div.trackback-footer { margin: 0 10px 10px;
                       padding: 10px 0;
                       text-align: right;
                       font-size: 11px;
                       border-bottom: 1px dashed #666; }

div.section-b ul.comment-footer li,
div.trackback-footer a { display: inline;
                         list-style-type: none; }


/* プラグイン３の設定
------------------------------------------------------------*/

/*--- プラグイン３の間隔 ---*/

div.section3 { width: 541px;
               margin-bottom: 25px; }

/*--- プラグイン３の見出し文字の大きさ・余白 ---*/

div#master-column h2.plugin_area {
                           width: 541px;
                           height: 38px;
		         margin-bottom: 10px;
		         padding: 11px 25px 0;
                           background : url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/dot541x38p-teal2.gif") top left no-repeat;
                           text-align: left;
		         font-size: 14px;
		         font-weight: bold;
		         color: #fff; }

html>body div#master-column h2.plugin_area { font-size: 14px; }	
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ */


/*--- プラグイン３コンテンツ文字の位置・大きさ・余白・行間 ---*/

div.entry-body2 { margin: 0px;
                  padding: 0px 25px 10px;
                  line-height: 150%; }

html>body div.entry-body2 { line-height: 150%; }
/* Opera、Firefoxなど比較的新しいブラウザでの行間 */

/*--- プラグイン３コンテンツのリストマーク ---*/

div.entry-body2 ul { margin-left: 0px;
                     padding: 0px;
                     list-style: none; }

div.entry-body2 li { margin: 0px;
		   padding-left: 20px;
		   background-image: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/jewel_05_11px-teal.gif");
		   background-repeat: no-repeat;
		   background-position: 0px 4px;
                     line-height: 160%; }


/* slave-column（アーカイブ等）内の詳しい設定
------------------------------------------------------------ */

/*--- プラグイン無効時のアーカイブ等の余白 ---*/

div.section2 { margin-bottom: 15px;
               padding-bottom: 10px; }

div.section2b { margin-bottom: 15px;
                padding-bottom: 15px; }
/* プラグイン無効時のカレンダー部分の余白 */


/*--- プラグイン無効時のアーカイブ見出文字色・サイズ・位置・余白 ---*/

div#slave-column h2 {
                  background: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/dot201x33-222x-teal.gif") top left no-repeat;
		width: 201px;
		height: 33px;
		margin-bottom: 0.3em;
		padding-top: 8px;
		font-size: 12px;
                  text-align: center;
		font-weight: bold;
		color: #fff; }

html>body div#slave-column h2 { font-size : 12px; }
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ */


/*--- アーカイブのリスト文字・アイコン位置 ---*/

div#slave-column ul{ margin-bottom: 3px;
                     padding-bottom: 0px;
                     list-style: none; }

div#slave-column li{ margin-bottom: 6px;
                     padding-left: 27px;
                     font-size: 10px;
                     background-image: url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/jewel_05_11px-teal.gif");
                     background-repeat: no-repeat;
                     background-position: 10px 2px;
                     line-height: 160%; }

/*--- プラグイン有効時のアーカイブ見出し文字の大きさ・余白 ---*/

div#slave-column h2.plugin_area { background : url("http://blog-imgs-31.fc2.com/e/m/e/emeraldmountain/dot201x33-222x-teal.gif") top left no-repeat;
		width: 201px;
		height: 33px;
		margin: 0px;
		padding: 8px 3px 0 15px;
                  text-align: left;
		font-size: 12px;
		font-weight: bold;
		color: #fff; }

html>body div#slave-column h2.plugin_area { font-size: 12px; }	
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ */


/*--- プラグインコンテンツ文字の位置・大きさ・余白・行間 ---*/

.plugin_content { margin: 0px;
                  padding-bottom: 0.7em;
                  font-size: 10px;
                  line-height: 160%; }

html>body .plugin_content { font-size: 10px;
                            line-height: 160%; }
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズ・行間 */


/* --- プロフィール画像の余白・表示位置（プラグイン無効・有効時共通）--- */

.author-image img,
.plugin-myimage img { display: block;
		    margin: 0 0 15px;
                      text-align: center; }

html>body .author-image img,
          .plugin-myimage img { display: block;
		              margin: 0 auto 15px; }
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */


/*--- 検索窓の周囲の余白と表示位置 ---*/

div#slave-column .mado { margin: 0px 0 5px 0;
                         text-align: center; }

html>body div#slave-column .mado { margin: 0px auto 5px auto; }
/* Opera、Firefoxなど比較的新しいブラウザでの表示位置*/


/*--- 検索窓・各種フォーム等の配色 ---*/

textarea, input, select { color: #fffafa;
                          background-color: #222;
                          border-width: 1px 1px 2px;
                          border-style: solid;
                          border-color: #777 #444 #333 #666; }


/* カレンダー部分の詳しい設定
------------------------------------------------------------ */

/*--- カレンダー表示用のテーブル設定 ---*/

table.calender { width: 90%;
                 font-size: 10px;
                 border-collapse: separate;
                 text-align: center;
                 table-layout: fixed;
                 line-height: 140%; }

html>body table.calender { font-size: 10px;
                           margin: 0 auto;
                           table-layout: fixed; }
/* Opera、Firefoxなど比較的新しいブラウザでの文字サイズと表示位置 */


/*--- カレンダー見出（前月・当月・次月のリンク部分）---*/

.calender caption { border: 1px solid #333;
                    text-align: center;
                    line-height: 140%;
                    background-color: #111; }

html>body .calender caption { border: 1px solid #333;
                              margin: 0 auto; }
/* Opera、Firefoxなど比較的新しいブラウザでの線種類と表示位置 */


/*--- カレンダーのセル見出（曜日表示部分）---*/

.calender th { padding-top: 0.3em;
               text-align: center;
               font-weight: bold; }


/*--- カレンダーのセル部分（日付表示部分）---*/

.calender td { padding: 0px;
               border: 1px solid #333;
               text-align: center;
               line-height: 150%;
               background-color: #111;}


/*--- カレンダーリンク部分（記事を書いた日）---*/

.calender td a { display: block;
                 color: #fff;
                 background-color: #009595;
                 font-weight: bold; }

.calender td a:hover { display: block;
                       color: #009595;
                       background-color: #333;
                       font-weight: bold; }


/*--- 日曜日の色指定 ---*/

th#sun,
th.sun { color: #ff0080; }

/*--- 土曜日の色指定 ---*/

th#sat,
th.sat { color: #00ffff; }



/* footer（広告・著作権表示）内の詳しい設定
------------------------------------------------------------*/

/*--- 文字位置・行間・大きさ ---*/

div#ads { margin-top: 5px;
          padding: 0px;
          font-size: 10px;
          line-height: 150%;
          color: #eee; }

div#ads a { margin-top: 5px;
            padding: 0px;
            font-size: 10px;
            color: #eee; }

div#ads a:hover{ color: #009595;
                 background-color: #222; }



/* 文字の装飾などの設定
------------------------------------------------------------ */

/*--- 一般的な文字の装飾 ---*/

i { font-style : italic; } /*斜線*/

b { font-weight : bold; } /*太字*/

s { text-decoration : line-through; } /*打ち消し線付き文字*/

u { text-decoration : underline; } /*下線付き文字*/

em, strong { font-weight : bold; } /*強調*/


/*--- 下付き・上付き文字 ---*/

sub { vertical-align : bottom; }
sup { vertical-align : top; }


/*--- 絵文字 ---*/

.emoji{ background: none;
        vertical-align: middle;
        border: 0; }


/*--- 略語・頭字語を表示 ---*/

abbr, acronym {
	border-bottom : 1px dotted;
	cursor : help; }


/*--- 長い文章の引用（枠線で囲む） ---*/

blockquote { width : auto;
	    _width : 100%;
	    margin : 1em 0;
	    padding : 5px 0 5px 10px;
	    border : 1px solid #ccc;
            background-color: #222; }

blockquote[title]:after { display : block;
                          margin-bottom : 1em;
                          content : "\30fb  " attr(title) "  \5f15 \7528 \5143 "; }

blockquote p,
blockquote dl,
blockquote ul,
blockquote ol { margin : 0.5em; }


/*--- プログラムなどコンピュータのソースコードを表示 ---*/

code { font-family : monospace;
       text-indent : 0;
       line-height : 1.0; }

/*--- HTML文書内の空白・改行をそのまま表示 ---*/

pre { width : auto;
      _width : 100%;
      margin : 1em 0;
      padding : 5px 0 5px 10px;
      border : 1px solid #ccc;
      overflow : auto;
      _overflow : scroll;
      background-color: #222; }

/*----- プログラムやスクリプトの出力結果を表示 -----*/

samp { font-family : monospace; }


/* Mac版IEの文字化け対策
------------------------------------------------------------ */
/* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */

textarea,input,select { font-family: "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif; }