@charset "euc-jp";
/*────────────────────────────────────────
 ■■□　TEMPLATE INFORMATION　　「テンプレート情報」
─────────────────────────────────────────
        Title   : suspire
        Author  : rimse
        Blog    : Nefert   （ http://rimse.blog73.fc2.com/ ）
        Check   : InternetExplorer 6
                  InternetExplorer 7
                  FireFox 2.0
                  Opera 9.25
                  Safari3 (パブリックベータ)
        update  : [HTML] 2008/05/01
                  [CSS]  2008/07/05
    
    テンプレートに関する質問・要望・不具合報告等は作者ブログにて受け付けています。
    感想なども頂けるとありがたいです！お気軽にどうぞ。
    
    ----
    
    この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。
    （ http://creativecommons.org/licenses/by-sa/3.0/ ）

    あなたは以下の条件に従う場合に限り、自由に
    * 本作品を複製、頒布、展示、実演することができます。
    * 二次的著作物を作成することができます。
    
    あなたの従うべき条件は以下の通りです。
    * 表示. 
        あなたは原著作者のクレジットを表示しなければなりません。
    * 継承. 
        もしあなたがこの作品を改変、変形または加工した場合、
        あなたはその結果生じた作品をこの作品と同一の許諾条件の下でのみ
        頒布することができます。
        
    ----
    
    使用している画像の原著作者は以下の通りです。
    タイトル    : d'n'c 
                  http://www.flickr.com/photos/fukagawa/166632865/
    背景        : ShippoShappo
                  http://kaz.fount-k.com/
────────────────────────────────────────*/


/*────────────────────────────────────────
 ■ デフォルトスタイルの再設定
────────────────────────────────────────*/
body, div, dl, dt, dd, ul, ol, li,
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 {
    margin          : 0;
    padding         : 0;
    font-size       : 100%;
    font-weight     : normal;
}
strong, 
b {
    font-weight     : bold;
}
blockquote {
    margin          : 1em 2em;
    padding         : 0.5em;
    border          : 1px dashed #999;
}
em,
i, 
cite,
dfn,
var {
    font-style      : italic;
}
u {
    text-decoration : underline;
}
s,
strike {
    text-decoration : line-through;
}
pre {
    margin          : 0.5em 0;
    font-family     : "Osaka-等幅" ,"Lucida Console" ,monospace;
    white-space     : pre;
}
code {
    font-family     : "Osaka-等幅" ,"Lucida Console" ,monospace;
}
ul,
ol {
    margin          : 1em 0;
    padding-left    : 40px;
}
li {
    margin          : 0;
}
p {
    margin          : 1em 0;
}

/*────────────────────────────────────────
 ■ リンク用設定
        リンクの文字色などの設定を行います。
────────────────────────────────────────*/
a, 
a[name]:hover {
    color           : #444;
    text-decoration : none;
}
a:link {
    color           : #765;
    text-decoration : underline;
}
a:visited {
    color           : #765;
    text-decoration : underline;
}
a:hover {
    color           : #ba9;
    text-decoration : underline;
}
#sub a:link  {
    color           : #666;
}
#sub a:visited  {
    color           : #888;
}
#sub a:hover {
    color           : #ba9;
}
a.tagword:link,
a.tagword:visited {
    border-bottom   : 1px dotted #999;
    color           : #555;
    text-decoration : none;
}
a.tagword:hover {
    background-color    : #eee;
    color           : #555;
    text-decoration : none;
}

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

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

    /* for IE5 */
    text-align      : left;
}
* html #wrapper {
    width : expression(
                (document.documentElement.clientWidth > 800)? "800px" :
                (document.documentElement.clientWidth < 500)? "500px" :
                "auto"
            );
    /* for IE */
    *height         : 1%;
}
#page {
    width           : 100%;
}

/*────────────────────────────────────────
 ■ ヘッダー部の設定
        タイトル・ブログの紹介を含む部分の設定です。
────────────────────────────────────────*/
#header {
    width           : 100%;
    padding         : 50px 0 0 0;
    background-color    : #fff;
    background-image    : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/suspire_title.jpg");
    background-repeat   : no-repeat;
    background-position : right top;
    color           : #765;
}
.header-container{
    padding         : 0 0 0 80px;
    background-image    : url(http://blog-imgs-26.fc2.com/r/i/m/rimse/suspire_title_effect.gif);
    background-repeat   : no-repeat;
    background-position : left 30px;
    height          : 200px;
}

#title h1 {
    margin          : 0;
    padding-top     : 100px;
    font-size       : 180%;
    font-weight     : normal;
    line-height     : 1;
}
#title h1 a:link, 
#title h1 a:visited, 
#title h1 a:hover {
    text-decoration : none;
}
#subtitle {
    font-size       : 50%;
    font-weight     : normal;
    line-height     : 100%;
}
#introduction {
    margin          : 0 240px 0 0;
}
#introduction p {
    font-size       : 95%;
    margin          : 0;
    font-weight     : normal;
}

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

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

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

/*────────────────────────────────────────
 ■ エントリータイトル部の設定
────────────────────────────────────────*/
h2.entry-title {
    margin          : 0;
    font-size       : 120%;
    font-weight     : bold;
    background-image    : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/border-x.gif");
    background-repeat   : repeat-x;
    background-position : left center;
    border-left     : 5px solid #a98;
    padding         : 0.5em 0;
    line-height     : 1;
}
h2.entry-title a {
    background-color    : #fff;
    padding         : 0 0.5em;
}

h2.entry-title a:link, 
h2.entry-title a:visited {
    color           : #666;
    text-decoration : none;
}

h2.entry-title a:hover {
    color           : #ba9;
    text-decoration : none;
}
/*────────────────────────────────────────
 ■ エントリーの日付表示の設定
────────────────────────────────────────*/
p.entry-time {
    text-align      : right;
    margin          : 0 0 0.5em;
    padding         : 0.2em;
    font-size       : 100%;
    font-weight     : normal;
    line-height     : 1;
}

/*────────────────────────────────────────
 ■ エントリーの本文の設定
────────────────────────────────────────*/
div.entry-body {
    margin          : 0 0 0 2em;
}
div.entry-body-container {
    width           : 100%;
    overflow        : auto;
    padding-bottom  : 25px;

    /* for IE */
    *overflow-x     : auto;
    *overflow-y     : hidden;
}
div.entry-more {
    margin-top      : 1em;
}

div.entry-body dd {
    padding-left    : 40px;
    margin          : 0;
}
/*────────────────────────────────────────
 ■ エントリーのフッタ部の設定
────────────────────────────────────────*/
div.entry-footer {
    margin          : 0.5em 1em 0 1em;
    clear           : both;
}
dl.entry-tag {
    padding         : 0.5em;
    border          : 1px solid #ccc;

    /* for IE */
    *height         : 1%;
}
dl.entry-tag dt {
    display         : none;
}
dl.entry-thread dt {
    margin-top      : 0.5em;
    display         : block;
    font-weight     : bold;
}
dl.entry-tag dd {
    display         : inline;
    margin          : 0 0.5em;
}
dl.entry-thread dd {
    display         : inline;
    margin          : 0 0.5em;
}
dl.entry-info {
    margin-top      : 0.5em;
    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 {
    padding         : 1em 1em 1.5em;
}
div.comment .comment-container, 
div.trackback .trackback-container {
    width           : 100%;
}

/*────────────────────────────────────────
 ■ コメント・トラックバック部の見出しの設定
────────────────────────────────────────*/
div.comment h3, 
div.trackback h3, 
div.edit-comment h2 {
    margin          : 1em 0;
    padding         : 0.5em;
    border-left     : 5px solid #ba9;
    font-size       : 100%;
    font-weight     : bold;
}
/*────────────────────────────────────────
 ■ コメントの表示設定
        .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;
}
@media screen {/* この中をMacIEは無視する */
div.comment-body p{
    overflow        : auto;

    /* for IE */
    *overflow-x     : auto;
    *overflow-y     : hidden;
    *padding-bottom : 25px;
}
}

div.comment-footer p{
    margin          : 0.5em 0 1em;
    text-align      : right;
    color           : #777;
    font-size       : 95%;
}
div.comment-footer a:link,
div.comment-footer a:visited,
div.comment-footer a:hover {
    color           : #777;
}
/*────────────────────────────────────────
 ■ コメント投稿フォームの設定
────────────────────────────────────────*/
.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;

    /* for IE6 */
    _width          : 120px;
}
.form-mail {
    width           : 85%;
    padding         : 1px;
    line-height     : 1;

    /* for IE6 */
    _width          : 300px;
}
.form-url {
    width           : 85%;
    padding         : 1px;
    line-height     : 1;

    /* for IE6 */
    _width          : 300px;
}
.form-subject {
    width           : 85%;
    padding         : 1px;
    line-height     : 1;

    /* for IE6 */
    _width          : 300px;
}
.form-pass {
    width           : 40%;
    padding         : 1px;
    line-height     : 1;

    /* for IE6 */
    _width          : 120px;
}
textarea.form-comment {
    width           : 85%;
    padding         : 1px;
    line-height     : 1;

    /* for IE6 */
    _width          : 300px;
}

/*────────────────────────────────────────
 ■ コメントの送信ボタンに関する設定
────────────────────────────────────────*/
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       : 11px;
}
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 5px;
    border-left     : 1px dotted #555;
    border-right    : 1px dotted #555;
    text-transform  : uppercase;
}

.pagelink a:link, 
.pagelink a:visited {
    color           : #666;
    text-decoration : none;
    line-height     : 2em;
    padding         : 4px 7px;
}
.pagelink a:hover {
    padding         : 3px 6px;
    border          : 1px solid #999;
    background-color    : #f5f5f5;
    color           : #444;
    text-decoration : none;
}

/*────────────────────────────────────────
 ■ サブメニュー包括要素の設定
────────────────────────────────────────*/
div#sub{
    width           : 25%;
    padding-top     : 2.5em;
    float           : left;
    background-image    : url("http://blog-imgs-26.fc2.com/r/i/m/rimse/border-y.gif");
    background-repeat   : repeat-y;
    background-position : right top;
    /* for IE5 */
    text-align      : center;
}
div#sub .sub-container {
    /* for IE5 */
    text-align      : left;
}

/*────────────────────────────────────────
 ■ 各メニューを包括する要素の設定
────────────────────────────────────────*/
div#sub .menuitem{
    margin-bottom   : 1em;
    padding         : 0 0 25px 0;
    width           : 100%;
    overflow        : auto;

    /* for IE */
    *overflow-x     : auto;
    *overflow-y     : hidden;
    *padding-bottom : 25px;
}
div#sub .menu-body{
    padding         : 0 1em 0 0;
}

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

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

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

/*────────────────────────────────────────
 ■ テーブル・カレンダー関係
────────────────────────────────────────*/
table {
    font-size       : 100%;
}
table.calender {
    width           : 95%;
    margin          : 0 auto;
}
.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:link,
.calender td a:visited {
    background-color    : #eee;
    display         : block;
}
.calender td a:hover {
    background-color    : #ccc !important;
    display         : block;
}
/*────────────────────────────────────────
 ■ IEでのバグの回避設定
────────────────────────────────────────*/
br {
    letter-spacing  : 0px;
}
/*────────────────────────────────────────
 ■ テンプレートオリジナルクラス
────────────────────────────────────────*/
hr.separator {
    display         : none;
}
.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;
}
strong.strong,
strong.strong a:link,
strong.strong a:visited {
/*
    FC2の仕様上、太字を表現する目的でstrongが使われるため、
    本来の"さらに強い強調"を示すのが難しくなっています。
    このテンプレートでは、strongにクラス名strongを与えた場合、
    アクセントカラーを使用して強調するという設定にしています。
    このスタイルを使うには、

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

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

    という記述を追加してください。
*/
    color           : #765;
    font-weight     : bold;
}