@charset "UTF-8";
/*************************************************
http://www.geocities.jp/multi_column/practice/2column1.html
http://cssbug.at.infoseek.co.jp/detail/winie.html

ボックス B と C に float を指定し、ふたつのボックスを横に並べます。ボックス D には clear を指定します。
ボックスDの width:100% は IE6 のバグ対策です。
ボックス B と C の幅の合計はコンテナブロックの幅と同じにしています。
ボックス B、C には width を指定してあるため、これらに padding や border は指定しません。

float と margin に関して、IE6 にはやっかいなバグがあります。
左フロートしているボックスに対して左マージンを指定すると、指定値の2倍のマージンが空いてしまいます（ただし、左フロートの前に、さらに左フロートがある場合は、後の左フロートに左マージンを指定しても倍にはならないようです）。
右フロートの場合も同様で、先に右フロートしたボックスの右マージンが指定値の倍になります。
#MainContentsと#LocalNaviは両サイドに5pxのマージンを開けています。
*************************************************/

* {
   margin:0; padding:0;
   font:normal normal normal small "Verdana","Arial","MS Sans Serif","Osaka-等倍","ＭＳ Ｐゴシック",sans-serif;
}

html{
   scrollbar-base-color:#f8e1f9; scrollbar-arrow-color:#701e73;
}

/* ---------- body---------- */

body {
   text-align:center; color:#000; background:url("style-002-b/back.gif") #fff; color:#666;
   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, a:visited{
   color:#e746ed; text-decoration:none;
}

a:hover{
   color:#eeacf0; position:relative; top:1pt; left:1pt;
}

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

strong{/* より強い強調 */
   font-weight:bold; color:#701e73;
}

ol, ul{
 list-style:inside;
}

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

/* ---------- GlobalNavi ---------- */

#GlobalNavi{
   width:754px; margin:0 auto; padding:2px 0; background:#fff; border:1px dashed #ccc;
}

#GlobalNavi h1, #GlobalNavi h1 a{
  float:left; padding:0 40px 0 50px; font-weight:bold; color:#999;
}

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

#GlobalNavi ul li, div#GlobalNavi ul li a{
   display:block; text-decoration:none; display:inline; padding:0 10px; color:#999;
}

#GlobalNavi ul li a:hover{
   background:#eeacf0; color:#fff;
}

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

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

/* ---------- Wrapper ---------- */

#Wrapper{
   position:relative; text-align:left; width:754px; margin:5px auto; border:1px dashed #ccc; background:#fff;
}

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

/* ---------- Header ---------- */

#Header{
   position:absolute; top:30px; left:30px;
   width:400px; float:left;
}

#Header h1, h1 a{
   font-size:28px; padding:10px;
}

h2{
   font-size:15px;
}

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

/* ---------- ContentWrap---------- */

#ContentWrap{
   width:750px;

}

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

/* ---------- MainContents ---------- */

#MainContents{ /*  overflow:hidden;必修 */
   overflow:hidden; background:#fff;
   width:750px; float:right; margin-left:-200px;
}

.breadcrumb, .content{/* width:545px; */
   margin-left:205px;
}

.breadcrumb{
   margin-top:15px; margin-bottom:30px; width:530px; text-align:right;
}

.breadcrumb span{
   color:#aaa;
}

.breadcrumb strong{
   font-weight:bolder; color:#aaa; margin:0 2px;
}

.content{/* IEは背景ずれる...背景無いとIEは隙間が空く... */
   background:url("style-002-b/dot.gif") repeat #fff; margin-top:50px; margin-bottom:50px; width:525px;
}

.content p, .content dl{
   line-height:20px; font-size:12px; margin-bottom:20px;
}

.content dd{/* 年別アーカイブ */
   padding-left:10px;
}

.content img{
   border:0; padding-right:15px;
}

.content h3{
    background:url("style-002-b/h3.gif") no-repeat right bottom #fff; height:50px;
}

.content h3, .content h3 a{
   font-size:18px; padding-top:145px; padding-left:20px;
}

.content h4, .content h4 a{
   font-size:18px; padding:45px 0 15px 20px;
}

.content h3, .content h3 a, .content h4, .content h4 a,
.content h3 a:link, .content h3 a:visited,
.content h4 a:link, .content h4 a:visited{/* h4はclear:left;忘れずに */
   clear:left; font-weight:bold; font-size:18px; letter-spacing:0.2em;
}

ul.entry-info, ul.entry-tag{/* entry-infoは掲示板の区切り線にも使用 */
   text-align:right;
   margin:20px auto 60px; clear:both;
}

ul.entry-info li, ul.entry-tag li{/* entry-infoは回り込みをクリア。掲示板・ブログ */
   display:inline; clear:both; background:url("style-002-b/info.gif") no-repeat left center;
   padding-left:12px; margin:0 3px;
}

.content p.pagetop, .content p.pagetop a{/*掲示板の返信　ブログの投稿日時　回り込みをクリア*/
   clear:both; margin-top:2em; margin-bottom:0; text-align:right; background:url("none.gif") #fff;
}

.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%; background:url("style-002-b/dot.gif") repeat #fff; font-size:12px;line-height:20px;
}

.content blockquote{
   margin:0 2em; padding:0.5em 0 0.5em 0.5em; border:2px inset #fdf5f0; /*background:#fdf5f0; ★*/
}

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

/* ---------- LocalNavi ---------- */

input.button{/* ブログコメント用 */
   line-height:normal; background-color:#eeacf0; border:2px outset #ccc; color:#000;
}

input.click{/* ブログコメント用 */
   line-height:normal; background-color:#f8e1f9; border:2px inset #ccc; color:#933696;
}

#LocalNavi{ /* overflow:hidden;必修　floatなくても良いはずだがIEはないと崩れる　float:right;でもどちらでも良いみたい */
   overflow:hidden; background:url("style-002-b/lnavi.gif") bottom left no-repeat;
   width:190px; float:right; margin-right:5px; margin-top:200px; padding-bottom:38px;
}

#LocalNavi h4{
   background:url("style-002-b/lnavi.gif") no-repeat top left; height:30px; width:185px; padding:35px 0 0 16px;
   color:#933696; font-weight:bold; font-size:15px; margin-top:20px;
}

#LocalNavi dl{
   padding:0 10px;
}

#LocalNavi dt{
   padding-top:15px;
}

#LocalNavi dd{
   padding-left:15px;
}

#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; background:#fff; padding:0 2px;
}

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

/* ---------- Footer ---------- */

#Footer{
   clear:both; width:100%; text-align:center;
}

#Footer ul{
   list-style:none; padding:5px 0;
}

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