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

ホーム

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

テンプレート名 : drop #04

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 type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<div id="container">

<div id="main">

<h1 id="top">{blog_name}</h1>
<p class="description">{blog_description}</p>

<h2 class="entrylist-title">Selected Entries</h2>

<ul class="entrylist" id="selected">

<li>
<a href="./?eid={selected_entry_item_id}">{selected_entry_item_year}/{selected_entry_item_month}/{selected_entry_item_day}　{selected_entry_item_title}</a>
</li>

</ul>

<div class="top-navi">

{prev_page_link}　<span>{page_now}/{page_num}　</span>{next_page_link}

</div>

</td></tr></table>

<div class="entry">
<div class="entry-box">

<h2><a href="{entry_permalink}">{entry_title}</a></h2>

<div class="entry-text">
{entry_description}･･･ <a href="./?eid={entry_sequel_id}#sequel" class="readmore">more<span>？</span></a>
{entry_sequel_text}
</div>

<div class="sub">
<a href="{entry_permalink}">{entry_year}/{entry_month}/{entry_day} {entry_time_only}</a>　{user_name}<br />
{category_name}<script type="text/javascript"></script><noscript>&nbsp;｜&nbsp;<a href="{entry_permalink}#comments">CM：{comment_num_only}</a>&nbsp;｜&nbsp;<a href="{entry_permalink}#trackback">TB：{trackback_num_only}</a></noscript>
</div>

{trackback_auto_discovery}

</div>
</div>

<div class="comment-box">

<h3 id="comments">COMMENT</h3>

<div class="content">

<div class="comment-text" id="comment{comment_id}">{comment_description}</div>

<div class="comment-sub">
{comment_year}/{comment_month}/{comment_day} {comment_hour_24}:{comment_minute}　{comment_name_only}<script type="text/javascript"></script><noscript> (<a href="{comment_url}" target="_blank">URL</a>)</noscript>
</div>

</div>

<form name="comment_area" id="comment_area" method="post" action="./?mode=comment">
<input type="hidden" name="entry_id" value="{entry_id}" />

<dl>
<dt><label for="name">NAME : </label></dt>
<dd>
<input type="text" tabindex="1" id="name" name="name" value="{cookie_name}" size="40" />
</dd>
<dt><label for="email">MAIL : </label></dt>
<dd>
<input type="text" tabindex="2" id="email" name="email" value="{cookie_email}" size="40" />
</dd>
<dt><label for="url">URL : </label></dt>
<dd>
<input type="text" tabindex="3" id="url" name="url" value="{cookie_url}" size="40" />
</dd>
<dt><label for="description">COMMENT : </label></dt>
<dd>
<textarea tabindex="4" cols="45" rows="8" id="description" name="description"></textarea>
</dd>
</dl>

<p>
<input tabindex="5" type="checkbox" id="set_cookie" name="set_cookie" value="1" /> <label for="set_cookie">cookie</label>　　<input type="submit" tabindex="6" value="SUBMIT" class="button" onclick="javascript:setval();" onkeypress="javascript:setval();" />
</p>

</form>

</div>

<div class="comment-box">

<h3 id="trackback">TRACKBACK</h3>

<div class="content">

<div class="comment-text" id="trackback{trackback_id}">
{trackback_excerpt}･･･
</div>

<div class="comment-sub">
{trackback_year}/{trackback_month}/{trackback_day} {trackback_hour_24}:{trackback_minute}<br />
{trackback_title} ({trackback_blog_name})
</div>

</div>

<dl class="tb-url">
<dt>Trackback URL :</dt>
<dd><a href="{trackback_url}" target="_blank">{trackback_url}</a></dd>
</dl>

</div>

<div class="entry">
<div class="entry-box">

<h2>{profile_name}</h2>

<div class="entry-text">{profile_description}</div>

<div class="sub">PROFILE</div>

</div>
</div>

<div class="navi">

</div>

<div class="bottom-navi{eid}{pid}"></div>

</div>

<div id="menu">
<div class="menu-space">

<form action="./" method="get" class="search-form">
<input type="text" id="search" name="search" size="15" maxlength="200" value="" /> <input type="submit" value="SEARCH" class="button" />
</form>

<h2>{calendar_str_month} {calendar_this_year}</h2>

<div id="calender">
<table border="0" cellspacing="1" cellpadding="0" summary="カレンダー" class="aaa"><tr>
<th abbr="日曜日" scope="row" class="sun">S</th>
<th abbr="月曜日" scope="row">M</th>
<th abbr="火曜日" scope="row">T</th>
<th abbr="水曜日" scope="row">W</th>
<th abbr="木曜日" scope="row">T</th>
<th abbr="金曜日" scope="row">F</th>
<th abbr="土曜日" scope="row" class="sat">S</th>
</tr></table>
{calendar_only}

</div>

<h2>Categories</h2>
<div class="linktext">
<ul>

<li><a href="./?cid={category_item_id}">{category_item_name} ({category_item_num})</a></li>

</ul>
</div>

<h2>Archives</h2>
<div class="linktext">
<ul>

<li><a href="./?month={archives_item_year}{archives_item_num_month}">{archives_item_eng} ({archives_item_num})</a></li>

</ul>
</div>

<h2>Recent Comments</h2>
<div class="linktext">
<ul>

<li><a href="./?eid={recent_comment_item_entry_id}#comment{recent_comment_item_comment_id}" title="親記事：{recent_comment_item_title}">{recent_comment_item_name} ({recent_comment_item_date})</a></li>

</ul>
</div>

<h2>Recent Trackbacks</h2>
<div class="linktext">
<ul>

<li><a href="./?eid={recent_trackback_item_entry_id}#trackback{recent_trackback_item_trackback_id}" title="親記事：{recent_trackback_item_title}">{recent_trackback_item_blog_name} ({recent_trackback_item_date})</a></li>

</ul>
</div>

<h2>Links</h2>
<div class="linktext">{link_list}</div>

<h2>{freespace_title1}</h2>
<div class="linktext">{freespace_contents1}</div>

<h2>{freespace_title2}</h2>
<div class="linktext">{freespace_contents2}</div>

<h2>{freespace_title3}</h2>
<div class="linktext">{freespace_contents3}</div>

<h2>{freespace_title4}</h2>
<div class="linktext">{freespace_contents4}</div>

<h2>{freespace_title5}</h2>
<div class="linktext">{freespace_contents5}</div>

<h2>Recommends</h2>
<div class="amazontext">

<div class="amazon">
<a href="{amazon_url}" target="_blank"><img src="{amazon_ImageUrlSmall}" border="0" alt="{amazon_ProductName}" class="amazon_pict" />{amazon_ProductName}</a><br />
{amazon_Creator}
</div>
<div class="amazon-clear"><br /></div>

</div>

<h2>Others</h2>
<div class="linktext">
<ul>
<li><a href="./admin/">Admin</a></li>
<li><a href="./?mode=rss">RSS 1.0</a></li>
<li><a href="./?mode=atom">Atom 0.3</a></li>

<li><a href="http://www9.plala.or.jp/kazunao/" target="_blank">Materials by BOUS</a></li>
<li><a href="http://38b.jugem.jp/" target="_blank">Template by *drop by drop*</a></li>
<li><a href="https://jugem.jp/" target="_blank">Powered by JUGEM</a></li>
<li><a href="http://paperboy.co.jp" target="_blank">Service Provided by paperboy&amp;co.</a></li>

</ul>
</div>

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

</div>
</div>

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

</div>

</div>

</div>

oh2 = this.document.getElementsByTagName('h2');
for (i = 0; i < oh2.length; i++) {
if (oh2[i].className == 'entrylist-title') {
pageatt = window.location.search.split('=');
if (((pageatt[0] == '?eid') || (pageatt[0] == '?pid')) || (pageatt[0] == '?mode')) {h21st = '';}
if ((pageatt[0] == '') || (pageatt[0] == '?tid')) {h21st = 'Latest Entries';}
if (pageatt[0] == '?page') {
if (pageatt[1] <= '0') {h21st = 'Latest Entries';}
if (pageatt[1] > '0') {h21st = 'Selected Entries';}
if (pageatt[1].indexOf('&') > -1) {
pageatt3 = pageatt[1].split('&');
if (pageatt3[1] == 'cid') {h21st = 'Categories';}
if (pageatt3[1] == 'month') {h21st = 'Archives';}
if (pageatt3[1] == 'day') {h21st = 'Days';}
if (pageatt3[1] == 'search') {h21st = 'Search';}
}
}
if (pageatt[0] == '?cid') {h21st = 'Categories';}
if (pageatt[0] == '?month') {h21st = 'Archives';}
if (pageatt[0] == '?day') {h21st = 'Days';}
if (pageatt[0] == '?search') {h21st = 'Search';}
if (((h21st == 'Latest Entries') || (h21st == 'Selected Entries')) || (h21st == '')) {
oh2[i].innerHTML = h21st;
}
else if (h21st == 'Search') {
oh2[i].innerHTML = h21st+'&nbsp;&raquo;&nbsp;<span>key word</span>';
}
else {
blogtitle = document.title.split('|');
oh2[i].innerHTML = h21st+'&nbsp;&raquo;&nbsp;<span>'+blogtitle[1]+'</span>';
}
}
}

odiv = this.document.getElementsByTagName('div');
for (i = 0; i < odiv.length; i++) {

if (odiv[i].className == 'top-navi') {
topnavitext = odiv[i].innerHTML;
linknavi = odiv[i].getElementsByTagName('a');
for (j = 0; j < linknavi.length; j++) {
if (linknavi[j].innerHTML == '&lt;&lt;') {
linknavi[j].innerHTML = '←PREV';
}
if (linknavi[j].innerHTML == '&gt;&gt;') {
linknavi[j].innerHTML = 'NEXT→';
}
}
}

if (odiv[i].className == 'bottom-navi') {
odiv[i].innerHTML = topnavitext;
linknavi = odiv[i].getElementsByTagName('a');
for (j = 0; j < linknavi.length; j++) {
if (linknavi[j].innerHTML == '&lt;&lt;') {
linknavi[j].innerHTML = '←PREV';
}
if (linknavi[j].innerHTML == '&gt;&gt;') {
linknavi[j].innerHTML = 'NEXT→';
}
}
}

if (odiv[i].className == 'calender-navi') {
linkclnavi = odiv[i].getElementsByTagName('a');
for (j = 0; j < linkclnavi.length; j++) {
linkcldate = linkclnavi[j].href.split('=');
linkclyear = linkcldate[1].substring(0, 4);
linkclmonth = linkcldate[1].substring(4);
if (linkclmonth == '01') {emonth = 'Jan';}
if (linkclmonth == '02') {emonth = 'Feb';}
if (linkclmonth == '03') {emonth = 'Mar';}
if (linkclmonth == '04') {emonth = 'Apr';}
if (linkclmonth == '05') {emonth = 'May';}
if (linkclmonth == '06') {emonth = 'Jun';}
if (linkclmonth == '07') {emonth = 'Jul';}
if (linkclmonth == '08') {emonth = 'Aug';}
if (linkclmonth == '09') {emonth = 'Sept';}
if (linkclmonth == '10') {emonth = 'Oct';}
if (linkclmonth == '11') {emonth = 'Nov';}
if (linkclmonth == '12') {emonth = 'Dec';}
if (linkclnavi[j].innerHTML == '&lt;&lt;') {
linkclnavi[j].innerHTML = '←'+emonth+' '+linkclyear;
}
if (linkclnavi[j].innerHTML == '&gt;&gt;') {
linkclnavi[j].innerHTML = emonth+' '+linkclyear+'→';
}
}
}

if (odiv[i].id == 'copy') {
linkjugem = odiv[i].getElementsByTagName('a');
for (j = 0; j < linkjugem.length; j++) {
if (linkjugem[j].href == 'https://jugem.jp/') {
linkjugem[j].title = '';
linkjugem[j].href = './';
blogtitle = document.title.split('|');
linkjugem[j].innerHTML = blogtitle[0];
}
}
}

if (odiv[i].className == 'entry-text') {
anchorsequel = odiv[i].getElementsByTagName('a');
for (j = 0; j < anchorsequel.length; j++) {
if (anchorsequel[j].name == 'sequel') {
anchorsequel[j].innerHTML = '―追記―';
anchorsequel[j].className = 'ps';
}
}
}

}
// --></script>

</body>
</html>

CSS

/* ーーーーーーーーーーーーーーーーーーーーーーーーーー 全体 */

body {
margin:0;
padding:0;
text-align:center;
background:#fff;
}

body , th , td {
color:#c0a8a6;
font-size:10px;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}

body , html , textarea {
scrollbar-face-color:#e6d8cd;
scrollbar-arrow-color:#fff6ef;
scrollbar-shadow-color:#e6d8cd;
scrollbar-darkshadow-color:#e0c4b9;
scrollbar-3dlight-color:#e0c4b9;
scrollbar-highlight-color:#e6d8cd;
scrollbar-track-color:#ffffff;
}

a:link , a:visited {color:#ffbb21; text-decoration:none;}
a:active , a:hover {color:#f06150; text-decoration:none;}

a.help {cursor:help;}
br {letter-spacing:normal;}
img {border:none;}

/* ーーーーーーーーーーーーーーーーーーーーーーー レイアウト */

#container {
width:619px;
margin:0 auto;
text-align:left;
}

#footer {
width:619px;
clear:both;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269725.jpg) no-repeat scroll 0 0;
}

#main {
width:419px;
float:left;
overflow:hidden;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269724.jpg) no-repeat scroll 0 0;
}

#menu {
width:200px;
float:right;
overflow:hidden;
}
.menu-space {padding:0 0 0 20px; line-height:140%;}

/* ーーーーーーーーーーーーーーーーーーーーーーーーー トップ */

table.header {width:419px; height:226px;}

h1 {
color:#bb8c82;
font-size:18px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
margin:0;
padding:10px 14px 0 146px;
font-family:"Comic Sans MS",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}

h1 a:link , h1 a:visited {color:#bb8c82; text-decoration:none;}
h1 a:active , h1 a:hover {color:#f06150; text-decoration:none;}

p.description {
color:#bb8c82;
line-height:130%;
margin:0;
padding:10px 14px 0 146px;
}

/* ーーーーーーーーーーーーーーーーーーーーーー エントリーリスト */

#blogeid #selected {display:none;}

#main h2.entrylist-title {
color:#bb8c82;
background:none;
font-size:10px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
margin:0;
padding:40px 14px 10px 146px;
font-family:"Comic Sans MS",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}
#main h2.entrylist-title span {
font-size:9px;
font-weight:normal;
letter-spacing:0;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}

ul.entrylist {
list-style:none;
line-height:150%;
margin:0;
padding:0 14px 0 146px;
}

ul.entrylist li {
padding:0 0 0 10px; background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269726.gif) no-repeat scroll 0 5px;
}

/* ーーーーーーーーーーーーーーーーーーーーーー メインカラム */

/* ーーーーー エントリー */

.entry {padding:20px 0;}

.entry-box {
padding:0 0 45px 0;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269728.jpg) no-repeat scroll 100% 100%;
}

#main h2 {
color:#bb8c82;
font-size:10px;
font-weight:bold;
line-height:130%;
margin:0;
padding:0 71px 36px 15px;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269730.jpg) no-repeat scroll 0% 100%;
}

@media screen , print {
#main h2 {letter-spacing:1px;}
}

#main h2 a:link , #main h2 a:visited {color:#bb8c82; text-decoration:none;}
#main h2 a:active , #main h2 a:hover {color:#f06150; text-decoration:none;}

.entry-text {
padding:6px 66px 0 11px;
line-height:170%;
}

blockquote {
color:#fff6ef;
background:#e6d8cd;
border:1px solid #e0c4b9;
margin:10px 0 10px 20px;
padding:5px;
}

.entry-text ul {
list-style-type:none;
margin:10px 0 10px 20px;
padding:0;
}

.entry-text ul li {
margin:0;
padding:0 0 0 10px;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269726.gif) no-repeat scroll 0 6px;
}

.entry-text img.emoji {
border:none;
vertical-align:baseline;
padding:0 0 0 2px;
margin:0;
}

.entry-text img {
background:#fff;
padding:1px;
margin:5px;
border:1px solid #c0a8a6;
}

.entry-text a:link img , .entry-text a:visited img {
background:#fff; border:1px solid #ffbb21; }
.entry-text a:active img , .entry-text a:hover img {
background:#fff; border:1px solid #f06150; }

a.readmore:link span , a.readmore:visited span {
color:#fff; text-decoration:none; }
a.readmore:active span , a.readmore:hover span {
color:#f06150; text-decoration:none; }

a.ps {
display:block;
cursor:text;
color:#bb8c82;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
margin:0;
padding:18px 0;
}

a.ps:link , a.ps:visited , a.ps:active , a.ps:hover {
color:#bb8c82; text-decoration:none;}

.sub {
font-size:9px;
text-align:right;
line-height:150%;
padding:15px 100px 0 0;
}

/* ーーーーー コメ・トラバ */

.comment-box {padding:20px 14px 28px 52px;}

.content {padding:0 0 9px 0;}

h3 {
color:#bb8C82;
font-size:10px;
font-weight:bold;
line-height:100%;
margin:0;
padding:0 15px 36px 15px;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269730.jpg) no-repeat scroll 0% 100%;
}

@media screen , print {
h3 {letter-spacing:1px;}
}

.comment-text {
padding:6px 0 0 11px;
line-height:150%;
}

.comment-sub {
font-size:9px;
text-align:right;
line-height:150%;
margin:0 0 0 11px;
padding:15px 0;
border-bottom:1px dotted #e0c4b9;
}

form#comment_area {
margin:0;
padding:6px 0 0 11px;
}

form#comment_area dl {margin:0; padding:0;}

form#comment_area dt {
font-size:9px;
line-height:100%;
margin:0;
padding:0 0 2px 0;
}

form#comment_area dd {margin:0; padding:0 0 7px 0;}

input , textarea {
color:#c0a8a6;
background:#fff;
font-size:10px;
margin:0;
border:1px solid #e6d8cd;
font-family:Osaka,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
}

form#comment_area input {width:300px;}

form#comment_area input#set_cookie {width:auto; border:none;}

form#comment_area input.button {
width:auto;
color:#fff6ef;
background:#e6d8cd;
font-size:9px;
border:1px solid #e0c4b9;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}

form#comment_area textarea {width:340px;}

form#comment_area p {margin:0; padding:5px 0 0 0;}

dl.tb-url {
margin:0;
padding:6px 0 0 11px;
}

dl.tb-url dt {
margin:0;
padding:0;
line-height:100%;
}

dl.tb-url dd {
margin:0;
padding:3px 0 0 0;
line-height:100%;
}

/* ーーーーー ナビ */

.top-navi {
font-size:9px;
text-align:right;
line-height:100%;
margin:0;
padding:5px 14px 20px 11px;
}
.top-navi span {display:none;}

.bottom-navieid , .bottom-navipid {display:none;}

.navi {
font-size:9px;
text-align:center;
padding:20px 14px 10px 63px;
}

.bottom-navi {
font-size:9px;
text-align:center;
padding:20px 14px 10px 11px;
}

/* ーーーーー フッター */

#copy {
font-size:9px;
line-height:100%;
letter-spacing:1px;
padding:38px 0 10px 143px;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーー メニュー */

#menu a:link , #menu a:visited {color:#c0a8a6; text-decoration:none;}
#menu a:active , #menu a:hover {color:#f4d279; text-decoration:none;}

#menu h2 {
color:#bb8c82;
font-size:10px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
margin:0;
padding:20px 0 10px 31px;
font-family:"Comic Sans MS",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269731.jpg) no-repeat scroll -4px -4px;
}

.linktext {padding:7px 0 15px 5px;}

#menu ul {
list-style-type:none;
margin:0;
padding:0;
}

#menu li {
margin:0;
padding:0 0 0 10px;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070409_269726.gif) no-repeat scroll 0 5px;
}

.qr {text-align:center; padding:20px 0 15px 5px;}

.ad {text-align:center; padding:50px 0 10px 5px;}
.ad .linktext {padding:0;}

/* ーーーーー サーチ */

form.search-form {
margin:0;
padding:10px 0 15px 0;
}

form.search-form input#search {
width:90px;
color:#c0a8a6;
background:#fff;
font-size:10px;
margin:0;
border:1px solid #e0c4b9;
font-family:Osaka,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
}

form.search-form input.button {
width:auto;
color:#fff6ef;
background:#e6d8cd;
font-size:9px;
border:1px solid #e0c4b9;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}

/* ーーーーー カレンダー */

#calender {padding:8px 0 15px 0;}

#calender table {
width:169px;
background:#e0c4b9;
margin:-1px auto 0 auto;
}

#calender th , #calender td {
width:23px;
font-size:9px;
vertical-align:middle;
text-align:center;
line-height:100%;
padding:3px 0;
}

#calender th {
color:#fff6ef;
background:#e6d8cd;
font-weight:normal;
font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}

#calender th.sun {color:#ffefef;}
#calender th.sat {color:#eff1ff;}

#calender table td {background:#fff;}

#calender td a {
display:block;
text-decoration:none;
padding:3px 0;
margin:-3px 0;
}

#calender td a:link , #calender td a:visited {
color:#fff6ef !important;
background:#f8d476 !important;
text-decoration:none;
}
#calender td a:active , #calender td a:hover {
color:#fff6ef !important;
background:#fabd9e !important;
text-decoration:none;
}

.calender-navi {
font-size:9px;
text-align:right;
line-height:100%;
padding-top:4px;
}

/* ーーーーー Amazon Web サービス */

.amazontext {padding:7px 0 10px 5px;}

.amazon {
font-size:9px;
line-height:130%;
}

.amazon img {
float:left;
margin:0 5px 0 0;
padding:0;
border:1px solid #ffbb21;
}

.amazon a:link img , .amazon a:visited img {border:1px solid #ffbb21;}
.amazon a:active img , .amazon a:hover img {border:1px solid #f06150;}

.amazon-clear {
width:175px;
height:5px;
clear:left;
}

.amazon-clear br {display:none;}

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