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

ホーム

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

テンプレート名 : clear rose

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

<div id="container">

<div id="header">

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

<div id="main-column">

<div id="calendar">
<h2 class="calendar-month">
{calendar_str_yearmonth}　<a href="./?month={calendar_prev_yearmonth}">&laquo;</a> <a href="./?month={calendar_next_yearmonth}">&raquo;</a>
</h2>
{calendar_horizontal_only}
</div>

<div class="main-space">

<div class="entry">
<h2 class="lentry-title">LATEST ENTRIES</h2>
<div class="lentry-body">
<ul>

<li><a href="./?eid={latest_entry_item_id}#entry-top{latest_entry_item_year}{latest_entry_item_month}{latest_entry_item_day}">{latest_entry_item_year}-{latest_entry_item_month}-{latest_entry_item_day}　{latest_entry_item_title}</a></li>

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

<div class="navi-box">
<div class="entry-navi"><a href="#top">TOP</a></div>
</div>

<div class="entry">
<div class="entry-box" id="entry-top{entry_year}{entry_month}{entry_day}">
<h2 class="entry-title">
<a href="{entry_permalink}#entry-top" class="en-title">{entry_title}</a>
</h2>
</div>
<div class="entry-body">
{entry_description}

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


<div class="entry-more">{entry_sequel_text}</div>

</div>
<div class="entry-state">
Posted by {user_name} at <a href="{entry_permalink}#entry-top">{entry_year}-{entry_month}-{entry_day}({entry_eng_week_short}) {entry_time_only}</a><br />
Category : {category_name}　|　<a href="{entry_permalink}#comments">CM : {comment_num_only}</a>　|　<a href="{entry_permalink}#trackback">TB : {trackback_num_only}</a>
</div>
{trackback_auto_discovery}
</div>

<div class="navi-box"><div class="entry-navi">
<script type="text/javascript"></script><noscript><a href='{next_permalink}' title='{next_title}' class='question'>&laquo; NEW ENTRY</a>　|</noscript>　<a href="./">MAIN</a>　<script type="text/javascript"></script><noscript>|　<a href="{prev_permalink}" title="{prev_title}" class="question">OLD ENTRY &raquo;</a></noscript>
</div></div>

<div class="entry">
<h2 class="comment-title" id="comments">COMMENT</h2>

<div class="comment-box">
<div class="comment-body" id="comment{comment_id}">{comment_description}</div>
<div class="comment-state">
Posted by {comment_name} at {comment_year}-{comment_month}-{comment_day}({comment_eng_week_short}) {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}" class="comment_text" />
<dl class="form-Def">
<dt><label for="name">name :</label></dt>
<dd>
<input type="text" tabindex="3" name="name" id="name" value="{cookie_name}" size="39" class="comment_text" />
</dd>
<dt><label for="email">email :</label></dt>
<dd>
<input type="text" tabindex="4" name="email" id="email" value="{cookie_email}" size="39" class="comment_text" />
</dd>
<dt><label for="url">url :</label></dt>
<dd>
<input type="text" value="{cookie_url}" name="url" id="url" tabindex="5" size="39" class="comment_text" />
</dd>
<dt><label for="description">comments :</label></dt>
<dd>
<textarea rows="8" cols="50" name="description" id="description" tabindex="6"></textarea>
</dd>
</dl>
<p>
<input type="checkbox" value="1" name="set_cookie" id="set_cookie" tabindex="7" /> <label for="set_cookie">Cookieに登録</label>　<input type="submit" value="SUBMIT" id="comment_btn" onclick="javascript:setval();" tabindex="8" />
</p>
</form>

</div>

<div class="navi-box">
<div class="entry-navi"><a href="./">MAIN</a>　|　<a href="#top">TOP</a></div>
</div>

<div class="entry">
<h2 class="comment-title" id="trackback">TRACKBACK</h2>

<div class="comment-box">
<div class="comment-body" id="trackback{trackback_id}">{trackback_excerpt}</div>
<div class="trackback-state">
{trackback_title}<br />
Posted by {trackback_blog_name} at {trackback_year}-{trackback_month}-{trackback_day}({trackback_eng_week_short}) {trackback_hour_24}:{trackback_minute}
</div>
</div>

<dl class="trackback-def">
<dt>TRABACK URL :</dt>
<dd><a href="{trackback_url}" target="_blank">{trackback_url}</a></dd>
</dl>

</div>

<div class="navi-box">
<div class="entry-navi"><a href="./">MAIN</a></div>
</div>

<div class="entry">
<h2 class="prof-title" id="prof-top">PROFILE : {profile_name}</h2>
<div class="prof-body">{profile_description}</div>
</div>

<div class="navi-box">
<div class="entry-navi"><a href="#top">TOP</a></div>
</div>

<div class="navi-box"><div class="page-navi">
<script type="text/javascript"></script><noscript><a href='{prev_page_url}'>&laquo; BACK</a>　|</noscript>　<span>{page_now}/{page_num} PAGES</span>　<script type="text/javascript"></script><noscript>|　<a href="{next_page_url}">NEXT &raquo;</a></noscript>
</div></div>

</div>

</div>

<div id="menu-column">

<form method="get" action="#" class="search-form">
<input id="search" name="search" size="10" value="" tabindex="1" accesskey="A" /> <input id="search_btn" type="submit" value="SEARCH" tabindex="2" accesskey="B" />
</form>

<div class="menu-space">

<div class="menu-box" id="selected">
<h2 class="linktitle">SELECTED ENTRIES</h2>
<div class="link-box"><div class="linktext" id="entrylist">
<ul>

<li><a href="./?eid={selected_entry_item_id}#entry-top">{selected_entry_item_title}</a> ({selected_entry_item_date})</li>

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

<div class="menu-box">
<h2 class="linktitle">CATEGORIES</h2>
<div class="link-box"><div class="linktext-2">
<ul>

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

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

<div class="menu-box">
<h2 class="linktitle">ARCHIVE</h2>
<div class="link-box">
<div class="linktext" id="archivelist">{archives_list}</div>
</div>
</div>

<div class="menu-box">
<h2 class="linktitle">RECENT COMMENTS</h2>
<div class="link-box"><div class="linktext" id="commentlist">
<ul>

<li>{recent_comment_item_title}<br />⇒ <a href="./?eid={recent_comment_item_entry_id}#comment{recent_comment_item_comment_id}">{recent_comment_item_name}</a> ({recent_comment_item_date})</li>

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

<div class="menu-box">
<h2 class="linktitle">RECENT TRACKBACKS</h2>
<div class="link-box"><div class="linktext" id="tblist">
<ul>

<li>{recent_trackback_item_title}<br />⇒ <a href="./?eid={recent_trackback_item_entry_id}#trackback{recent_trackback_item_trackback_id}">{recent_trackback_item_blog_name}</a> ({recent_trackback_item_date})</li>

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

<div class="menu-box">
<h2 class="linktitle">LINKS</h2>
<div class="link-box">
<div class="linktext-2">{link_list}</div>
</div>
</div>

<div class="menu-box">
<h2 class="linktitle">{freespace_title1}</h2>
<div class="link-box">
<div class="linktext">{freespace_contents1}</div>
</div>
</div>

<div class="menu-box">
<h2 class="linktitle">{freespace_title2}</h2>
<div class="link-box">
<div class="linktext">{freespace_contents2}</div>
</div>
</div>

<div class="menu-box">
<h2 class="linktitle">{freespace_title3}</h2>
<div class="link-box">
<div class="linktext">{freespace_contents3}</div>
</div>
</div>

<div class="menu-box">
<h2 class="linktitle">{freespace_title4}</h2>
<div class="link-box">
<div class="linktext">{freespace_contents4}</div>
</div>
</div>

<div class="menu-box">
<h2 class="linktitle">{freespace_title5}</h2>
<div class="link-box">
<div class="linktext">{freespace_contents5}</div>
</div>
</div>

<div class="menu-box">
<h2 class="linktitle">OTHERS</h2>
<div class="link-box"><div class="linktext-2">
<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://macherie.chu.jp/" target="_blank">Materials by macherie</a></li>
<li><a href="http://38b.jugem.jp/" target="_blank">Template by *drop by drop*</a></li>
<li><a href="http://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>
</div>

<div class="menu-box">
<h2 class="linktitle">RECOMMENDS</h2>
<div class="amazon-box"><div class="amazon-text">

<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 class="amazon-comment">{amazon_comment}</div>
</div>
<div class="amazon-border"><hr /></div>

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

<div class="qr-box"><div class="linktext">{site_qrcode}</div></div>

<div class="ad-box">{ad}</div>

</div>

</div>

<div id="footer">
<div class="copyright">
<script type="text/javascript"></script><noscript>{copyright}</noscript>
</div>
</div>

</div>

</body>
</html>

CSS

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

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

html , body {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#dadada;
scrollbar-arrow-color:#cfcfcf;
scrollbar-darkshadow-color:#dadada;
}

textarea {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#e9e9e9;
scrollbar-arrow-color:#e9e9e9;
scrollbar-darkshadow-color:#e9e9e9;
}

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

br {letter-spacing:normal;}
img {border:none;}

/* ---------------------------------------------------------------------- */

#container {
text-align:left;
background:#fff;
border:1px solid #dbdbdb;
padding:0;
margin:0 auto;
}
#container {
width:652px;
voice-family: "\"}\""; 
voice-family:inherit;
width:650px;
}
/* ▲１段　両端のボーダー幅も含めた全体の幅 */
/* ▲２・３段　!!重要　改変しない!! */
/* ▲４段　両端のボーダー幅を省いた全体の幅 */
html>body #container {width:650px;}
/* ▲上の４段目と同じ数値に */

#main-column {
width:450px;
float:left;
}
.main-space {padding:10px 15px 10px 0;}

#menu-column {
width:200px;
float:right;
}
.menu-space {padding:10px 0;}

#footer {
width:650px;
clear:both;
}

/* ---------------------------------------------------------------------- */

#header {padding:15px;}

h1 {
color:#c6dfe2;
font-size:18px;
font-weight:normal;
line-height:100%;
letter-spacing:0.03em;
padding:0;
margin:0;
}
h1 a:link , h1 a:visited {
color:#edd5e1; text-decoration:none;}
h1 a:active , h1 a:hover {
color:#ffebf4; text-decoration:none;}

#header p {
margin:0;
padding:10px 0 0 0;
line-height:140%;
}
@media screen , print {
#header p {letter-spacing:0.04em;}
}

#calendar {
font-size:9px;
color:#cfcfcf;
line-height:100%;
padding:8px 10px 0 10px;
margin:0;
border-width:0 1px 1px 0;
border-style:none dashed dashed none;
border-color:#dbdbdb;
font-family:Arial,"Trebuchet MS",Tahoma,"Franklin Gothic Medium",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
}
#calendar {
height:38px;
voice-family: "\"}\""; 
voice-family:inherit;
height:29px;
}
/* ▲１段　両端のボーダー幅も含めた全体の幅 */
/* ▲２・３段　!!重要　改変しない!! */
/* ▲４段　両端のボーダー幅を省いた全体の幅 */
html>body #calendar {height:29px;}
/* ▲上の４段目と同じ数値に */

h2.calendar-month {
font-size:9px;
color:#aaa;
font-weight:normal;
text-transform:uppercase;
line-height:100%;
letter-spacing:0.03em;
margin:0;
padding:0 0 3px 0;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}

#calendar a:link , #calendar a:visited {color:#aaa; text-decoration:none;}
#calendar a:active , #calendar a:hover {color:#eee; text-decoration:none;}

/* ---------------------------------------------------------------------- */

.entry {padding:10px 0;}

.entry-box {
padding:24px 0 24px 25px;
margin-left:10px;
background:url(http://img-cdn.jg.jugem.jp/ce8/183759/20070311_216413.gif) no-repeat scroll 0% 50%;
}

h2.lentry-title {
color:#aaa;
font-size:10px;
font-weight:normal;
line-height:100%;
letter-spacing:0.03em;
text-transform:uppercase;
margin:0 0 0 10px;
padding:22px 8px 0 25px;
background:url(http://img-cdn.jg.jugem.jp/ce8/183759/20070311_216407.gif) no-repeat scroll 0% 50%;
}
h2.lentry-title {
height:58px;
voice-family: "\"}\""; 
voice-family:inherit;
height:36px;
}
/* ▲１段　両端のボーダー幅も含めた全体の幅 */
/* ▲２・３段　!!重要　改変しない!! */
/* ▲４段　両端のボーダー幅を省いた全体の幅 */
html>body h2.lentry-title {height:36px;}
/* ▲上の４段目と同じ数値に */

@media screen , print {
h2.lentry-title:first-letter {
color:#d1c96d;
font-weight:normal;
font-size:14px;
}
}

.lentry-body {line-height:170%; padding:5px 10px 0 20px;}
@media screen , print {
.lentry-body {letter-spacing:0.04em;}
}

.lentry-body ul {margin:0; padding:0;}
.lentry-body ul li {
margin:0;
padding:0 0 0 12px;
list-style:none;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070310_249785.gif) no-repeat scroll 0 5px;
}

h2.entry-title {
color:#aaa;
font-size:10px;
font-weight:normal;
line-height:130%;
margin:0;
padding:0;
}
@media screen , print {
h2.entry-title {letter-spacing:0.03em;}
}
@media screen , print {
h2.entry-title:first-letter , a.en-title:first-letter {
color:#bb83ae;
font-weight:normal;
font-size:14px;
}
}
h2.entry-title a:link , h2.entry-title a:visited {
color:#aaa; text-decoration:none;}
h2.entry-title a:active , h2.entry-title a:hover {
color:#d4d4d4; text-decoration: none;}

.entry-body {line-height:170%; padding:5px 10px 10px 20px;}
.entry-more {padding:10px 0 0 0; text-align:center;}
body#blogeid .entry-more {text-align:left;}
@media screen , print {
.entry-body {letter-spacing:0.04em;}
}

.entry-body a:link , .entry-body a:visited {
color:#ecaaca; text-decoration:none;}
.entry-body a:active , .entry-body a:hover {
color:#f2d5e2; text-decoration:none;}

.entry-body img {
padding:1px;
margin:2px;
background:#fff;
border:1px solid #dadada;
}
.entry-body img.emoji {
border:none;
vertical-align:middle;
padding:0 0 0 2px;
margin:0;
}
.entry-body a:link img , .entry-body a:visited img {
color:#aaa;
background:#fff;
border:1px solid #dadada;
}
.entry-body a:active img , .entry-body a:hover img {
color:#fff;
background:#f2d5e2;
border:1px solid #ecaaca;
}

.entry-body p {margin:10px 0; padding:0;}

blockquote {
color:#b8b8b8;
margin:10px 15px;
padding:5px 8px;
border-width:1px 2px;
border-style:solid;
border-color:#eee #fae3f1;
}

.entry-body ul {margin:10px 0; padding:0;}
.entry-body ul li {
margin:0;
padding:0 0 0 12px;
list-style:none;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070310_249785.gif) no-repeat scroll 0 5px;
}
.entry-body ol {margin:10px 0; padding:0;}
.entry-body ol li {
margin:0;
padding:0;
list-style:decimal inside;
}

.entry-body dl {margin:10px 0; padding:0;}
.entry-body dl dt {margin:3px 0; padding:0;}
.entry-body dl dd {margin:0 0 0 20px; padding:0;}

.entry-state {
line-height:140%;
text-align:right;
margin:0;
padding:0 8px;
font-family:Arial,"Trebuchet MS",Tahoma,"Franklin Gothic Medium",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}
@media screen , print {
.entry-state {letter-spacing:0.02em;}
}

/* ---------------------------------------------------------------------- */

.navi-box {padding:10px 0;}

.entry-navi , .page-navi {
color:#e2e2e2;
font-size:9px;
text-align:center;
line-height:100%;
letter-spacing:0.03em;
margin:0;
padding:5px 8px 5px 23px;
border-width:1px 1px 1px 0;
border-style:dashed dashed dashed none;
border-color:#ddd;
}
.page-navi span {color:#cfcfcf;}
.entry-navi a:link , .entry-navi a:visited ,
.page-navi a:link , .page-navi a:visited {
color:#cfcfcf; text-decoration:none;}
.entry-navi a:active , .entry-navi a:hover ,
.page-navi a:active , .page-navi a:hover {
color:#eee; text-decoration:none;}

a.question {cursor:help;}

/* ---------------------------------------------------------------------- */

h2.comment-title , h2.profile-title {
color:#aaa;
font-size:10px;
font-weight:normal;
line-height:100%;
letter-spacing:0.03em;
text-transform:uppercase;
margin:0 0 0 18px;
padding:17px 0 0 23px;
background:url(http://img-cdn.jg.jugem.jp/ce8/183759/20070311_216411.gif) no-repeat scroll 0% 50%;
}
h2.comment-title {
height:48px;
voice-family: "\"}\""; 
voice-family:inherit;
height:31px;
}
/* ▲１段　両端のボーダー幅も含めた全体の幅 */
/* ▲２・３段　!!重要　改変しない!! */
/* ▲４段　両端のボーダー幅を省いた全体の幅 */
html>body h2.comment-title {height:31px;}
/* ▲上の４段目と同じ数値に */

@media screen , print {
h2.comment-title:first-letter {
color:#f5ecde;
font-weight:normal;
font-size:14px;
}
}

.comment-box {padding:5px 15px 0 20px;}

.comment-body {line-height:170%; padding:0 8px 10px 8px;}
@media screen , print {
.comment-body {letter-spacing:0.04em;}
}
.comment-body a:link , .comment-body a:visited {
color:#ecaaca; text-decoration:none;}
.comment-body a:active , .comment-body a:hover {
color:#f2d5e2; text-decoration:none;}

.comment-state {
line-height:100%;
text-align:right;
margin:0;
padding:0 8px 8px 8px;
border-bottom:1px dashed #ddd;
font-family:Arial,"Trebuchet MS",Tahoma,"Franklin Gothic Medium",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}

form#comment_area {margin:0; padding:8px 0 0 0;}

dl.form-Def {margin:0; padding:0 15px 0 28px;}
dl.form-Def dt {
padding:0 0 2px 0;
margin:0;
font-size:9px;
line-height:100%;
text-transform:uppercase;
letter-spacing:0.03em;
}
dl.form-Def dd {padding:0 0 5px 0; margin:0;}

form#comment_area input {
width:200px;
color:#aaa;
background:#fff;
font-size:10px;
margin:0;
border:1px solid #dadada;
font-family:Osaka,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",sans-serif;
}
form#comment_area input#set_cookie {
width:auto;
color:#aaa;
background:#fff;
margin:0;
padding:0;
border:none;
}
form#comment_area input#comment_btn {
width:auto;
color:#cfcfcf;
font-size:9px;
letter-spacing:0.03em;
background:#fff;
margin:0;
border:1px solid #dadada;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;
}
form#comment_area textarea {
width:350px;
color:#aaa;
background:#fff;
font-size:10px;
margin:0;
border:1px solid #dadada;
font-family:Osaka,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",sans-serif;
}
form#comment_area p {
font-size:9px;
line-height:100%;
letter-spacing:0.02em;
padding:5px 0 0 28px;
margin:0;
}

.trackback-state {
line-height:140%;
text-align:right;
margin:0;
padding:0 8px 8px 8px;
border-bottom:1px dashed #ddd;
font-family:Arial,"Trebuchet MS",Tahoma,"Franklin Gothic Medium",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",Osaka,sans-serif;}

dl.trackback-def {padding:8px 15px 0 28px; margin:0;}

dl.trackback-def dt {
font-size:9px;
line-height:100%;
letter-spacing:0.03em;
margin:0;
padding:0 0 5px 0;
}

dl.trackback-def dd {
line-height:100%;
letter-spacing:0.04em;
margin:0;
padding:0;
}

/* ---------------------------------------------------------------------- */

h2.prof-title {
color:#aaa;
font-size:10px;
font-weight:normal;
line-height:100%;
letter-spacing:0.03em;
text-transform:uppercase;
margin:0 0 0 10px;
padding:22px 8px 0 23px;
background:url(http://img-cdn.jg.jugem.jp/ce8/183759/20070311_216413.gif) no-repeat scroll 0% 50%;
}
h2.prof-title {
height:58px;
voice-family: "\"}\""; 
voice-family:inherit;
height:36px;
}
/* ▲１段　両端のボーダー幅も含めた全体の幅 */
/* ▲２・３段　!!重要　改変しない!! */
/* ▲４段　両端のボーダー幅を省いた全体の幅 */
html>body h2.prof-title {height:36px;}
/* ▲上の４段目と同じ数値に */

h2.prof-title:first-letter {
color:#bb83ae;
font-weight:normal;
font-size:14px;
}

.prof-body {line-height:170%; padding:5px 10px 0 20px;}
@media screen , print {
.prof-body {letter-spacing:0.04em;}
}
.prof-body a:link , .prof a:visited {
color:#85c6cc; text-decoration:none;}
.prof-body a:active , .prof-body a:hover {
color:#c6dfe2; text-decoration:underline;}

/* ---------------------------------------------------------------------- */

body#blogindex #selected , body#blogeid #selected {display:none;}

.menu-box {padding:10px 0;}

#menu-column h2 {
font-size:9px;
color:#cfcfcf;
font-weight:normal;
text-transform:uppercase;
line-height:100%;
letter-spacing:0.03em;
margin:0;
padding:8px 10px 0 10px;
background:url(http://img-cdn.jg.jugem.jp/ce8/183759/20070311_216410.gif) no-repeat scroll 0% 50%;
}
#menu-column h2 {
height:28px;
voice-family: "\"}\""; 
voice-family:inherit;
height:20px;
}
/* ▲１段　両端のボーダー幅も含めた全体の幅 */
/* ▲２・３段　!!重要　改変しない!! */
/* ▲４段　両端のボーダー幅を省いた全体の幅 */
html>body #menu-column h2 {height:20px;}
/* ▲上の４段目と同じ数値に */

.link-box {
line-height:140%;
margin:0;
padding:5px 8px;
border-width:0 0 1px 1px;
border-style:none none dashed dashed;
border-color:#ddd;
}

form.search-form {
text-align:right;
margin:0;
padding:10px 8px 0 8px;
border-width:1px 0 0 0;
border-style:dashed none none none;
border-color:#dbdbdb;
}
form.search-form {
height:38px;
voice-family: "\"}\""; 
voice-family:inherit;
height:27px;
}
/* ▲１段　両端のボーダー幅も含めた全体の幅 */
/* ▲２・３段　!!重要　改変しない!! */
/* ▲４段　両端のボーダー幅を省いた全体の幅 */
html>body form.search-form {height:27px;}
/* ▲上の４段目と同じ数値に */

input#search {
width:100px;
color:#aaa;
background:#fff;
font-size:10px;
margin:0;
border:1px solid #dadada;
font-family:Osaka,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",sans-serif;
}
input#search_btn {
width:auto;
color:#cfcfcf;
font-size:9px;
letter-spacing:0.03em;
background:#fff;
margin:0;
border:1px solid #dadada;
}

.linktext , .linktext-2 {
margin:0;
padding:0 7px 0 0;
}

ul {margin:0; padding:0;}
ul li {margin:0; padding:0; list-style:none;}

.linktext-2 ul {margin:0; padding:0;}
.linktext-2 ul li {
margin:0;
padding:0 0 0 12px;
list-style:none;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070310_249785.gif) no-repeat scroll 0 4px;
}

ul.tree {margin:0; padding:0;}
ul.tree li , ul.tree li.end {
margin:0 0 0 8px;
padding:0 0 0 12px;
list-style:none;
background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070310_249785.gif) no-repeat scroll 0 4px;
}

.qr-box {padding:10px 0 10px 0; text-align:center; margin:0 auto;}
.ad-box {padding:50px 0 10px 1px; text-align:center; margin:0 auto;}

/* ---------------------------------------------------------------------- */

.amazon-box {
line-height:140%;
margin:0;
padding:5px 8px 0 8px;
border-width:0 0 1px 1px;
border-style:none none dashed dashed;
border-color:#ddd;
}

.amazon-text {
margin:0;
padding:0 10px 0 0;
}

.amazon-border {
width:173px;
height:10px;
clear:left;
}
.amazon-border hr {display:none;}
.amazon {
padding:0px;
}

.amazon img {
float:left;
margin:0 5px 0 0;
padding:0;
}

.amazon-comment {padding-top:5px;}

/* ---------------------------------------------------------------------- */

.copyright {
font-size:9px;
text-align:center;
padding:8px 15px;
line-height:100%;
text-transform:uppercase;
letter-spacing:0.03em;
border-top:1px dashed #dbdbdb;
}

.copyright span {text-transform:none;}

/* ---------------------------------------------------------------------- */

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