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

ホーム

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

テンプレート名 : Simplicity2

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 name="generator" content="Bluefish 1.0 http://bluefish.openoffice.nl/">
<meta name="generator" content="Bluefish, see http://bluefish.openoffice.nl/">
<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}" />
<script type="text/javascript" src="http://northiland.upper.jp/mail/script.js"></script>
<script type="text/javascript" src="http://northiland.upper.jp/js/editlink.js"></script>

<div id="header">

<p>{blog_description}</p>

</div>

<div id="paging">
 {prev_entry} | <a href="./">main</a> | {next_entry} 
</div>

<div id="contents">

<div class="section">
<!drk7jp_parse_scope>
	<h3><a href="{entry_permalink}">{entry_title}</a></h3>
	<h2>{entry_date}</h2>author : {user_name}
	<p>{entry_description}</p>
<!/drk7jp_parse_scope>
	<div class="entry_more">{entry_sequel}</div>
	<p class="meta">Posted at {entry_time} 
| {category_name} | {comment_num} | {trackback_num} | <script type="text/javascript">

</script> | <a href="#top">↑top</a>
</p></div>

{trackback_auto_discovery}

<div class="section">
<h3>Similarity</h3>
<p charset="utf-8">
<script language="JavaScript" src="http://bulkfeeds.net/app/similar.js?url={permalink}&amp;n=5&amp;style=lite&amp;oe=euc-jp&amp;noheader=1"></script>
</p>
</div>
<div class="section">
<h3>Amazon</h3>
<p charset="utf-8">
<script language="JavaScript">var url='{permalink}';document.location.href;document.write('<scr' + 'ipt language="JavaScript" src="http://app.drk7.jp/AmazonSimilarity.cgi?dev-t=D1S98NPFD2YZV3&url=' +escape(url)+ '&n=3&ie=utf8&oe=utf8&style=heavy&tl=40&cl=100&t=blogbookmar0c-22&idx=Book|Electronics|Software&adult=off&footer=1&nosim=1"></scr' + 'ipt>');</script></p>
</div>

<div class="section">
<h3>Google Similarity</h3>
<p charset="utf-8"><script language="JavaScript">var url='{permalink}';document.location.href;document.write('<scr' + 'ipt language="JavaScript" src="http://app.drk7.jp/GoogleSimilarity.cgi?url=' +escape(url)+ '&n=3&ie=utf8&oe=utf8&style=heavy&tl=40&cl=40&footer=1"></scr' + 'ipt>');</script></p>
</div>
<a name="trackback"></a>
<div class="section" id="trackback_form">
<div class="entry_title" align="left"><h3>トラックバック URL</h3></div>
<p>このエントリにTrackBackするには、以下のURLにTrackBack pingを送ってください。</p>

<div class="nullform">
<dl>
<dt><label for="trackback_url">TrackBack ping me at:</label></dt>
<dd><input type="text" id="trackback_url" class="edit" name="trackback_url" size="65" value="{trackback_url}" readonly="readonly" class="fix" onfocus="this.select()" /></dd>
</dl>
</div>

</div>

<a name="trackbacks"></a>
<div class="section" id="writeback">
<div class="entry_title" align="left"><h3>トラックバック </h3></div>

<h4>{trackback_title}</h4>

<p>{trackback_excerpt}</p>

<p class="meta">Posted by {trackback_blog_name} at {trackback_time}</p>

</div>
	</div>

<div class="writeback">
		<p>{comment_description}</p>
		<p class="meta">Posted by {comment_name} at {comment_time}</p>
	</div>
	</div>

<a name="comment_form"></a>
<div class="section" id="comment_form">
<div class="entry_title" align="left"><h3>コメントフォーム</h3></div>

<p>このエントリにCommentするには、以下のフォームを希望するものだけ記入しSubmitボタンを押してください。</p>
<ul>
<li>必須な項目はName,Commentのみです</li>
<li>URLまたはメールアドレスを記入した場合は公開されます</li>
<li>Comment中のURLと思しき文字列は自動的にリンクに変換されます</li>
<li>refererとしてこのページのURLを送信しないブラウザからは投稿できません</li>
</ul>

<div class="nullform">
<p><b>Leave a comment...</b></p>
<form action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<dl>
<dt><label for="name">name:</label></dt>
<dd><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="edit" id="name" /></dd>
<dt><label for="email">email:</label></dt>
<dd><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="edit" id="url" /></dd>
<dt><label for="url">url:</label></dt>
<dd><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="edit" id="url" /></dd>
<dt><label for="description">comments:</label></dt>
<dd><textarea tabindex="4" id="description" name="description" rows="10" cols="20" style="width:300px;" class="edit" id="comment"></textarea></dd>
</dl>

<div style="margin-left:10px">
<p>
<input class="btn" type="submit" value=" コメント送信 " onmouseover="this.style.backgroundColor='#DDDDDD'" onmouseout="this.style.backgroundColor='#EEEEEE'" STYLE="font-size:10px; font-weight:bold; height:20px; color:#636363; background-color:#EEEEEE;" />
 <input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label>
</p>
</form>
</div>

</div>
</div>

<div class="section">
<div class="profile">

<p class="entry_sub">プロフィール</p>

<p class="entry_title">{profile_name}</p>
<p class="entry_body">{profile_description}</p>

</div>
</div>

<div id="paging">

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

</div>

</div>

<div id="sidebar">
	<dl>

<dd>

<table width="162" border="0" cellspacing="0" cellpadding="0" class="link_table">
<tr>
<td>
<div class="calendar" align="center">
<img src="./template/shiroume/img/calendar_head.gif" width="162" height="20" alt="" />
{calendar}
</div>
</td>
</tr>
</table>
</dd>

<dt> INVATE</dt>
<dd>[Previous]&nbsp;<a href="javascript:function voi(){};voi()" onClick=" HELPHref1='http://northiland.upper.jp/mail/olive_hmail.html';WinNo='HELP1'; W=400;H=500; HelpWinOpen(HELPHref1,WinNo,W,H)">GmailのInvateを申し込む</a><br>本文にfirstname lastname EmailAddresを<br>書いて送信下さい。届くメールは英文メールですので<br>ご注意下さい。 
             <noscript><a href="http://northiland.upper.jp/mail/olive_hmail.html" target="blank">GmailのInvateを申し込む</a></noscript></dd>

<dt>RECOMMEND</dt>
<dd>{amazon_item}</dd>

<dt>NEW ENTRIES</dt>
<dd>{latest_entry_list}</dd>

<dt>CATEGORIES</dt>
<dd>{category_list}</dd>

<dt>ARCHIVES</dt>
<dd>{archives_list}</dd>

<dt>RECENT COMMENTS</dt>
<dd>{recent_comment_list}</dd>

<dt>RECENT TRACKBACK</dt>
<dd>{recent_trackback_list}</dd>

<dd><dl class="links">
<dt>
 {rss_title}
</dt>
<dd>{rss_list}
</dd>
</dl>
</dd>

<dt>LINKS</dt>
<dd>{link_list}</dd>

<dt>PROFILE</dt>
<dd>{user_list}</dd>

<dd>
<form method="get" action="">
<p class="search">SEARCH THIS SITE.</p>
<input id="search" name="search" size="14" style="width:150px" class="form" />
<input class="btn" type="submit" value=" S E A R C H " onmouseover="this.style.backgroundColor='#DDDDDD'" onmouseout="this.style.backgroundColor='#EEEEEE'" STYLE="font-size:10px; font-weight:bold; color:#636363; background-color:#EEEEEE;" />
</form>
</dd>

<dd class="othertext">
&raquo; <a href="./admin/">管理者ページ</a><br />
&raquo; {license_banner}<br />
&nbsp;&nbsp;&raquo;{license_code}<br />
&nbsp;&nbsp;&raquo;<a href="{license_url}" title="{license_url}">license&nbsp;url</a><br />
&nbsp;&nbsp;&raquo;<a href="{site_license}" title="{site_license}">site&nbsp;license</a><br />
</dd>

<dd>
<div style="margin: 30px 0px 0px 20px;">
<script type="text/javascript">design=2346;</script>
<script type="text/javascript" src="http://counter2.yaboo.jp/c.js"></script>
<script type="text/javascript">design=2345;</script>
<div style="margin: 10px 0px 10px 0px;"><script type="text/javascript" src="http://counter2.yaboo.jp/t.js"></script></div>
<script type="text/javascript" src="http://counter2.yaboo.jp/y.js"></script>
</div>
<div style="margin: 10px 0px 0px 10px;">
<img src="http://gorou.zapto.org/ruby/rsstimes/rsstimes.rb?month_str=true&fadeout=false&textcolor=%23444444&fillcolor=%23444444&uri=http%3A%2F%2Fnote.northiland.upper.jp%2F%3Fmode%3Drss&text=R%20S%20S%20T%20I%20M%20E%20S&mode=rss&linecolor=%23ffffff&height=20&fadeoutcolor=%23444444&width=151" width="151" height="36" alt="R S S T I M E S" />
</div>
</dd>

</dl>
</div>

<div style="clear: both;"></div>

<div id="footer">
	<p id="copyrights">{copyright}<br>All contents of <a href="">this site</a>, unless otherwise noted, &#169; 2003-2005 <a href="mailto:chalicester@gmail.com">Chalice</a>, and all rights reserved.</p>
	<p id="banners">Powered by
		<a href="http://jugem.cc/">jugem</a>,

		

		<a href="http://www.perl.org/">Perl</a>,
		<a href="http://validator.w3.org/check?uri=referer">XHTML</a>,
		<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>,
		<a rel="alternate" type="application/rss+xml" href="./?mode=rss">RSS</a>,
		<a rel="alternate" type="application/atom+xml" href="./?mode=atom">ATOM</a>
	and my poor brain.</p>
</div>
</div>


<script src="http://j6.shinobi.jp/ufo/05496740b"></script>
<noscript><a href="http://x6.shinobi.jp/bin/gg?05496740b" target="_blank">
<img src="http://x6.shinobi.jp/bin/ll?05496740b" border=0></a><br>
<a style="font-size:80%" href="http://www.shinobi.jp/" target="_blank">アクセス解析</a></noscript>

</body>
</html>

CSS

/* Type CSS rules here and they will be applied */
/* to pages from 'northiland.upper.jp' */
/* immediately as long as you keep this window open. */

@charset "EUC-JP";

/* general */
body {
        margin:           0px;
	padding:          0px;
        text-align:       center;
	color:            #0A0A0A;
	background-color: #CFCDBE;
	background: #EFEFEF url(http://img-cdn.jg.jugem.jp/0fb/30211/20051111_66688.jpg) top left fixed repeat-x;
	background-attachment: fixed;
	font: 12px Arial, ms p gothic, osaka, sans-serif;
}

a {
	color:            #7C1F1A;
	background-color: transparent;
}

a:visited {
	color:            #61472E;
	background-color: transparent;
}

a:hover {
	color:            #fcfcfc;
	background-color: #7C1F1A;
}

/* header */
div#header {
	float:            none;
	clear:            both;
	/*width:           100%;*/
       width:            720px;
       width:            715px;
       width:            715px;
	height:          220px;
	padding:         0px 0px 0px 0px;
	background-color: #CFCDBE;
	margin:          0 0 30px 0;
	background-image: url(http://img-cdn.jg.jugem.jp/0fb/30211/20051123_74752.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

div#header h1 {
	margin:           0 0 0.4em 1em;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        2.5em;
	visibility: hidden;
}

div#header h1 a {
	color:            #663333;
	background-color: transparent;
	text-decoration:  none;
}

div#header p {
	padding:           0 0 1em 1em;
	margin:            0 0 0 0;
	visibility: hidden;
}

div#header div.onephrase{
	margin:            0 1em 0 0;
	color:              #000000;
	text-align:        right;
	font-size:         10px;
	line-height:      1.5;
}
div#header form p input.btn {
	padding:          0 1em;
	border-top:       3px double #cccccc;
	border-right:     3px double #999999;
	border-bottom:    3px double #999999;
	border-left:      3px double #cccccc;
	color:            #333333;
	background-color: #d8d8d8;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	font-weight:      bold;
	vertical-align:   middle;
}
div#header form p input.btn:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div#header form p input.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#header form p textarea.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}
div#header form p input.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}
div#header form p input.btn {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

div#header form p input.btn:hover,
div#header form p input.btn:focus {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #990000;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div#header form p input.btn:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

/* Search */
div#Search p form {
  _position: absolute;
  position: absolute;
  top: 10px;
  left:660px;
  right: 0;
  margin: 0;
  padding: 1px;
  width:           280px;
}

div#Search a {
  color: #FFFFFF;
}
div#Search p {
  color: #FFFFFF;
}

div#Search p form {
  color: #FFFFFF;
}
/* breadcrumbs navigation */
.breadcrumbs_top
{
  position: fixed;
  _position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 3px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
}
/* action */
div#action {
  margin: 0;
  padding: 0;
  color: inherit;
  background-color: transparent;
}

div#action ul {
  margin: 0;
  padding: 0;
  height: 2.25em;
  line-height: 1;
  list-style-type: none;
  font-weight: bold;
  overflow: hidden;
}

div#action ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: right;
  text-align: center;
}

div#action ul li a {
  margin: 0 0.5em 0 0;
  padding: 0.5em 0;
  border-right: 1px solid #696660;
  border-bottom: 1px solid #696660;
  border-left: 1px solid #cfccc6;
  display: block;
  width: 5em;
  height: 1em;
  color: #333333;
  background-color: #d5d2cc;
  background-image: url("http://note.northiland.upper.jp/images/actiontabbg.png");
  background-repeat: repeat-x;
  text-decoration: none;
  text-align: center;
}

div#action ul li a:hover {
  color: #990000;
  background-color: #d5d2cc;
  background-position: left center;
}

/* navgation */
div#navigation {
  position: fixed;
  _position: fixed;
 /* _position: absolute;*/
  top: 0 !important;
  right: 0 !important;
  margin: 0;
  padding: 0;
  color: inherit;
  background-color: #d5d2cc;
  background-image: url("http://note.northiland.upper.jp/images/navigationbg.png");
  background-repeat: repeat-x;
}

div#navigation ul {
  margin: 0;
  padding: 0;
  height: 1.5em;
  line-height: 1;
  list-style-type: none;
  font-weight: bold;
  overflow: hidden;
}

div#navigation > ul {
  line-height: 1.25;
  height: 1.75em;
}

div#navigation ul li {
  margin: 0;
  padding: 0;
  border-right: 1px solid #696660;
  display: block;
  float: left;
  text-align: center;
}

div#navigation ul li a {
  margin: 0;
  padding: 0.25em 0.5em;
  display: block;
  float: left;
  width: 5em;
  height: 1em;
  color: #333333;
  background-color: transparent;
  text-decoration: none;
  text-align: center;
}

div#navigation ul li > a {
  height: 1.25em;
}

div#navigation ul li > a:first-letter {
  text-decoration: underline;
}

div#navigation ul li a:hover {
  color: #990000;
  background-color: transparent;
  background-image: url("http://note.northiland.upper.jp/images/navigationbg.png");
  background-repeat: repeat-x;
  background-position: left center;
}

/* bg two */
div#bg{
       width:            720px;
       width:            715px;
       width:            715px;
       !width:            720px;
       margin:          0px auto;
       padding:         0px;
       background-color: #FAFAFA;
       border:     1px solid #000000;
       text-align:      left; 
}
/* bg one */
div#bg2{
       width:            720px;
       margin:          0px auto;
       padding:         0px;
       background-color: #FAFAFA;
       border:     1px solid #000000;
       text-align:      left; 
}
hr {
border-top: 1px solid #9c9993;
border-bottom: 1px solid #9c9993;
height: 3px;
}
/* contents */
div#contents {
	float:            left;
	clear:            left;
	width:            480px;
	width:            470px;
	width:            470px;
	/*border-right:   1px solid #cccccc;*/
	padding:   20px 20px 0px 20px;
	background-color: #FAFAFA;
}
div#contents-one {
	float:            left;
	clear:            left;
	/*width:            670px;*/
	/*border-right:   1px solid #cccccc;*/
	padding:   20px 20px 0px 20px;
	background-color: #FAFAFA;
}
div#contents div.back_and_forth {
	margin:           0 0 4em 0;
}

div#contents div.bookmarklet {
	margin:           0 0 4em 0;
}

div#contents div.bookmarklet a {
	font-weight:      bold;
}

div#contents h2 {
	margin:           0 0 0.8em 0;
	color:            #999999;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.25em;
}

div#contents div.section {
	margin:           0 0 4em 0;
	border-bottom:    1px solid #cccccc;
}

div#contents div.section h3 {
	margin:           0 0 0.80em 0;
	padding:          0 0 0 0px;
	color:            #663333;
	background-color: transparent;
	border-left:     5px solid #663333;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.2em;
	font-weight:      bold;
}

div#contents div.section h3 a {
	margin:           0 0 0.80em 0;
	padding:          0 0 0 0px;
	color:            #663333;
	background-color: transparent;
	border-left:     5px solid #CFCDBE;
	text-decoration:  none;
}

div#contents div.section div.entry_more h3 {
	font-weight:      bold;
	border-bottom:    1px dashed 
}
div#contents div.section div.subtitle {
	font-weight:      bold;
	border-bottom:    1px dashed 
}

div#contents div.section p {
	line-height:      1.5;
}

div#contents div.section blockquote{
	margin: 1em;
    padding: 3px 3px 3px 10px;
    border-left:     5px solid #e4e1de;
	background-color: #f3f0ea;
	word-break: break-all;
	width:            420px;
}
div#contents div.section pre {
	margin: 1em;
    padding: 3px 3px 3px 10px;
    border-left:     5px solid #e4e1de;
	background-color: #f3f0ea;
	word-break: break-all;
	width:            420px;
}
div#contents div.section code {
	margin: 0.5em;
    padding: 3px 3px 3px 10px;
    border-left:     5px solid #e4e1de;
	background-color: #f3f0ea;
	word-break: break-all;
	width:            420px;
}
/* blockquote,pre,code */

div#contents div.section blockquote h4 {
	margin: 0.8em 0;
}

div#contents div.section pre code {
	color: inherit;
	background-color: transparent;
}

div#contents div.section code {
	color: inherit;
	background-color: transparent;
}

div#contents div.section p.meta {
	margin:           1.5em 0 1em 0;
	line-height:      1;
	color:            #999999;
	background-color: transparent;
}

div#contents div.section p.meta a {
	font-weight:      bold;
}

div#contents div.section div.writeback {
	margin:           0 0 2em 0;
}

div#contents div.section div.writeback h4 {
	margin:           0 0 1em 0;
	color:            #663333;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1em;
}
div#contents div.section div.blogbody h4 {
	margin:           0 0 1em 0;
	padding:          0 0 0 0.33em;
	color:            #0A0A0A;
	border-left:     3px solid #0A0A0A;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1em;
	font-weight:      bold;
}
div#contents div.section form p textarea.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#contents div.section form dl dd textarea.edit {
	width:            95%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1.05em;
	vertical-align:   middle;
}

div#contents div.section dl dd input#trackback_url {
	width:            85%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}
div#contents div.section form p input.edit {
	width:            60%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}
div#contents div.section form p input.btn {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

div#contents div.section form p input.btn:hover,
div#contents div.section form p input.btn:focus {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #990000;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div#contents div.section form p input.btn:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

/* BBS Contents */

div#contents div.section ul {
	line-height:      1.5;
	list-style-type:  square;
}
div.blogbody  {
	width:            48px;
	width:            470px;
	width:            470px;
	margin:0 auto;
}
div.blogbody2 {
	margin:0 auto;
}
div.title {
    float:left;
    clear:left;
}
div.number {
    margin: 2px;
	padding: 4px;
    width: 30px;
	font-size:12px;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
    text-align: center;
    float:left;
}
div.name {
    margin: 2px;
	padding: 4px;
    width: 70px;
	font-size:12px;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
    text-align: center;
    float:left;
}
div.name a {
/*    margin: 2px;
	padding: 4px;*/
    width: 70px;
	font-size:12px;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
    text-align: center;
    float:left;
}
div.post {
    margin: 2px;
	padding: 4px;
	font-size:12px;
    width: 150px;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
    float:left;
}
span.posted {
    margin-left: 2px;
    text-align: left;
    float:left;
}
.box {
    margin: 2px;
	padding: 4px;
	background: #f1f1e9;
    width: 30px;
	font-size:12px;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
    text-align: center;
    float:left;
}
.box1 {
    margin: 2px;
	padding: 4px;
	background: #f1f1e9;
    width: 170px;
	font-size:12px;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
    text-align: center;
    float:left;
}
.box2 {
    margin: 2px;
	padding: 4px;
	background: #f1f1e9;
    width: 70px;
	font-size:12px;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
    text-align: center;
    float:left;
}
.box3 {
    margin: 2px;
	padding: 4px;
	background: #f1f1e9;
    width: 150px; 
	font-size:12px;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
    text-align: center;
    float:left;
}
div.odd a {
    margin: 2px;
	padding: 4px;
    width: 170px;
    color: #696969;
    background-color: #f5f5f5;
    border:none;
    float:left;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
}
div.even a {
    margin: 2px;
	padding: 4px;
    width: 170px;
    color: #696969;
    background-color: #ffffff;
    border:none;
    float:left;
    font-family:"Arial","MS P Gothic","Helvetica","sans-serif";
}

div#contents div.blog{
	font-weight:      bold;
}
.next {
	float: right;
	text-align: right;
}
.nextl {
	float: left;
	text-align: left;
}
.endr {
	clear: right;
}
.prev {
	float: left;
	text-align: left;
}
.endl {
	clear: left;
}
select#ColorBox {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

select#ColorBox:hover,
select#ColorBox:focus {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #990000;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

select#ColorBox:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div#contents div.section form p textarea.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}
input.edit {
	width:            60%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}
input.btn {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

input.btn:hover,
input.btn:focus {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #990000;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

input.btn:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}
/* sidebar */
div#sidebar {
	float:            left;
	clear:            right;
	width:           190px;
	width:           185px;
	width:           185px;
	border-left:    1px solid #cccccc;
}

div#sidebar dl {
	margin:           0 0 0 0;
        padding:        0 10px 0 20px;
}

div#sidebar dl dt {
	margin:           0 0 0.8em 0;
	padding:          0;
	color:            #663333;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.25em;
	font-weight:      bold;
}
div#sidebar dl dd {
	margin:           0 0 4em 0;
	padding:          0;
}
div#sidebar dl dd dl dt {
	margin:           0;
	padding:          0 0 0.2em 0;
}
div#sidebar dl dd dl dd {
	margin:           0 0 0.2em 0;
	padding:          0 0.2em 0.2em 0;
}
div#sidebar dl dd iflame {
  position: relative top left fixed repeat-x;
	margin:           0 0 0em 0;
	padding:          0;
	width: 185px;
	width: 175px;
	width: 175px;
display: hidden;
}
div#sidebar dl dd div#adsence {
  position: relative top left fixed repeat-x;
	margin:           0 0 0em 0;
	padding:          0;
	width: 185px;
	width: 175px;
	width: 175px;
display: hidden
}
div#sidebar dl dd textarea.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}
div#sidebar dl dd input.edit {
	width:            80%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}
div#sidebar dl dd input.btn {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

div#sidebar dl dd input.btn:hover,
div#sidebar dl dd input.btn:focus {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	color: #990000;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div#sidebar dl dd input.btn:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	color: #333333;
	background-color: #edeae4;
	background-image: url("http://note.northiland.upper.jp/images/031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div#sidebar dl dd ol {
	margin:           0;
	padding:          0 0 0.2em 0;
}
div#sidebar dl dd ol li {
	margin:           0 0 0.2em 0;
	padding:          0;
}
div#sidebar dl dd ul {
	margin:           0;
	padding:          0;
	line-height:      1.5;
	list-style-type:  square;
}

div#sidebar li {
	margin:           0 0 0 1.5em;
	padding:          0;
}

div#sidebar li a {
	font-weight:      bold;
}

div#sidebar dl.Amazon dd{
	margin:           0 0 1em 0;
}

div#sidebar dl.Amazon dt{
	margin:           0 0 0.3em 0;
}

div#sidebar dl.Amazon dd a{
	background-color: transparent;
}

div#sidebar dl.Amazon dd img{
    padding:    1px;
    border:      1px solid #999999;
}
/* sidebar2 */
div#sidebar2 {
  /*position: fixed;*/
  _position: absolute;
  position: absolute;
  top: 0;
  left:762px;
  right: 0;
  margin: 0;
  padding: 1px;
  background-color: #FAFAFA;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  text-align: left;
	float:            left;
clear:            both;
	/*clear:            right;*/
	width:           190px;
	border-left:    1px solid #cccccc;
height:      1.5;
}
div#sidebar2 dl {
	margin:           0 0 0 0;
        padding:        0 10px 0 20px;
}

div#sidebar2 dl dt {
	margin:           0 0 0.8em 0;
	padding:          0;
	color:            #663333;
	background-color: transparent;
	font-family:      "Trebuchet MS", sans-serif;
	font-size:        1.25em;
	font-weight:      bold;
}

div#sidebar2 dl dd {
	margin:           0 0 4em 0;
	padding:          0;
}

div#sidebar2 dl dd form p input.edit {
	width:            50%;
	color:            #333333;
	background-color: #f3f3f3;
	font-family:      Arial, sans-serif;
	font-size:        1em;
	vertical-align:   middle;
}

div#sidebar2 dl dd ol {
	margin:           0;
	padding:          0 0 0.2em 0;
}
div#sidebar2 dl dd ol li {
	margin:           0 0 0.2em 0;
	padding:          0;
}
div#sidebar2 dl dd ul {
	margin:           0;
	padding:          0;
	line-height:      1.5;
	list-style-type:  square;
}

div#sidebar2 li {
	margin:           0 0 0 1.5em;
	padding:          0;
}

div#sidebar2 li a {
	font-weight:      bold;
}

div#sidebar2 dl.Amazon dd{
	margin:           0 0 1em 0;
}

div#sidebar2 dl.Amazon dt{
	margin:           0 0 0.3em 0;
}

div#sidebar2 dl.Amazon dd a{
	background-color: transparent;
}

div#sidebar2 dl.Amazon dd img{
    padding:    1px;
    border:      1px solid #999999;
}

/* footer */
div#footer {
	float:            none;
	clear:            both;
	width:           680px;
        text-align:     left;
        padding-top:  40px;
        padding-left:  20px;
}

div#footer p {
	margin:           0 0 1em 0;
}

div#footer p a {
	font-weight:      bold;
	background-color: transparent;
}
p#copyrights {
	margin:           0 0 1em 0;
}
p#copyrights a {
	color:            #7C1F1A;
	background-color: transparent;
}

p#copyrights a:visited {
	color:            #61472E;
	background-color: transparent;
}

p#copyrights a:hover {
	color:            #fcfcfc;
	background-color: #7C1F1A;
}
p#banners {
	margin:           0 0 1em 0;
}
p#banners a {
	color:            #7C1F1A;
	background-color: transparent;
}

p#banners a:visited {
	color:            #61472E;
	background-color: transparent;
}

p#banners a:hover {
	color:            #fcfcfc;
	background-color: #7C1F1A;
}
/* Amazon */

.drk7jpSimilaritySiteTitles {
	margin-top:8px;
	font-size:0.8em;
}

.drk7jpSimilaritySiteSummarys {
	margin-top:8px;
	font-size:0.7em;
}

.drk7jpSimilarityFooter {
	text-align:right;
	font-size:0.7em;
}
/* bulkfeedsSimilarity */

.bulkfeedsSimilarity {
	margin-top:8px;
	font-size:0.8em;
}
.bulkfeedsSimilarityItems {
	margin-top:8px;
	font-size:0.7em;
}

.bulkfeedsSimilarityFooter {
	text-align:right;
	font-size:0.7em;
}
/* hide_and_show */
span.wikieditish {
	display: none;
}

/* inline-button */
div#footer p#banners a.inline-button {
	_width:12em;
	/*font: bold 65%/1 Verdana, sans-serif;*/
	font: bold 65%/1 Arial, sans-serif;
	margin: 0 0.2em; padding: 0.1em 0; _padding:0;
	border: 1px solid black;
	white-space:nowrap;
	text-decoration: none;
	vertical-align:middle;
	background: #ccc;
	color: black;
	}
div#footer p#banners a.inline-button em {
	_width:1em; _cursor:hand;
	font-style: normal;
	margin:0; padding: 0.1em 0.5em;
	background: white;
	color: black;
	}
div#footer p#banners a.inline-button span {
	_width:1em; _cursor:hand;
	margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
	}
div#footer p#banners a.inline-button:hover {
	background: #666;
	color: white;
	}
div#footer p#banners a.inline-button:hover em {
	background: black;
	color: white;
	}

div#footer p#banners a.red { background: #990000; color: white }
div#footer p#banners a.red em { background: white; color: #990000 }

div#footer p#banners a.orange { background: orange; color: black }
div#footer p#banners a.orange em { background: white; color: #c60 }

div#footer p#banners a.blue { background: #06c; color: white }
div#footer p#banners a.blue em { background: white; color: #06c }

div#footer p#banners a.green { background: green; color: white }
div#footer p#banners a.green em { background: white; color: green }

div#footer p#banners a.darkblue { background:#006; color:white }
div#footer p#banners a.darkblue em { background:#ccf; color:#006 }

div#footer p#banners a.brown { background:#dd9; color:black }
div#footer p#banners a.brown em { background:#003; color:#ffc }

/* paging */
#paging
		{ 
		font-family:Arial, sans-serif;
		font-size:11px;
		margin-top:15px;
		margin-bottom:15px;
		margin-left:20px;
		padding:0px;
		font-weight:      bold;
		}

#paging p.counter a
		{ 
		background-color: transparent;
		}
/*------------------------------------------------------------------------------
 * awsxom プラグイン
 * (fukaz55.main.jp Original Plugin)
 */
div.awsxom {
  width: 420px;
  font-size: 80%;
  /*color: gray;*/
  text-align: left;
  vertical-align: top;
}
div.awsxom-small {
  width: 100%;
  font-size: 80%;
  /*color: gray;*/
  text-align: left;
  vertical-align: top;
}
/*------------------------------------------------------------------------------
 * asin_simple プラグイン
 * (Ellinikonblue.com Original Plugin)
 */

div.awsxom {
  width: 400px;
}
div.awssimple {
  width: 200px;
}

/*------------------------------------------------------------------------------
 * asin_simple プラグイン
 * (Ellinikonblue.com Original Plugin)
 */
div.asinSimple
{
  text-align: center;

margin-top:    .5em;
  margin-bottom: .5em;
}

.asinSimple table
{
  width: 400px;

margin-left:  auto;
  margin-right: auto;
}

.asinSimple th
{
  width: 150px;

text-align: conter;
  vertical-align: top;
}

.asinSimple td
{
  font-size: 80%;

/*color: gray;*/

text-align: left;
  vertical-align: top;
}
div#navbar {
	position:absolute
	top:0;
	width: 100%;
}
div#navbar  h2 a {
	text-align:center;
}
.navbox1 {
	position:absolute
	left:0%;
	clear: both;
}
.navbox2 {
	position:absolute
	left:20%;
	clear: both;
}
.navbox3 {
	position:absolute
	left:40%;
	clear: both;
}
.navbox4 {
	position:absolute
	left:60%;
	clear: both;
}
.navbox5 {
	position:absolute
	left:80%;
	clear: both;
}
div#contents div.archive_list {
	margin: -2em 0 1em 0;
	padding-right: 2%;
	float: left;	
	clear: left;
	width: 480px;
	
	font-size: 0.89em;
}

div#contents div.archive_list h3,
div#contents div.archive_list h4,
div#contents div.archive_list h5,
div#contents div.archive_list h6 {
	padding: -1em 1em 1em 1em;
}

div#contents div.col {
	float: left;
	clear: left;
	width: 230px;
	height:auto;
	display: block;
}
div#contents div.col2 {
	float: left;
	width: 230px;
	height: 240px;
	padding: 1em 5px 5px;
	display: block;
}
/*
div#contents p.archive_list ul.archives {
	float: left;
	clear: both;
	width: 200px;
	display: block;
}

div#contents p.archive_list ul.menu {
	float: left;
	clear: both;
	width: 200px;
	display: block;

}

div.section hr {
	clear: both;
	border:    0px;	
}*/
/* 月表示、年表示部分の設定
------------------------------------------------------------ */
div.section dl {
		font-family:Arial, sans-serif;
		/*font-size:11px;*/
		margin-top:20px;
		margin-bottom:30px;
		padding:0px;
}
div.section dt {
		font-family:Arial, sans-serif;
		/*font-size: 1.25em;*/
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
}
div.section dd {
		font-family:Arial, sans-serif;
		/*font-size:11px;*/
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
		color: inherit;
}

/* カレンダー部分の設定
------------------------------------------------------------ */
#calendar-all
		{ 
		/*width:680px;*/
		font-family:Arial, sans-serif;
		font-size:11px;
		margin-top:20px;
		margin-bottom:30px;
		margin-left:20px;
		padding:0px;
		font-weight:      bold;
		}
#calendar
		{ 
		font-family:Arial, sans-serif;
		font-size:11px;
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
		font-weight:      bold;
		}
#calendar-hight
		{ 
		text-align:center;
		font-family:Arial, sans-serif;
		font-size:11px;
		width:20px;
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
		font-weight:      bold;
		}
#calendar-year
		{ 
		font-family:Arial, sans-serif;
		font-size:11px;
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
		font-weight:      bold;
		}
#calendar-year-hight
		{ 
		text-align:center;
		font-family:Arial, sans-serif;
		font-size:11px;
		width:20px;
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
		font-weight:      bold;
		}
	div.hor-cal { 
		/*padding : 0px 2px 0px 2px;
		margin: 0px auto 2px auto;*/
		/*text-align : center;*/
		background : transparent;
		color : #666;
		}

span.hor-cal-day { 
		padding : 0 0px;
		margin : 0 0.2em;
		}

span.hor-cal-today { 
		color : #fff !important;
		background-color: #990000;
		padding : 0 0px;
		margin : 0 0.2em;
		font-weight:      bold;
		}

span.hor-cal-today a {
                background-color : #BDD6F5;
		color : #666 !important;
	}

span.hor-cal-today a:hover {
		color : #fff !important;
                background-color : #32619B;
	}

span.hor-cal-today a:visited {
		color : #666 !important;
	}

span.hor-cal a {
		color : #990000 !important;
		background-color: transparent;
	}

span.hor-cal a:visited {
		color : #663333 !important;
		background-color: transparent;
	}

span.hor-cal a:hover {
		color : #fff !important;
		background-color: #990000;
	}
.calendar {
	font-size: 10px;
	color: #333333;
	line-height: 170%;
	background: #A0A0A0;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.calendar a,
.calendar a:link,
.calendar a:visited,
.calendar a:active,
.calendar a:hover {
	color:#333333;
	text-decoration:underline;
}

.cell {
	font-size: 10px;
	width: 22px;
	height: 22px;
	padding: 1px;
	background: #FFFFFF;
}

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