@charset "EUC-JP";


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

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

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


/*--- スクロールバーの設定(IEのみ有効）---*/

html { scrollbar-track-color: #f5fff5;
       scrollbar-face-color: #fff;
       scrollbar-arrow-color: #0c9;
       scrollbar-3dlight-color: #eee;
       scrollbar-darkshadow-color: #bbb;
       scrollbar-highlight-color: #ccc;
       scrollbar-shadow-color: #ddd; }


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

body { color: #505050;
       background-image: url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/fence1ar_s2b_w2l2gr0.gif");
       background-color: #f3fff3;
       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: #0c9; }

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

a:hover { color: #096;
          background-color: #cfc; }

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

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

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

li { color: #505050; }

li a { color: #505050; }

li a:hover { color: #096;
             background-color: #cfc; }

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

h2, h3 { color: #505050; }

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


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

textarea, input, select { color: #505050;
                          background-color: #fff;
                          border-width: 1px;
                          border-style: solid;
                          border-color: #ddd #bbb #999 #ddd; }



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

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

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

div#wrapper-2 { width: 616px;
                float: left;
                margin: 0; }
	

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

div#header { width: 800px;
             height: 130px;
             margin: 0px auto;
             padding: 0px;
             text-align: center; }

html>body div#header { margin: 0px auto; }


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

div.column { margin : 0; }


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

div#first-column { width :432px;
                   float: right;
                   margin: 0;
                   padding: 0; }

html>body div#first-column { width:432px;
                             margin: 0; }
/* Opera、Firefoxなど、比較的新しいブラウザでのfirst-column幅と位置 */


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

div#second-column { width: 162px;
                    float: left;
                    margin: 0;
                    padding: 0; }

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


/*--- third-column（最近のコメント・リンク集等）全体の
位置・幅・余白の設定 ---*/

div#third-column { width: 162px;
                   float: right;
                   margin: 0;
                   padding: 0; }

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


/*--- footerの幅・高さ・背景色・画像位置の設定 ---*/

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

html>body div#footer { margin: 0px auto; }


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

/*--- タイトル文字サイズ・リンク色設定 ---*/

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

div#header h1 a:hover { text-decoration : none;
                        color: #096;
                        background-color: #cfc; }


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


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

.site-tittle { margin : 0px;
               padding:10px 10px 0px;
               color: #505050;
               text-align : left; }


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

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

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


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

.admin_1 { text-align: right;
           margin-left: 0px;
           padding: 7px 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: #090;
                   background-color: #cfc; }

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


/* first-column（本文記事）内の詳しい設定
------------------------------------------------------------ */

/*---ページ移動用ナビの文字位置・枠線種・枠と枠の間隔 ---*/

p.prev-next-navi { margin-bottom: 50px;
                   text-align: center;
                   background-color: #fff;
                   border-width: 1px;
                   border-style: solid;
                   border-color: #ddd #bbb #999 #ddd;
                   font-size: 10px; }


/*--- 記事・コメントなどの外枠線種・枠と枠の間隔 ---*/

div.section { margin-bottom: 50px;
              background-color: #fff;
              border-width: 1px;
              border-style: solid;
              border-color: #ddd #bbb #999 #ddd; }


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

div#first-column h2.entry-header { 
                 width: 430px;
                 background: url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/f430x13_bar01_666.gif") bottom left no-repeat;
                 margin: 0px;
                 padding: 10px 25px 16px;
                 font-size: 14px;
                 font-weight: bold;
                 line-height: 140%; }

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


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

div#first-column h2.entry-header a
                 { text-decoration: none;
                   font-size: 14px;
                   font-weight: bold;
                   color: #505050; }

div#first-column h2.entry-header a:hover
                 { text-decoration: none;
                   color: #090;
                   background-color: #cfc; }


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

div.entry-header2 {  margin: 5px 10px 0 0;
                     text-align: right;
                     font-size: 10px;
                     color: #666; }


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

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


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

p.entry-more { padding: 10px 0; }



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

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

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

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

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

.entry-body ul li { margin: 0;
               padding-left: 1.5em;
               font-size : 12px;
               background-image: url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/butterfly_666.gif");
               background-repeat: no-repeat;
               background-position: 0em 4px;
               line-height: 150%;
               color: #505050; }


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

div.section ul.entry-footer { margin: 0 10px;
                              padding: 10px 0px;
                              text-align: right;
                              border-top: 1px solid #ccc;
                              font-size: 10px; }

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



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

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

	div#first-column form { padding: 10px; }

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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


/*--- コメント・トラックバック（見出し）の色・文字の大きさ・余白 ---*/

h3#comment-top,
h3.comment-post,
h3.comment-edit,
h3#trackback-top,
h3#trackback-url { width: 430px;
                   margin: 0px;
                   padding: 10px 25px 16px;
                   background: url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/f430x13_bar01_666.gif") bottom left no-repeat;
                   font-size: 14px;
                   font-weight: bold;
                   line-height: 140%; }

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



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

/*--- プラグイン「third」のリスト文字・アイコン位置 ---*/

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

.plugin_content2 li { margin: 0;
               padding-left: 1.5em;
               font-size : 12px;
               background-image: url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/butterfly_666.gif");
               background-repeat: no-repeat;
               background-position: 0em 4px;
               line-height: 150%; }


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

h2.plugin_area { background : url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/f430x13_bar01s_666.gif") bottom left no-repeat; 
                 width: 430px;
                 margin-bottom: 10px;
                 padding: 8px 25px 10px;
                 text-align: left;
                 font-size: 13px;
                 font-weight: bold;
                 color: #505050;
                 line-height: 140%; }

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


/*--- プラグイン「third」コンテンツ文字の枠内余白 ---*/

.plugin_content2 { margin: 0px;
                 padding: 0px 25px 15px;
                 font-size: 11px;
                 line-height: 150%; }

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



/* second-columnとthird-column内の詳しい設定
------------------------------------------------------------ */

/*--- プラグイン無効時のアーカイブ・リンク集等の外枠線種 ---*/

div.section2 { margin-bottom: 15px;
               padding: 0px;
               background-color: #fff;
               border-width: 1px;
               border-style: solid;
               border-color: #ddd #bbb #999 #ddd; }

div.section2b { margin-bottom: 15px;
                padding-bottom: 15px;
                background-color: #fff;
                border-width: 1px;
                border-style: solid;
                border-color: #ddd #bbb #999 #ddd; }
/* プラグイン無効時のカレンダー部分の外枠線種と余白 */


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

div#second-column h2,
div#third-column h2 {
                  background: url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/f160x13_bar01_666.gif") bottom left no-repeat; 
		width : 160px;
		margin-bottom: 10px;
		padding: 8px 0px 12px;
		font-size : 12px;
                text-align: center;
		font-weight: bold;
		color: #505050; }

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


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

div#second-column ul,
div#third-column ul{ margin-bottom: 0,3em;
                     padding-bottom: 0px;
                     list-style: none; }

div#second-column li,
div#third-column li { margin-bottom: 0.6em;
		    padding-left: 2.5em;
		    font-size : 10px;
		    background-image: url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/butterfly_666.gif");
		    background-repeat: no-repeat;
		    background-position: 0.5em 4px;
                      line-height: 160%; }


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

div#second-column h2.plugin_area,
div#third-column h2.plugin_area {
                  background : url("http://blog-imgs-29-origin.fc2.com/e/m/e/emeraldmountain/f160x13_bar01_666.gif") bottom left no-repeat;
                  width : 160px;
                  margin-bottom: 0px;
                  padding: 0px 20px 12px;
                  text-align: left;
                  font-size: 12px;
                  font-weight: bold;
                  color: #505050; }

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


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

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

html>body div.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#second-column .mado,
div#third-column .mado { margin: 0 0 5px 0;
                         text-align: center; }

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



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

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

table.calender { width: 90%;
                 font-size: 10px;
                 background-color: transparent;
                 border-collapse: separate;
                 text-align: center;
                 table-layout: fixed; }

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


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

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

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


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

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


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

.calender td { padding: 0px;
               background-color: #fff;
               border: 1px solid #ddd;
               text-align: center;
               line-height: 140%; }


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

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

.calender td a:hover { color: #096;
                       background-color: #cfc;
                       font-weight: bold; }


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

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

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

th#sat,
th.sat { color: #09f; }


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

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

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

div#ads a { padding : 0px;
            font-size : 10px;
            color : #505050; }

div#ads a:hover{ color: #096;
                 background-color: #cfc; }



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

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

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; }

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; }


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

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

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

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

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

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; }