@charset "UTF-8";

/*****************************************************************************
* Cat Cafe ブログテンプレートのボックス構造　（HTMLのbody内です）
*
* <div id=Wrapper> ←全体を中央に寄せたいときなどに使うボックス
* 
*　　<div id=Header> ブログのタイトルと概要 </div>
*                                                                                                        
*　　<div id=ContentWrap> ←コンテンツ部分を囲む　大きな背景画像を使い時の為の予備ボックス
*
*　　　　<div id=MainContents> ←ブログ記事本文などのメインコンテンツのボックス
*　　　　　　<div class=breadcrumb> ←現在地を示すパンくずリスト
*　　　　　　<div class=content> ←ブログ記事が表示されるボックス
*　　　　</div> ←MainContents終了
*
*　　　　<div id=LocalNavi> サイドバーに表示されるナビゲーションメニューのボックス </div>
*
*　　</div> ←ContentWrap終了
*
*　　<div id=Footer> コピーライトやアクセス解析などの入ったフッターのボックス </div>
*
* </div> ←Wrapper終了
********************************************************************************/



/********************************************
 *　　　　　スタイルシート　始まり　　　　                      　*
 *********************************************/

/* 全ての要素に適応されるスタイル。　文字サイズ・行間・書体・余白はナシ。 */
* {
   margin:0; padding:0;
   font:normal normal normal small/1.5em "Verdana","Arial","MS Sans Serif","Osaka-等倍","ＭＳ Ｐゴシック",sans-serif;
}


/* ---------- body_start---------- */

/* text-align:center;はIE5用のセンタリング指定。　何も指定しなかった場合の背景色と文字色。 */
body {
   text-align:center; color:#000; background:#fff;
   cursor:url("/catcafe/css/a-style.ani"),default;
}

a{
   cursor:url("/catcafe/css/a-link.ani"),pointer;
}

.a{
   cursor:url("/catcafe/css/a-link2.ani"),help;
}

a:link{
   text-decoration:none; color:#00f;
}

a:visited{
   text-decoration:none; color:#60c;
}

a:hover{
   text-decoration:none; color:#f00;
}

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

strong{/* より強い強調 */
   font-weight:bold; background:#dadada;
}

ol, ul{
 list-style:inside;
}

/* ---------- body_end ---------- */



/* ---------- Wrapper_start ---------- */

/* text-align:left;で文字を左寄せに戻す。　margin:0 auto;で#Wrapparをセンタリング。 */
#Wrapper{
   position:relative; text-align:left; width:760px; margin:0 auto;
}

/* ---------- Wrapper_end ---------- */



/* ---------- Header_start ---------- */

/* ブログタイトルやブログ概要を格納したボックス 。ヘッダー画像を変える場合はここを差し替える。横幅は760px（Wrapperの横幅を継承） */
#Header{
    background:url("header.gif") repeat-x bottom left #000; height:200px;
}

/* ブログタイトル */

#Header h1{
   padding:28px 0 0 38px; position:relative;
}

#Header h1 a{
   font-size:26px; color:#f00; font-weight:bold; width:700px; height:170px; display:block;
}

#Header h1 a:link{
   text-decoration:none;
}

#Header h1 a:hover{
   text-decoration:underline;
}

/* ブログ概要 */
#Header h2{
   color:#fff; padding-left:30px; position:absolute; top:70px;
}

/* ---------- Header_end ---------- */



/* ---------- ContentWrap_start---------- */

/* コンテンツ部全体に背景画像を指定したい場合のみ使用のボックス。
 floatを指定するのはFireFoxに背景を表示させる為。 */
#ContentWrap{

}

/* ---------- ContentWrap_end ---------- */



/* ---------- MainContents_start ---------- */

/* メインコンテンツとなるボックス。
　overflow:hidden; はメインコンテンツコンテンツボックスからはみものあった場合、はみ出る部分は表示しない設定。
　float:right; を指定すればコンテンツが右。float:left; を指定すればコンテンツが左。 */
#MainContents{
   overflow:hidden; width:550px; float:left;
}

/* 現在地・前の記事次の記事・これ以前の記事はサイドメニューよりどうぞなどのパンくずリスト */
.breadcrumb{
   color:#777;
}

.breadcrumb a{
   color:#333;
}

/* [現在地]という表記 */
.breadcrumb span{
   color:#777;
}

/* 現在地までの→（矢印） */
.breadcrumb strong{
   font-weight:bolder; color:#777; margin:0 2px;
}

/* ブログ記事が表示されるコンテンツボックス
overflow:auto; はコンテンツコンテンツボックスからはみ出るほど大きな画像などがあった場合、
スクロールバーを表示させる指定。 */
.content{
   margin:10px 0 50px; background:url("content.gif") repeat-y;
   border-top:10px solid #000; border-bottom:1px solid #000; padding:0 15px;
}

/* ブログ記事の段落（<p>タグ）と段落のスペース */
.content p, .content dl{
   margin-bottom:1em;
}

/* コンテンツボックス内の画像。float:left; で画像が左寄せに。Float:right;で画像が右寄せに。 */
.content img{
   border:0; padding-right:10px;
}

/* ブログ記事のタイトルは自動でh3タグに囲まれます。
　記事本文中でも見出しをつけたいときは、h4タグで囲みます。 */
.content h3, .content h3 a, .content h4, .content h4 a{
   margin:15px 0; font-size:18px; clear:both; font-weight:bold; letter-spacing:5px;
}

/* 投稿者名・投稿日時・コメントなどのエントリー情報と、投稿時にタグを指定した場合に表示されるもの。
　画像に回り込みの指定をした場合は必ずここで、clear:both; を指定して回り込みを解除します。 */
ul.entry-info, ul.entry-tag{
   text-align:right; list-style-type:none;
   margin:1.5em auto; clear:both;
}

/* エントリー情報、タグ情報。display:inlene;でリストが横並びになります。 */
ul.entry-info li, ul.entry-tag li{
   display:inline; margin:0 3px; padding-left:8px; border-left:1px solid #000;
}

/* １つの記事が終わった下に表示される「▲ページトップ」の部分。 */
.content p.pagetop, .content p.pagetop a{
   clear:both; margin-top:2em; text-align:right;
}

/* ブログコメントの「投稿する」「プレビュー」ボタン */
.content input.button{
   line-height:normal; background-color:#eee; border:2px outset #fcfcfc; color:#333;
   margin-bottom:1em;
}

/* ブログコメントの「投稿する」「プレビュー」ボタンにマウスが乗った時 */
.content input.click{
   line-height:normal; background-color:#999; border:2px inset #fcfcfc; color:#fff;
   margin-bottom:1em;
}

/* blockquoteに囲まれた引用文を使うとき */
.content blockquote{
   margin:0 1em; padding:0.5em; border:3px double #000; background:#eee;
}

.content fieldset{
   width:97%; margin:0 auto; border:none;
}

.content fieldset legend{
   margin:10px; border:none;
}

dl.CommentForm dt, dl.CommentForm dd{
   font-size:12px;line-height:20px;
}

.content fieldset dl{
   width:97%;
}

/* ブログコメントエリア */
.content fieldset textarea{
   width:97%; font-size:12px;line-height:20px;
}

/* ---------- MainContents_end ---------- */



/* ---------- LocalNavi_start ---------- */

/* overflow はサイドバーからはみ出るものの表示法の指定。大きな画像や区切りのない半角英数文字(URLなど)。
　float:left; でサイドバーが左。float:right;でサイドバーが右。 */
#LocalNavi{
   float:right; background:url("lnavi.gif") repeat-y; overflow:hidden;
   width:180px; margin:30px 0 0; padding:0 10px 5px;
   border-top:1px solid #000; border-bottom:1px solid #000;
}

/* サイドバーのタイトル部分 */
#LocalNavi h4{
   background:#ccc; margin:20px 0 10px; padding-left:16px; border-left:12px solid #000; font-weight:bold;
}

/* サイドバーのdlリストdt部分。サイドバーの画像や文章。 */
#LocalNavi dt, #LocalNavi p, #LocalNavi img{
   margin-top:10px;
}

/* サイドバーのdlリストdd部分 */
#LocalNavi dd{
   padding-left:17px; background:url("list.gif") no-repeat top left;
}

/* 年月アーカイブのみの特別指定 */
#LocalNavi dl.YMarchive dt{
    clear:left;
}

#LocalNavi dl.YMarchive dd, #LocalNavi dl.YMarchive dd a, #LocalNavi dl.YMarchive dd a:link,
#LocalNavi dl.YMarchive dd a:visited, #LocalNavi dl.YMarchive dd a:hover{
    float:left; margin-left:0; width:33px; text-align:right; padding:0 2px; background:#fff;
}

/* ---------- LocalNavi_end ---------- */



/* ---------- Footer_start ---------- */

/* width:100%;はIEのバグ対策。コンテンツとサイドバーのfloatをここで解除。 */
#Footer{
   clear:both; border-top:1px solid #000; margin:10px 0;
   width:760px; text-align:center; width:100%;
}

/* フッター内のリストマークをlist-style-type:none;で消しています。 */
#Footer ul{
   list-style-type:none;
}

/* ---------- Footer_end ---------- */