無料ブログ作成なら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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<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 type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<div class="description">{blog_description}</div>
</td></tr>

<tr><td valign="bottom" align="center">
<div class="sakura">
click桜祭☆開催中　⇒　<a href="#top"><img src="http://img-cdn.jg.jugem.jp/a14/106684/20060403_101495.gif" onclick="sakuraclickstart();" style="vertical-align: middle;" border="0" alt="くりっくしてねｖ" title="くりっくしてねｖ" /></a>
</div>
</td></tr>
</table>

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

</tr>

<tr>

<div class="calendar_month2">
<a href="./?month={calendar_prev_yearmonth}" title="old">&lt;&lt;</a><a href="./?month={calendar_this_yearmonth}"> {calendar_this_year} / {calendar_this_month} </a><a href="./?month={calendar_next_yearmonth}" title="new">&gt;&gt;</a>
</div>
<div class="calen">
<div class="calendar2">{calendar2}</div>
</div>

<div class="link_box">
<div class="linktitle" id="username">Profile</div>
<div class="linktext2" id="userlist">
{user_list}
</div>
</div>

<div id="selectentry">

<div class="link_box">
<div class="linktitle" id="selentryname">Select Entry</div>
<div class="linktext1" id="selentrylist">
<ul>
 
<li>
<span class="text_f2"><b><a href="./?eid={selected_entry_item_id}">[{selected_entry_item_date}]</a></b></span><br />
<div class="linktext_l"><a href="#tid{selected_entry_item_year}{selected_entry_item_month}{selected_entry_item_day}">{selected_entry_item_title}</a></div>
</li>
 
</ul>
</div>
</div>

</div>

<div id="latestentry">

<div class="link_box">
<div class="linktitle" id="entryname">New Entry</div>
<div class="linktext1" id="entrylist">
<ul>
 
<li>
<span class="text_f2"><b>[{latest_entry_item_date}]</b></span><br />
<div class="linktext_l"><a href="./?eid={latest_entry_item_id}">{latest_entry_item_title}</a></div>
</li>
 
</ul>
</div>
</div>

</div>

<div class="link_box">
<div class="linktitle" id="commentname">Recent Comment</div>
<div class="linktext1" id="commentlist">
<ul>
 
<li><a href="./?eid={recent_comment_item_entry_id}#comments">{recent_comment_item_title}</a><br />
→ {recent_comment_item_name} <span class="text_f2">[{recent_comment_item_date}]</span></li>
 
</ul>
</div>
</div>

<div class="link_box">
<div class="linktitle" id="tbname">Recent Trackback</div>
<div class="linktext1" id="tblist">
<ul>
 
<li><a href="./?eid={recent_trackback_item_entry_id}#trackback">{recent_trackback_item_title}</a><br />
→ {recent_trackback_item_blog_name} <span class="text_f2">[{recent_trackback_item_date}]</span></li>
 
</ul>
</div>
</div>

<div class="link_box">
<div class="linktitle" id="categoryname">Category</div>
<div class="linktext1" id="categorylist">
<ul>

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

<div class="link_box">
<div class="linktitle" id="archivename">Archives</div>
<div class="linktext1" id="archivelist">
<ul>
 
<li><span class="text_f"><a href="./?month={archives_item_id}" title="{archives_item_num} コあるよ">{archives_item_eng}</a></span></li>
 
</ul>
</div>
</div>

<div class="link_box">
<div class="linktitle" id="linkname">Links</div>
<div class="linktext1" id="linklist">
{link_list}
</div>
</div>

</div>
</td>

<div class="entry_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>

<a name="tid{entry_year}{entry_month}{entry_day}"></a>
<div class="entry_title"><a href="{entry_permalink}">{entry_title}</a></div>

<div class="entry">
<div class="entry_body">{entry_description}</div>

<div class="entry_more">

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


{entry_sequel_text}

</div>

<div class="entry_date">[ {entry_date} {entry_time} ]</div>

<div class="entry_state">
Category：{category_name} | <a href="{entry_permalink}#comments">comment</a> [{comment_num_only}] | <a href="{entry_permalink}#trackback">trackback</a> [{trackback_num_only}] | <a href="#top" title="TOPへ">▲</a>
</div>
</div>

{trackback_auto_discovery}

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

<div class="etc_title">Comment</div>
<div class="etc">

<div class="comment">
<div class="ct_body">{comment_description}</div>
<div class="ct_state">| {comment_name} | {comment_time} |</div>
</div>

<div class="comment_body">
<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:150px;" /><br />
<label for="email">email:</label><br />
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:150px;" /><br />
<label for="url">url:</label><br />
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" style="width:150px;" /><br />
<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;"></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>

</div>

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

<div class="etc_title">Trackback</div>
<div class="etc">
<div class="tb_url">url: <input type="text" value="{trackback_url}" readonly style="width:300px;" onclick="this.focus()" onfocus="this.select()" /></div>

<div class="comment" style="margin-top:10px;">
<div class="ct_title">{trackback_title}</div>
<div class="ct_body">{trackback_excerpt}</div>
<div class="ct_state">| {trackback_blog_name} | {trackback_time} |</div>
</div>

</div>

<div class="etc_title" style="margin-top:1px;">Profile</div>
<div class="etc">
<div class="entry_date" style="margin-right:5px;">author：{profile_name}</div>
<div class="entry_body">{profile_description}</div>
</div>

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

</div>
</td>

<div class="link_box">
<div class="linktitle" id="amazonname">Recommend</div>
<div class="linktext3" id="amazonlist">

<div class="link_amazon">
<table width="168" border="0" cellspacing="0" cellpadding="0">

<tr>
<td width="80" align="center" valign="top">
<div class="amazon">
<a href="{amazon_url}" target="_blank" title="{amazon_ProductName}">
<img border="0" align="absmiddle" src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}/{amazon_Creator}" class="amazon_pict" />
</a>
</div>
</td>
<td width="88" align="left" valign="bottom">
<div class="amazon_list">
<strong><a href="{amazon_url}" target="_blank" title="{amazon_ProductName}">{amazon_ProductName}</a></strong><br />
<div title="{amazon_Creator}">{amazon_Creator}</div>
<div class="amazon_itemc">{amazon_comment}</div>
</div>
</td>
</tr>

</table>
</div>

</div>
</div>

<div class="link_box">
<div class="linktitle" id="free1name">{freespace_title1}</div>
<div class="linktext_free" id="free1list">{freespace_contents1}</div>
</div>

<div class="link_box">
<div class="linktitle" id="free2name">{freespace_title2}</div>
<div class="linktext_free" id="free2list">{freespace_contents2}</div>
</div>

<div class="link_box">
<div class="linktitle" id="free3name">{freespace_title3}</div>
<div class="linktext_free" id="free3list">{freespace_contents3}</div>
</div>

<div class="link_box">
<div class="linktitle" id="free4name">{freespace_title4}</div>
<div class="linktext_free" id="free4list">{freespace_contents4}</div>
</div>

<div class="link_box">
<div class="linktitle" id="free5name">{freespace_title5}</div>
<div class="linktext_free" id="free5list">{freespace_contents5}</div>
</div>

<div class="link_box">
<div class="linktitle">Sponsored Links</div>
<div class="linktext_free">
<div style="margin: 5px 0px 10px 0px;"><a href="https://jugem.jp/" target="_blank"><img src="../template/banner/jugem_brown02.gif" width="128" height="22" alt="みんなのブログポータル JUGEM" border="0" /></a></div>
<div style="margin-bottom: 10px;"><a href="https://jugem.jp/" target="_blank"><img src="../template/banner/paperboy_brown01.gif" width="128" height="22" alt="みんなのブログポータル JUGEM" border="0" /></a></div>
{ad}
</div>
</div>

</div>
</td>

</tr>

<tr>

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

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

</div>
</td>

</tr>

</table>
</div>

<script type="text/javascript">

</script>

</body>
</html>

CSS

/* 全体の設定 --------------------------------------------------------------- */

* {
margin: 0px;
padding: 0px;
}

/* ｽｸﾛｰﾙﾊﾞｰ */

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

/* 全体のﾚｲｱｳﾄ */

body {
color: #999;
background-color: #FFEFEF;
font: 12px/1.5 "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
}

#layout {
width: 800px;
height: 100%;
margin: 0px auto;
text-align: left;
background-color: #BB7777;
}

#header {
height: 235px;
margin: 1px 2px;
background-color: #FFFFFF;
}
.title {
text-align: right;
height: 100%;
}

#main {
margin: 1px 2px;
height: 100%;
}

#side_left {
height: 100%;
margin: 1px 0px 1px 2px;
background-color: #FFFFFF;
}

#side_right {
height: 100%;
margin: 1px 2px 1px 0px;
background-color: #FFFFFF;
}

#footer {
height: 100%;
text-align: center;
margin: 1px 2px;
padding: 10px 0px;
background-color: #FFFFFF;
}

/* 全体のﾘﾝｸ色 */

a,
a:link,
a:visited { color: #DB7093; text-decoration: none; }
a:active,
a:hover	{ color: #FFFFFF; text-decoration: none; background-color: #FFC0CB; }

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

ul {
text-align: left;
text-indent: 0px;
list-style-type: none;
list-style-position: outside;
}

input, textarea {
border: 1px solid #DB7093;
color: #DB7093;
background-color: #FFF;
}

h1 {
margin: 0px;
padding: 0px;
}

.pict {
padding: 3px;
border: 1px solid gray;
}

.text_f {
font-family: "century gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
.text_f2 {
font-family: "Lucida Console", "Georgia", "Arial", "KaratMedium", "Osaka";
}

.clear { clear: both; }

/* 桜の画像 ----------------------------------------------------------------- */

/* 基本 */

.title {
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070327_281208.jpg);
background-repeat: no-repeat;
background-position: 25px 5px;
}

/* 個別ページ用 */

#eid #header {
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070328_281735.jpg);
background-repeat: no-repeat;
background-position: 25px 5px;
}
#eid .title {
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070328_281733.jpg);
background-repeat: no-repeat;
background-position: 195px 25px;
}

/* プロフィールページ用 */

#pid #header {
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070328_281736.jpg);
background-repeat: no-repeat;
background-position: 25px 5px;
}
#pid .title {
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070328_281733.jpg);
background-repeat: no-repeat;
background-position: 195px 25px;
}

/* ページ毎用 */

#page #header {
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070328_281734.jpg);
background-repeat: no-repeat;
background-position: 25px 5px;
}
#page .title {
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070328_281737.jpg);
background-repeat: no-repeat;
background-position: 200px 25px;
}

/* タイトル ----------------------------------------------------------------- */

/* ｻｲﾄ ﾀｲﾄﾙ */

.site_title {
color: #EF6E6E;
font-family: "Comic Sans MS", "Century Gothic", "Verdana", "Arial", "Osaka";
font-size: 25px;
font-weight: bold;
line-height: 150%;
padding: 0px 30px 0px 0px;
}
.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover { color: #EF6E6E; border: none; background: none; }

/* ｻｲﾄ 説明 */

.description {
color: #FCAFA0;
font-family: "Verdana", "Century Gothic", "Arial", "TBPゴシックB", "Osaka";
font-size: 9px;
padding: 25px 15px 0px 0px;
line-height: 130%;
}

/* メイン ------------------------------------------------------------------- */

/* ｴﾝﾄﾘｰ 基本 */

.entry {
background-color: #FFFFFF;
}

/* ｴﾝﾄﾘｰ ﾀｲﾄﾙ */

.entry_title {
font-size: 14px;
font-weight: bolder;
font-family: "Georgia", "century gothic", "Verdana", "Osaka", sans-serif;
color: #FFEFEF;
margin: 1px 0px 3px 0px;
padding: 7px 0px 6px 40px;
background-color: #FFEFEF;
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20060403_101495.gif);
background-repeat: no-repeat;
background-position: 7px 4px;
}
.entry_title a,
.entry_title a:link,
.entry_title a:visited { color: #DB7093; border: none; }
.entry_title a:active,
.entry_title a:hover { color: #FF3366; border: none; background: none; }

/* ｴﾝﾄﾘｰ日付 #EACDAB */

.entry_date {
font-family: "Lucida Console", "Georgia", "Arial", "KaratMedium", "Osaka";
font-size: 12px;
color: #BB7777;
padding: 2px 5px 3px 10px;
text-align: right;
}
.entry_date a,
.entry_date a:link,
.entry_date a:visited { color: #BB7777; border: none; }
.entry_date a:active,
.entry_date a:hover { color: #CCCCCC; border: none; background: none; }

/* ｴﾝﾄﾘｰ 本文 */

.entry_body {
font-family: "Verdana", "Arial", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size: 11px;
line-height: 170%;
color: #BB7777;
background-color: #FFFFFF;
padding: 15px 8px 15px 15px;
}

.entry_body hr	{ display: none; }

/* ｴﾝﾄﾘｰ 記事の続き */

.entry_more {
font-family: "Verdana", "Arial", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size: 11px;
line-height: 170%;
color: #BB7777;
background-color: #FFFFFF;
padding: 0px 8px 10px 15px;
}
.entry_more a,
.entry_more a:link,
.entry_more a:visited { color: #DB7093; border-bottom: 1px dotted #DB7093; }
.entry_more a:active,
.entry_more a:hover { color: #CCCCCC; border: none; background-color: #DB7093; }

blockquote {
font-size: 11px;
margin: 10px;
padding: 7px;
color: #FF9999;
border: 1px solid #FF9999;
}

/* ｴﾝﾄﾘｰ 本文下のﾘﾝｸetc. */

.entry_state {
font-family: "Verdana", "Arial", "TBPゴシックB", "KaratMedium", "Osaka";
font-size: 10px;
color: #CCCCCC;
margin: 0px 0px 25px 0px;
padding: 5px 10px 5px 0px;
text-align: right;
background-color: #FFEFEF;
}
.entry_state a,
.entry_state a:link,
.entry_state a:visited { color: #CC8888; border: none; }
.entry_state a:active,
.entry_state a:hover { color: #CCCCCC; border: none; background: none; }

/* ｺﾒﾝﾄ,ﾄﾗｯｸﾊﾞｯｸ */

.etc {
margin: 0px 0px 20px 0px;
padding: 5px 0px 10px 0px;
background-color: #FFFFFF;
}

.etc_title {
font-size: 14px;
font-weight: bolder;
font-family: "Verdana", "Georgia", "Osaka", "century gothic", sans-serif;
color: #CC8888;
margin: 10px 0px 2px 0px;
padding: 5px 0px 5px 15px;
background-color: #FFEFEF;
}

.ct_title {
font-size: 13px;
font-weight: bolder;
font-family: "century gothic", "Verdana", "Georgia", "Osaka", sans-serif;
color: #FF9999;
margin: 7px 0px 7px 10px;
}
.ct_title a,
.ct_title a:link,
.ct_title a:visited { border-bottom: 1px dotted #FF9999; }
.ct_title a:active,
.ct_title a:hover { border: none; }

.ct_body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size: 12px;
color: #CC8899;
line-height: 170%;
margin: 0px 13px 10px 13px;
}

.ct_state {
font-size: 10px;
margin: 10px 12px 5px 10px; 
text-align: right;
border-bottom: 1px solid #CC8899;
color: #ABA19E;
}

.tb_url {
font-family: "Verdana", "Arial", "TBPゴシックB", "KaratMedium", "Osaka";
font-size: 12px;
color: #CC8899;
margin: 10px 0px 20px 35px;
}
.tb_url input {
border: 1px solid #CC8899;
color: #CC8899;
background-color: #FFEAE4;
padding: 0px 0px 0px 4px;
}

.comment {
font-size: 10px;
color: gray;
margin: 20px 0px 0px 10px;
}

.comment_body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size: 12px;
line-height: 170%;
color: #CC8888;
margin: 20px 15px 10px 40px;
}

.intext {
border: 1px solid #993399;
background-color: #FFEEEE;
padding: 1px;
}
.comment_body label {
font-size: 10px;
color: #CC8888;
}

/* ｴﾝﾄﾘｰ 個別,ﾍﾟｰｼﾞﾅﾋﾞ next/prev */

.entry_navi,
.page_navi {
font-family: "Lucida Console", "Georgia", "Arial", "KaratMedium", "Osaka";
padding: 7px 0px;
font-size: 12px;
text-align: center;
color: #BB7777;
background-color: #FFFFFF;
}
.entry_navi {
margin: 2px 0px 7px 0px;
}
.page_navi {
margin: 7px 0px;
}

/* サイド ------------------------------------------------------------------- */

/* selected or latest ｴﾝﾄﾘｰﾘｽﾄ */

#selectentry	{ display: none; }
#cid #selectentry,
#month #selectentry,
#search #selectentry,
#page #selectentry { display: block; }

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

/* ｻｲﾄﾞ 基本 */

.link_box {
margin: 0px 0px 10px 0px;
}
.link_box a,
.link_box a:link,
.link_box a:visited { color: #FCAFA0; border: none; }
.link_box a:active,
.link_box a:hover { color: #FFFFFF; border: none; background-color: #DD8888; }

/* ｻｲﾄﾞ ﾀｲﾄﾙ */

.linktitle {
font-size: 14px;
font-weight: bolder;
font-family: "Lucida Console", "Comic Sans MS", "Georgia", "Arial", "Osaka";
color: #FFFFFF;
padding: 3px 7px 3px 0px;
background-color: #BB7777;
text-align: center;
}

.linktitle span	{ color: gray; }
.linktitle a.foldmark {
text-decoration: none;
margin-left: 5px;
}
.linktitle a,
.linktitle a:link,
.linktitle a:visited,
.linktitle a:active,
.linktitle a:hover { border: none; }

/* ｻｲﾄﾞ 中身 */

.linktext1,
.linktext2 {
font-family: "Verdana", "Georgia", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
font-size: 10px;
margin: 0px 5px 0px 5px;
padding: 7px 5px 7px 5px;
line-height: 130%;
color: #DD8888;
}
.linktext3 {
padding: 7px 0px 7px 0px;
line-height: 130%;
}

.linktext1 li,
.linktext2 li {
list-style-type: none;
list-style-position: outside;
padding: 0px 3px 0px 5px;
}
.linktext1 li {
border-bottom: 1px dotted #FAA092;
}

#search #selectentry .linktext1 {
height: 200px; 
overflow: auto; 
}

.linktext_l {
padding: 0px 0px 0px 7px;
}
.linktext_r {
padding: 0px 5px 0px 0px;
text-align: right;
}

.linktext_free {
padding: 5px 5px 0px 0px;
text-align: center;
}

/* ｅｔｃ ------------------------------------------------------------------- */

/* ｶﾚﾝﾀﾞｰ */

.calen {
text-align: center;
margin: 0px 0px 12px 0px;
}
.calen a,
.calen a:link,
.calen a:visited { color: #FF9999; background: none;}
.calen a:active,
.calen a:hover { color: #FFFFFF; background-color: #FF9999; }

.calendar2 {
width: 180px;
margin: 0px auto;
text-align: center;
}
.calendar {
font-size: 10px;
font-family: "Lucida Console", "Verdana", "Arial", "Georgia", "Osaka";
color: #FFC0CB;
}

.calendar_month { display: none; }

.calendar_month2 {
font-size: 13px;
font-weight: bolder;
font-family: "Comic Sans MS", "Verdana", "Times New Roman", "Arial", "KaratMedium";
color: #779F61;
padding: 5px 10px;
background-color: #BB7777;
text-align: center;
}
.calendar_month2 a,
.calendar_month2 a:link,
.calendar_month2 a:visited { color: #FF9999; }
.calendar_month2 a:active,
.calendar_month2 a:hover { color: #FFFFFF; background-color: #FF9999; }

.weekday {
padding: 5px 0px 5px 0px;
text-align: center;
border-bottom: 1px solid #BB7777;
}

.cell {
padding: 1px;
width: 23px;
height: 20px;
}
.cell a:link,
.cell a:visited,
.cell a:active,
.cell a:hover {
display: block;
width: 23px;
height: 20px;
}
.cell a:link,
.cell a:visited,
.cell a:active {
padding: 2px 1px 0px 1px;
background: #FFC0CB;
color: #EAF7D6;
}
.cell a:hover {
padding: 2px 1px 0px 1px;
background: #DB7093;
color: #FFF;
}

/* amazon用 */

.link_amazon {
height: 200px;
font-size: 10px;
overflow: auto; 
text-align: center;
}

.amazon {
margin: 0px 0px 15px 0px;
}
.amazon a,
.amazon a:link,
.amazon a:visited,
.amazon a:active,
.amazon a:hover { color: #FF3366; background: none; }

.amazon_list {
margin: 15px 0px 10px 0px;
display: block;
overflow: hidden;
width: 88px;
color: #DD8888;
line-height: 130%;
border-left: 1px solid #DD8888;;
border-bottom: 1px dotted #DD8888;;
}

.amazon_itemc {
font-size: 9px;
padding: 5px 0px 2px 0px;
color: #BB7777;
}
.amazon {
margin: 0px 0px 20px 0px;
}
.amazon a,
.amazon a:link,
.amazon a:visited,
.amazon a:active,
.amazon a:hover { color: #779F61; background: none; }

.amazon_pict {
border: 1px solid #999;
}

/* さくら */

.sakura {
height: 100%;
text-align: center;
padding: 0px 0px 5px 65px;
font-size: 11px;
color: #FF3366;
}

/* OTHERS */

.others {
font-size: 10px;
color: #DDDDDD;
}

/* 検索 */

.search {
margin: 5px 0px 5px 0px;
font-size: 10px;
color: #CCCCFF;
}
.search input {
border: 1px solid #BB7777;
color: #BB7777;
background-color: #FFEAE4;
padding: 0px 0px 0px 2px;
}

/* ｺﾋﾟｰﾗｲﾄ */

.copyright {
font-family: "Verdana";
font-size: 11px;
color: #DDDDDD;
}

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