@charset "UTF-8";


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


/* ---------- body_start---------- */
body {
   text-align:center; margin:0 auto; background-color:#d1c0a5; color:#333333; background-image:url('./body.gif'); 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{
   text-decoration: none;
}

a:link{
   color:#500000;
}

a:visited{
   color:#996633;
}

a:hover{
   color:#ff6600;
}

a:active{
   color:#ff6600;
}

strong, em{
 font-weight:bold;
}
/* ---------- body_end ---------- */



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

#Wrapper{
   width:766px; text-align:left; margin:0 auto; background:url(./wrapper.gif) repeat-y #ffffff;
}

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



/* ---------- Header_start ---------- */
/* ブログタイトルやブログ概要を格納したボックス */
#Header{
   width:710px; height:200px; margin:0 auto; text-align:right; background:url(./header.jpg) no-repeat center center; padding:40px 25px 0 0;
}

/* ブログタイトル */
h1{
   background:url(./header-h1.gif) no-repeat right bottom; padding:2em 1em 0.2em;
}

h1 a:link, h1 a:visited{
   color:#dca165; font-size:2em;
}

h1 a:hover, h1 a:active{
   color:#ff6600; font-size:2em;
}

/* ブログ概要 */
#Header h2{
   padding:0.1em 0.5em 0; color:#71615c; font-size:small;
}
/* ---------- Header_end ---------- */



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

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

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



/* ---------- MainContents_start ---------- */
#MainContents{
   overflow:hidden; width:500px; float:left;
}

/* 現在地・前の記事次の記事・これ以前の記事はサイドメニューよりどうぞなどのパンくずリスト 背景画像無しのページ */
.breadcrumb{
   padding:0 0 20px 30px; color:#000000;
}

/* 現在地までの→（矢印） */
.breadcrumb strong, .breadcrumbYear strong{
   font-weight:bolder;
}

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

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

.content img{/* 画像最大横幅470px */
   padding:10px 10px 10px 0;
}

/* ブログ記事のタイトルは自動でh3タグに囲まれます。
　記事本文中でも見出しをつけたいときは、h4タグで囲みます。 */
.content h3, .content h4{
   padding:0.5em 0 0.25em 1.5em; margin-left:-20px; clear:both; font-size:20px; font-weight:bold; height:40px;
}

.content h3{
   background:url(./content-h2.gif) no-repeat left center;
}

.content h3 a, .content h3 a:link, .content h3 a:visited{
   font-size:110%; font-weight:bold; color:#71615c;
}

.content h3 a:hover{
    color:#ff6600;
}


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

ul.entry-tag{
   text-align:right; list-style-type:none;
   margin:1.5em auto; clear:both;
}

ul.entry-info{/* 投稿日時・コメント者の情報 */
   text-align:right; list-style-type:none;
   margin:1.5em auto; clear:both;
}

/* １つの記事が終わった下に表示される「▲ページトップ」の部分。 */
p.pagetop{
   clear:both; margin-top:1em; padding-top:5px; text-align:right; border-top:solid 3px #d1c0a5;
}

p.pagetop a{
   text-decoration:none;
}

/* ブログコメント欄 */
.content fieldset{
   padding:1em; margin:0 auto; border:#f4f5f0 2px solid; cursor:url("/catcafe/css/a-style.ani"),default;
}

.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:100%; height:200px; font-size:12px;line-height:20px;
}

/* ブログ内検索・ブログコメントの「投稿する」「プレビュー」ボタン */
input.button{
   background-color:#71615c; border:2px groove #fcfcfc!important;border:1px outset #71615c; color:#ffffff;
   cursor:url("/catcafe/css/a-style.ani"),default; line-height:100%; padding-top:0!important;padding-top:2px;
}

/* ブログ内検索・ブログコメントの「投稿する」「プレビュー」ボタンにマウスが乗った時 */
input.click{
   background-color:#dca165; border:2px ridge #fcfcfc!important;border:1px inset #dca165; color:#000000;
   cursor:url("/catcafe/css/a-link.ani"),default; line-height:100%; padding-top:0!important;padding-top:2px;
}

input, textarea{
    cursor:url("/catcafe/css/a-text.ani"),text;
}

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


blockquote {
padding:1em;
margin:1em;
border-left:solid 5px #71615c;
background-color:#eeeeee;
overflow:auto;#d1c0a5;
}

/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
font-size:100%;
}


/*フォームの設定*/
input,textarea,select {
font-size:100%;
border:solid 1px #71615c;
}


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



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

#LocalNavi{/* overflow:hidden;必修 サイドバーからはみ出るものの表示法の指定。
　floatなくても良いはずだがIEはないと崩れる。　float:right;でもどちらでも良いみたい。 */
   overflow:hidden; width:210px; float:right;
}

/* サイドバーのタイトル部分 */
#LocalNavi .sboxtop{
   width:200px; margin:10px 0 0 10px; height:10px; background:url(./sbox-top.gif) no-repeat;
}

#LocalNavi .sbox{
   width:200px; margin:0 0 0 10px; background:url(./sbox.gif) repeat-y; padding:0 10px;
}

#LocalNavi .sboxbottom{
   width:200px; margin:0 0 0 10px; height:10px; background:url(./sbox-bottom.gif) no-repeat;
}

#LocalNavi h4{
   text-indent:25px; color:#71615c; font-weight:bold; margin-bottom:8px; background:url(./lnavi-h4.gif) no-repeat left;
}

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

#LocalNavi p{/* プロフィール文 */
   width:170px; margin:0 auto;
}

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

#LocalNavi a:hover{
   position:relative; top:1px; left:2px; 
}

/* サイドバーバナー部分 */
#LocalNavi dl.banner dt{
   padding-top:20px;
}

#LocalNavi dl.banner dt p{
   font-size:x-small; padding:5px 0; margin:0; color:#999999;
}

#LocalNavi dl.banner dt img{
   margin:0; padding:0;
}

#LocalNavi dl.banner a:hover{
   position:relative; top:2px; left:2px; 
}

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

#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; width:33px; text-align:right; margin:0 6px!important; margin:0 3px;
}

/* IE7専用CSSハック *:first-child+htmlを頭に付ける。他のブラウザのために元の設定はこの追加したセレクタより前方に記述します。
*:first-child+html #LocalNavi dl.YMarchive dd{
しかーし！IE7は!importantにも対応しているからダメだった。泣
 */


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



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

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

/* フッター内のリストマークをlist-style-type:none;で消しています。 */
#Footer ul{
   list-style-type:none; color:#eeeeee; padding-left:40px!important; padding-left:20px;
}

#Footer ul li a, #Footer ul li a:link, #Footer ul li a:visited{
   text-decoration:none; color:#eeeeee;
}

#Footer ul li a:hover{
   background:#ab7201; color:#ff6600;
}

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