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

<div class="link_box">
<div class="linktitle" id="calendarname">
<span style="color:#00A0FF">C</span><span style="color:#00B3F6">a</span><span style="color:#00C4ED">l</span><span style="color:#00D4E4">e</span><span style="color:#00DBD4">n</span><span style="color:#00D2B6">d</span><span style="color:#00C99A">a</span><span style="color:#00C080">r</span>
</div>

<div class="calen" id="calendarlist">
<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="calendar2">{calendar2}</div>
</div>

</div>

<div class="link_box">
<div class="linktitle" id="username">
<span style="color:#00A0FF">P</span><span style="color:#00B6F4">r</span><span style="color:#00CAEA">o</span><span style="color:#00DBDF">f</span><span style="color:#00D5C0">i</span><span style="color:#00CA9E">l</span><span style="color:#00C080">e</span>
</div>
<div class="linktext1" id="userlist">
{user_list}
</div>
</div>

<div id="selectentry">

<div class="link_box">
<div class="linktitle" id="selentryname">
<span style="color:#00A0FF">S</span><span style="color:#00AAFA">e</span><span style="color:#00B4F5">l</span><span style="color:#00BEF0">e</span><span style="color:#00C7EB">c</span><span style="color:#00CFE6">t</span><span style="color:#00D7E1">e</span><span style="color:#00DDDB">d</span> <span style="color:#00D3BA">E</span><span style="color:#00CEAB">n</span><span style="color:#00C99C">t</span><span style="color:#00C48D">r</span><span style="color:#00C080">y</span>
</div>
<div class="linktext1" id="selentrylist">
<ul>
 
<li>
<span class="text_f"><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}">{selected_entry_item_title}</a></div>
</li>
 
</ul>
</div>
</div>

</div>

<div id="latestentry">

<div class="link_box">
<div class="linktitle" id="entryname">
<span style="color:#00A0FF">N</span><span style="color:#00B1F7">e</span><span style="color:#00C0EF">w</span> <span style="color:#00DBDF">E</span><span style="color:#00D7C8">n</span><span style="color:#00CFAE">t</span><span style="color:#00C796">r</span><span style="color:#00C080">y</span>
</div>
<div class="linktext1" id="entrylist">
<ul>
 
<li>
<span class="text_f"><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">
<span style="color:#00A0FF">R</span><span style="color:#00AAFA">e</span><span style="color:#00B4F5">c</span><span style="color:#00BEF0">e</span><span style="color:#00C7EB">n</span><span style="color:#00CFE6">t</span> <span style="color:#00DDDB">C</span><span style="color:#00D8CA">o</span><span style="color:#00D3BA">m</span><span style="color:#00CEAB">m</span><span style="color:#00C99C">e</span><span style="color:#00C48D">n</span><span style="color:#00C080">t</span>
</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_f">[{recent_comment_item_date}]</span></li>
 
</ul>
</div>
</div>

<div class="link_box">
<div class="linktitle" id="tbname">
<span style="color:#00A0FF">R</span><span style="color:#00A9FA">e</span><span style="color:#00B1F6">c</span><span style="color:#00BAF2">e</span><span style="color:#00C2EE">n</span><span style="color:#00CAEA">t</span> <span style="color:#00D8E1">T</span><span style="color:#00DDDC">r</span><span style="color:#00D9CD">a</span><span style="color:#00D5C0">c</span><span style="color:#00D0B2">k</span><span style="color:#00CCA5">b</span><span style="color:#00C898">a</span><span style="color:#00C48B">c</span><span style="color:#00C080">k</span>
</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_f">[{recent_trackback_item_date}]</span></li>
 
</ul>
</div>
</div>

<div class="link_box">
<div class="linktitle" id="categoryname">
<span style="color:#00A0FF">C</span><span style="color:#00B3F6">a</span><span style="color:#00C4ED">t</span><span style="color:#00D4E4">e</span><span style="color:#00DBD4">g</span><span style="color:#00D2B6">o</span><span style="color:#00C99A">r</span><span style="color:#00C080">y</span>
</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">
<span style="color:#00A0FF">A</span><span style="color:#00B3F6">r</span><span style="color:#00C4ED">c</span><span style="color:#00D4E4">h</span><span style="color:#00DBD4">i</span><span style="color:#00D2B6">v</span><span style="color:#00C99A">e</span><span style="color:#00C080">s</span>
</div>
<div class="linktext1" id="archivelist">
<ul>
 
<li><a href="./?month={archives_item_id}" title="{archives_item_num} コあるよ">{archives_item_eng}</a></li>
 
</ul>
</div>
</div>

<div class="link_box">
<div class="linktitle" id="linkname">
<span style="color:#00A0FF">L</span><span style="color:#00C0EF">i</span><span style="color:#00DBDF">n</span><span style="color:#00CFAE">k</span><span style="color:#00C080">s</span>
</div>
<div class="linktext1" id="linklist">
{link_list}
</div>
</div>

</div>

<div id="side_2">

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

<tr>
<td width="80" align="center" valign="top">
<div class="amazon_itemp">
<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="78" 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" style="color:#00A0FF">{freespace_title1}</div>
<div class="linktext_free" id="free1list">{freespace_contents1}</div>
</div>

<div class="link_box">
<div class="linktitle" id="free2name" style="color:#00C0EF">{freespace_title2}</div>
<div class="linktext_free" id="free2list">{freespace_contents2}</div>
</div>

<div class="link_box">
<div class="linktitle" id="free3name" style="color:#00DBDF">{freespace_title3}</div>
<div class="linktext_free" id="free3list">{freespace_contents3}</div>
</div>

<div class="link_box">
<div class="linktitle" id="free4name" style="color:#00CFAE">{freespace_title4}</div>
<div class="linktext_free" id="free4list">{freespace_contents4}</div>
</div>

<div class="link_box">
<div class="linktitle" id="free5name" style="color:#00C080">{freespace_title5}</div>
<div class="linktext_free" id="free5list">{freespace_contents5}</div>
</div>

</div>

<div id="main">

<div class="title">

<div class="site_title">
<img src="http://img-cdn.jg.jugem.jp/a14/106684/20070423_295654.gif" alt="" border="0" align="texttop" />
{blog_name}
<img src="http://img-cdn.jg.jugem.jp/a14/106684/20070423_295654.gif" alt="" border="0" align="texttop" />
</div>

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

</div>

<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>

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

<div class="entry_date">{entry_date} {entry_time}</div>
<div class="entry_title"><a href="{entry_permalink}">{entry_title}</a></div>
<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_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">
<div class="etc_title">Comment</div>

<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: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" 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">
<div class="etc_title">Trackback</div>
<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">
<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">
<div class="etc_title">Profile</div>
<div class="ct_body" style="text-align:right;">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 class="copyright">{copyright}</div>

</div>

</div>

</body>
</html>

CSS

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

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

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

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

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

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

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

#main {
width: 394px;
height: 100%;
margin: 0px auto;
background-color: #FFFFFF;
border-left: 3px solid #3399CC;
border-right: 3px solid #3399CC;
border-bottom: 2px solid #3399CC;
}

#side_1 {
width: 190px;
height: 100%;
float: left;
padding-top: 10px;
background-color: #FFFFFF;
border-left: 3px solid #3399CC;
border-right: 3px solid #3399CC;
border-bottom: 2px solid #3399CC;
}

#side_2 {
width: 190px;
height: 100%;
float: right;
padding-top: 10px;
background-color: #FFFFFF;
border-left: 3px solid #3399CC;
border-right: 3px solid #3399CC;
border-bottom: 2px solid #3399CC;
}

/* 全体のﾘﾝｸ色 */

a,
a:link,
a:visited { color: #6699FF; text-decoration: none; }
a:active,
a:hover	{ color: #FFFFFF; text-decoration: none; background-color: #9999FF; }

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

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

input, textarea {
border: 1px solid #99DD99;
color: #71BD78;
background-color: #EAFFE4;
padding: 0px 0px 0px 4px;
}

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

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

.clear { clear: both; }

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

.title {
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070425_296794.gif);
background-repeat: no-repeat;
background-position: right -10px;
}

/* ｻｲﾄ ﾀｲﾄﾙ */

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

/* ｻｲﾄ 説明 */

.description {
color: #339999;
font-family: "Arial", "Verdana", "Century Gothic", "TBPゴシックB", "Osaka";
font-size: 9px;
margin: 0px 110px 10px 15px;
padding: 8px 0px 0px 5px;
line-height: 120%;
text-align: left;
border-left: 2px dotted #339999;
border-bottom: 2px dotted #339999;
}

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

/* ﾒｲﾝ 基本 */

.entry {
padding: 0px 0px 8px 0px;
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070425_296789.gif);
background-repeat: no-repeat;
background-position: 10px 27px;
}

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

.entry_title {
font-size: 14px;
font-weight: bolder;
font-family: "century gothic", "Verdana", "Osaka", sans-serif;
color: #9999CC;
padding: 5px 0px 2px 45px;
border-bottom: 3px dotted #9999CC;
}
.entry_title a,
.entry_title a:link,
.entry_title a:visited { color: #66CC99; border: none; }
.entry_title a:active,
.entry_title a:hover { color: #9999CC; border: none; background: none; }

/* ｴﾝﾄﾘｰ日付 */

.entry_date {
font-family: "Georgia", "Verdana", "Arial", "Lucida Console", "KaratMedium";
font-size: 19px;
color: #9999CC;
padding: 0px 5px 0px 0px;
text-align: right;
border-top: 3px solid #3399CC;
}
.entry_date a,
.entry_date a:link,
.entry_date a:visited { color: #9999CC; border: none; }
.entry_date a:active,
.entry_date a:hover { color: #CCCCCC; border: none; background: none; }

/* ｴﾝﾄﾘｰ 本文 */

.entry_body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size: 12px;
line-height: 170%;
color: #9999CC;
padding: 20px 12px 10px 18px;
}

.entry_body hr	{ display: none; }

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

.entry_more {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size: 12px;
line-height: 170%;
color: #9999CC;
padding: 0px 12px 0px 18px;
}
.entry_more a,
.entry_more a:link,
.entry_more a:visited { border-bottom: 1px dotted #6699FF; }
.entry_more a:active,
.entry_more a:hover	{ border-bottom: none; }

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

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

.entry_state {
font-family: "Verdana", "Arial", "TBPゴシックB", "KaratMedium", "Osaka";
font-size: 10px;
color: #CCCCCC;
margin: 10px 0px 0px 0px;
padding: 8px 10px 0px 0px;
text-align: right;
border-top: 1px dotted #9999CC;
}
.entry_state a,
.entry_state a:link,
.entry_state a:visited { color: #666699; border: none; }
.entry_state a:active,
.entry_state a:hover { color: #CCCCCC; border: none; background: none; }

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

.etc {
padding: 7px 0px 15px 0px;
border-top: 3px solid #3399CC;
}

.etc_title {
font-size: 18px;
font-weight: bolder;
font-family: "century gothic", "Verdana", "Courier New", "Osaka", sans-serif;
color: #9999CC;
padding: 4px 0px 5px 45px;
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070425_296789.gif);
background-repeat: no-repeat;
background-position: 10px 0px;
border-bottom: 3px dotted #9999CC;
}

.comment {
margin: 20px 0px 0px 10px;
}

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

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

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

.tb_url {
font-family: "Verdana", "Arial", "TBPゴシックB", "KaratMedium", "Osaka";
font-size: 12px;
color: #71BD78;
margin: 15px 0px 30px 35px;
}

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

.comment_body label {
font-size: 11px;
color: #6FCC8F;
}
.comment_body input,
.comment_body textarea {
font-size: 11px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
background-color: #FFFFFF;
}

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

.entry_navi,
.page_navi {
padding: 7px 0px;
font-size: 13px;
text-align: center;
color: #339999;
}
.page_navi {
border-top: 3px solid #3399CC;
}
.entry_navi {
border-top: 3px solid #3399CC;
}

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

/* 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 5px 15px 5px;
border: 1px solid #666699;
}

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

.linktitle {
font-size: 14px;
font-weight: bolder;
font-family: "Verdana", "Courier New", "Comic Sans MS", "Times New Roman", "Arial";
color: #00C080;
margin: 0px;
padding: 1px 4px 3px 0px;
text-align: right;
}

.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;
color: #666699;
line-height: 130%;
}
.linktext1 {
margin: 0px 5px 0px 5px;
padding: 5px 3px 7px 3px;
}
.linktext2 {
padding: 7px 0px 7px 0px;
}

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

.text_f {
font-family: "Lucida Console", "Georgia", "Arial", "KaratMedium", "Osaka";
}

#archivelist li {
font-family: "century gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
#search #selectentry .linktext1 {
height: 200px; 
overflow: auto; 
}

#userlist li {
border: none;
}

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

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

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

/* ｶﾚﾝﾀﾞｰ */

.calen {
text-align: center;
background-image: url(http://img-cdn.jg.jugem.jp/a14/106684/20070425_296793.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
.calendar2 {
width: 175px;
margin: 0px auto;
}
.calendar {
font-size: 10px;
font-family: "Lucida Console", "Verdana", "Arial", "Georgia", "Osaka";
color: #339999;
text-align: center;
}
.calendar a,
.calendar a:link,
.calendar a:visited { color: #FF9999; background: none; }
.calendar a:active,
.calendar a:hover { color: #FFFFFF; background-color: #FF9999; }

.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;
text-align: center;
border-bottom: 1px solid #99CC66;
}

.weekday {
font-size: 10px;
margin: 0px 0px 15px 0px;
padding: 4px 0px;
text-align: center;
}

.cell {
width: 20px;
height: 20px;
padding: 0px 1px 3px 3px;
}
.cell a,
.cell a:link,
.cell a:visited,
.cell a:active,
.cell a:hover {
display: block;
width: 20px;
height: 20px;
}
.cell a:link,
.cell a:visited,
.cell a:active {
padding: 2px 0px 0px 1px;
background-color: #99CC99;
color: #FFFFFF;
}
.cell a:hover {
padding: 2px 0px 0px 1px;
background-color: #7799DD;
color: #FBFDFF;
}

/* amazon用 */

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

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

.amazon_itemc {
font-size: 9px;
padding: 5px 0px 2px 0px;
color: #669999;
}
.amazon_itemp {
margin: 0px 0px 20px 0px;
}
.amazon_itemp a,
.amazon_itemp a:link,
.amazon_itemp a:visited,
.amazon_itemp a:active,
.amazon_itemp a:hover { color: #666699; background: none; }

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

/* 検索 */

.search {
margin: 0px 0px 5px 0px;
font-size: 10px;
color: #99DD99;
text-align: center;
}

/* OTHERS */

.others {
font-size: 10px;
color: #DDDDDD;
padding: 15px 0px 10px 0px;
text-align: center;
border-top: 3px solid #3399CC;
}

/* ｺﾋﾟｰﾗｲﾄ */

.copyright {
font-size: 11px;
color: #DDDDDD;
padding: 0px 0px 15px 0px;
text-align: center;
}

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