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

ホーム

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

テンプレート名 : Retoro -Japanese

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

<body onload="javascript:initval();">
{gmo_header_src}

<div id="wrapper">
<a id="top" name="top"></a>

<div id="header">

<div class="blog_title">
	<h1><a href="./">{blog_name}</a></h1>
	<span id="description">{blog_description}</span>
    </div>

</div>

<div id="content">
    
	
	<div id="main">
				
		   
		
		<div class="entry">
			<h2>{entry_title_link}</h2>
            <span class="entryDate">{entry_year}年{entry_month}月{entry_day}日{entry_jpn_week}曜日&nbsp;{entry_time_only}</span>
			<div class="entryBody">
                <div class="article">
                {entry_description}
                
                <a name="sequel"></a>
                <div class="entryMore">{entry_sequel}</div>
                <span class="userName">著者：{user_name}</span>
                </div>
            </div>
					
			<ul class="entryState">
				<li>カテゴリー：{category_name}</li>
				<li>{comment_num}</li>
				<li>{trackback_num}</li>
				<li>{pookmark_link}</li>
				<li>{logpi_link}</li>
			</ul>
		 </div>
		{trackback_auto_discovery}
		
		
		
		<div id="relatedEntry">
			<span id="relateTitle">関連する記事</span>
			{related_entry_list}
		</div>
		
		
		    
		
		<a name="comments"></a>
		
		<div id="comment">
        	<span id="commentTitle">コメント</span>

<div class="commentBody">{comment_description}
			
			<ul class="commentState">
  				<li>{comment_name} / </li>
  				<li>{comment_year}年{comment_month}月{comment_day}日{comment_jpn_week}曜日</li>
                <li>{comment_hour_24}時{comment_minute}分</li>
			</ul>
            </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" />
                <table border="0" cellspacing="0" cellpadding="0">
                	<tr>
                    	<th scope="row"><label for="name">お名前</label></th>
                    	<td><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="input" /></td>
                 	</tr>
                 	<tr>
                    	<th scope="row"><label for="email">Eメール</label></th>
                    	<td><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /></td>
                  	</tr>
                  	<tr>
                    	<th scope="row"><label for="url">URL</label></th>
                    	<td><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="input" /></td>
                 	 </tr>
                  	<tr>
                    	<th scope="row"><label for="description">コメント内容</label></th>
                    	<td><textarea tabindex="4" id="description" name="description" rows="5"></textarea></td>
                 	</tr>
                </table>
    		            
				<span><input tabindex="5" type="submit" value="コメント送信"  onclick="javascript:setval();" class="formButton" /></span>
                <span class="cookie"><input type="checkbox" name="set_cookie" value="1" id="set_cookie">&nbsp;<label for="set_cookie">入力情報を登録しますか？</label></span>
				</form>
        	</div>
        	
        </div>
        
        
        
        
		<a name="trackback"></a>
		
		<div id="trackback">
			<span id="trackbackURL">この記事のトラックバック</span>
			<input type="text" value="{trackback_url}" class="input" />
			
			
			<div class="trackbackName">{trackback_title}</div>
        	<div class="trackbackBody">{trackback_excerpt}</div>
			
			<ul class="trackbackState">
				<li>{trackback_blog_name}</li>
				<li>{trackback_year}年{trackback_month}月{trackback_day}日{trackback_jpn_week}曜日／{trackback_hour_24}時{trackback_minute}分</li>
			</ul>
			
		</div>
		
    
    
		
		<div id="profile">
        	<span id="profileTitle">自己紹介</span>
        	<div id="profileBody">
        	<span id="profileName">{profile_name}</span>
        	{profile_description}</div>
        </div>
		
		
		
		
		
		
		
		<div id="pager">
        <ul>
			<li class="next"><a href="{prev_page_url}">次頁</a></li>
			<li class="prev"><a href="{next_page_url}">前頁</a></li>
        </ul>
		</div>
		
		
		<span class="pageTop"><a href="#top">この頁の先頭へ戻る</a></span>

</div>
	
        
	
	<div id="side">
    
		
		<h3>{calendar_this_year}の月表</h3>
		<div class="sideContents">
        <div class="calendar">
		<table border="0" cellpadding="0" cellspacing="1">
        <tr align="center">
        <td class="sunday">日</td>
        <td>月</td>
        <td>火</td>
        <td>水</td>
        <td>木</td>
        <td>金</td>
        <td class="saturday">土</td>
        </tr>
        </table>
		{calendar_only}
		</div>
        
        <div class="calendar_month">
        <span class="prev_month"><a href="./?month={calendar_this_year}{calendar_prev_month}">←前月</a></span>
        <span class="this_month">{calendar_this_month}月</span>
        <span class="next_month"><a href="./?month={calendar_this_year}{calendar_next_month}">翌月→</a></span>
        </div>
        </div>

<h3>自己紹介</h3>
		<div class="sideContents">
		<dl>
		<dt>{user_list}</dt>
		<dd>総記事数：{all_entry_count}件</dd>
		<dd>最終更新日：{last_entry_date}</dd>
		</dl>
		</div>
		
				
		
		<h3>記事の範疇</h3>
		<div class="specialNavi">
		<ul>
		
		<li><a href="/?cid={category_item_id}">{category_item_name}</a></li>
		
		</ul>
		</div>

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

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

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

<h3>選出した記事</h3>
		<div class="sideContents">
		{selected_entry_list}
		</div>

<h3>文書保管処</h3>
		<div class="sideContents">
		{archives_list}
		</div>

<h3>新しいコメント</h3>
		<div class="sideContents">
		{recent_comment_list}
		</div>

<h3>新しいトラックバック</h3>
		<div class="sideContents">
		{recent_trackback_list}
		</div>

<h3>目玉商品</h3>
		<div class="sideContents">
		{amazon_item}
		</div>

<h3>リンク</h3>
		<div class="sideContents">
		{link_list}
		</div>

<h3>記事検索</h3>
		<div class="sideContents">
		<form method="get" action="./">
		<table cellpadding="0" cellspacing="0" border="0" class="search_box">
		<tr valign="middle">
		<th><input id="search" name="search" size="20" class="search" /></th>
		<td><input type="image" src="http://grinte.com/blog/retoro-japanese/btn_search.gif" width="20" height="15" value="Search" /></td>
		</tr>
		</table>
		</form>
		</div>

<h3>その他</h3>
		<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>

<h3>携帯用</h3>
		<div class="sideContents image_box">
		{site_qrcode}
		</div>

<h3>サービス提供元</h3>
		<div class="sideContents image_box">
		{powered}
		</div>
		
   
		
		<h3>PR</h3>
		<div class="sideContents image_box">
		{ad}
		</div>

</div>

</div>

<div id="footer">
    <span id="copyright">{copyright}</span>
</div>

    
</div>

    
    
</body>
</html>

CSS

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

Theme Name: Retoro -Japanese
	Author: ino
	Author URI: http://laboratory.grinte.com

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

/* --------------------------------------
	Basic Style
--------------------------------------- */
body {
	font: 12px/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	*font-size: 75%; /* for IE6/7 */
	*font: x-small; /* for IE Quirks Mode */
	background: #222;
	color: #fff;
	text-align: center;
}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom:1; }

/* Style of Type */
div#header div.blog_title h1,
div.entry h2,
div#relatedEntry span#relateTitle,
div#comment span#commentTitle,
div#comment div.commentSendForm input.formButton,
div#trackback span#trackbackURL,
div#profile span#profileTitle,
div#profile span#profileName,
div#pager ul,
span.pageTop,
div#side h3,
div.calendar_month,
div.specialNavi { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

/* --------------------------------------
	Whole Style
--------------------------------------- */
div#wrapper { width: 800px; background: #dd4411 url('http://grinte.com/blog/retoro-japanese/page-bg_mdl.gif') repeat-y center; margin: 40px auto; }
div#header { background: url('http://grinte.com/blog/retoro-japanese/page-bg_top.gif') no-repeat center top; margin-bottom: 30px; padding: 35px 0 0; }

div#content { width: 725px; text-align: left; color: #000; margin: 0 auto; zoom:1; }
div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#main { float: right; width: 490px; }
div#side { float: left; width: 215px; }

div#footer { clear: both; background: #222 url('http://grinte.com/blog/retoro-japanese/page-bg_btm.gif') no-repeat top; padding-top: 65px; }

/* --------------------------------------
	Header Style
--------------------------------------- */
div#header div.blog_title { width: 725px; background: #eeebdd url('http://grinte.com/blog/retoro-japanese/blogtitle_mdl.gif') repeat-y center top; margin: 0 auto; text-align: center; }
div#header div.blog_title h1 { background: url('http://grinte.com/blog/retoro-japanese/blogtitle_top.gif') no-repeat center top; margin-bottom: 0.3em; padding-top: 25px; font-size: 167%; }
div#header div.blog_title h1 a { color: #000; text-decoration: none; }
div#header div.blog_title span#description { background: url('http://grinte.com/blog/retoro-japanese/blogtitle_btm.gif') no-repeat center bottom; color: #000; padding-bottom: 20px; display: block; }

/* --------------------------------------
	Content Style
--------------------------------------- */
div#content a		{ color: #000; }
div#content a:hover	{ text-decoration: none; }

/* --------------------------------------
	Content / Main space Style
--------------------------------------- */

/* entry */
div#main div.entry { background: #222; padding: 10px 3px; margin-bottom: 30px; }
div#main div.entry h2 { width: 260px; float: left; border-right: 1px solid #666; color: #fff; font-size: 117%; margin-bottom: 5px; margin-left: 10px; display: inline-block; }
div#main div.entry h2 a { color: #fff; text-decoration: none; }
div#main div.entry span.entryDate { width: 180px; float: right; color: #fff; text-align: right; margin-bottom: 5px; margin-right: 10px; display: inline-block; }

div#main div.entry div.entryBody { clear: both; background: #eeebdd; padding: 15px 12px; letter-spacing: 0.07em; }
div#main div.entry div.entryBody div.article { margin-bottom: 10px; }
div#main div.entry div.entryBody div.article div.entryMore { padding-top: 1.5em; margin-bottom: 2em; }

div#main div.entry div.entryBody div.article div.service_button { height: 45px; background: url('http://grinte.com/blog/retoro-japanese/divide_line.png') no-repeat center top; line-height: 70px; position: relative; }
div#main div.entry div.entryBody div.article div.service_button a { position: absolute; display: inline-block; }
div#main div.entry div.entryBody div.article div.service_button iframe.twitter-share-button { width: 80px; height: 20px; left: 0; bottom: 0; }
div#main div.entry div.entryBody div.article div.service_button a.mixi-check-button { width: 58px; height: 18px; left: 90px; bottom: 2px; }
div#main div.entry div.entryBody div.article div.service_button iframe { width: 120px; height: 21px; left: 160px; bottom: 0; position: absolute; }

div#main div.entry div.entryBody div.article span.userName { clear: both; background: #ddd7bb; display: block; padding: 0.2em; text-align: right; }

div#gEntryAdContainer { background: url('http://grinte.com/blog/retoro-japanese/divide_line.png') no-repeat center top; margin-bottom: 10px; }

div#main div.entry ul.entryState { list-style-type: none; font-size: 91%; color: #fff; padding: 5px 12px 0; zoom:1; }
div#main div.entry ul.entryState:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#main div.entry ul.entryState li { float: left; margin-right: 1em; display: inline-block; }
div#main div.entry ul.entryState li a { color: #fff; }
div#main div.entry ul.entryState li a:hover	{ text-decoration: none; }

/* trackback */
div#relatedEntry { background: #222; margin-bottom: 30px; padding: 15px 3px; color: #fff; }
div#relatedEntry span#relateTitle { background: url('http://grinte.com/blog/retoro-japanese/conttitle_head.gif') no-repeat left center; color: #fff; font-size: 117%; margin-bottom: 0.8em; padding-left: 27px; display: block; }
div#relatedEntry ul { list-style-type: none; margin: 0 13px; }
div#relatedEntry ul li { background: url('http://grinte.com/blog/retoro-japanese/list_mark.gif') no-repeat 0 0.4em; margin-bottom: 0.3em; padding-left: 15px; }
div#relatedEntry ul li a { color: #fff; margin-right: 5px; }

/* comment */
div#comment { background: #222; margin-bottom: 30px; padding: 15px 3px; color: #fff; }
div#comment span#commentTitle { background: url('http://grinte.com/blog/retoro-japanese/conttitle_head.gif') no-repeat left center; color: #fff; font-size: 117%; margin-bottom: 0.8em; padding-left: 27px; display: block; }
div#comment div.commentBody { background: #444; border: 1px solid #666; padding: 10px; margin-bottom: 5px; }
div#comment div.commentBody ul.commentState { list-style-type: none; font-size: 91%; text-align: right; padding-top: 1em; }
div#comment div.commentBody ul.commentState li { display: inline; }
div#comment div.commentBody a { color: #fff; }
div#comment div.commentBody a:hover { text-decoration: none; }

div#comment div.commentSendForm { background: url('http://grinte.com/blog/retoro-japanese/divide_line.png') no-repeat center top; padding-top: 25px; text-align: center; }
div#comment div.commentSendForm table { width: 460px; margin: 0 auto 10px; text-align: left; }
div#comment div.commentSendForm table th { width: 100px; text-align: left; vertical-align: top; font-weight: normal; padding-bottom: 5px; }
div#comment div.commentSendForm table td { padding-bottom: 5px; }
div#comment div.commentSendForm input.input { width: 100%; background: #eeebdd; border: none; padding: 0.2em; }
div#comment div.commentSendForm textarea { width: 100%; height: 10em; background: #eeebdd; border: none; padding: 0.2em; }
div#comment div.commentSendForm span.cookie { background: #444; border: 1px solid #666; padding: 4px 10px; display: inline-block; }

div#comment div.commentSendForm input.formButton {
	border:1px solid #ffffff; padding: 4px 10px; color: #fff; font-size: 12px; font-weight: bold; cursor: pointer; background: #dd4411; border-radius: 1px;
/* Webkit */
    background: -webkit-gradient( linear, left top, left bottom, from(#ff7744), to(#dd4411) ); -webkit-border-radius: 1px; -webkit-box-shadow: none;
/* Firefox */
    background: -moz-linear-gradient( top, #ff7744, #dd4411 ); -moz-border-radius: 1px; -moz-box-shadow: none;
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ff7744,endColorstr=#dd4411); zoom: 1; }

/* trackback */
div#trackback{ background: #222; margin-bottom: 30px; padding: 15px 3px; color: #fff; text-align: center; zoom: 1; }
div#trackback:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#trackback span#trackbackURL { background: url('http://grinte.com/blog/retoro-japanese/conttitle_head.gif') no-repeat left center; color: #fff; font-size: 117%; text-align: left; margin-bottom: 0.8em; padding-left: 27px; display: block; }
div#trackback input.input { width: 460px; background: #eeebdd; border: none; margin: 0 auto 2em; padding: 0.3em; }
div#trackback div.trackbackName { background: url('http://grinte.com/blog/retoro-japanese/list_mark.gif') no-repeat 0 0.4em; margin: 0 12px 0.3em; padding-left: 15px; font-weight: bold; text-align: left; }
div#trackback div.trackbackName a { color: #fff; }
div#trackback div.trackbackName a:hover { text-decoration: none; }
div#trackback div.trackbackBody { margin: 0 12px 0.5em; padding-left: 15px; text-align: left; }
div#trackback ul.trackbackState { margin: 0 12px 1em; padding-left: 15px; text-align: left; list-style-type: none; }
div#trackback ul.trackbackState li { float: left; margin-right: 1em; display: inline-block; }

/* profile */
div#profile { background: #222; padding: 10px 0; margin-bottom: 30px; }
div#profile div#profileBody { background: #eeebdd; border-right: 3px solid #222; border-left: 3px solid #222; padding: 15px 12px; letter-spacing: 0.07em;}
div#profile span#profileTitle { color: #fff; font-size: 117%; margin-bottom: 5px; padding: 0 10px 0 15px; display: block; }
div#profile span#profileName { font-size: 117%; margin-bottom: 2em; display: block; }

/* pager */
div#pager { margin-bottom: 90px; zoom: 1; }
div#pager:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#pager ul { list-style-type: none; }
div#pager ul li.next { float: right; }
div#pager ul li.next a { background: url('http://grinte.com/blog/retoro-japanese/arrow_right.gif') no-repeat right center; display: block; padding-right: 40px; }
div#pager ul li.prev { float: left; }
div#pager ul li.prev a { background: url('http://grinte.com/blog/retoro-japanese/arrow_left.gif') no-repeat left center; display: block; padding-left: 40px; }

/* pageTop */
span.pageTop { clear: both; display: block; zoom: 1; }
span.pageTop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
span.pageTop a { float: right; background: url('http://grinte.com/blog/retoro-japanese/pagetop_bg.gif') no-repeat left center; display: block; padding-left: 28px; }

/* --------------------------------------
	Content / Side space Style
--------------------------------------- */
div#side h3 { background: url('http://grinte.com/blog/retoro-japanese/sidetitle_head.gif') no-repeat left bottom; font-size: 117%; font-weight: bold; padding-left: 25px; }
div#side div.sideContents { background: #222; color: #fff; margin-bottom: 25px; padding: 5px; }
div#side div.sideContents a { color: #fff; }
div#side div.sideContents a:hover { text-decoration: none; }

/* calendar */
div#side div.sideContents div.calendar  { background: #eeebdd url('http://grinte.com/blog/retoro-japanese/calender_bg.gif') no-repeat left bottom; color: #000; padding: 5px; }
div#side div.sideContents div.calendar table { width: 100%; }
div#side div.sideContents div.calendar table td { text-align: center;}
div#side div.sideContents div.calendar table td.sunday { color: #cc3322; }
div#side div.sideContents div.calendar table td.saturday { color: #2288bb; }
div#side div.sideContents div.calendar table td a { background: #cc3322; color: #fff; text-decoration: none; display: block; }
div#side div.sideContents div.calendar table td a:hover { background: #222; }
div#side div.sideContents div.calendar_month { background: #222; color: #fff; text-align: center; padding-top: 5px; zoom: 1; }
div#side div.sideContents div.calendar_month:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#side div.sideContents div.calendar_month span { float: left; display: block; }
div#side div.sideContents div.calendar_month span.prev_month { width: 30%; *width: 25%; text-align: left; }
div#side div.sideContents div.calendar_month span.next_month { width: 30%; *width: 25%; text-align: right; }
div#side div.sideContents div.calendar_month span.this_month { width: 40%; text-align: center; }
div#side div.sideContents div.calendar_month a { display: block; }

/* list */
div#side div.sideContents ul { list-style-type: none; padding: 10px 10px 5px; }
div#side div.sideContents ul li { background: url('http://grinte.com/blog/retoro-japanese/list_mark.gif') no-repeat 0 0.4em; margin-bottom: 0.3em; padding-left: 15px; }
div#side div.sideContents ul li ul { list-style-type: circle; padding: 0 0 0 1em; }
div#side div.sideContents ul li ul li { background: none; margin-bottom: 0.3em; padding-left: 0; }

div#side div.sideContents dl { padding: 10px 10px 5px; }
div#side div.sideContents dl dt { font-weight: bold; }
div#side div.sideContents dl dt ul { list-style-type: none; padding: 0; }
div#side div.sideContents dl dt ul li { background: url('http://grinte.com/blog/retoro-japanese/list_mark.gif') no-repeat 0 0.4em; margin-bottom: 0.3em; padding-left: 15px; }

/* search */
div#side div.sideContents table.search_box { width: 100%; background: #444; border: 1px solid #666; }
div#side div.sideContents table.search_box th input.search { width: 100%; background: #444; border: none; color: #fff; font-weight: normal; text-align: left; padding: 0.2em; }
div#side div.sideContents table.search_box td { width: 30px; text-align: center; }

/* amazon */
div#side div.sideContents div.amazon { text-align: center; }
div#side div.sideContents div.amazon_text { text-align: left; }

/* images */
div#side div.image_box { text-align: center; }

/* specialNavi */
div#side div.specialNavi { background: #222; margin-bottom: 25px; }
div#side div.specialNavi ul { background: url('http://grinte.com/blog/retoro-japanese/nav-bg_mdl.gif') repeat-y; list-style-type: none; font-weight: bold;}
div#side div.specialNavi ul li { min-height: 45px; height: auto !important; height: 45px; background: url('http://grinte.com/blog/retoro-japanese/nav-bg_top.gif') no-repeat top; margin-top: -1px; padding: 0; }
div#side div.specialNavi ul li a { background: url('http://grinte.com/blog/retoro-japanese/nav-bg_btm.gif') no-repeat bottom; margin: 0; padding: 1.5em; display: block; zoom: 1; }
div#side div.specialNavi ul li a { color: #dd4411; text-decoration: none; }
div#side div.specialNavi ul li a:hover { text-decoration: underline; }

/* --------------------------------------
	Footer Style
--------------------------------------- */
span#copyright { font-size: 91%; display: block; }
span#copyright a { color: #fff; }
span#copyright a:hover { text-decoration: none; }

/* --------------------------------------
	default Style Reset
--------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img { border: 0; }
input, button, textarea, select { font-size: 100%; }

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