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

ホーム

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

テンプレート名 : gr-XmasWhite

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 type="text/javascript" src="http://homepage3.nifty.com/gun-ryu/blog/script/makeTreeSub.js"></script>
<script type="text/javascript" src="http://homepage3.nifty.com/gun-ryu/blog/script/openMenuAction.js"></script>
<script type="text/javascript" src="http://homepage3.nifty.com/gun-ryu/blog/script/addToBookmark.js"></script>
</head>

<div id="wrapper_body">

<table class="blogheader">
    <tr>
    <td class="headimg01"></td>
    <td class="blogheader">
 
        
        <h1>{blog_name}</h1>
        <div class="description">{blog_description}</div>

</td>
    <td class="headimg02"></td>
    </tr>
    </table>

<div id="main">
    <div class="main_in">

<div class="entry">
        <h2>{entry_title}</h2>
        <div class="entry_date">{entry_date}&nbsp;/&nbsp;@author：{user_name}.&nbsp;/&nbsp;category：{category_name}.</div>
        <div class="entry_body">{entry_description}</div>
        
        <div class="entry_more">
        <a href="./?eid={entry_sequel_id}#sequel">続きを読む▼</a>
        </div>
        
        
        <div class="entry_body">{entry_sequel_text}</div>
        
        <div class="entry_state"><a href="#top" title="このページの先頭へ">▲top</a>.&nbsp;&nbsp;{comment_num}.&nbsp;&nbsp;{trackback_num}.</div>
        </div>
        {trackback_auto_discovery}

<div class="trackback">
        <a name="comments"></a>

<h2>::&nbsp;Comment&nbsp;::</h2>

<div class="tb">
                <div class="tb_title">name：　{comment_name}</div>
                <div class="tb_state">date：　{comment_time}</div>
                <div class="tb_body">{comment_description}</div>
            </div>

<div class="formarea">
                <div class="info_msg">この記事へコメントする</div>
                <form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
                <input type="hidden" name="entry_id" value="{entry_id}" />
                <table class="inform">
                <tr valign="top">
                    <td class="fm_lbl"><label for="name">name：</label></td>
                    <td class="fm_inp"><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" /></td>
                </tr>
                <tr valign="top">
                    <td class="fm_lbl"><label for="email">email：</label></td>
                    <td class="fm_inp"><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" /></td>
                </tr>
                <tr valign="top">
                    <td class="fm_lbl"><label for="url">url：</label></td>
                    <td class="fm_inp"><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /></td>
                </tr>
                <tr valign="top">
                    <td class="fm_lbl"><label for="description">comment：</label></td>
                    <td class="fm_inp"><textarea tabindex="4" id="description" name="description" rows="7" cols="50"></textarea><br /></td>
                </tr>
                <tr valign="top">
                    <td class="fm_lbl"></td>
                    <td class="fm_submit">
                    <input type="checkbox" name="set_cookie" value="1" id="set_cookie" />&nbsp;
                    <label for="set_cookie">Cookieに保存</label>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="submit" tabindex="5" id="submit_cm" value=" O K " onclick="javascript:setval();" />
                    </td>
                </tr>
                </table>
                </form>
            </div>
        </div>

<div class="trackback">
        <a name="trackback"></a>

<h2>::&nbsp;Trackback&nbsp;::</h2>

<div class="tb">
                <div class="tb_title">title：{trackback_title}</div>
                <div class="tb_state">from：　{trackback_blog_name}</div>
                <div class="tb_state">date：　{trackback_time}</div>
                <div class="tb_body">{trackback_excerpt}</div>
            </div>

<div class="formarea">
                <div class="info_msg">この記事へのトラックバック</div>
                <table class="inform">
                <tr valign="top">
                    <td class="fm_lbl"><label for="url">url：</label></td>
                    <td class="fm_inp"><input type="text" value="{trackback_url}" name="url" id="tb_url" /></td>
                </tr>
                </table>
            </div>

</div>

<div class="entry">
        <h2>{profile_name}</h2>
        <div class="entry_body">{profile_description}</div>
        <div class="entry_state"></div>
        <div class="entry_navi">｜<a href="./" title="ブログの最初へ戻る">home</a>｜</div>
        </div>

<div class="entry_navi">{prev_page_link}｜{page_now}/{page_num}&nbsp;PAGE｜{next_page_link}</div>

<div class="entry_navi">{prev_entry}｜<a href="./" title="ブログの最初へ戻る">home</a>｜{next_entry}</div>

</div>
    </div>

<div id="bottom_box">
        <a id="p_bottom" name="p_bottom"></a>

<div id="leftbox">
        <div class="leftbox_in">

<a id="p_menu" name="p_menu"></a>
            <noscript class="caution">JavaScriptが無効.<br />MENUは動作しません.</noscript>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU0' );" title="開く">calendar</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU1' );" title="開く">profile</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU2' );" title="開く">what's new</a></div>
            
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU4' );" title="開く">comment</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU5' );" title="開く">trackback</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU6' );" title="開く">category</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU7' );" title="開く">archive</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU8' );" title="開く">link</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU9' );" title="開く">recommend</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU10');" title="開く">mobile</a></div>
            <div class="linkmenu"><a href="javascript:openMenu( 'MENU12');" title="開く">etc</a></div>
            <div class="linkmenu"><a href="#top" title="このページの先頭へ">▲top</a></div>

</div>
        </div>

<div id="centerbox">
        <div class="centerbox_in">

<div id="MENU0" class="MENU">
                <a id="p_Calendar" name="p_Calendar"></a>
                <h2>Calendar</h2>
                <div class="sideitem_center">
                <div class="calendar_ym">
                <a href="./?month={calendar_prev_yearmonth}">&lt;&lt;</a>&nbsp;|&nbsp;{calendar_str_yearmonth}&nbsp;|&nbsp;<a href="./?month={calendar_next_yearmonth}">&gt;&gt;</a>
                </div>
                <div class="calendar_week">
                    <table><tr>
                    <td class="sunday">Su</td>
                    <td class="weekday">Mo</td>
                    <td class="weekday">Tu</td>
                    <td class="weekday">We</td>
                    <td class="weekday">Th</td>
                    <td class="weekday">Fr</td>
                    <td class="saturday">Sa</td>
                    </tr></table>
                </div>
                <div class="calendar">{calendar_only_addzero}</div>
                </div>
            </div>

<div id="MENU1" class="MENU">
                <a id="p_mProfile" name="p_mProfile"></a>
                <h2>Profile</h2>
                <div class="sideitem_text">
                {user_list}
                </div>
            </div>

<div id="MENU2" class="MENU">
                <a id="p_New" name="p_New"></a>
                <h2>What's New</h2>
                <div class="sideitem_text">{latest_entry_list}</div>
            </div>

<div id="MENU4" class="MENU">
                <a id="p_rComment" name="p_rComment"></a>
                <h2>Recent Comments</h2>
                <div class="sideitem_text" id="commentlist">{recent_comment_list}</div>
            </div>

<div id="MENU5" class="MENU">
                <a id="p_rTrackback" name="p_rTrackback"></a>
                <h2>Recent Trackback</h2>
                <div class="sideitem_text" id="tblist">{recent_trackback_list}</div>
            </div>

<div id="MENU6" class="MENU">
                <a id="p_Category" name="p_Category"></a>
                <h2>Categories</h2>
                <div class="sideitem_text">{category_list}</div>
            </div>

<div id="MENU7" class="MENU">
                <a id="p_Archive" name="p_Archive"></a>
                <h2>Archives</h2>
                <div class="sideitem_text">{archives_list}</div>
            </div>

<div id="MENU8" class="MENU">
                <a id="p_Link" name="p_Link"></a>
                <h2>Links</h2>
                <div class="sideitem_text" id="linklist">{link_list}</div>
            </div>

<div id="MENU9" class="MENU">
                <a id="p_Recommend" name="p_Recommend"></a>
                <h2>Recommend</h2>
                
                <div class="recommend_center">
                <a href="{amazon_url}" target="_blank"><img src="{amazon_ImageUrlSmall}"></a>
                <br />
                <a href="{amazon_url}" target="_blank">{amazon_ProductName}</a>
                </div>
                
            </div>

<div id="MENU10" class="MENU">
                <a id="p_Mobile" name="p_Mobile"></a>
                <h2>Mobile</h2>
                <div class="sideitem_center">{site_qrcode}</div>
            </div>

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

<a id="p_freespace1" name="p_freespace1"></a>
                <h2>{freespace_title1}</h2>
                <div class="sideitem_center">{freespace_contents1}</div>

<a id="p_freespace2" name="p_freespace2"></a>
                <h2>{freespace_title2}</h2>
                <div class="sideitem_center">{freespace_contents2}</div>

<a id="p_freespace3" name="p_freespace3"></a>
                <h2>{freespace_title3}</h2>
                <div class="sideitem_center">{freespace_contents3}</div>

<a id="p_freespace4" name="p_freespace4"></a>
                <h2>{freespace_title4}</h2>
                <div class="sideitem_center">{freespace_contents4}</div>

<a id="p_freespace5" name="p_freespace5"></a>
                <h2>{freespace_title5}</h2>
                <div class="sideitem_center">{freespace_contents5}</div>

<!--===============================================
                    フリースペースと同様に使えるスペースを追加
                    必要に応じて、以下の5つを使用してください。
                    （　ownitem1　～　ownitem5　）

使い方は、以下を参照してください。
                    http://gunryu-utf.jugem.jp/?eid=19
                ================================================-->

</div>

</div>
        </div>

<script src="http://homepage3.nifty.com/gun-ryu/blog/script/makeTreeMain.js" type="text/javascript"></script>
        <noscript class="caution">JavaScriptが無効. <br />コメントなどのツリー構造が生成できません.</noscript>

<div id="rightbox">
        <div class="rightbox_in">
            {ad}
            <a id="p_Feed" name="p_Feed"></a>
            <ul class="feeds">
            <li><a href="./?mode=rss" title="feed：RSS 1.0">rss&nbsp;<img class="inlineImg " src="http://img-cdn.jg.jugem.jp/36b/544733/20070811_111555.png" /></a></li>
            <li><a href="./?mode=atom" title="feed：atom 0.3">atom&nbsp;<img class="inlineImg " src="http://img-cdn.jg.jugem.jp/36b/544733/20070811_111555.png" /></a></li>
            <li><a href="javascript:addBookmark(document.title, location.href);" title="Bookmarkへ登録">bookmark&nbsp;<img class="inlineImg " src="http://img-cdn.jg.jugem.jp/36b/544733/20070811_111554.png" /></a></li>
            <li><a href="./admin/" title="管理者ページ">admin&nbsp;<img class="inlineImg " src="http://img-cdn.jg.jugem.jp/36b/544733/20070811_111556.png" /></a></li>
            </ul>
        </div>
        </div>

</div>

<div id="footer" class="dmy">

<a href="http://gun-ryu.jugem.jp/" target="_blank"><img src="http://homepage3.nifty.com/gun-ryu/blog/banner/gr-banner88.jpg" width="88" height="31" alt="Gun☆Ryu's blog：banner" title="Gun☆Ryu's blog：banner" border="0" /></a>&nbsp;<a href="http://gunryu-utf.jugem.jp/" target="_blank"><img src="http://homepage3.nifty.com/gun-ryu/blog/banner/gr_utf-banner88.gif" width="88" height="31" alt="Gun☆Ryu's Template：banner" title="Gun☆Ryu's Template：banner" border="0" /></a>&nbsp;<a href="http://abundantshine.websozai.jp/home/index" target="_blank"><img src="http://homepage3.nifty.com/gun-ryu/blog/banner/Abundant_Shine_b01.jpg" width="88" height="31" alt="Abundant Shine：banner" title="Abundant Shine：banner" border="0" /></a>
            <br />
            
            Template：<a href="http://gunryu-utf.jugem.jp/" target="_blank">&copy;Gun☆Ryu</a>.(<a href="http://gunryu-utf.jugem.jp/?tid=50" target="_blank">gr-XmasWhite</a>).
            &nbsp;/&nbsp;
            
            Photo：<a href="http://abundantshine.websozai.jp/home/index" target="_blank">&copy;Abundant Shine</a>.
            <br />

{copyright}

</div>

</div>

</body>
</html>

CSS

/* ************************************************************************** *
 *
 *  gr-XmasWhite.css (@author：Gun☆Ryu)
 *
 *  Ver.20071203-0000
 *
 *============================================================================ 
 *  Template　：Copyright(c) Gun☆Ryu  ：http://gunryu-utf.jugem.jp/
 *  素材写真　：Copyright(c) Abundant Shine：http://abundantshine.websozai.jp/home/index
 *============================================================================ 
 *
 *  規約：
 *   1．テンプレートと素材の再配布や2次配布の禁止
 *   2．再配布や2次配布目的の、改版と修正禁止
 *      (自分のブログでのみ、自己責任で修正可)
 *   3．素材のみの利用や抽出、および再配布／2次配布／加工の禁止
 *   4．素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
 *   5．テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止
 *   6．商用・企業・HP代行・アフィリエイトサイトでの使用禁止
 *   7．年齢制限のあるサイトでの使用禁止
 *
 * －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
 *  注意：
 *   自分で画像を差換えた場合、
 *   元の画像に係わる以下4点を、必ず修正してください。
 *
 *   1．HTML内 コメント部分から「素材」に係わるURLなどの記述削除
 *   2．CSS内 コメント部分から「素材」に係わるURLなどの記述削除
 *   3．HTML内 素材配布元のリンク部分のみ 削除 （「削除禁止」とありますが削除）
 *   4．HTML内 素材配布元バナー部分のみ 削除 （「削除禁止」とありますが削除）
 *
 *   ※ Gun☆Ryuに関連する部分の記述は削除しないように注意！
 * －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
 *
 *  問合せ：
 *   以下にコメントの形でお願いします。
 *   ⇒ http://gunryu-utf.jugem.jp/
 *
 *  注意：
 *   “layout”のコメントがついている部分は、InternetExplorer Ver.6での
 *   デザイン崩れを防止するため、あえて2重のブロックを定義し入子としています。
 *
 *============================================================================ 
 *
 *  更新履歴：
 *  ・2007/12/03：新規作成
 *
 * ************************************************************************* */

/* ************************************************ 
 *  グローバル設定
 * ************************************************ */

* {
    margin:             0px;
    padding:            0px;
}

body {
    color:              #000000;
    background:         #ffffff;
    font-family:        'Verdana','Osaka‐等幅','ヒラギノ角ゴ Pro W3','ＭＳ ゴシック',sans-serif;
    font-size:          12px;
    /* for IE only -----------------------*/
    scrollbar-arrow-color:      #000000;
    scrollbar-darkshadow-color: #666666;
    scrollbar-3dlight-color:    #ffffff;
    scrollbar-face-color:       #ffffff;
    scrollbar-highlight-color:  #ffffff;
    scrollbar-track-color:      #f6f6f6;
    scrollbar-shadow-color:     #666666;
    /*-----------------------------------*/
}

/*  リンクアンカー基本設定  ------------------------*/
a:link    { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:active  { color: #666666; text-decoration: none; }
a:hover   {
    background-color:   #B7B7B7;
    color:              #000000;
    text-decoration:    underline;
}

/*  文字色・赤  ------------------------------------*/
.caution {
    color:              #ff0000;
}

/*  リスト  --------------------------------------- */
ul { 
    padding-left:       2em; 
    list-style-type:    square;
}
ol {
    padding-left:       2.5em;
}

/*  画　像  --------------------------------------- */
img { border: 0; }
img.pict { 
    padding:            4px;
    margin:             0px;
    border:             1px solid #C0C0C0;
}
img.inlineImg {
	vertical-align:		-4px;/*middle;*/
}

/* ************************************************ 
 *  レイアウトブロック設定（全体）
 * ************************************************ */

#wrapper_body {
    width:              800px;
    margin:             0px auto;
    padding:            0px;
    line-height:        170%;
    text-align:         left;
}

/* ************************************************ 
 *  ヘッダー部 table
 * ************************************************ */

table.blogheader {
    margin:             0px auto 40px 0px;
    padding:            0px;
    width:              800px;
    min-height:         300px;
	/***
    border:             none;
    ***/
    border:             1px dotted #C0C0C0;
    table-layout:       fixed;
    border-collapse:    collapse;
    border-spacing:     0px;
    text-align:         left;
    vertical-align:     middle; 
}

td.headimg01 {
    width:              100px;
    margin:             0px;
    padding:            0px;
    height:             300px;
    background-image:           url("http://img-cdn.jg.jugem.jp/36b/544733/20071203_205687.jpg");
    background-repeat:          no-repeat;
    background-position:        50% 50%;
}

td.headimg02 {
    width:              250px;
    margin:             0px;
    padding:            0px;
    height:             300px;
    background-image:           url("http://img-cdn.jg.jugem.jp/36b/544733/20071203_205539.gif");
    background-repeat:          no-repeat;
    background-position:        100% 0%;
}

td.blogheader {
    width:              440px;
    margin:             0px 0px 0px 10px;
    padding:            0px;
    height:             300px;
}

/* ************************************************ 
 *  ブログタイトル部
 * ************************************************ */

h1 {
    margin:             0px;
    padding:            0px 0px 10px 0px ;
    font-size:          20px;
    color:              #ddc65e;
}

/*  リンクアンカー基本設定  ------------------------*/
h1 a:link    { color: #ddc65e; text-decoration: none; }
h1 a:visited { color: #ddc65e; text-decoration: none; }
h1 a:active  { color: #ddc65e; text-decoration: none; }
h1 a:hover   {
    background-color:   #ffffff;
    color:              #f7665c;
    text-decoration:    none;
}

/*  Description部 設定  ----------------------------*/
.description
{  
    margin:             0px;
    padding:            0px;
    font-weight:        normal;
    color:              #666666;
    line-height:        160%;
}

/* ************************************************ 
 *  メイン部
 * ************************************************ */

/*  メイン部 配置  ---------------------------------*/
#main {                                   /* layout */
    width:              800px;
}

/*  メイン部 領域  ---------------------------------*/
.main_in {                                /* layout */
    width:              800px;
    margin:             0px auto;
}

/*  エントリーブロック  ----------------------------*/
.entry {
    margin:             0px 0px 40px 0px;
    padding:            10px 0px;
    border-top:         1px dotted #C0C0C0;
    border-right:       1px dotted #C0C0C0;
    border-bottom:      1px dotted #C0C0C0;
    border-left:        1px dotted #C0C0C0;
    background-image:           url("http://img-cdn.jg.jugem.jp/36b/544733/20071203_205688.jpg");
    background-repeat:          no-repeat;
    background-position:        100% 100%;
}

/*  タイトル  --------------------------------------*/
.entry h2,
.entry_title {
    margin:             0px 0px 5px 0px;
    padding:            5px 20px 10px 20px;
    font-size:          14px;
    font-weight:        bolder;
    border:             none;
    text-align:         center;
    color:              #ddc65e;
    border-bottom:      1px dotted #C0C0C0;
}

/*  投稿日時、カテゴリー  --------------------------*/
.entry_date {
    margin:             0px auto;
    padding:            5px 20px;
    text-align:         center;
}

/*  本文  ------------------------------------------*/
.entry_body {
    margin:             0px;
    padding:            10px 20px 5px 20px;
    line-height:        170%;
}

.entry_body .emoji {
    display:            inline;    
}

/*  引用  ------------------------------------------*/
.afpbbItemWrap ,
blockquote {
    margin:             0px                     !important;
    padding:            5px 10px 5px 10px       !important;
    color:              #000000                 !important;
    border-top:         1px dotted #C0C0C0      !important;
    border-bottom:      1px dotted #C0C0C0      !important;
    border-left:        1px dotted #C0C0C0      !important;
    border-right:       1px dotted #C0C0C0      !important;
}

/*  続き  ------------------------------------------*/
.entry_more {
    margin:             0px;
    padding:            5px 20px;
}

/*  ステート  --------------------------------------*/
.entry_state {
    margin:             0px auto;
    padding:            5px 20px;
    text-align:         center;
}

/*  ナビ  ------------------------------------------*/
.entry_navi {
    margin:             0px 0px 20px 0px;
    padding:            5px 20px;
    text-align:         center;
    border:             1px dotted #C0C0C0;
    color:              #000000;
    background:         #ffffff;
}

/*  リンクアンカー基本設定  ------------------------*/
.entry_navi a:link    { color: #666666; text-decoration: none; }
.entry_navi a:visited { color: #666666; text-decoration: none; }
.entry_navi a:active  { color: #666666; text-decoration: none; }
.entry_navi a:hover   {
    background-color:   #B7B7B7;
    color:              #000000;
    text-decoration:    underline;
}

/* ************************************************ 
 *  コメント・トラックバック
 * ************************************************ */

/*  ブロック  --------------------------------------*/
.trackback {
    margin:             0px 0px 20px 0px;
    padding:            0px;
    background:         #ffffff;
}

/*  種別タイトル  ----------------------------------*/
.trackback h2,
.tb_main_title {
    margin:             0px 20px 20px 20px;
    padding:            0px;
    font-size:          14px;
    font-weight:        bolder;
    border:             none;
    text-align:         left;
    border-bottom:      1px dotted #C0C0C0;
}

/*  投稿出力領域  ----------------------------------*/
.tb {
    margin:             0px 20px 20px 20px;
    padding:            10px;
    border:             1px dotted #C0C0C0;
}

/*  投稿タイトル  ----------------------------------*/
/*  投稿者、日時  ----------------------------------*/
.tb_title,
.tb_state {
    margin:             0px;
    padding:            0px;
    font-weight:        bolder;
}

/*  投稿内容  --------------------------------------*/
.tb_body {
    margin:             10px 0px 0px 0px;
    padding:            0px;
    line-height:        170%;
}

/*  投稿入力領域  ----------------------------------*/
.trackback .formarea {
    margin:             0px 0px 30px 0px;
    padding:            0px 20px;
    font-weight:        bolder;
}

.info_msg {
    margin:             0px 0px 15px 0px;
    padding:            0px;
    font-weight:        bolder;
}

.formarea table {
    width:              760px;
    border:             none;
}
.fm_lbl {
    width:              100px;
}
.fm_inp {
    width:              660px;
}
.fm_submit {
    width:              660px;
    text-align:         right;
}

input#name,
input#email,
input#url,
input#tb_url,
textarea#description {
    width:              656px;
    padding:            2px;
    color:              #000000;
    background:         #C0C0C0;
    font-size:          12px;
    font-weight:        normal;
    font-family:        'Verdana','Osaka‐等幅','ヒラギノ角ゴ Pro W3','ＭＳ ゴシック',sans-serif;
}

input#submit_cm {
    padding:            1px 20px;
    color:              #000000;
    font-size:          12px;
    font-weight:        bold;
    font-family:        'Verdana','Osaka‐等幅','ヒラギノ角ゴ Pro W3','ＭＳ ゴシック',sans-serif;
}

input#set_cookie {
    border:             none;
    font-family:        'Verdana','Osaka‐等幅','ヒラギノ角ゴ Pro W3','ＭＳ ゴシック',sans-serif;
}

/* ************************************************ 
 *  メニュー項目・詳細設定
 * ************************************************ */

/*  カレンダー  ------------------------------------*/
.calendar {
    text-align:         center;
    line-height:        130%;
}

.calendar table {
    width:              200px;
    margin:             0px auto;
    text-align:         center;
}

.calendar_ym,
.calendar_week {
    font-size:          9px;
    margin:             0px auto;
    text-align:         center;
}

.calendar_week table {
    width:              200px;
    margin:             0px auto;
    text-align:         center;
    border-top:         1px dotted #C0C0C0;
    border-bottom:      1px dotted #C0C0C0;
}

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

.cell a:link,
.cell a:visited  {
    font-weight:        bolder;
    text-decoration:    underline;
}

.sunday {
    font-size:          9px;
    width:              25px;
    height:             13px;
    padding:            1px;
    text-align:         center;
    color:              #ddc65e; 
}
.saturday {
    font-size:          9px;
    width:              25px;
    height:             13px;
    padding:            1px;
    text-align:         center;
    color:              #ddc65e; 
}

.today {
    width:              25px;
    height:             13px;
    padding:            1px;
    text-align:         center;
    background-color:   #ff6666;
}

/*  配置設定  --------------------------------------*/
.linktext,
.sideitem_text {
    margin:             0px 0px 5px 0px;
    padding:            0px 10px 20px 10px;
}

.recommend_center,
.sideitem_center {
    margin:             0px auto 5px auto;
    padding:            0px 10px 20px 10px;
    text-align:         center;
}

/*  検索入力領域  (今回未使用)----------------------*/
input#search_word {
    margin:             0px 1px 0px 0px;
    padding:            1px;
    width:              205px; 
    font-size:          10px;
    font-family:        'Verdana','Osaka‐等幅','ヒラギノ角ゴ Pro W3','ＭＳ ゴシック',sans-serif;
}

input#submit_sch {
    padding:            1px;
    font-size:          10px;
    font-family:        'Verdana','Osaka‐等幅','ヒラギノ角ゴ Pro W3','ＭＳ ゴシック',sans-serif;
}

/*  オススメ(Recommend)設定  -----------------------*
div.amazon_text {
    font-size:          10px;
    padding-bottom:     10px;
}

img.amazon_pict { 
    padding:            4px 0px;
    height:             120px; 
}

.recommend_center {
    margin:             0 auto;
    padding:            0px;
    text-align:         center;
}---------------------------------------------------*/

/* ************************************************ 
 *  フッター部
 * ************************************************ */

#bottom_box {
    width:              800px;            /* layout */
    font-size:          10px;
}

#leftbox {
    width:              150px;            /* layout */
    float:              left;
}

.leftbox_in {
    width:              128px;            /* layout */
    margin:             0px;
    padding:            10px 0px 0px 20px;
    text-align:         left;
}

#centerbox {
    width:              500px;            /* layout */
    float:              left;
}

.centerbox_in {
    width:              470px;            /* layout */
    margin:             0px auto;
    padding:            10px 15px 0px 15px;
    text-align:         left;
}

#rightbox {
    width:              150px;            /* layout */
    float:              right;
}

.rightbox_in {
    width:              128px;            /* layout */
    margin:             0px;
    padding:            10px 20px 0px 0px;
    text-align:         right;
}

.rightbox_in #ad .linktext {
    margin:             0px 0px 0px 3px;
    padding:            0px;
}

/* ************************************************ 
 *  メニュー
 * ************************************************ */

.linkmenu {
    width:              128px;
	height:             20px;
    margin:             0px 0px 5px 0px;
    padding:            0px;
    border:             1px dotted #C0C0C0;
    text-align:         center;
}

/*  リンクアンカー基本設定  ------------------------*/
.linkmenu a:link    { color: #666666; text-decoration: none; }
.linkmenu a:visited { color: #666666; text-decoration: none; }
.linkmenu a:active  { color: #666666; text-decoration: none; }
.linkmenu a:hover   {
    background-color:   #B7B7B7;
    color:              #000000;
    text-decoration:    none;
}

/*  表示メニュー設定  ------------------------------*/
.MENU {
    width:              470px;
    margin:             0px;
    padding:            0px;
    height:             315px;
    overflow:           auto;
    text-align:         left;
    background:         #ffffff;
}

.MENU h2 {
    margin:             0px 0px 5px 0px;
    padding:            5px 0px 5px 20px;
    font-size:          12px;
    font-weight:        bolder;
    text-align:         left;
    color:              #000000;
    border:             1px dotted #C0C0C0;
}

/*  FEED 設定  -------------------------------------*/
.rightbox_in ul.feeds {
    margin:             0px;
    padding:            0px;
    text-align:         right;
    list-style-type:    none;
}

.rightbox_in ul.feeds li {
    margin:             0 0 0 10px;
}

/* ************************************************ 
 *  フッター部
 * ************************************************ */

#footer {
    width:              780px;
    margin:             0px auto;
    padding:            10px 0px 10px 0px;
    font-weight:        bolder;
    text-align:         center;
}

.dmy {
    clear:              both;
}

/* ************************************************ 
 *  デコメ用定義
 * ************************************************ */

.mobile img.pict { 
    padding:            0px;
    border:             0;
}

.mobile hr {
}

/* ************************************************ END of CSS ****/

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