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

ホーム

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

テンプレート名 : analogue plus

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/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 src="./template/analogue/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="./template/js/cookie.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/1516525/scripts/jquery.curvycorners.source.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/1516525/scripts/jquery.toggleval.js"></script>
<script type="text/javascript">
//<![CDATA[
function ChangeimgSize(){
    var i;
    var img;
    var limitwd=480; // 画像の最大幅（設定箇所ここだけ）
    var tags = document.getElementsByTagName("img");

if(!tags)return;
    for(i=0;i<tags.length;i++){
        img = new Image();
        img.src = tags[i].src; //画像を取得
        if(img.width>limitwd){
            tags[i].height=(img.height)/(img.width/limitwd);//縦横比をあわせる。
            tags[i].width=limitwd;//最大幅に変更
        }
    }
}
//]]>
</script>
<script type="text/javascript">
$(function(){
$("input[id='search']").toggleVal();
// ヘッダ画像ランダム表示 枚数を表す数字のみ変更する
// 詳細は CSS 参照
var A = Math.floor(7*Math.random());
$('#header').addClass('bd'+A);
});
</script>

</head>

<body onload="javascript:initval();ChangeimgSize();">

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

<div id="header">

            <h1 class="siteTitle">{blog_name}</h1>
            <h2 class="description">{blog_description}</h2>

        </div>

<div id="linkmenu">
            <ul>

                <li><a onclick="return buttonClick(event, 'MENU1');">CALENDAR</a></li>
                <li><a onclick="return buttonClick(event, 'MENU2');">ARCHIVE</a></li>
                <li><a onclick="return buttonClick(event, 'MENU3');">ENTRY</a></li>
                <li><a onclick="return buttonClick(event, 'MENU4');">COMMENT</a></li>
                <li><a onclick="return buttonClick(event, 'MENU5');">TRACKBACK</a></li>
                <li><a onclick="return buttonClick(event, 'MENU6');">CATEGORY</a></li>
                <li><a onclick="return buttonClick(event, 'MENU7');">RECOMMEND</a></li>
                <li><a onclick="return buttonClick(event, 'MENU8');">LINK</a></li>
                <li><a onclick="return buttonClick(event, 'MENU9');">PROFILE</a></li>
                <li><a onclick="return buttonClick(event, 'MENU10');">OTHERS</a></li>
            </ul>
        </div>

<div id="MENU1" class="MENU">
            <div class="calendar" align="center">
                <table border="0" cellspacing="1" cellpadding="0">
                    <tr>
                       <td class="weekday">S</td>
                       <td class="weekday">M</td>
                       <td class="weekday">T</td>
                       <td class="weekday">W</td>
                       <td class="weekday">T</td>
                       <td class="weekday">F</td>
                       <td class="weekday">S</td>
                   </tr>
                </table>
{calendar}
            </div>
            <div class="listTitle">CALENDAR</div>
        </div>

<div id="MENU2" class="MENU">
            <div class="listText">
{archives_list}
            </div>
            <div class="listTitle">ARCHIVE</div>
        </div>

<div id="MENU3" class="MENU">
            <div class="listText">
{latest_entry_list}
            </div>
            <div class="listTitle">LATEST ENTRY</div>
        </div>

<div id="MENU4" class="MENU">
            <div class="listText">
{recent_comment_list}
            </div>
            <div class="list_title">RECENT COMMENT</div>
        </div>

<div id="MENU5" class="MENU">
            <div class="listText">
{recent_trackback_list}
            </div>
            <div class="listTitle">RECENT TRACKBACK</div>
        </div>

<div id="MENU6" class="MENU">
            <div class="listText">
{category_list}
            </div>
            <div class="listTitle">CATEGORY</div>
        </div>

<div id="MENU7" class="MENU">

            <div class="listText">
{amazon_item}
            </div>

            <div class="listTitle">RECOMMEND</div>
        </div>

<div id="MENU8" class="MENU">

            <div class="listText">
{link_list}
            </div>

            <div class="listTitle">LINK</div>
        </div>

<div id="MENU9" class="MENU">

            <div class="listText">
{user_list}
            </div>

            <div class="list_title">PROFILE</div>
        </div>

<div class="f_t">{freespace_title4}</div>
                <div class="f_c">{freespace_contents4}</div>

<div class="f_t">{freespace_title5}</div>
                <div class="f_c">{freespace_contents5}</div>

<div class="f_t">MOBILE</div>
{site_qrcode}
            </div>
            <div class="listTitle">OTHERS</div>

        </div>

<div class="content">

                <div class="entryNavi"><a href="{prev_permalink}"> {next_entry} </a> | <a href="./">TOP</a> |  <a href="{next_permalink}"> {prev_entry}</a></div>

<div class="entry">
                <div class="entryTitle">{entry_title_link}</div>
                <div class="entryDate">{entry_date} {entry_time_only}</div>
                <div class="entryBody">
{entry_description}
                </div>
<a name="sequel" id="sequel" style="display: none">追記</a>
                <div class="entryMore">
{entry_sequel}
                </div>
                <div class="entryState">{category_name}　{comment_num}　{trackback_num}</div>
{trackback_auto_discovery}
            </div>

<a name="comments" id="comments" style="display: none">&nbsp;</a>

            <div class="tbMainTitle">Comment</div>
            <div class="entry">

                <div class="tbArea">{comment_description}</div>
                <div class="tbState"> {comment_name} | {comment_time_24} |</div>

            </div>

<div class="commentform">
    <h4 id="respond">コメントを残す</h4>
    <form action="./?mode=comment" method="post" id="comment_area" name="comment_area">
        <div class="cfbox1">
            <input type="hidden" name="entry_id" value="{entry_id}" class="input" />
            <p><input type="text" name="name" id="name" value="{cookie_name}" tabindex="1" /><label for="name">お名前</label></p>
            <p><input type="text" name="email" id="email" value="{cookie_email}" tabindex="2" /><label for="email">メール（任意・非表示）</label></p>
            <p><input type="text" name="url" id="url" value="{cookie_url}" tabindex="3" /><label for="url">ウェブサイト・ブログ</label></p>
        </div>
        <div class="cfbox2">
            <label for="description">コメント</label>
            <textarea name="description" id="description" cols="34" rows="15" tabindex="4"></textarea>
        </div>
        <div class="cfbox3">
            <p><input type="radio" name="set_cookie" value="1" id="set_cookie" style="border: none;" />
<label for="set_cookie">Cookie に登録</label></p>
            <p><input name="submit" type="submit" class="submit" id="submit" tabindex="5" value=" コメントを送信 " onclick="javascript:setval();" />
            </p>
        </div>
    </form>
</div>

<a name="trackback" id="trackback" style="display: none">&nbsp;</a>
                <div class="tbMainTitle">Trackback</div>
  <div class="entry clear">
                <div class="tbUrl"><strong>この記事のトラックバックURL:</strong> {trackback_url}</div>

<div class="tbentryTitle">{trackback_title}</div>
                <div class="tbArea">{trackback_excerpt}</div>
                <div class="tbState"> | {trackback_blog_name} | {trackback_time_24} |</div>

            </div>

<div class="entry">
               <div class="profile_title">PROFILE</div> 
               <div class="profileTitle"> {profile_name}</div>
               <div class="entryBody">{profile_description}</div>
            </div>

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


        </div>

<div id="footer">
            <div id="footerLeft">
<p>|&nbsp;<a href="./admin">Log in</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="./?mode=rss"><img src="http://img-cdn.jg.jugem.jp/ad3/1226279/20110302_2067896.png" alt="feedicon-orange" title="RSS1.0" width="28" height="28" class="pict" /></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="./?mode=atom"><img src="http://img-cdn.jg.jugem.jp/ad3/1226279/20110302_2067897.gif" alt="feed-icon-atom" title="ATOM0.3"  width="28" height="28" class="pict" /></a>&nbsp;&nbsp;|</p>
<p>Copyright (C) 2011 <br /><a href="https://jugem.jp/" target="_blank" title="かわいいデザインテンプレートで無料ブログ！JUGEM"><img src="http://img-cdn.jg.jugem.jp/ad3/1226279/20110302_2067916.png" alt="jugem" width="16" height="16" class="pict" /> JUGEM</a> Some Rights Reserved.</p>
            </div> 
            <div id="footerRight">

                        <div id="ad">{ad}</div>

            </div> 
        </div> 

    </div> 



    <div id="left">
        <div class="side">

<div class="sideTitle">{freespace_title1}</div>
            <div class="sideText">{freespace_contents1}</div>

        </div>

<div class="side">

                <div class="sideTitle">{freespace_title2}</div>
                <div class="sideText">{freespace_contents2}</div>

        </div>

<div class="side">

            <div class="sideTitle">{freespace_title3}</div>
            <div class="sideText">{freespace_contents3}</div>

        </div>

<div class="search">
            <form method="get" action=".">
                <input  id="search" name="search" value=" ブログ内検索 " />
                <input type="submit" value="Search" class="button" />
            </form>
        </div>

</div> 

</div>

CSS

@charset "EUC-JP";

/* ----------------------------------------
 ■はじめに
 このテンプレートは公式 analogue の menu.js を用い、
 更にサイドバーにフリースペースを置いた仕組みのものです。
 
 サポートはするつもりですが約束はできません。
 ある程度はブログにも対応方法などを掲載の予定です。
 
 /* ----------------------------------------
 作成日:2011.03.13
 テンプレート名: analogue plus
 de jegum (http://jegum.jugem.jp/)
ブログには補助メニューとして次の項目を置いているので、
活用してください。

(1) 角丸に就いて
(2) 画像の自動縮小に就いて
(3) ヘッダ画像のランダム表示
(4) ヘッダの変更
(5) 追記折りたたみ
(6) 画像のオーバーレイ表示
(7) ブログ幅を拡げる
(8) トップ記事を設ける
---------------------------------------- */

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

body {
    color: #000; /* 全体の文字色 */
    font: 14px/1.5 sans-serif;
    text-align: center;
    background: #ffffff url() fixed center top; /*  背景色・背景画像 */
}

/* -------- レイアウト ----------*/
/* ###  全体枠  ### */
#wrapper {
    width: 780px;
    margin: 0 auto;
        text-align: left;
}
/* ###  サイドバー  ### */
#left {
    float: left;
    width: 240px;
    padding-top: 20px; /* サイドバーは少し下げてある */
    text-align: left;
}
/* --- メイン（右の大枠）  ---*/
#main {
	width: 500px;
	float: right;
}
/* --- メイン（右の中枠）  ---*/
.content {
	margin: 20px auto;
	text-align: left;
}

/* 文字リンク */
a:link	{ color: #0000ff; text-decoration: none; }
a:visited	{ color: #8000ff; text-decoration: none; }
a:active	{ color: #0000ff; text-decoration: none; }
a:hover	{ color: #ff4500; text-decoration: underline; }
a[id="top"] { display: none; }
a img { border: none; } /*  バナーなどに枠線を付けない */

/* 箇条書きリスト */
ul {
	list-style-type: square; /* ■のマーク（マークナシは none とする */
	line-height: 120%;
	margin: 0;
	margin-left: 15px;
	padding: 0 ;
}

li {
	margin-bottom: 5px;
}

/* イメージ（画像） */
img {
	border: none; /* 枠線ナシ */
}

/* 絵文字を行央に配置 */
img[src="http://picto0.jugem.jp"] { vertical-align: middle }

br { letter-spacing: normal; }
.clear { clear: both; }
.center { margin: 0 auto; }

/* サイトタイトル */
#header {
	height: 128px; /* 画像の高さ */
	width: 500px; /* 画像の幅 */
border: 2px solid #fff; /* 角丸用 */
margin-bottom: 15px;
}

/* ランダム・ヘッダ画像の設定 */
/* 必ず html 側の「数字」var A = Math.floor( 7*Math.random()); と枚数をわせる */
#header.bd0{background:url(http://img-cdn.jg.jugem.jp/ad3/1226279/20110306_2071684.jpg) no-repeat center top;}
#header.bd1{background:url(http://img-cdn.jg.jugem.jp/ad3/1226279/20110306_2071685.jpg) no-repeat center top;}
#header.bd2{background:url(http://img-cdn.jg.jugem.jp/ad3/1226279/20110306_2071686.jpg) no-repeat center top;}
#header.bd3{background:url(http://img-cdn.jg.jugem.jp/ad3/1226279/20110306_2071687.jpg) no-repeat center top;}
#header.bd4{background:url(http://img-cdn.jg.jugem.jp/ad3/1226279/20110306_2071688.jpg) no-repeat center top;}
#header.bd5{background:url(http://img-cdn.jg.jugem.jp/ad3/1226279/20110306_2071689.jpg) no-repeat center top;}
#header.bd6{background:url(http://img-cdn.jg.jugem.jp/ad3/1226279/20110306_2071690.jpg) no-repeat center top;}

h1 {
	font-family: "Century Gothic";
	font-size: 20px;
	letter-spacing: 1px;
	/*height: 43px;
	width: 155px;*/
	background: url() no-repeat left top;
	text-indent: -5000px; /* 文字はアッチへ行け */
}

h1 a { /* 画像を使わない時このひとかたまりを削除してよい */
	display: block; /* クリックできるように */
	overflow: hidden; /* クリック範囲を画像とする */
	outline: none; /* クリックの枠線を表示しない */
	height: 128px; /* 画像の高さ */
	width: 500px; /* 画像の幅 */
}
/* 画像を使わない時のブログタイトル・リンク指定 */
.site_title a {color: #000;text-decoration: none;}
.site_title a:link {color: #000;text-decoration: none;}
.site_title a:visited {color: #000;text-decoration: none;}
.site_title a:active {color: #000;text-decoration: none;}
.site_title a:hover {color: #c0c0c0;text-decoration: none; }

.description { /* ブログの説明 */
	color: #000;
	font: normal 12px/1.5em Verdana;
	word-spacing: 1px;
	margin: 5px 0 15px 10px;
	display: none; /* 画像を使う時説明を非表示 */
}

/* メニュー---------------------------------------------------------------------- */
/* ## 二段の時の調整はメニュー 10 個の時、width: の数字で調整  ## */

#linkmenu {
	background: #fff;
	borde-topr: 2px solid #fff; /* 角丸用 */
	border-right: 2px solid #fff; /* 角丸用 */
	border-bottom: 2px solid #fff; /* 角丸用 */
	border-left: 2px solid #fff; /* 角丸用 */
	width: 450px;
	margin: 0 auto; /* センター */
}

#linkmenu ul {
	margin-left: 0;
	margin: 3px;
}
#linkmenu ul li {
	font-size: 12px;
	font-family: "Century Gothic";
	margin : 0 1px 0 21px;
	text-align: right; /* 右揃え */
	color: #000;
	display: inline; /* 水平に並べる */
	line-height: 18px; /* 個別メニューの上下間隔調整 */
}

/* -- メニューのリンク指定 -- */
#linkmenu li a { color: #000; text-decoration: none; cursor: pointer; }
#linkmenu a:link { color: #000; text-decoration: none; }
#linkmenu a:visited {color: #000; text-decoration: none; }
#linkmenu a:active {color: #000; text-decoration: none; }
#linkmenu a:hover {
	color: #000;
	text-decoration:  underline; 
	background-color:#F0F0F0;
}

/* -- メニューの内容表示レイヤー -- */
.MENU {
	visibility: hidden;
	z-index: 999;
	position: absolute;
	width: 200px; /* 内容表示の幅 */
	margin-top: 5px;
	padding-top: 10px;
	background: #FFF;
	border-top: 1px #000 solid; /* 角丸用 */
	border-right: 1px #000 solid; /* 角丸用 */
	border-bottom: 5px solid #000; /* 角丸用 */
	border-bottom: 1px solid #000\9; /* 角丸 (IE) 用 */
	border-left: 1px #000 solid; /* 角丸用 */
}

.listTitle {
	font-size: 12px;
	font-family: sans-serif;
	margin-top:15px;
	text-align: center;
}

.listText {
	font-size: 12px;
	padding: 5px 10px;
	color: #666;
	text-align: left;
}

/* ------  サイドバー ------------ */

.side {
	margin: 10px 0 20px;
	background: #ffffff;
	border-top: 2px solid #000000; /* 角丸用 */
	border-right: 2px solid #000000; /* 角丸用 */
   	border-bottom: 2px solid #000000; /* 角丸用 */
	border-left: 2px solid #000000; /* 角丸用 */
   	padding: 5px 10px 12px;
}
.sideTitle {
	border-left: 5px solid #000;
	line-height: 1.0;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	font-size: 14px; /* 文字サイズ */
	font-family: sans-serif;
	color: #000; /* 文字色
}
.sideText {
	font-size: 14px; /* 文字サイズ */
	padding:5px 10px;
	color: #000; /* 文字色 */
	text-align:left;
	margin-top: 10px;
}

/* カレンダー ----------------- */

.calendar {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	margin:0px auto;
}

.calendarMonth {
	font-family: Verdana;
	margin-bottom: 10px;
	font-size: 12px;
	color: #666666;
}

.weekday {
	width: 25px;
	height: 20px;
	padding: 0px;
	text-align:center;
	font-size: 12px;
	color: #666666;
}

.cell {
	width: 25px;
	height: 20px;
	padding: 0px;
	text-align:center;
	font-size: 12px;
	color: #666666;
}

.cell a {color: #000;text-decoration: none;}
.cell a:link {color: #000;text-decoration: none;}
.cell a:visited {color: #000;text-decoration: none; }
.cell a:active {color: #000;text-decoration: none; }
.cell a:hover {color: #000;text-decoration: underline; }

.calendar table {
	margin:0 auto;
}

/* エントリー（記事） */
/* 一括で border; 2px solid #000; だと反映されない場合がある。 */
/* デフォルトで Youtube 480px 幅の動画が置ける */
.entry {
	width: 480px;
	margin-bottom: 30px;
	background: #ffffff;
	border-top: 2px solid #000000; /* 角丸用 */
	border-right: 2px solid #000000; /* 角丸用 */
   	border-bottom: 2px solid #000000; /* 角丸用 */
	border-left: 2px solid #000000; /* 角丸用 */
   	padding: 15px;
}

.entryTitle { /* 記事タイトル */
	font-size: 16px;
	line-height:1.2;
	font-weight: bolder;
	border-left: 5px solid #000;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}

.entryDate { /* 日付け */
	font-family: "Century Gothic";
	font-size: 12px;
	line-height:1.2;
	color: #555;
	border-left: 5px solid #E6E6E6;
	margin: 0 0 25px 0;
	padding: 0 0 0 10px;
}

/* 記事本文 ------------------------- */
 
.entryBody {
	color: #000000; /* 文字色 */
	text-align: left; /* 左揃え */
	font-size: 14px; /* 文字サイズ */
	letter-spacing: 1px;
	line-height: 1.5; /* 行高 */
	font-family: sans-serif; /* フォントの種類 */
}

.entryBody p { margin: 0.8em 0 }

.entryMore { /* 追記 */
	padding-top: 10px;
}

.entryState { /* 記事情報 */
	 text-align: right;
	 margin-top: 15px; 
}

blockquote {
	color: #777;
	border-left: 3px solid;
	border-right: 3px solid;
	margin: 10px 5px;
	padding: 5px;
	padding-left: 10px;
}

.pict { /* アップロードした画像 */
	margin: 5px; /* 回り込みの時画像に文字がくっつかない */
}

.entryNavi {
	text-align: center;
	margin: 30px 0 10px;
	letter-spacing: 1px;
}

/* コメント・トラックバック・プロフィール */

.commentform {
	background: url(http://img-cdn.jg.jugem.jp/ad3/1226279/20110228_2065917.gif) no-repeat left top;
	width: 500px;
	height: 400px;
	border-top: 1px solid #666666; /* 角丸用 */
	border-right: 1px solid #666666; /* 角丸用 */
	border-bottom: 1px solid #666666; /* 角丸用 */
	border-left: 1px solid #666666; /* 角丸用 */
	margin: 0 auto 25px;
}
h4#respond { line-height: 45px; margin-left: 15px; margin-bottom: 8px;}
.cfbox1 {
	width: 400px;
	margin: 20px 0 25px 10px;
}
.cfbox1 input { width: 240px; clear: left; float: left; margin-bottom: 8px;}
.cfbox1 label { float: left; margin-top: 5px; }
.cfbox2 {
	width: 400px;
	margin: 25px 15px 10px;
	clear: both;
	padding-top: 15px;
}
.cfbox2 label { margin-top: 10px; }
.cfbox2 textarea {
	width: 400px;
	height: 120px;
	margin-left: 20px;
}

.cfbox3 {
	width: 440px;
	padding-bottom: 12px;
}
.cfbox3 input { float: left;}
.cfbox3 label { float: left; margin: 0 15px; }
.cfbox3 input[type="radio"] {  margin-left: 63px; float: left; margin-top: 8px; }
.commentform label {
	margin-left: 20px;
	margin-top: 8px;
}

.commentform textarea { /* コメント本文入力欄 */
	margin-bottom: 10px;
	padding-left: 5px;
	overflow: auto;
	border-top: 1px solid #000; /* 角丸用 */
	border-right: 1px solid #000; /* 角丸用 */
	border-bottom: 1px solid #000; /* 角丸用 */
	border-left: 1px solid #000; /* 角丸用 */
	background: #ffffff;
}

input.submit {
	width: 150px;
	cursor: pointer;
}
.tbMainTitle {
	border-bottom: 1px dotted #000;
	font-family: "Century Gothic";
	margin:20px 0 15px 0;
	padding-bottom: 3px;
	text-align: left;
	font-size: 14px;
	clear: both;
}

#tb {
	width: 500px;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.7;
}

.tbUrl {
	margin:20px 0;
}

.tbentryTitle {
	font-size: 14px;
	font-family: "Century Gothic";
	margin: 10px 20px 0 20px;
}

.tbArea {
	margin-top: 20px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 160%;
	padding: 0 8px;
}

.tbState {
	font-size: 12px;
	text-align: right;
	border-bottom: 1px dotted #000;
}

/* 送信フォーム */
form {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "Century Gothic";
}

input {
	color: #000;
	font-size :13px;
	border-top: 1px #000 solid; /* 角丸用 */
	border-right: 1px solid #000; /* 角丸用 */
	border-bottom: 1px solid #000; /* 角丸用 */
	border-left: 1px solid #000; /* 角丸用 */
	background-color: #ffffff;
	padding: 4px;
}

/*  ----- プロフィール -----------------*/
.profileTitle {
	font-size: 11px;
	line-height:1.2;
	font-weight: bolder;
	border-left: 5px solid #000;
	margin: 25px 0 30px 0;
	padding: 0 0 0 10px;
}

.profileName {
	margin: 0 0 30px 0;
}

/* フッタ---------------------------------------------------------------------- */

#footer {
	margin-bottom:15px;
	font-size:12px;
}
#footerLeft {
	float: left;
	width: 280px;
	margin-top: 150px; /* 上余白調整 */
}
#footerLeft img { vertical-align: middle; }
#footerRight {
	float: right;
	width: 200px;
	vertical-align: bottom;
}
.copy {
	}

/* AD---- 広 ---- 告 ------- */
#ad .linktext {
	line-height:160%;
	text-align: right;
	padding-bottom: 15px;
}

/* サーチ--------------- */
.search {
	margin-bottom: 10px;
   	height: 25px;
   	padding: 2px 0 0 2px;
}

input#search {
	color: #000;
	font-size : 12px;
   	width: 160px;
   	height: 20px;
	border-top: 1px #000 solid; /* 角丸用 */
	border-right: 1px solid #000; /* 角丸用 */
	border-bottom: 1px solid #000; /* 角丸用 */
	border-left: 1px solid #000; /* 角丸用 */
	background-color: #ffffff;
	padding: 3px;
}

.button { /* 検索ボタンとコメント送信ボタン */
	margin-left: 5px;
	padding: 3px 5px;
	border-top: 1px solid #000; /* 角丸用 */
	border-right: 1px solid #000; /* 角丸用 */
	border-bottom: 1px solid #000; /* 角丸用 */
	border-left: 1px solid #000; /* 角丸用 */
	background: #ffffff;
}

/* フリースペース--------------- */
.f_t {
	font-weight: bolder;
	margin: 10px 0 5px 0;
}

.f_c {

}

.pageNavi {
	text-align: center;
	margin: 30px 0 10px;
	letter-spacing: 1px;
}

/* アマゾン */
.amazon {
	margin-bottom:10px;
}

.amazon_text {
	font-size:12px;
	text-align: left;
}

.amazon_text strong {
}

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