無料ブログ作成ならJUGEM(ジュゲム)

ホーム

テンプレートHTML・CSSについて: 公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について: 弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。

テンプレート名 : あかいふゆ。

HTML・CSSをコピーして使う

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<script src="./template/analogue/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<div class="linkmenu">
<span class="selectentry"><a href="" onclick="return buttonClick(event, 'MENU1');">entry</a> | </span>
<span class="latestentry"><a href="" onclick="return buttonClick(event, 'MENU2');">entry</a> | </span>
<a href="" onclick="return buttonClick(event, 'MENU3');">comment</a> | 
<a href="" onclick="return buttonClick(event, 'MENU4');">tb</a> | 
<a href="" onclick="return buttonClick(event, 'MENU5');">category</a> | 
<a href="" onclick="return buttonClick(event, 'MENU6');">archive</a> | 
<a href="" onclick="return buttonClick(event, 'MENU7');">link</a> | 
<a href="" onclick="return buttonClick(event, 'MENU8');">calendar</a> | 
<a href="" onclick="return buttonClick(event, 'MENU9');">profile</a>

<br />

| <a href="" onclick="return buttonClick(event, 'MENU10');"><span class="catenm">{freespace_title1}</span></a>
<div id="MENU10" class="MENU">
<div class="list_text_f">{freespace_contents1}</div>
<div class="list_title_box"><div class="list_title">{freespace_title1}</div></div>
</div>

| <a href="" onclick="return buttonClick(event, 'MENU11');"><span class="catenm">{freespace_title2}</span></a>
<div id="MENU11" class="MENU">
<div class="list_text_f">{freespace_contents2}</div>
<div class="list_title_box"><div class="list_title">{freespace_title2}</div></div>
</div>

| <a href="" onclick="return buttonClick(event, 'MENU12');"><span class="catenm">{freespace_title3}</span></a>
<div id="MENU12" class="MENU">
<div class="list_text_f">{freespace_contents3}</div>
<div class="list_title_box"><div class="list_title">{freespace_title3}</div></div>
</div>

| <a href="" onclick="return buttonClick(event, 'MENU13');"><span class="catenm">{freespace_title4}</span></a>
<div id="MENU13" class="MENU">
<div class="list_text_f">{freespace_contents4}</div>
<div class="list_title_box"><div class="list_title">{freespace_title4}</div></div>
</div>

| <a href="" onclick="return buttonClick(event, 'MENU14');"><span class="catenm">{freespace_title5}</span></a>
<div id="MENU14" class="MENU">
<div class="list_text_f">{freespace_contents5}</div>
<div class="list_title_box"><div class="list_title">{freespace_title5}</div></div>
</div>

</div>

<div id="title"><div class="title2"><div class="title3">

<h1 class="site_title">
<img src="http://img-cdn.jg.jugem.jp/a14/106684/20070308_269016.gif" alt="" align="top" />
{blog_name}
<img src="http://img-cdn.jg.jugem.jp/a14/106684/20070308_269016.gif" alt="" align="top" />
</h1>
<div class="description">{blog_description}</div>

</div></div></div>

<div id="main">

<div class="entry">
<div class="entry_date">DATE　 {entry_year}.{entry_month}.{entry_day} ({entry_jpn_week}) {entry_time}</div>
<h2 class="entry_title">{entry_title_link}</h3>

<div class="entry_body">
{entry_description}

<div class="more_next"><a href="./?eid={entry_sequel_id}#sequel">...read more ?</a></div>


<div class="entry_more">{entry_sequel_text}</div>

</div>

<div class="entry_state">
category:<span class="catenm">{category_name}</span> | 
<a href="{entry_permalink}#comments">comment</a>:{comment_num_only} | 
<a href="{entry_permalink}#trackback">tb</a>:{trackback_num_only} | 
{entry_time} | 
<a href="#top" title="TOPへ">top▲</a>
</div>

</div>

{trackback_auto_discovery}

<a name="comments" id="comments"></a>

<div class="entry">
<h2 class="entry_title" style="margin-top:18px;">Comment</h2>

<div class="ct_box_c">
<div class="ct_body">{comment_description}</div>
<div class="entry_state">
posted by：<span class="catenm">{comment_name}</span> | datetime：{comment_year}.{comment_month}.{comment_day} {comment_hour_24}:{comment_minute}
</div>
</div>

<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">name:</label><br />
<input type="text" tabindex="1" name="name"  id="name"  value="{cookie_name}"  style="width:200px;" /><br />
<label for="email">email:</label><br />
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:200px;" /><br />
<label for="url">url:</label><br />
<input type="text" tabindex="3" name="url"   id="url"   value="{cookie_url}"   style="width:200px;" /><br />
<label for="description">comments:</label><br />
<textarea tabindex="4" name="description" id="description" rows="10" cols="50" style="width:350px;"></textarea><br /><br />
<input tabindex="5" type="submit" value="コメント送信" onclick="javascript:setval();" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie" />
<label for="set_cookie">Cookieに登録</label>
</form>

</div>

<a name="trackback"></a>

<div class="entry">
<h2 class="entry_title" style="margin-top:18px;">Trackback</h2>

<div class="ct_box_t">
<div class="ct_title">{trackback_title}</div>
<div class="ct_body" style="margin-top:8px;">{trackback_excerpt}</div>
<div class="entry_state">
from：<span class="catenm">{trackback_blog_name}</span> | datetime：{trackback_year}.{trackback_month}.{trackback_day} {trackback_hour_24}:{trackback_minute}
</div>
</div>

</div>

<div class="entry">
<div class="entry_title" style="margin:18px 10px 10px 18px;">Profile</div>
<div class="entry_state">All written by : {profile_name}</div>
<div class="entry_body">{profile_description}</div>
</div>

</div>

<div class="navi">
<a href="{prev_permalink}" title="{prev_title}">←Old</a> | <a href="./" title="メインページへ">Main</a> | <a href="{next_permalink}" title="{next_title}">New→</a>
</div>

<div class="navi">
{prev_page_link} {page_now} / {page_num} PAGES {next_page_link}
</div>

<div class="selectentry">
<div id="MENU1" class="MENU">
<div class="list_text">
<ul>
 
<li><strong>{selected_entry_item_year}.{selected_entry_item_month}.{selected_entry_item_day}</strong><br />
<a href="./?eid={selected_entry_item_id}">{selected_entry_item_title}</a></li>
 
</ul>
</div>
<div class="list_title_box"><div class="list_title">Select Entry</div></div>
</div>
</div>

<div class="latestentry">
<div id="MENU2" class="MENU">
<div class="list_text">
<ul>
 
<li><strong>{latest_entry_item_year}.{latest_entry_item_month}.{latest_entry_item_day}</strong><br />
<a href="./?eid={latest_entry_item_id}">{latest_entry_item_title}</a></li>
 
</ul>
</div>
<div class="list_title_box"><div class="list_title">New Entry</div></div>
</div>
</div>

<div id="MENU3" class="MENU">
<div class="list_text" id="commentlist">
<ul>

<li><a href="./?eid={recent_comment_item_entry_id}#comments" title="{recent_comment_item_title}" style="font-weight: bolder;">{recent_comment_item_title}</a><br />
    →{recent_comment_item_month}.{recent_comment_item_day} {recent_comment_item_name}</li>
 
</ul>
</div>
<div class="list_title_box"><div class="list_title">Recent Comment</div></div>
</div>

<div id="MENU4" class="MENU">
<div class="list_text">
<ul>

<li><strong>{recent_trackback_item_year}.{recent_trackback_item_month}.{recent_trackback_item_day}</strong><br />
<strong>[{recent_trackback_item_blog_name}]</strong><br />
<a href="./?eid={recent_trackback_item_entry_id}#trackback" title="{recent_trackback_item_title}">{recent_trackback_item_title}</a></li>
 
</ul>
</div>
<div class="list_title_box"><div class="list_title">Recent Trackback</div></div>
</div>

<div id="MENU5" class="MENU">
<div class="list_text">
<ul>

<li><a href="./?cid={category_item_id}" title="{category_item_num} コあるよ">{category_item_name}</a></li>
 
</ul>
</div>
<div class="list_title_box"><div class="list_title">Category</div></div>
</div>

<div id="MENU6" class="MENU">
<div class="list_text">
<ul>
 
<li><a href="./?month={archives_item_id}" title="{archives_item_num} コあるよ">{archives_item_year} / {archives_item_num_month} {archives_item_eng_month}</a></li>
 
</ul>
</div>
<div class="list_title_box"><div class="list_title">Archive</div></div>
</div>

<div id="MENU7" class="MENU">
<div class="list_text">{link_list}</div>
<div class="list_title_box"><div class="list_title">Link</div></div>
</div>

<div id="MENU8" class="MENU">
<div class="list_text">{calendar2}</div>
<div class="list_title_box"><div class="list_title">Calendar</div></div>
</div>

<div id="MENU9" class="MENU">
<div class="list_text">{user_list}</div>
<div class="list_title_box"><div class="list_title">Profile</div></div>
</div>

<div id="admin">

<div class="copy">{copyright}</div>

<div class="copy">
<a href="./manage/">Login</a> | 
<a href="./?mode=rss">RSS1.0</a> | 
<a href="./?mode=atom">Atom0.3</a>
</div>

<div class="copy">
<form method="get" action="">
<input id="search" name="search" size="20" style="width:150px" /><input type="image" src="http://img-cdn.jg.jugem.jp/a14/106684/20081211_513786.gif" alt="このブログ内を検索する" title="このブログ内を検索する" value="Search" align="absmiddle" style="border:none;background:none;" />
</form>
</div>

<div class="copy">{site_qrcode}</div>

</div>

<div class="ad_r">{ad}</div>

</div>

<div class="amazon_box clear"><div class="amazon_i">
<table border="0" cellspacing="0" cellpadding="0" align="left">
<tr align="left" valign="middle">

<td class="amazon_r"><div class="amazon_t">
<a href="{amazon_url}" target="_blank" title="{amazon_ProductName}">
<img src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}/{amazon_Creator}" class="amazon_pict" style="display:block;" />
</a>
</div></td>

</tr>
</table>
</div></div>

</div>

</body>
</html>

CSS

/* ========================================================================== */
/* レイアウトの設定                                                           */
/* ====================================================== /幅/高さ/位置/余白/ */

* { margin: 0; padding: 0; }

/* 幅、高さ ----------------------------------------------------------------- */

/* 基本 */
#layout { width: 620px;  height: 100%; }
#title  { width: 620px;  height: 220px;} /* ﾀｲﾄﾙ */
.title2 { width: 100%;   height: 100%; }
.title3 { width: 100%;   height: 100%; }
#main   { width: 620px;  height: 100%; } /* ﾒｲﾝ */
#admin  { width: 600px;  height: 100%; } /* ﾌｯﾀ */

/* ﾒﾆｭｰ */
.MENU        { width:  200px; }
.list_text,
.list_text_f { height: 170px;  overflow: auto; }
.weekday     { width:   22px; }

/* ADMIN */
.ad_l        { width: 380px; } /* admin 左側 */

/* amazon */
.amazon_box  { height: 100%; }
.amazon_i    { width: 610px;  height: 135px;  overflow: auto; }

/* 配置 --------------------------------------------------------------------- */

.clear { clear: both;
         font: 0px/0px sans-serif; }

/* 全体 */
body    { text-align: center; }
#layout { text-align: left;   }

/* ADMIN */
.ad_l   { float: left;  } /* admin 左側 */
.ad_r   { float: right; } /* admin 右側 */

/* 右揃え */
.entry_date,                      /* ｴﾝﾄﾘｰ 日付 */
.more_next,                       /* ｴﾝﾄﾘｰ 続きへのﾘﾝｸ */
.entry_state,                     /* ｴﾝﾄﾘｰ 本文下のﾘﾝｸetc. */
.list_title,                      /* ﾒﾆｭｰ ﾀｲﾄﾙ */
.linkmenu { text-align: right;  } /* ﾒﾆｭｰ */

/* 左揃え */
.amazon_box,                      /* amazon */
.copy,                            /* admin */
.ad_l     { text-align: left; }   /* admin 左側 */

/* 中央揃え */
.ad_r,
.list_text_f,
table.calendar, td.cell, td.weekday, /* ｶﾚﾝﾀﾞｰ */
.navi     { text-align: center; }    /* ﾅﾋﾞｹﾞｰｼｮﾝ */

/* 余白 --------------------------------------------------------------------- */

#layout { margin:  0px auto; }
#title  { margin:  8px auto 0px auto; }
#main   { margin:  0px auto; }
#admin  { margin:  0px auto; }

input, textarea { padding:  1px  2px  1px  2px; } /* 入力ｴﾘｱ */
.pict           { padding:  3px  3px  3px  3px; } /* 画像の基本設定 */

/* ﾀｲﾄﾙ */
.site_title     { padding: 45px  0px  0px 20px; } /* ｻｲﾄ ﾀｲﾄﾙ */
.description    { padding: 35px  0px 10px 33px; } /* ｻｲﾄ 説明 */

/* ﾅﾋﾞｹﾞｰｼｮﾝ */
.navi           { margin:  20px  0px  3px  0px;
                  padding:  5px  0px  5px 10px; } /* ﾅﾋﾞｹﾞｰｼｮﾝ */
.linkmenu       { padding:  0px 10px  0px  0px; } /* ﾒﾆｭｰ */

/* ｴﾝﾄﾘｰ */
.entry          { margin:  20px  0px  0px  0px; } /* ｴﾝﾄﾘｰ 枠 */
.entry_title    { margin:   7px 10px 20px 18px;
                  padding:  3px  0px  2px 10px; } /* ｴﾝﾄﾘｰ ﾀｲﾄﾙ */
.entry_date     { padding:  2px 10px  0px 12px; } /* ｴﾝﾄﾘｰ 日付 */
.entry_body     { margin:  18px 20px 27px 23px; } /* ｴﾝﾄﾘｰ 本文 */
.more_next      { padding:  7px  5px  0px  0px; } /* ｴﾝﾄﾘｰ 続きへのﾘﾝｸ */
.entry_more     { margin:  25px  0px  0px  0px; } /* ｴﾝﾄﾘｰ 続き */
blockquote      { margin:  10px  5px 10px 10px;
                  padding:  5px  7px  5px  9px; } /* 引用文 */
.entry_state    { padding:  0px 10px  1px  0px; } /* ｴﾝﾄﾘｰ 本文下のﾘﾝｸetc. */

.ct_title       { margin:  18px 20px  0px 23px; } /* TB ﾀｲﾄﾙ */
.ct_body        { margin:  18px 20px 10px 23px; } /* ｺﾒﾝﾄ,TB 本文 */

/* ﾒﾆｭｰ */
.MENU           { margin:   5px  0px  0px -45px;
                  padding:  7px  0px  0px  0px; } /* ﾒﾆｭｰ */
.list_title_box { margin:  10px  0px  0px  0px; } /* ﾒﾆｭｰ ﾀｲﾄﾙ 枠 */
.list_title     { padding:  5px  7px  4px  0px; } /* ﾒﾆｭｰ ﾀｲﾄﾙ */
.list_text      { margin:   8px  0px  0px  7px;
                  padding:  0px  2px  0px  3px; } /* ﾒﾆｭｰ 中身 */
.list_text_f    { margin:   8px  auto 3px  auto;
                  padding:  0px  2px  0px  2px; } /* ﾒﾆｭｰ 中身 */
.list_text ul,
.list_text_f ul { margin:   0px  0px  0px  2px; }
.list_text li,
.list_text_f li { margin:   0px  0px  3px  0px; }

.linktext_r     { padding:  0px  0px  0px  5px; }

table.calendar  { margin:   auto; }
.calendar_month { padding:  4px  0px  5px  0px; }
.weekday        { padding:  3px  2px  2px  0px; }
.cell           { padding:  2px  2px  2px  0px; }

/* ADMIN */
.copy           { margin:   7px  0px  0px  0px; } /* admin */
.copy li        { padding:  1px  3px;           }
.ad_r           { padding:  7px  0px  0px  0px; } /* admin 右側 */

/* amazon */
.amazon_box     { margin:   0px  0px 10px  0px; }
.amazon_i       { padding:  0px  5px  0px  5px; }
.amazon_t       { margin:  25px 10px  0px 0px;
                  padding:  5px; }

/* その他の基本設定 --------------------------------------------------------- */

/* ﾘｽﾄ */
ul {
text-align: left;
text-indent: 0px;
list-style-type: none;
list-style-position: outside;
}

/* ﾒﾆｭｰ 中身のﾘｽﾄ */
.list_text ul, .list_text_f ul {
list-style-type: square;
line-height: 130%;
}

/* ========================================================================== */
/* 罫線の設定                                                                 */
/* =========================================================== /位置/種類/色/ */

/* 画像の基本設定 */
img             { border:         none; } 
.pict           { border:         1px solid  #808080; }
.amazon_pict    { border:         1px solid  #999999; } /* amazon */

/* 枠 */
input, textarea { border:         1px solid  #990000; } /* 入力ｴﾘｱ */
.MENU           { border:         3px double #CC3300; } /* ﾒﾆｭｰ */
#title          { border:         1px solid  #CC0000; } /* ﾀｲﾄﾙ */
.navi           { border:         1px solid  #CC0000; } /* ﾅﾋﾞｹﾞｰｼｮﾝ */
.entry          { border:         1px solid  #CC0000; } /* ｴﾝﾄﾘｰ */
.amazon_t       { border:         2px solid  #CC0000; } /* amazon */

/* その他 */
.entry_title    { border-left:    7px solid  #CC0000; } /* ｴﾝﾄﾘｰ ﾀｲﾄﾙ */
blockquote      { border-left:   10px solid  #FF0000; } /* 引用文 */
.ct_box_c       { border-bottom:  1px dotted #CC0000; } /* ｺﾒﾝﾄ */
.ct_box_t       { border-top:     1px dotted #CC0000; } /* TB */

.list_title_box { border-top:     3px double #CC3300; } /* ﾒﾆｭｰ ﾀｲﾄﾙ */

/* ========================================================================== */
/* フォント・色の設定                                                         */
/* =================================== /ﾌｫﾝﾄ種類/文字ｻｲｽﾞ/行間/文字間/文字色/ */

/* 基本 --------------------------------------------------------------------- */

body {
font-size:   11px;
font-family: "Verdana","Arial","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
line-height: 150%;
color:       #8B0000;
}

/* フォントタイプ ----------------------------------------------------------- */

.site_title,
.list_title { font-family: "Comic Sans MS","Century Gothic","Verdana","Georgia",sans-serif; }
.entry_state,
.linkmenu,
.copy       { font-family: "Century Gothic","Comic Sans MS","Verdana","Arial",sans-serif; }
input, textarea,
.list_text_f,
.catenm     { font-family: "Verdana","Arial","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif; }

/* 文字サイズ --------------------------------------------------------------- */

input, textarea { font-size: 11px; } /* 入力ｴﾘｱ */
label           { font-size: 10px; } /* ﾗﾍﾞﾙ */
.site_title     { font-size: 22px; } /* ｻｲﾄ ﾀｲﾄﾙ */
.description    { font-size:  9px; } /* ｻｲﾄ 説明 */
.entry_title    { font-size: 12px; } /* ｴﾝﾄﾘｰ ﾀｲﾄﾙ */
.entry_body,                         /* ｴﾝﾄﾘｰ 本文 */
blockquote      { font-size: 11px; } /* 引用文 */
.entry_date,                         /* ｴﾝﾄﾘｰ 日付 */
.more_next      { font-size: 10px; } /* ｴﾝﾄﾘｰ 続きへのﾘﾝｸ */
.entry_state    { font-size:  9px; } /* ｴﾝﾄﾘｰ 本文下のﾘﾝｸetc. */
.ct_title       { font-size: 11px; } /* TB ﾀｲﾄﾙ */
.ct_body        { font-size: 10px; } /* ｺﾒﾝﾄ,TB 本文 */
.navi,                               /* ﾅﾋﾞｹﾞｰｼｮﾝ */
.linkmenu       { font-size: 11px; } /* ﾒﾆｭｰ */
.list_title     { font-size: 14px; } /* ﾒﾆｭｰ ﾀｲﾄﾙ */
.linktext_r,
.list_text,
.list_text_f    { font-size:  9px; } /* ﾒﾆｭｰ 中身 */

/* ﾃｷｽﾄの太さ */
.entry_title,                        /* ｴﾝﾄﾘｰ ﾀｲﾄﾙ */
.ct_title   { font-weight: bolder; } /* TB ﾀｲﾄﾙ */

/* 行間 --------------------------------------------------------------------- */

.description { line-height: 120%; } /* ｻｲﾄ 説明 */
.entry_body  { line-height: 170%; } /* ｴﾝﾄﾘｰ 本文 */
.ct_body     { line-height: 150%; } /* ｺﾒﾝﾄ,TB 本文 */

/* 文字間 ------------------------------------------------------------------- */

.site_title  { letter-spacing: 4px; }
.description { letter-spacing: 3px; }
.entry_title,
.entry_date,
.entry_state,
.ct_title,
.ct_body,
.entry_body  { letter-spacing: 2px; }
.copy,
br           { letter-spacing: normal; }

/* 文字色 ------------------------------------------------------------------- */

input, textarea { color: #CC3333; } /* 入力ｴﾘｱ */
label,                              /* ﾗﾍﾞﾙ */
.description    { color: #990000; } /* ｻｲﾄ 説明 */
.entry_title    { color: #CC0000; } /* ｴﾝﾄﾘｰ ﾀｲﾄﾙ */
.entry_body     { color: #B22222; } /* ｴﾝﾄﾘｰ 本文 */
.ct_body        { color: #990000; } /* ｺﾒﾝﾄ,TB 本文 */
.entry_date     { color: #990000; } /* ｴﾝﾄﾘｰ 日付 */
blockquote      { color: #FF0000; } /* 引用文 */
.entry_state    { color: #8B0000; } /* ｴﾝﾄﾘｰ 本文下のﾘﾝｸetc. */
.linkmenu       { color: #8B0000; } /* ﾒﾆｭｰ */
.list_title     { color: #990000; } /* ﾒﾆｭｰ ﾀｲﾄﾙ */
.list_text,
.list_text_f    { color: #800000; } /* ﾒﾆｭｰ 中身 */

/* ========================================================================== */
/* 背景の設定                                                                 */
/* ============================================================ /背景色/画像/ */

/* 背景色 ------------------------------------------------------------------- */

body            { background-color: #FFFFFF; } /* 全体 */
input, textarea { background-color: #FFFFFF; } /* 入力ｴﾘｱ */
.MENU           { background-color: #FFFFFF; } /* ﾒﾆｭｰ */
#title          { background-color: #FFFFFF; } /* ﾀｲﾄﾙ */
.navi           { background-color: #FFFFFF; } /* ﾅﾋﾞｹﾞｰｼｮﾝ */
.entry          { background-color: #FFFFFF; } /* ｴﾝﾄﾘ */
.amazon_t       { background-color: #CC3300; } /* amazon */

/* 画像 --------------------------------------------------------------------- */

body {             /* 背景 ぴんくに白どっと */
background-image:    url(http://img-cdn.jg.jugem.jp/a14/106684/20081211_513746.gif);
background-repeat:   repeat;
background-position: 0px 0px;
background-attachment: fixed;
}

.site_title {       /* ﾀｲﾄﾙ ぴんくの点々上 */
background-image:    url(http://img-cdn.jg.jugem.jp/a14/106684/20071212_397798.gif);
background-repeat:   repeat-x;
background-position:  5px 10px;
}

#title {            /* ﾀｲﾄﾙ ぴんくの点々下 */
background-image:    url(http://img-cdn.jg.jugem.jp/a14/106684/20071212_397798.gif);
background-repeat:   repeat-x;
background-position: 2px 208px;
}
.title2 {           /* ﾀｲﾄﾙ さんた */
background-image:    url(http://img-cdn.jg.jugem.jp/a14/106684/20081216_514905.gif);
background-repeat:   no-repeat;
background-position: 360px 12px;
}
.title3 {           /* ﾀｲﾄﾙ となかい */
background-image:    url(http://img-cdn.jg.jugem.jp/a14/106684/20081222_516629.gif);
background-repeat:   no-repeat;
background-position: 470px 90px;
}

.entry_date {       /* ｴﾝﾄﾘｰ 日付 はーと */
background-image:    url(http://img-cdn.jg.jugem.jp/a14/106684/20080908_486592.gif);
background-repeat:   no-repeat;
background-position: 425px  2px;
}

.list_title {       /* ﾒﾆｭｰ ﾀｲﾄﾙ */
background-image:    url(http://img-cdn.jg.jugem.jp/a14/106684/20080908_486592.gif);
background-repeat:   no-repeat;
background-position: 160px 4px;
}

.amazon_r {         /* amazon りぼん */
background-image:    url(http://img-cdn.jg.jugem.jp/a14/106684/20081211_513793.gif);
background-repeat:   no-repeat;
background-position: 0px 0px;
}

/* ========================================================================== */
/* その他の設定                                                               */
/* ========================================================================== */

/* スクロールバー ----------------------------------------------------------- */

html,body {
scrollbar-base-color:       #FFFFFF;	/* ベース */	
scrollbar-face-color:       #FFFFFF;	/* 表面 */
scrollbar-arrow-color:      #FF0000;	/* 矢印 */
scrollbar-highlight-color:  #FFFFFF;	/* 明るいトコ */
scrollbar-3dlight-color:    #990000;	/* 左端上端 */
scrollbar-darkshadow-color: #990000;	/* 右端下端 */
scrollbar-shadow-color:     #FFFFFF;	/* ハイライト */
scrollbar-track-color:      #FFFFFF;	/* 通路 */
}

/* リンク ------------------------------------------------------------------- */

/* 全体のﾘﾝｸ色 */
a,
a:link,
a:visited { color: #CC0000; text-decoration: none; border: none; }
a:active,
a:hover   { color: #FFFFFF; text-decoration: none; background-color:#CC0033; border: none; }

/* ﾒﾆｭｰ */
.linkmenu a:link,
.linkmenu a:visited { color: #8B0000; text-decoration: none; border: none; }
.linkmenu a:active,
.linkmenu a:hover   { color: #FFFFFF; text-decoration: none; background-color:#CC0033; border: none; }

/* 続きを読む */
.more_next a:link,
.more_next a:visited,
.more_next a:active { border-bottom: 1px dotted; }
.more_next a:hover  { border-bottom: none; }

/* 表示設定 ----------------------------------------------------------------- */

.MENU { visibility: hidden; z-index: 999; position: absolute; }

/* 表示・非表示切替 */

/* selected or latest ｴﾝﾄﾘｰﾘｽﾄ */
.selectentry       { display: none; }
#cid .selectentry,
#month .selectentry,
#search .selectentry,
#page .selectentry { display: inline; }

.latestentry       { display: inline; }
#cid .latestentry,
#month .latestentry,
#search .latestentry,
#page .latestentry { display: none; }

高品質デザイン選び放題で、あなた好みのブログに。今すぐブログ作成！: 今すぐ 無料ブログ をはじめよう！ ≫ブログ作成