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

ホーム

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

テンプレート名 : dewdrop-3c-js

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 type="text/css" href="{gmo_header_css}" rel="stylesheet" media="screen,print" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<script type="text/javascript" src="./template/js/cookie.js"></script>
<script src="http://js.jugem.jp/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

</head>

<div id="container">

<div id="ccheader">
<a id="top" name="top"></a>
	
	<h1 class="textshadow"><a href="./">{blog_name}</a></h1>
	<div id="description" class="textshadow">{blog_description}</div>
	
</div>

<div id="right-column">

<div class="menuBlock">
		<div class="menuTitle1">PR</div>
		<div class="sideContents">
		{ad}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">categories</div>
		<div class="sideContents">
		{category_list}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">recent comment</div>
		<div class="sideContents">
		{recent_comment_list}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">recent trackback</div>
		<div class="sideContents">
		{recent_trackback_list}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">calendar</div>
		<div class="sideContents">
		<table border="0" cellpadding="0" cellspacing="1">
        <tr align="center">
        <td class="cell" style="color:#CC0000">S</td>
        <td class="cell" style="color:#000000;">M</td>
        <td class="cell" style="color:#000000;">T</td>
        <td class="cell" style="color:#000000;">W</td>
        <td class="cell" style="color:#000000;">T</td>
        <td class="cell" style="color:#000000;">F</td>
        <td class="cell" style="color:#0066CC">S</td>
        </tr>
        </table>
		{calendar}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">archives</div>
		<div class="sideContents">
		{archives_list2}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">recommend</div>
		<div class="sideContents">
		{amazon_item}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">links</div>
		<div class="sideContents">
		{link_list}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">{freespace_title1}</div>
		<div class="sideContents">
		{freespace_contents1}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">{freespace_title2}</div>
		<div class="sideContents">
		{freespace_contents2}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">{freespace_title3}</div>
		<div class="sideContents">
		{freespace_contents3}
		</div></div>
		
			
		
		<div class="menuBlock">
		<div class="menuTitle1">{freespace_title4}</div>
		<div class="sideContents">
		{freespace_contents4}
		</div></div>
		
			
		
		<div class="menuBlock">
		<div class="menuTitle1">{freespace_title5}</div>
		<div class="sideContents">
		{freespace_contents5}
		</div></div>

</div>

<div id="left_column">

<div class="menuBlock">
		<div class="menuTitle1">profile</div>
		<div class="sideContents">
		{user_list}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">search this site.</div>
		<div class="sideContents">
		<form method="get" action="./">
		<table cellpadding="0" cellspacing="0" border="0">
		<tr valign="middle">
		<td><input id="search" name="search" size="20" style="width:110px" class="search" /></td>
		<td><input type="submit" value="Search" /></td>
		</tr>
		</table>
		</form>
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">selected entries</div>
		<div class="sideContents">
		{selected_entry_list}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">others</div>
		<div class="sideContents">
		<ul>
		<li><a href="./manage/">管理者ページ</a></li>
		<li><a href="./?mode=rss">RSS1.0</a></li>
		<li><a href="./?mode=atom">Atom0.3</a></li>
		</ul>
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">mobile</div>
		<div class="sideContents">
		{site_qrcode}
		</div></div>

<div class="menuBlock">
		<div class="menuTitle1">powered</div>
		<div class="sideContents">
		{powered}
		</div></div>

</div>
	
    
	
	<div id="main-column">

<div class="EntryTitle"><h2>{entry_title_link}</h2></div>
		<div class="EntryBlock">
			<div class="EntryBody">{entry_description}</div>
			<a name="sequel"></a>

<div class="EntryBody">
{entry_sequel}
</div>

<div class="com001">
			<hr><br><center>
				{entry_year}/{entry_month}/{entry_day} ({entry_jpn_week}) {entry_time} | {category_name}
				<br>
				{trackback_num} | {comment_num}
			</center>
			</div>
		 </div>
		{trackback_auto_discovery}

<div class="EntryTitle">同じカテゴリの記事</div>
<div class="EntryBlock">
<div class="EntryBody">
{related_entry_list}
</div></div>

<a name="comments"></a>

<div class="EntryTitle">この記事へのコメント</div>
			<div class="EntryBlock">
			<br>
			
			<div class="EntryBody">{comment_description}
			
<br><br>
  				{comment_time_24} | {comment_name}
</div>
<hr>

<div class="EntryBody">
            <div id="commentSendTitle">コメントする</div>
        	<div class="commentSendForm">
        	    <form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
				<input type="hidden" name="entry_id" value="{entry_id}" class="input" />
			
				<label for="name">name:</label><br/>
				<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="input" /><br />
    		            
				<label for="email">email:</label><br>
				<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /><br />
    		            
				<label for="url">url:</label><br>
				<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="input" /><br />
			
				<label for="description">comments:</label><br />
				<textarea tabindex="4" id="description" name="description" rows="5"></textarea><br />
    		            
				<input tabindex="5" type="submit" value="コメント送信"  onclick="javascript:setval();" /><br><input type="checkbox" name="set_cookie" value="1" id="set_cookie">&nbsp;<label for="set_cookie">入力情報を記憶</label>
				</form>
        	</div></div>
        	
        </div>
        
        
        
        
		<a name="trackback"></a>

<div class="EntryTitle">この記事のトラックバックURL</div>
			<div class="EntryBlock">
<div class="EntryBody">
			<input type="text" value="{trackback_url}" />
			
			<div id="trackbackTitle">トラックバック</div>
			<hr>
			<div class="trackbackName">{trackback_title}</div>
        	<div class="trackbackBody">{trackback_excerpt}</div>
			
			<ul class="trackbackState">
				<li>{trackback_blog_name}</li>
				<li>{trackback_time}</li>
			</ul>

</div></div>
		
    
    
		
		<div id="profile">
        	<div class="EntryTitle">プロフィール</div>
<div class="EntryBlock">
<div class="EntryBody">{profile_name}<br>{profile_description}</div>
        </div></div>

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

<center>
		<div id="entryNavi">
		{prev_page_link} | {page_now}/{page_num}PAGES | {next_page_link}
		</div></center>
		
		
		<div class="pageTop"><center>
		<a href="#top">このページの先頭へ▲</a>
		</div></center>

</div>

<br>

<div id="footer">
    <div id="copyright" class="textshadow">
Template dewdrop-3c-js by <a href="http://rainbowmaterial.blog59.fc2.com/"> 斎七 @ 虹のもとブログ</a>
<br>Photo by <a href="http://www.flickr.com/photos/orangeacid/2338019873/">orangeacid</a>
    </div>

</div>

    
</div>

    

<script language="javascript" type="text/javascript">
<!--
/*
 * jQuery corner plugin
 *
 * version 1.92 (12/18/2007)
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

/**
 * The corner() method provides a simple way of styling DOM elements.  
 *
 * corner() takes a single string argument:  $().corner("effect corners width")
 *
 *   effect:  The name of the effect to apply, such as round or bevel. 
 *            If you don't specify an effect, rounding is used.
 *
 *   corners: The corners can be one or more of top, bottom, tr, tl, br, or bl. 
 *            By default, all four corners are adorned. 
 *
 *   width:   The width specifies the width of the effect; in the case of rounded corners this 
 *            will be the radius of the width. 
 *            Specify this value using the px suffix such as 10px, and yes it must be pixels.
 *
 * For more details see: http://methvin.com/jquery/jq-corner.html
 * For a full demo see:  http://malsup.com/jquery/corner/
 *
 *
 * @example $('.adorn').corner();
 * @desc Create round, 10px corners 
 *
 * @example $('.adorn').corner("25px");
 * @desc Create round, 25px corners 
 *
 * @example $('.adorn').corner("notch bottom");
 * @desc Create notched, 10px corners on bottom only
 *
 * @example $('.adorn').corner("tr dog 25px");
 * @desc Create dogeared, 25px corner on the top-right corner only
 *
 * @example $('.adorn').corner("round 8px").parent().css('padding', '4px').corner("round 10px");
 * @desc Create a rounded border effect by styling both the element and its parent
 * 
 * @name corner
 * @type jQuery
 * @param String options Options which control the corner style
 * @cat Plugins/Corner
 * @return jQuery
 * @author Dave Methvin (dave.methvin@gmail.com)
 * @author Mike Alsup (malsup@gmail.com)
 */
(function($) {

$.fn.corner = function(o) {
    var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);
    function sz(el, p) { return parseInt($.css(el,p))||0; };
    function hex2(s) {
        var s = parseInt(s).toString(16);
        return ( s.length < 2 ) ? '0'+s : s;
    };
    function gpc(node) {
        for ( ; node && node.nodeName.toLowerCase() != 'html'; node = node.parentNode ) {
            var v = $.css(node,'backgroundColor');
            if ( v.indexOf('rgb') >= 0 ) { 
                if ($.browser.safari && v == 'rgba(0, 0, 0, 0)')
                    continue;
                var rgb = v.match(/\d+/g); 
                return '#'+ hex2(rgb[0]) + hex2(rgb[1]) + hex2(rgb[2]);
            }
            if ( v && v != 'transparent' )
                return v;
        }
        return '#ffffff';
    };
    function getW(i) {
        switch(fx) {
        case 'round':  return Math.round(width*(1-Math.cos(Math.asin(i/width))));
        case 'cool':   return Math.round(width*(1+Math.cos(Math.asin(i/width))));
        case 'sharp':  return Math.round(width*(1-Math.cos(Math.acos(i/width))));
        case 'bite':   return Math.round(width*(Math.cos(Math.asin((width-i-1)/width))));
        case 'slide':  return Math.round(width*(Math.atan2(i,width/i)));
        case 'jut':    return Math.round(width*(Math.atan2(width,(width-i-1))));
        case 'curl':   return Math.round(width*(Math.atan(i)));
        case 'tear':   return Math.round(width*(Math.cos(i)));
        case 'wicked': return Math.round(width*(Math.tan(i)));
        case 'long':   return Math.round(width*(Math.sqrt(i)));
        case 'sculpt': return Math.round(width*(Math.log((width-i-1),width)));
        case 'dog':    return (i&1) ? (i+1) : width;
        case 'dog2':   return (i&2) ? (i+1) : width;
        case 'dog3':   return (i&3) ? (i+1) : width;
        case 'fray':   return (i%2)*width;
        case 'notch':  return width; 
        case 'bevel':  return i+1;
        }
    };
    o = (o||"").toLowerCase();
    var keep = /keep/.test(o);                       // keep borders?
    var cc = ((o.match(/cc:(#[0-9a-f]+)/)||[])[1]);  // corner color
    var sc = ((o.match(/sc:(#[0-9a-f]+)/)||[])[1]);  // strip color
    var width = parseInt((o.match(/(\d+)px/)||[])[1]) || 10; // corner width
    var re = /round|bevel|notch|bite|cool|sharp|slide|jut|curl|tear|fray|wicked|sculpt|long|dog3|dog2|dog/;
    var fx = ((o.match(re)||['round'])[0]);
    var edges = { T:0, B:1 };
    var opts = {
        TL:  /top|tl/.test(o),       TR:  /top|tr/.test(o),
        BL:  /bottom|bl/.test(o),    BR:  /bottom|br/.test(o)
    };
    if ( !opts.TL && !opts.TR && !opts.BL && !opts.BR )
        opts = { TL:1, TR:1, BL:1, BR:1 };
    var strip = document.createElement('div');
    strip.style.overflow = 'hidden';
    strip.style.height = '1px';
    strip.style.backgroundColor = sc || 'transparent';
    strip.style.borderStyle = 'solid';
    return this.each(function(index){
        var pad = {
            T: parseInt($.css(this,'paddingTop'))||0,     R: parseInt($.css(this,'paddingRight'))||0,
            B: parseInt($.css(this,'paddingBottom'))||0,  L: parseInt($.css(this,'paddingLeft'))||0
        };

if ($.browser.msie) this.style.zoom = 1; // force 'hasLayout' in IE
        if (!keep) this.style.border = 'none';
        strip.style.borderColor = cc || gpc(this.parentNode);
        var cssHeight = $.curCSS(this, 'height');

for (var j in edges) {
            var bot = edges[j];
            // only add stips if needed
            if ((bot && (opts.BL || opts.BR)) || (!bot && (opts.TL || opts.TR))) {
                strip.style.borderStyle = 'none '+(opts[j+'R']?'solid':'none')+' none '+(opts[j+'L']?'solid':'none');
                var d = document.createElement('div');
                $(d).addClass('jquery-corner');
                var ds = d.style;

bot ? this.appendChild(d) : this.insertBefore(d, this.firstChild);

if (bot && cssHeight != 'auto') {
                    if ($.css(this,'position') == 'static')
                        this.style.position = 'relative';
                    ds.position = 'absolute';
                    ds.bottom = ds.left = ds.padding = ds.margin = '0';
                    if ($.browser.msie)
                        ds.setExpression('width', 'this.parentNode.offsetWidth');
                    else
                        ds.width = '100%';
                }
                else if (!bot && $.browser.msie) {
                    if ($.css(this,'position') == 'static')
                        this.style.position = 'relative';
                    ds.position = 'absolute';
                    ds.top = ds.left = ds.right = ds.padding = ds.margin = '0';
                    
                    // fix ie6 problem when blocked element has a border width
                    var bw = 0;
                    if (ie6 || !$.boxModel)
                        bw = sz(this,'borderLeftWidth') + sz(this,'borderRightWidth');
                    ie6 ? ds.setExpression('width', 'this.parentNode.offsetWidth - '+bw+'+ "px"') : ds.width = '100%';
                }
                else {
                    ds.margin = !bot ? '-'+pad.T+'px -'+pad.R+'px '+(pad.T-width)+'px -'+pad.L+'px' : 
                                        (pad.B-width)+'px -'+pad.R+'px -'+pad.B+'px -'+pad.L+'px';                
                }

for (var i=0; i < width; i++) {
                    var w = Math.max(0,getW(i));
                    var e = strip.cloneNode(false);
                    e.style.borderWidth = '0 '+(opts[j+'R']?w:0)+'px 0 '+(opts[j+'L']?w:0)+'px';
                    bot ? d.appendChild(e) : d.insertBefore(e, d.firstChild);
                }
            }
        }
    });
};

$.fn.uncorner = function(o) { return $('.jquery-corner', this).remove(); };
    
})(jQuery);

$(function(){
$("div.menuTitle1").corner()
$("div.EntryTitle").corner("top")
$("#ccheader").corner()
$("#footer").corner()
});

//-->
</script>

</body>
</html>

CSS

@charset "EUC-JP";

/* ----------------------------------------
 ■はじめに
＊このテンプレートでは右側が広くなっています。234ピクセルの画像が置けます。また、左側メニューに横幅をとるものがあるとレイアウトがずれることがあります。ご注意ください。

このテンプレートのご使用は、同人を除くアダルト・商用ではご遠慮下さい。また、テンプレートのカスタマイズ後の再配布もご遠慮下さい。カスタマイズは自由です。
そのほか、ご相談等ありましたら僕のブログまでご連絡下さい。よろしくお願いします。あと、ソースが見づらくてすいません<(_ _)>
---------------------------------------- */

/* ----------------------------------------
 作成日:2010.06.16
 テンプレート名:dewdrop-3c-js
 by 斎七 (さいしち)

http://rm7.jugem.jp/
http://rainbowmaterial.blog59.fc2.com/
---------------------------------------- */
/*
**************************
使用した素材
**************************
画像
orangeacid
http://www.flickr.com/photos/orangeacid/2338019873/

丸角javascript
JQuery Corner Gallery
http://methvin.com/jquery/jq-corner.html

jQuery: The Write Less, Do More, JavaScript Library
http://jquery.com/
*/

/* --------------------------------------
　リセット
--------------------------------------- */
 
* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {
border: #ADFF2F 1px dotted; 
}
br.clear {clear:both;}

/************************************/
/*テキストシャドウ*/
.textshadow{
	text-shadow:#FFFFFF 0px 0px 5px,#FFFFFF 0px 0px 5px;
/*IE用フィルタ*/
filter:progid:DXImageTransform.Microsoft.Glow(Color='#FFFFFF', Strength=2);zoom:1;
/*IE用フィルタ*/
}

/************************************/
/*JavaScript有効のとき、対象を隠す*/
.sidehide{display:none;}

/*コメントリストのスタイル*/
.com_open {
line-height: 150%;
display: block;
padding: 5px 0px 5px 5px;
}

.com_open_name {
line-height: 150%;
display: block;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

/* --------------------------------------
　共通部分
--------------------------------------- */

/* ページ全体のテキスト色 */
html {color:#000000;}

/* ページ全体 */
bodyorg {
	width:100%;
	text-align:center;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";
	line-height:1.6em;
	background-color:#ffffff;
	background-image:url(https://imaging.jugem.jp/template/custom/img/bg_body_dot.gif);  
	background-repeat:repeat;  
	background-position:;
	background-attachment:scroll;
}

body{
	text-align : center;
	font-family:"ＭＳ Ｐゴシック","OSAKA","ヒラギノ角ゴ Pro W3",sans-serif;
	margin:0px;
	padding:0px;
	background-color: white;
         background-image: url();	/* 背景画像 */
       color: black;
}

/* ページ全体のリンク色 */
a:link {	color: MidnightBlue;	text-decoration: underline;}
a:active {	color: steelblue;	text-decoration: underline;}
a:visited {	color: DarkSlateGray;	text-decoration: underline;}
a:hover {	color: SteelBlue;	text-decoration: underline;}

/* ブログ名の色 */
#BlogName a{
	color: black;
	text-decoration: underline;
}

#BlogName a:HOVER{
	color: navy;
	text-decoration: underline;
}

#headIntroduction a{
	color: #D59F00;
	text-decoration: underline;
}

#headIntroduction a:HOVER{
	color: #FFDF80;
	text-decoration: underline;
}

/* 両サイドメニューのリンク色
#left a,#right a {color:#000000;text-decoration:underline;}
#left a:link,#right a:link {color:#000000;text-decoration:underline;}
#left a:visited,#right a:visited {color:#999999;text-decoration:underline;}
#left a:hover,#right a:hover {color:#333333;text-decoration:none;}
#left a:active,#right a:active {color:#333333;text-decoration:none;}
 */

/* カレンダーのリンク色 */ 
.cell a,.call a:link,.call a:visited {color:#000000;text-decoration:underline;font-weight:bolder;}
.cell a:hover,.call a:active {color:#999999;text-decoration:none;}

/* ------------------------------------- 
 *	ページレイアウト
--------------------------------------- */
/* -------------------------------------

■ページ全体の変更方法（初期は幅950に設定されています）
  ・A にページ全体の幅を指定する
  ・B + 40 = A になるように B の値を指定する
  ・C + D + E + 40 + 40 = A になるように C と D と Eの値を指定する
  
  ※左サイドの幅は C　、記事の枠の幅は D 、右サイトの幅は E の値を変更 
  ※余白(padding)の値を変えない場合の方法です
--------------------------------------- */

/*ページ全体の幅、レイアウトを中央揃え*/
#container {
	position:relative;
	width:950px;	/* ブログの幅 */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color: ;
	
}

/*ブログ名と説明文、トップ画像*/
#ccheader{
height:150px;
width:950px;
/*	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
*/
position:relative;
z-index:2;
/*
margin-right:-880px;
float:left;
*/
	background-color: aliceblue;
	border-width:0px;
	border-color: black;
	border-style:solid;

background-image: url(http://img-cdn.jg.jugem.jp/c9b/1684786/20100615_998256.jpg);
background-position : 0px 0px;
/*******ブログ上部の画像*******/
}

#header {
	width:910px;  /* B */
	height:130px;
	clear:left;
	margin:0 auto 20px;
	padding:0;
	background-color:#ffffff;  
	background-image:url(http://img-cdn.jg.jugem.jp/c9b/1684786/20100615_998256.jpg);  
	background-repeat:no-repeat;  
	background-position:bottom center;
	background-attachment:scroll;  
}

/*コンテンツ枠（記事の枠＋両サイドメニューの枠）*/
#content {
	margin:0 auto;
	padding:0 20px 20px 20px;
}

/*　左側の幅（右サイドメニューの枠）　*/
#left {
	float:left;
	width:200px;  /* C */
	zoom:1;
}

/*　メインの幅（記事の枠）*/
#main {
	float:left;
	width:440px;  /* D */
	padding:0 20px 0 20px;
	zoom:1;
}

/*　右側の幅（右サイドメニューの枠）　*/
#right {
	float:left;
	width:230px;  /* E */
	zoom:1;
}

div#right-column{
/*
position:relative;
z-index:2;
*/
margin-top:15px;
margin-right:0px;
float:right;
background-color: ;
	width:244px;	/* 右メニューの幅 */
	padding-right:0px;
	border-width:0px;
	border-color: #CC9933;
	border-style:solid;
       font-size: 90%;
}

div#left_column{
/*
position:relative;
z-index:2;
*/
margin-left:-0px;
float:left;
margin-top:15px;
background-color: ;
	width:190px;	/* 左メニューの幅 */
	padding-left:0px;
	border-width:0px;
	border-color: #CC9933;
	border-style:solid;
       font-size: 90%;
}

#main-column{
position:relative;
float:left;
margin-top:15px;
margin-right:-500px;
margin-left:10px;
	background-color: ;
	text-align:left;
	width:495px;	/* メインカラムの幅 */
/****半透明設定。重いかもしれないので消しても可。****/

filter: Alpha(opacity=95);
-moz-opacity: 0.95;
opacity:0.95;

/****半透明設定****/
}

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

/* ブログ名 */
h1 {width:500px;font-size:20px;padding:45px 0 0 30px;letter-spacing:2px}

/* ブログの説明文 */
div#description {width:500px;margin:10px 0 0 0;padding:0 0 0 30px;}

.entry {margin:0 0 15px 0;}

/* 次の記事・前の記事 */
#entryNavi {margin:0 0 15px 0;}

/* 記事のタイトル */
h2 {font-size:14px;font-weight:bolder}

/* 記事本文 */
.EntryBody{
	padding:20px 10px 10px 10px;
	font-size:95%;
	line-height:160%;
}

/* 記事の続き */
.entryMore {margin:10px 0 10px 0;}

/* 記事の情報 */
ul.entryState li {
    display:inline;
	border-left:1px solid #999;
	padding-left:5px;
}

.EntryTableBlock{
position:relative;
z-index:5;

/****半透明設定。重いかもしれないので消しても可。****/

filter: Alpha(opacity=95);
-moz-opacity: 0.95;
opacity:0.95;

/****半透明設定****/

width:495px;
	margin:0px 0px 20px 0px;
/*	padding:10px;*/
	border-width:0px;
	border-color: lightblue;
	border-style:solid;
         background-image: url(); /* 記事部分の背景画像 */
         background-color: ;
}

.EntryTitle{
	background-color: aliceblue;
	padding:5px 10px 5px 10px;
	font-size:100%;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color:black;
	font-weight:bold;
	line-height:140%;
     background: url(http://img-cdn.jg.jugem.jp/c9b/1684786/20100615_998257.jpg) ;
background-position : 0px 0px;
}

.EntryBlock{
	margin-bottom:20px;
	border-width:1px 1px 1px 1px;
	border-color: #ADFF2F;
	border-style:solid;
	word-wrap: break-word;
}
.EntryBlock input {width:350px;}

.com001{
padding-top: 10px;
padding-bottom: 10px;
	font-size:95%;
	line-height:140%;
}

/* コメント枠 */
#comment {border:1px #000 solid;padding:20px;margin:20px 0 0 0;}

#commentTitle {
		margin:0 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	#commentSendTitle {
		margin:20px 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	.commentBody {margin:5px 0;}
	
	ul.commentState {margin:0 0 15px 0;}
	
	ul.commentState li {
	    display:inline;
		border-left:1px solid #999999;
		padding-left:5px;
	}
	
	.commentSendForm {margin:0;}	
	.commentSendForm .input {width:250px;}
	.commentSendForm textarea {width:350px;margin:0 0 10px 0;}
	
	
/* トラックバック枠 */
#trackback {border:1px #000 solid;padding:20px;margin:20px 0 0 0;}

#trackbackURL {
		margin:0 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
	
	#trackbackTitle {
		margin:20px 0 5px 0;
		font-size:14px;
		font-weight:bolder;
	}
		
	#trackback input {width:350px;}
	
	.trackbackName {margin:0;}
	.trackbackBody {margin:5px 0;}
	
	ul.trackbackState {margin:0 0 15px 0;}
	
	ul.trackbackState li {
	    display:inline;
		border-left:1px solid #999999;
		padding-left:5px;
	}

/* プロフィールのページ */
#profile{margin:0;}

#profileTitle {font-size:14px;font-weight:bolder;}
	#profileName {margin:15px 0 0 0;}
	#profileBody {margin:5px 0;}
	
/* このページの先頭へ */	
.pageTop {margin:10px 0 10px 0}

/* --------------------------------------
　記事の装飾
--------------------------------------- */

/* 引用 */
blockquote {
	margin:0px 10px;
	padding:0px 10px;
	background-color: ;
	border:4px dotted #ADFF2F;
}

/* 画像 */
#main .pict {border:1px #000000 solid;padding:3px;}

/* リスト */
div.entryBody li,div.entryMore li {
	list-style:circle;
	margin:0 0 0 15px;
}

/* --------------------------------------
　サイドメニュー
--------------------------------------- */

/* サイドメニューのタイトル */
h3 {font-size:14px;font-weight:bolder;margin:0 0 5px 0;}

/* サイドメニューの内容 */
.sideContents {margin:10px 10px 10px 10px;}

/* カレンダーの１マス幅 */
.cell {width:27px;}

.menuBlock{
	margin:0px 0px 40px 0px;
	border-width: 0px;
	border-color:black;
	border-style:solid;
	line-height:150%;
/*       font-size: 80%;*/
}

.menuTitle1{
	padding:5px 0px 1px 10px;
	font-weight:bold;
	font-size:95%;
	color: MidnightBlue;
	background-color: aliceblue;
         background-image: url(http://img-cdn.jg.jugem.jp/c9b/1684786/20100615_998257.jpg);
	border-width: 0px;
	border-color:whitesmoke;
	border-style:solid;
}

/* ----------------------------------------
 Footer
---------------------------------------- */

#footer {
float:left;
    width:950px;	/* ブログの幅 */
    height:200px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    padding:0px;
    background-color: aliceblue;
    border-width:0px;
    border-color: gray;
    border-style:solid;
    background-image: url(http://img-cdn.jg.jugem.jp/c9b/1684786/20100615_998256.jpg);
}

#copyright {
    width:500px;
float:left;
	text-align:left;
	font-size:95%;
	padding:20px 15px 10px 15px;
	line-height:150%;
	letter-spacing:2px;
}

/* ----------------------------------------
 リストの行間
---------------------------------------- */
li {
     margin-bottom: 7px;
}

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