@charset "euc-jp";
/*────────────────────────────────────────
 ■■□　TEMPLATE INFORMATION　　「テンプレート情報」
─────────────────────────────────────────
        Title   : herba
        Author  : rimse
        Blog    : Nefert   （ http://rimse.blog73.fc2.com/ ）
        Check   : InternetExplorer 6
                  InternetExplorer 7
                  FireFox 2.0
                  Opera 9.25
                  Safari3 (パブリックベータ)
        release : 2008/03/22
        update  : --
    
    テンプレートに関する質問・要望・不具合報告等は作者ブログにて受け付けています。
    感想なども頂けるとありがたいです！お気軽にどうぞ。
    なお、テンプレートのカスタマイズに関しては特に制限は設けておりません。
    ご自由に改変してお使いくださいませ。
────────────────────────────────────────*/





/*────────────────────────────────────────
 ■ デフォルトスタイルのリセット
        ブラウザ間の表示の差を最小限に減らすために、それぞれのブラウザが持つ
        固有のスタイルを以下の記述でリセットしています。
────────────────────────────────────────*/
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,th,td {
    margin          : 0;
    padding         : 0;
}
input[type="submit"],input[type="reset"],
input[type="radio"],input[type="checkbox"],
label,button {
    cursor          : pointer;
}
fieldset,img {
    border          : 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size       : 100%;
    font-weight     : normal;
}

/*────────────────────────────────────────
 ■ 一般的な要素のスタイル設定
        「デフォルトスタイルのリセット」をした後、一般的に用いられる要素に対して
        共通のスタイルを設定します。
────────────────────────────────────────*/
strong.strong ,
strong.strong a {
/*
    FC2の仕様上、太字を表現する目的でstrongが使われるため、
    本来の"さらに強い強調"を示すのが難しくなっています。
    このテンプレートでは、strongにクラス名strongを与えた場合、
    アクセントカラーを使用して強調するという設定にしています。
    このスタイルを使うには、

        1.強調する部分の直前に
            <strong class="strong">

        2.強調する部分の直後に
            </strong>

    という記述を追加してください。
*/
    color           : #7DC10B;
    font-weight     : bold;
}
strong ,
b {
    font-weight     : bold;
}
blockquote {
    margin          : 1em 2em;
    padding         : 0.5em;
    border          : 1px dashed #999;
}
em ,
i ,
cite ,
dfn {
    font-style      : italic;
}
u {
    text-decoration : underline;
}
s ,
strike {
    text-decoration : line-through;
}
pre ,
code {
    padding         : 0.5em 0;
    width           : 100%;
    font-family     : "Osaka-等幅" ,"Lucida Console" ,monospace;
    white-space     : pre;
}
pre br ,
code br {
    display         : none;
}
ul ,ol {
    margin          : 1em 0;
    padding-left    : 40px;
}
li {
    margin          : 0;
}
p {
    margin          : 1em 0;
}

/*────────────────────────────────────────
 ■ リンク用設定
        リンクの文字色などの設定を行います。
────────────────────────────────────────*/
a ,
a[name]:hover {
    color           : #444;
    background      : transparent;
    text-decoration : none;
}
a:link {
    color           : #7DC10B;
    text-decoration : underline;
}

a:visited {
    color           : #7DC10B;
    text-decoration : underline;
}

a:hover {
    color           : #A5E23F;
    text-decoration : underline;
}

a.tagword {
    text-decoration : none !important;
    border-bottom   : 1px dashed #999;
    color           : #555;
}
a.tagword:hover {
    color           : #555;
    background      : #eee;
}

#sub a:link  {
    color           : #666;
    text-decoration : underline;
}

#sub a:visited  {
    color           : #888;
    text-decoration : underline;
}

#sub a:hover {
    color           : #7DC10B;
    text-decoration : underline;
}

/*────────────────────────────────────────
 ■ ページ全体の設定
        ページ全体に適用するスタイルを設定しています。
────────────────────────────────────────*/
body {
    margin          : 0;
    padding         : 0 3.5em;
    line-height     : 1.4;
    color           : #555;
    background      : #fff url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_background.png") repeat left top;
    font-family     : "Verdana" ,"tahoma" ,"MS UI Gothic" ,"Osaka" ,sans-serif;
    font-weight     : normal;
    font-size       : 75%;
    
    /*　IE5用CSSハック　*/
    text-align      : center;
}

/*────────────────────────────────────────
 ■ ページを包括する要素の設定
        デザインの自由度を上げるためにページ全体を包括する要素が設定されています。
────────────────────────────────────────*/
#wrapper {
    border-left     : 4px solid #333;
    border-right    : 4px solid #333;
    border-bottom   : none;
    padding         : 0 1px;
    margin          : 0 auto;
    min-width       : 600px;
    max-width       : 800px;
    background      : #fff;

    /*　IE5用CSSハック　*/
    text-align      : left;
}
* html #wrapper {
    width : expression(
                (document.documentElement.clientWidth > 800)? "800px" :
                (document.documentElement.clientWidth < 600)? "600px" :
                "auto"
            );
    height : 1%;
}
#page{
    width           : 100%;
}

/*────────────────────────────────────────
 ■ ヘッダー部の設定
        タイトル・ブログの紹介を含む部分の設定です。
        
 □ カスタマイズ情報
        タイトル部の画像を変更したい場合は「.header-container」内の
        backgroundプロパティを変更してください。
────────────────────────────────────────*/
#header {
    background      : #666 url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_loading.gif") no-repeat center center;
    color           : #fff;
    width           : 100%;
}
.header-container {
    background      : url("http://blog-imgs-21.fc2.com/i/m/o/imoimo11/imabuku_top.jpg") no-repeat center top;
    width           : 100%;
}
#title {
    margin          : 0 0 185px 0;
    padding         : 0;
    background      : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_title_alpha.png") repeat center bottom;
    width           : 100%;
}

* html #title {
    /*───────────────────
        IE6用CSSハック
    ────────────────────*/
    filter          : Alpha(opacity=85);
    width           : 100%;
}
#title h1 {
    margin          : 0;
    padding         : 0.7em 0.5em 0.3em;
    font-family     : "Century Gothic", "Trebuchet MS" ,"Verdana" ,"MS UI Gothic" ,"Osaka" ,sans-serif;
    font-weight     : bold;
    font-size       : 180%;
    line-height     : 100%;
    position        : relative;
    z-index         : 2;
}
#title h1 a ,
#title h1 a{
    color           : #fff;
    text-decoration : none !important;
}
#title h1 a:hover {
    color           : #7DC10B;
    background      : url("http://blog-imgs-16.fc2.com/r/i/m/rimse/transparent.gif") repeat left top;
}
#subtitle {
    color           : #fff;
    font-size       : 70%;
    font-weight     : bold;
    line-height     : 100%;
}
#introduction {
    background      : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_title_alpha.png") repeat center top;
    display         : inline-block;
}
* html #introduction {
    /*───────────────────
        IE6用CSSハック
    ────────────────────*/
    filter      : Alpha(opacity=85);
    width       : 100%;
}
#introduction p {
    margin          : 0;
    padding         : 0.5em 0.7em;
    position        : relative;
    z-index         : 2;
    color           : #fff;
    font-weight     : normal;
    float           : right;
}
#introduction:after {
   content          : ".";
   display          : block;
   clear            : both;
   height           : 0;
   visibility       : hidden;
}
/* exlude MacIE5 \*/
* html #introduction {
   height           : 1%;
}
#introduction {
    display         : block;
}
/* end MacIE5 */

/*────────────────────────────────────────
 ■ コンテンツを包括する要素の設定
        デザインの自由度を上げるために、エントリー部（メイン）と
        プラグインを含むメニュー（サブ）を包括する要素が設定されています。
────────────────────────────────────────*/
#body{
    cleart          : both;
    padding         : 0 1em 1em;
    background      : #fff;
}
#body .body-container{
    width           : 100%;
}

/*────────────────────────────────────────
 ■ メインコンテンツを包括する要素の設定
        エントリー部（メイン）を包括する要素の設定。
────────────────────────────────────────*/
#main {
    float           : left;
    width           : 64%;
    overflow        : hidden;
    padding-top     : 1em;
    background      : #fff;
}
#main .main-container{
    width           : 100%;
}

/*────────────────────────────────────────
 ■ 個々のエントリーを包括する要素の設定
────────────────────────────────────────*/
div.entry {
    clear           : both;
    margin          : 1em 0.5em 0 0;
    padding         : 0;
}
div.entry-container{
    width           : 100%;
    position        : relative;
}

/*────────────────────────────────────────
 ■ エントリータイトル部の設定
────────────────────────────────────────*/
h2.entry-title {
    margin          : 0 5px -46px 0;
    padding         : 0;
    font-size       : 100%;
    font-weight     : bold;
}
h2.entry-title a ,
h2.entry-title a:visited {
    color           : #555;
    display         : block;
    padding         : 23px 0 46px 50px;
    margin          : 0 5px 0px 0px;
    background      : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_entrytitle.png") no-repeat left top;
    font-weight     : bold;
    text-decoration : none !important;
    line-height     : 1;
    height          : 1%;
}
h2.entry-title a:hover {
    color           : #7DC10B;
    background      : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_entrytitle.png") no-repeat left -200px;
    text-decoration : none !important;
}

/*────────────────────────────────────────
 ■ エントリーの日付表示の設定
────────────────────────────────────────*/
div.entry-time {
    position        : relative;
    left            : 75px;
    margin-right    : 75px;
}
p.entry-time {
    margin          : 0;
    padding         : 0.4em 0;
    font-size       : 95%;
    font-weight     : normal;
    line-height     : 1;
}

/*────────────────────────────────────────
 ■ エントリーの本文の設定
────────────────────────────────────────*/
div.entry-body {
    position        : relative;
    top             : 0; 
    left            : 7.5em;
    margin-right    : 7.5em;
    background      : #fff;
    background      : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_entryborder.gif") repeat-y left top;
    padding         : 0.5em 0 1em 1em;
}
div.entry-body-container {
    padding-bottom  : 1.5em;
    width           : 100%;
    overflow        : auto;
}
* html div.entry-body-container {
    overflow        : visible;
    overflow-x      : auto;
}
div.entry-more {
    margin-top      : 1em;
}

/*────────────────────────────────────────
 ■ エントリーのフッタ部の設定
        まずはフッタ部を包括する要素の設定から。
────────────────────────────────────────*/
div.entry-footer {
    margin          : 0 0 2em 8em;
}

/*────────────────────────────────────────
 ■ 「タグ」の設定
────────────────────────────────────────*/
dl.entry-tag {
    position        : absolute;
    top             : 95px;
    left            : 0;
    width           : 7em;
    overflow        : hidden;
}
dl.entry-tag dt {
    margin          : 0;
    padding         : 0 0 0.1em;
    font-weight     : bold;
    font-size       : 95%;
    line-height     : 1;
}
dl.entry-tag dd {
    padding         : 0 0 0.3em 1em;
    font-size       : 95%;
    line-height     : 1.2;
}

/*────────────────────────────────────────
 ■ 「スレッド」の設定
────────────────────────────────────────*/
dl.entry-thread dt{
    margin-top      : 0.5em;
    display         : block;
    font-weight     : bold;
}
dl.entry-thread dd{
    display         : inline;
    margin          : 0 0.5em;
}

/*────────────────────────────────────────
 ■ 「エントリー情報」の設定
        コメント、トラックバック、カテゴリを「エントリー情報」として
        まとめています。
────────────────────────────────────────*/
dl.entry-info {
    margin          : 0.5em 0;
    text-align      : right;
}
dl.entry-info dt {
    display         : none;
}
dl.entry-info dd {
    display         : inline ;
    padding         : 0 0.5em;
    border-right    : 1px solid #555;
}
dl.entry-info dd.category-info {
    display         : inline ;
    padding         : 0 0.5em;
    border-right    : none;
}

/*────────────────────────────────────────
 ■ 「FC2ブックマークボタン」の設定
────────────────────────────────────────*/
.fc2_footer {
    padding         : 1em 0 0 0;
}

/*────────────────────────────────────────
 ■ 「RDF」の非表示
────────────────────────────────────────*/
.rdf{
    display         : none;
    clear           : both;
}

/*────────────────────────────────────────
 ■ コメント・トラックバック包括要素の設定
────────────────────────────────────────*/
div.comment ,
div.trackback {
    width           : 100%;
    overflow        : hidden;
    padding-bottom  : 1.5em;
}
div.comment .comment-container ,
div.trackback .trackback-container {
    padding         : 1em;
}

/*────────────────────────────────────────
 ■ コメント・トラックバック部の見出しの設定
────────────────────────────────────────*/
div.comment h3 ,
div.trackback h3 ,
div.edit-comment h2 {
    font-size       : 100%;
    font-weight     : bold;
    margin          : 1em 0;
    padding         : 0.5em;
    border-left     : 5px solid #7DC10B;
}

/*────────────────────────────────────────
 ■ コメントの表示設定
        .comment-header ： 投稿者の名前、URL、トリップを含む要素
        .comment-title : コメントのタイトル部
        .comment-body : コメントの本文
        .comment-footer : 投稿日時、編集メニューへのリンクを含む要素
────────────────────────────────────────*/
div.view-comment ol {
    padding-left    : 32px;
}
div.comment-header p{
    margin          : 0;
}
div.comment-title {
    margin          : 0;
    padding-left    : 0.3em;
    border-left     : 0.2em solid #999;
    font-weight     : bold;
}
div.comment-title p{
    margin          : 0;
    padding-top     : 0.5em;
    padding-bottom  : 0.5em;
}
div.comment-body {
    margin          : 0;
    border-left     : 0.2em solid #ccc;
    padding-left    : 0.5em;
}
div.comment-body p{
    margin          : 0;
    width           : 100%;
    overflow        : auto;
    padding-top     : 0.1em;
    padding-bottom  : 0.3em;
}
* html div.comment-body p{
    overflow        : visible;
    overflow-x      : auto;
    padding-bottom  : 1.3em;
}

div.comment-footer p{
    margin          : 0.5em 0 1em;
    text-align      : right;
    color           : #777;
    font-size       : 95%;
}
div.comment-footer a {
    color           : #777 !important;
}
/*────────────────────────────────────────
 ■ コメント投稿フォームの設定
────────────────────────────────────────*/
.write-comment dt ,
.edit-comment dt {
    margin          : 0;
    padding         : 0;
}
.write-comment dd ,
.edit-comment dd {
    margin          : 0.2em 1em;
}
.form-name {
    width           : 40%;
    padding         : 1px;
    line-height     : 1;
}
* html .form-name{
    width           : 12em;
}
.form-mail {
    width           : 85%;
    padding         : 1px;
    line-height     : 1;
}
* html .form-mail{
    width           : 25em;
}
.form-url {
    width           : 85%;
    padding         : 1px;
    line-height     : 1;
}
* html .form-url{
    width           : 25em;
}

.form-subject {
    width           : 85%;
    padding         : 1px;
    line-height     : 1;
}* html .form-subject{
    width           : 25em;
}

.form-pass {
    width           : 40%;
    padding         : 1px;
    line-height     : 1;
}
* html .form-pass{
    width           : 12em;
}

textarea.form-comment {
    width           : 85%;
    padding         : 1px;
    line-height     : 1;
}
* html textarea.form-comment{
    width           : 25em;
}

/*────────────────────────────────────────
 ■ コメントの送信ボタンに関する設定
────────────────────────────────────────*/
ul.submit {
    list-style-type : none;
    padding-left    : 0;
}
ul.submit li {
    display         : inline;
}
ul.submit .form {
    margin          : 0 2em;
    padding         : 0.2em 1em;
}
ul.submit .edit-end {
    margin          : 0 2em;
    font-weight     : bold;
    padding         : 0.2em 1em;
}
ul.submit .edit-del {
    margin          : 0 0 0 5em;
    padding         : 0.2em 0.5em;
}

/*────────────────────────────────────────
 ■ トラックバック表示についての設定
────────────────────────────────────────*/
dd.trackback-url {
    margin          : 0.5em;
    text-decoration : underline;
    font-size       : 90%;
}
dd.trackback-list p.trackback-list-title {
    margin          : 0;
}
dd.trackback-list p.trackback-list-excerpt {
    margin          : 0 1em 1.5em;
}

/*────────────────────────────────────────
 ■ 前後のページへのナビゲーション
────────────────────────────────────────*/
dl.pagelink {
    margin          : 1em 0;
    text-align      : center;
}
dl.pagelink dt {
    display         : none;
}

dl.pagelink dd {
    display         : inline;
}

dl.pagelink dd.home {
    margin          : 0 0.3em;
    padding         : 0 0.5em;
    border-left     : 1px dotted #555;
    border-right    : 1px dotted #555;
    text-transform  : uppercase;
}

.pagelink a , .pagelink a:visited {
    color           : #666;
    text-decoration : none;
    line-height     : 2em;
    padding         : 0.2em 0.5em;
    border          : 1px dotted #fff;
}
.pagelink a:hover {
    color           : #444;
    border          : 1px solid #999;
    background      : #f5f5f5;
    text-decoration : none;
}

/*────────────────────────────────────────
 ■ サブメニュー包括要素の設定
────────────────────────────────────────*/
div#sub{
    background      : #fff url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_sub_border.png") repeat-y left top;
    width           : 35%;
    float           : right;
    text-align      : center;           /*IE5用CSSハック*/
    padding-top     : 2.5em;
}
div#sub .sub-container {
    background      : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_sub_border_end.png") no-repeat left bottom;
    padding         : 0 0 60px 1.2em;
    text-align      : left;             /*IE5用CSSハック*/
}

/*────────────────────────────────────────
 ■ 各メニューを包括する要素の設定
────────────────────────────────────────*/
div#sub .menuitem{
    background      : url("http://blog-imgs-16.fc2.com/r/i/m/rimse/transparent.gif") repeat left top;
    margin-bottom   : 1.5em;
    padding         : 0;
    width           : 100%;
    overflow        : auto;
}

/*────────────────────────────────────────
 ■ サブメニュー内タイトル
────────────────────────────────────────*/
#sub h2 {
    margin          : 0;
    padding         : 0.5em 1em 0.5em 0;
    font-size       : 100%;
    font-weight     : bold;
    background      : #fff url("http://blog-imgs-26.fc2.com/r/i/m/rimse/herba_sub_menutitle.gif") no-repeat right center;
}
#sub h2 span{
    background      : #fff;
    padding         : 0 0.3em 0 0;
}

/*────────────────────────────────────────
 ■ サブメニュー内各種要素についての設定
────────────────────────────────────────*/
#sub ul {
    padding-left    : 20px;
    list-style-type : square;
}

#sub input , 
#sub textarea {
    border          : 1px solid #999;
    margin          : 2px 0px;
}

/*────────────────────────────────────────
 ■ フッタ部設定
────────────────────────────────────────*/
#footer {
    padding         : 2em 0px 1em;
    text-align      : center;
    font-size       : 90%;
    color           : #777;
    clear           : both;
}
#footer a {
    color           : #777;
}
#footer div.ad , 
#footer p.design , 
#footer p.update {
    margin          : 0;
}

/*────────────────────────────────────────
 ■ テーブル・カレンダー関係
────────────────────────────────────────*/
table {
    font-size       : 100%;
}
table.calender {
    width           : 95%;
}
.calender td , 
.calender th {
    text-align      : center;
    border-right    : 1px solid #eee;
    border-bottom	: 1px solid #eee;
    padding         : 0px;
    line-height     : 180%;
    font-size       : 95%;
}
th {
    font-weight     : normal;
}
.calender td a {
    background      : #eee;
    display         : block;
}
.calender td a:hover {
    background      : #ccc;
}

/*────────────────────────────────────────
 ■ IEでのバグの回避設定
────────────────────────────────────────*/
br {
    letter-spacing  : 0px;
}

/*────────────────────────────────────────
 ■ テンプレートオリジナルクラス
────────────────────────────────────────*/
.entry-body img.f-left {
/*
    本文中で画像使用時、右側にテキストを回り込ませる設定。
    HTML部は、
        <img .... class="left">
    と記述してください
*/
    float       : left;
    margin      : 1em 1em 1em 0px;
}
.entry-body img.f-right {
/*
    本文中で画像使用時、左側にテキストを回り込ませる設定。
    HTML部は、
        <img .... class="right">
    と記述してください
*/
    float       : right;
    margin      : 1em 0px 1em 1em;
}
div.admin-source{
    margin          : 0 auto;
    border          : 1px solid #999;
    overflow        : auto;
    width           : 92%;
}
div.admin-source strong.strong{
    font-weight     : normal;
    text-decoration : underline;
}