/*************************************************
ボックス #MainContents と #LocalNavi に float を指定し、ふたつのボックスを横に並べます。
ボックス #Footer には clear を指定します。

ボックス #MainContents と #LocalNavi には width を指定してあるため、これらに padding や border は指定しません。

float と margin に関して、IE6 にはやっかいなバグがあります。
左フロートしているボックスに対して左マージンを指定すると、指定値の2倍のマージンが空いてしまいます。
（ただし左フロートの前にさらに左フロートがある場合は、後の左フロートに左マージンを指定しても倍にはならない模様）
右フロートの場合も同様で、先に右フロートしたボックスの右マージンが指定値の倍になります。

#Wrapparボックスの横幅は760px。(550px+200pxに6pxの中央余白。ブラウザ横幅800pxの時、左右5pxの余白。)
#MainContentsボックス内に配置できるものの最大横幅は530px。(550pxにpadding左右10px)
#LocalNaviボックス内に配置できるものの最大横幅は180px。(200pxにpadding左右10px)
*************************************************/


/*************************************************
Cat Cafe ブログテンプレートのボックス構造　（HTMLのbody内です）

<div id=GlobalNavi> Cat Cafeのグローバルナビゲーションメニュー </div>

<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:#666; background:url("style-004-c/back.gif") repeat-y top center #3F4A20;
   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:#AED248;
}

a:visited{
   text-decoration:none; color:#89A046;
}

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


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

strong{/* より強い強調 */
   font-weight:bold; border-bottom:3px solid double;
}

ol, ul{
 list-style:inside;
}

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



/* ---------- GlobalNavi_start ---------- */

/* Cat Cafe のグローバルナビゲーション部 */
#GlobalNavi{
   width:770px; margin:0 auto; background:#3F4A20;
}

#GlobalNavi h1{
   float:left; padding-left:130px; color:#d6bdad;
}

#GlobalNavi ul{
   list-style-type:none; margin-left:320px; text-align:left;
}

#GlobalNavi ul li, #GlobalNavi ul li a{
   display:block; border:1px solid #3F4A20; display:inline; padding:0 0.5em; color:#d6bdad;
}

#GlobalNavi ul li a:hover{
   border:1px solid #fff; color:#fff; text-decoration:none;
}

#GlobalNavi ul li.Active span{
   font-weight:bold; color:#fff;
}

/* ---------- GlobalNavi_end ---------- */



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

/* position:relative;はposition:absolute;指定するものが出た場合、にここが基点となる。
　text-align:left;で文字を左寄せに戻す。　margin:0 auto;で#Wrapparをセンタリング。 */
#Wrapper{
   position:relative; text-align:left; width:760px; margin:0 auto;
}

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



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

/* ブログタイトルやブログ概要を格納したボックス */
#Header{
   background:url("style-004-c/header.gif") no-repeat top center; height:150px;
}

/* ブログタイトル */
#Header h1, #Header h1 a{
   font-size:18px; padding:40px 0 0 100px; font-weight:bold;
}

/* ブログ概要 */
#Header h2{
   padding:0 100px 0 200px;
}

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



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

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

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



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

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

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

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

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

/* ブログ記事が表示されるコンテンツボックス
overflow:auto; はコンテンツコンテンツボックスからはみ出るほど大きな画像などがあった場合、
スクロールバーを表示させる指定。 */
.content{
   margin:20px 10px 20px 0; overflow:auto;
}

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

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

/* ブログ記事のタイトルは自動でh3タグに囲まれます。
　記事本文中でも見出しをつけたいときは、h4タグで囲みます。 */
.content h3, .content h3 a, .content h4, .content h4 a{
   font-size:18px; clear:both; font-weight:bold; padding:19px 7px 0!important;padding:18px 7px 0;
   text-decoration:none; color:#000;
}

.content h3{
 background:url("style-004-c/h3.gif") no-repeat top left; height:58px;
}


/* 投稿者名・投稿日時・コメントなどのエントリー情報と、投稿時にタグを指定した場合に表示されるもの。
　画像に回り込みの指定をした場合は必ずここで、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;
}

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

input.button{
   line-height:normal; background-color:#fdf5f0; border:2px outset #fcfcfc; color:#333;
}

input.click{
   line-height:normal; background-color:#3F4A20; border:2px inset #fcfcfc; color:#fff;
}

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

.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{
   overflow:hidden;
   width:180px; float:left; padding:0 10px 0 15px;
}

/* サイドバーのタイトル部分 */
#LocalNavi h4{
   font-size:15px; margin:25px 0 0 -7px; font-weight:bold; padding-left:23px;
   background:url("style-004-c/h4.gif") no-repeat center left; color:#000;
}

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

/* サイドバーのdlリストdd部分 */
#LocalNavi dd{
   margin-left:1em;
}

/* 年月アーカイブのみの特別指定 */
#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;
}

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



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

/* width:100%;はIEのバグ対策。コンテンツとサイドバーのfloatをここで解除。 */
#Footer{
   clear:both;
   width:500px; text-align:center; margin-left:auto; padding:20px 0 5px;
}

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

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