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

ホーム

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

テンプレート名 : 水

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="{site_encoding}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" 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" />
	<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}" />
	<title>{site_title}</title>
</head>

<h1 class="site_title">{blog_name}</h1>
<h1 class="description">{blog_description}</a></h1>

</div>
</td>
</tr><tr>
<td colspan="2">

<div id="calendar_box">
<div class="calendar">{calendar_horizontal}</div>
</div>

</td>
</tr>

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=146" width="165" height="20" align="center"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=154" border="0"></td></tr>
<tr>
<td background="http://mug.jugem.cc/?image=150" width="6" height="2"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="165">
<div id="search_box">
<div class="search">
<form method="get" action="">
Search this site.
<input id="search" name="search" size="20" style="width:150px" class="form" />
<input type="submit" value="search" class="button" />
</form>
</div>
</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td></tr>
<tr height="10">
<td width="6" height="10"><img src="http://mug.jugem.cc/?image=148" border="0"></td>
<td width="165" height="10"><img src="http://mug.jugem.cc/?image=147" border="0"></td>
<td width="9" height="10"><img src="http://mug.jugem.cc/?image=149" border="0"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=136" width="165" height="20" align="center"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=154" border="0"></td></tr>
<tr height="100">
<td background="http://mug.jugem.cc/?image=150" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="165" height="100">
<div class="blogpeople_text">
<script language="javascript" type="text/javascript" src="http://www.blogpeople.net/display/usr/0f0d4b565d5d4103.js" charset="Shift_JIS"></script>
<a href="javascript:void(bloppop=window.open('http://www.blogpeople.net/addlink.jsp?n=1&u=http%3A%2F%2Fmug.jugem.cc%2F&ti='+escapedocument.title),'blop','scrollbars=no,width=475,height=350,left=75,top=175,status=yes,resizable=yes'));">List me!!</a>
</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td></tr>
<tr height="10">
<td width="6" height="10"><img src="http://mug.jugem.cc/?image=148" border="0"></td>
<td width="165" height="10"><img src="http://mug.jugem.cc/?image=147" border="0"></td>
<td width="9" height="10"><img src="http://mug.jugem.cc/?image=149" border="0"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=143"width="165" height="20" align="center"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=154" border="0"></td></tr>
<tr height="100">
<td background="http://mug.jugem.cc/?image=150" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="165" height="100">
<div class="left_text">
<div style="text-align:center;">
<div style="margin-left:auto;margin-right:auto;">{amazon_item}</div>
</div>
</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td></tr>
<tr height="10">
<td width="6" height="10"><img src="http://mug.jugem.cc/?image=148" border="0"></td>
<td width="165" height="10"><img src="http://mug.jugem.cc/?image=147" border="0"></td>
<td width="9" height="10"><img src="http://mug.jugem.cc/?image=149" border="0"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=138" width="165" height="20" align="center"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=154" border="0"></td></tr>
<tr height="100">
<td background="http://mug.jugem.cc/?image=150" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="165" height="100">
<div id="linklist">{link_list}</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td></tr>
<tr height="10">
<td width="6" height="10"><img src="http://mug.jugem.cc/?image=148" border="0"></td>
<td width="165" height="10"><img src="http://mug.jugem.cc/?image=147" border="0"></td>
<td width="9" height="10"><img src="http://mug.jugem.cc/?image=149" border="0"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=144" width="165" height="20" align="center"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=154" border="0"></td></tr>
<tr height="100">
<td background="http://mug.jugem.cc/?image=150" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="165" height="100">
<img src="http://gorou.zapto.org/ruby/rsstimes/rsstimes.rb?month_str=true&fadeout=
false&textcolor=%23FFFFFF&fillcolor=%23FFFFFF&uri=http%3A%2F%2Fmug.jugem.cc%2F%3Fmode%3
Drss&text=R%20S%20S%20T%20I%20M%20E%20S&mode=rss&linecolor=%23B22222&height=20
&fadeoutcolor=%239ACD32&width=150" width="160" height="36" alt="R S S T I M E S" />
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td></tr>
<tr height="10">
<td width="6" height="10"><img src="http://mug.jugem.cc/?image=148" border="0"></td>
<td width="165" height="10"><img src="http://mug.jugem.cc/?image=147" border="0"></td>
<td width="9" height="10"><img src="http://mug.jugem.cc/?image=149" border="0"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=141" width="165" height="20" align="center"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=154" border="0"></td></tr>
<tr>
<td background="http://mug.jugem.cc/?image=150" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="150">
<div class="left_text">{user_list}</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.jugem.cc/?image=152" border="0"></td></tr>
<tr height="10">
<td width="6" height="10"><img src="http://mug.jugem.cc/?image=148" border="0"></td>
<td width="165" height="10"><img src="http://mug.jugem.cc/?image=147" border="0"></td>
<td width="9" height="10"><img src="http://mug.jugem.cc/?image=149" border="0"></td></tr>
</table>

<div style="text-align: center;" class="left_text">
<br />
<div style="margin-left: auto; margin-right: auto;">
<a href="https://jugem.jp/" target="_blank" title="ブログのレンタルならJUGEM（じゅげむ）">
<font color="#87CEEB">Powered by "JUGEM"</font></a>
<br />
<a href="./?mode=rss"><img src="./template/separate/img/rss10.png" border="0" alt="RSS 1.0" width="46" height="15" /></a>　
<a href="./?mode=atom"><img src="./template/separate/img/atom03.png" border="0" alt="ATOM  0.3" width="46" height="15" /></a>
<br />
<br />

</div>
</div>

{ad}

</div>

</td>
<td>

<div id="mid">

<div class="entry"><br>
<div class="entry_date">{entry_date}</div>
<div class="entry_title">{entry_title}</div>
<div class="entry_body">{entry_description}</div>
<div class="entry_more">{entry_sequel}</div>
<div class="entry_state">| {category_name} | {entry_time} | {comment_num} | {trackback_num}

| {user_name} | </div>	
</div>

{trackback_auto_discovery}

<a name="comments"></a>
<div class="entry">
<div class="entry_date">comment</div>

<div class="entry_body">{comment_description}</div>
<div class="entry_state">| {comment_name} | {comment_time} |</div>

							
<div class="entry_body">
<form action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">name:</label><br />
<input class="form_border" type="text" tabindex="1" name="name" id="name" value="

{cookie_name}" /><br />
<label for="email">email:</label><br />
<input class="form_border" type="text" tabindex="2" name="email" id="email" value="

{cookie_email}" /><br />
<label for="url">url:</label><br />
<input class="form_border" type="text" tabindex="3" name="url" id="url" value="

{cookie_url}" /><br />
<label for="description">comments:</label><br />
<textarea class="form_border" tabindex="4" id="description" name="description" rows="12"

cols="50" style="width:360px;" onkeyup="doCommentPreview()" onblur="doCommentPreview()"></

textarea><br />
<br />
<input type="submit" name="submit" class="mid_sub" value="submit" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">cookie</label>
</form>						
</div>
<div class="entry_date"><label for="comment_preview">COMMENT PREVIEW</label></div><br />
<div class="entry_body" id="comment_preview">ご利用のブラウザ、設定ではご利用になれません。

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

// プレビューを表示するタグのid属性
var previewAreaId = 'comment_preview';

// コメントプレビュー欄初期表示文字 または、画像タグ
var initString = 'A real-time preview is displayed on this place.';

if (!isDoCommentPreview()) return;

if (!getElementCommentPreview(textAreaId) || !getElementCommentPreview(previewAreaId)) {
return;
} else if (null != mode && mode == 'init') {
getElementCommentPreview(previewAreaId).innerHTML = initString;
return;
}

var s = getStringCommentPreview(textAreaId);
if (null == s || '' == s || '<br />' == s) {
s = initString;
}

if (getElementCommentPreview(previewAreaId)) {
getElementCommentPreview(previewAreaId).innerHTML = s;
}
}

function getStringCommentPreview(e) {
var s = '';
s = getElementCommentPreview(e).value;
s = s.split('&').join('&amp;');
s = s.split('<').join('&lt;');
s = s.split('>').join('&gt;');
s = s.split('\'').join('&quot;');
s = s.split('\n').join('<br />');
return s;
}

function isDoCommentPreview() {
var ua = navigator.userAgent;
var doNotAgentList = [
ua.indexOf('Opera/6') != -1,
ua.indexOf('Mac') != -1 && ua.indexOf('MSIE 5') != -1
]
for (var i = 0; i < doNotAgentList.length; i++) {
if (doNotAgentList[i]) return false;
}
return true;
}
doCommentPreview('init');
//-->
</script>

<a name="trackback"></a>
<div class="entry">
<div class="entry_date">trackback url</div>
<div class="entry_body" width="425px">{trackback_url}</div>
<div class="entry_date">trackback</div>

<div class="entry_body">{trackback_title}</div>
<div class="entry_body">{trackback_excerpt}</div>
<div class="entry_state">| {trackback_blog_name} | {trackback_time} |</div>

						
</div>

<div class="entry">
<div class="entry_date">profile</div>
<div class="entry_title">{profile_name}</div>
<div class="entry_body">{profile_description}
</div>
</div>

</div>

<div class="entry_navi">{prev_entry} | <a href="./">main</a> | {next_entry} <br></div>

</td>
<td class="right_border">

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=140" width="165" height="20" align="center"><img

src="http://mug.jugem.cc/?image=152" border="0"></td>
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=154" border="0"></td></tr>
<tr height="100">
<td background="http://mug.jugem.cc/?image=150" width="3" height="1"><img src="http://mug.

jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="150" height="100">
<div id="newentrylist">{latest_entry_list}</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.

jugem.cc/?image=152" border="0"></td></tr>
<tr height="10">
<td width="6" height="10"><img src="http://mug.jugem.cc/?image=148" border="0"></td>
<td width="165" height="10"><img src="http://mug.jugem.cc/?image=147" border="0"></td>
<td width="9" height="10"><img src="http://mug.jugem.cc/?image=149" border="0"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=137" width="165" height="20" align="center"><img

jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="150" height="100">
<div class="right_text">{category_list}</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://pfgp.lomo.jp/blog/water/table/topl.gif" border

="0"></td>
<td background="http://mug.jugem.cc/?image=142" width="165" height="20" align="center"><img

jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="150" height="100">
<div id="commentlist">{recent_comment_list}</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=145" width="165" height="20" align="center"><img

jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="150" height="100">
<div id="tblist">{recent_trackback_list}</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=135" width="165" height="20" align="center"><img

jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="150" height="100">
<div class="right_text">{archives_list}</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.

<table border="0" cellpadding="0" cellspacing="0">
<tr height="20">
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=153" border="0"></td>
<td background="http://mug.jugem.cc/?image=139" width="165" height="20" align="center"><img

src="http://mug.jugem.cc/?image=152" border="0"></td>
<td width="3" height="20"><img src="http://mug.jugem.cc/?image=154" border="0"></td></tr>
<tr>
<td background="http://mug.jugem.cc/?image=150" width="3" height="1"><img src="http://mug.

jugem.cc/?image=152" border="0"></td>
<td bgcolor="#87CEEB" width="150">
<div class="login">
<form action="./admin/?mode=login" method="post">
id:<input class="form_border" type="text" name="account_name" style="width:100px" /><br />
pass:<input class="form_border" type="password" name="password" style="width:100px" /><br

/>
<input class="button" type="submit" name="" value=" login " />
</form>
</div>
<td background="http://mug.jugem.cc/?image=151" width="3" height="1"><img src="http://mug.

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

</td>
</tr>
<tr>
<td colspan="2">

<div class="copyright">
Copyright (C) 2004 <a href="http://paperboy.co.jp/" target="_blank" title="paperboy&amp;co.">paperboy&amp;co.</a> All Rights Reserved.
</div>
</div>

</td>

</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script type="text/javascript">
<!--
function makeTreeElements (idName,objList) {
  if (!objList.innerHTML) return;
  var objLink = objList.getElementsByTagName('a')[0];
  var linkUrl = objLink.getAttribute('href');
  if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
    var tmpText = objList.innerHTML.split("⇒");
    tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
    this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join('');
    this.elem = objLink.innerHTML;
  } else if (idName.indexOf('entry') > -1) {
    var tmpText = objList.innerHTML;
    tmpText.match(/$(\d\d\/\d\d)$/);
    this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
    this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
  } else if (idName.indexOf('link') > -1) {
    var tmpText = objList.innerHTML;
    if ( tmpText.match(/\[(.+)\](.+)/) ) {
      this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
      this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join(''

);
    }
  }
  return this;
}
function createTreeList(idName,option) { // version 2.2
  var objFocus = this.document.getElementById(idName);
  if (!objFocus) return;
  if (!objFocus.innerHTML) return;
  var objLists = objFocus.getElementsByTagName('li');
  var linkList = new Array();
  var outText = new Array();
  if (objLists.length > 0) {
    for (i=0;i<objLists.length;i++) {
      var chckFlag = true;
      var elemText = new makeTreeElements(idName,objLists[i]);
      if (!elemText.base || !elemText.elem) return;
      for (j=0;j<linkList.length;j++) {
        if ( linkList[j].base.indexOf(elemText.base) > -1 ) {
          chckFlag = false;
          linkList[j][linkList[j].length] = elemText.elem;
        }
      }
      if (chckFlag) {
        var tmpNum = linkList.length;
        linkList[tmpNum] = new Array();
        linkList[tmpNum][0] = elemText.elem;
        linkList[tmpNum].base = elemText.base;
      }
    }
    if (linkList.length > 0) {
      outText[outText.length] = '<ul>\n';
      for (i=0;i<linkList.length;i++) {
        outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
        if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
        for (j=0;j<linkList[i].length;j++) {
          outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.

list;
          outText[outText.length] = Array(linkList[i][j],option.leef).join('');
        }
        outText[outText.length] = Array(option.btm,'</li>').join('');
      }
      outText[outText.length] = '</ul>\n';
      objFocus.innerHTML = outText.join('');
    }
  }
}
var gTreeOption = new Array;
gTreeOption['sort'] = false;      /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '<li class="lst">';  /* ツリー用マーク(通常) */
gTreeOption['end']  = '<li class="end">';  /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n';           /* 各枝の末尾 */
gTreeOption['top']  = '<ul class="tree">'; /* ツリー本体の最初 */
gTreeOption['btm']  = '</ul>';             /* ツリー本体の最後 */

createTreeList('entrylist',gTreeOption);    // エントリリストのツリー化
createTreeList('commentlist',gTreeOption);  // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption);       // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption);     // リンクリストのツリー化
// -->
</script>

</body>
</html>

CSS

body {
	margin: 0px;
	padding: 0px;
	background:url("http://mug.jugem.cc/?image=131");
scrollbar-3dlight-color : #FFFFFF;
scrollbar-arrow-color : #87CEEB;
scrollbar-base-color : #FFFFFF;
scrollbar-darkshadow-color : #87CEEB;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-track-color : #FFFFFF;

}

a {text-decoration: none;}
a:link {color: #FFFFFF; text-decoration: none;}
a:active {color: #00FFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #00FFFF; text-decoration: none;}

ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

li {
	color: #000000;
}

form{
	margin:0px;
}

.site_title {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-weight: bolder;
	color: #FFFFFF;
	margin: 30px 0px 0px 10px;
         text-align:right;
}

.site_title a,
.site_title a:link,
.site_title a:visited,{
	color: #FFFFFF;
	text-decoration: none;
}

.site_title a:active,
.site_title a:hover {
	color: #00FFFF;
	text-decoration: none;
}

.description {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
	color: #FFFFFF;
	margin: 10px 0px 0px 10px;
         text-align:right;
         padding-right: 20px;
}

blockquote {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #000000;
	margin: 20px 10px 20px 10px;
	padding: 10px;
	border: 1px solid #486685;
	border-left:  10px solid #486685;
}

.pict {
	background:none;
	margin: 15px 0px 15px 0px;
	padding: 8px;
	border:none;
	align: center;
}

.button{font:9pt Osaka,Verdana,sans-serif; color:#FFFFFF; background:#87CEEB; border:1pt outset #FFFFFF;}

.mid_sub{font:9pt Osaka,Verdana,sans-serif; color:#87CEEB; background:#FFFFFF; border:1pt outset #87CEEB;}

#commentlist {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #000000;
line-height: 170%;
margin: 5px 0px 0px 0px;
}

#tblist {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #000000;
line-height: 170%;
overflow: auto; height: 270px; width: 150px;
margin: 5px 0px 0px 0px;
scrollbar-3dlight-color : #87CEEB;
scrollbar-arrow-color : #FFFFFF;
scrollbar-base-color : #87CEEB;
scrollbar-darkshadow-color : #87CEEB;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #87CEEB;
scrollbar-track-color : #87CEEB;

}

#entrylist {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #000000;
line-height: 170%;
margin: 5px 0px 0px 0px;
}

#linklist {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #000000;
line-height: 170%;
margin: 5px 0px 0px 0px;
}

.blogpeople-main {
overflow: auto; height: 270px; width: 130px;
}

.blogpeople_text {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 9px;
	color: #000000;
	line-height: 140%;
	margin: 1px 5px 10px 6px;
	padding: 10px;
scrollbar-3dlight-color : #87CEEB;
scrollbar-arrow-color : #FFFFFF;
scrollbar-base-color : #87CEEB;
scrollbar-darkshadow-color : #87CEEB;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #87CEEB;
scrollbar-track-color : #87CEEB;

}

ul.tree {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.tree li {
  margin: 0px;
  padding: 0px 0px 0px 16px;
  background-image: url(http://mug.jugem.cc/?image=78);
  background-repeat: no-repeat;
}
ul.tree li.end {
  background-image: url(http://mug.jugem.cc/?image=77);
}

/* container------------------------------------------------------------ */
#container1 {
	margin: 0px auto 0px auto;
	padding: 0px;
	background:url("http://mug.jugem.cc/?image=131");
}

#container2 {
	margin: 0px;
	padding: 0px;
	background:none;}

/* head----------------------------------------------------------------- */
#head {
	width: 790px;
	height: 140px;
background:url("http://mug.jugem.cc/?image=130");

}

/* search--------------------------------------------------------------- */
#search_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

.search {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         background:#87CEEB;
}

/* left----------------------------------------------------------------- */
#left {
	width: 180px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

.title_img {
	margin: 0px;
	padding: 0px;
}

.left_text {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #000000;
	margin: 1px 5px 10px 6px;
	padding: 10px;
}

#ad {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 9px;
	color: #000000;
	margin: 1px 5px 10px 6px;
	padding: 5px;
}

/* calendar------------------------------------------------------------- */
#calendar_box {
	width: 790px;
	margin: 0px;
	padding: 0px;
	background: url(http://mug.jugem.cc/?image=133);
	border: none;
}

.calendar {
	font-family: "Verdana";
	font-size: 9px;
	color: #000000;
	line-height: 130%;
	margin: 0px;
	padding: 4px 0px 6px 0px;
	text-align: center;
}

.calendar a {text-decoration: none;}
.calendar a:link {color: #FFFFFF; text-decoration: none;}
.calendar a:active {color: #00FFFF; text-decoration: none;}
.calendar a:visited {color: #FFFFFF; text-decoration: none;}
.calendar a:hover {color: #00FFFF; text-decoration: none;}

.cell {
	width: 25px;
	height: 13px;
	padding: 1px;
}

.weekday {
	font-size: 9px;
	text-align: center;
	width: 25px;
	height: 13px;
	padding: 1px;
}

.today {
	/*background-color: #B22222;*/
}

/* mid------------------------------------------------------------------ */
#mid {
	width: 434px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

.entry_navi{
	margin: 4px;
	padding: 2px 15px 10px 0px;
	background: #FFFFFF;
	text-align:center;
	font-size: 10px;
	color: #87CEEB;
         padding-bottom: 20px;

}
.entry_navi a,
.entry_navi a:link,
.entry_navi a:visited,
.entry_navi a:active,
.entry_navi a:hover {
	color: #87CEEB;
	text-decoration: none;

.entry {
	margin: 4px;
	padding: 10px 0px 10px 0px;
	background:#FFFFFF;
}

.entry_date {
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px 10px 5px 0px;
	padding: 3px;
/*	background: #87CEEB;*/
	background: url(http://mug.jugem.cc/?image=132);
	text-align: right;
}

.entry_title {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	font-weight: bolder;
	color: #000;
	margin: 12px;
}

.entry_body {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	line-height: 170%;
	color: #000000;
	margin: 12px;
	}

.entry_body a:link{color: #00FFFF; text-decoration: none;}
.entry_body a:visited{color: #00FFFF; text-decoration: none;}
.entry_body a:active {color: #87CEEB; text-decoration: none;}
.entry_body a:hover {color: #87CEEB; text-decoration: none;}

.entry_more {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	line-height: 170%;
	color: #000000;
	margin: 12px;
}

.entry_more a {text-decoration: none;}
.entry_more a:link {color: #87CEEB; text-decoration: none;}
.entry_more a:active {color: #00FFFF; text-decoration: none;}
.entry_more a:visited {color: #87CEEB; text-decoration: none;}
.entry_more a:hover {color: #00FFFF; text-decoration: none;}

.entry_state {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #999;
	margin: 20px 12px 15px 12px;
}

.entry_state a {text-decoration: none;}
.entry_state a:link {color: #87CEEB; text-decoration: none;}
.entry_state a:active {color: #00FFFF; text-decoration: none;}
.entry_state a:visited {color: #87CEEB; text-decoration: none;}
.entry_state a:hover {color: #00FFFF; text-decoration: none;}

/* right---------------------------------------------------------------- */
#right {
	width: 180px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

.right_title {
	font-size: 12px;
	color: #000000;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	text-align: left;
}

#commentlist,
#tblist,
#newentrylist,
.right_text {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #000000;
	line-height: 170%;
	margin: 1px 5px 10px 4px;
	padding: 10px;
}

.right_text a:link{color: #FFFFFF; text-decoration: none;}
.right_text a:visited{color: #FFFFFF; text-decoration: none;}
.right_text a:active {color: #00FFFF; text-decoration: none;}
.right_text a:hover {color: #00FFFF; text-decoration: none;}

.login {
	width: 160px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #000000;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 0px;
	text-align: right;
	vertical-align: middle;
	line-height: 170%;
}

/* footer--------------------------------------------------------------- */
#footer {
	width: 790px;
	margin: 0px;
	padding: 0px;
	background: #87CEEB;
}

.copyright {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 9px;
	color: #000000;
	line-height: 130%;
	margin: 0px;
	padding: 6px 4px 4px 4px;
	text-align: center;
}

.copyright a:active,
.copyright a:hover {
	color: #00FFFF;
	text-decoration: none;
}

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