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

ホーム

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

テンプレート名 : 3CF 1B

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" language="JavaScript">
    <!--
    function ukon() {
        if(!document.getElementsByTagName) {
            return;
        }//
        var y = document.getElementsByTagName("div");
        //
        for(var i = 0; i < y.length; i++)//
        {
            if(y[i].className == "menu_contents") {
                y[i].style.display = "none";
            }
        }
    }

function wtf(id) {
        if(!document.getElementsByTagName) {
            return false;
        }
        var x = this.document.getElementById(id).style;

if(x.display == "none") {
            x.display = "block";
        } else {
            x.display = "none";
        }
    }

-->
</script>
<script type="text/javascript" language="JavaScript">
    <!--
function slowdownScroll() {
   if(navigator.appName == "Microsoft Internet Explorer" && document.compatMode == "CSS1Compat") {
      sctop = document.body.parentNode.scrollTop;
   }
   else if(window.pageYOffset){
      sctop = window.pageYOffset;
   } else {
      sctop = document.body.scrollTop;
   }

if(sctop){
      scup = Math.ceil(sctop*.2);
      scrollBy(0,-scup);
      if (sctop-scup) setTimeout("slowdownScroll()",8);
   }
}

-->
</script>
</head>

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

<div id="header" class="clearfix">


<h1>{blog_name}</h1>
<div id="blog_description">
{blog_description}
</div>



<div id="powered">
<a href="./manage/" title="管理者ページ">Admin</a>&nbsp;&#10020;&nbsp;<a href="./?mode=rss" title="RSS1.0">RSS1.0</a>&nbsp;&#10020;&nbsp;<a href="./?mode=atom" title="Atom0.3">Atom0.3</a>
</div>

</div>

<div id="container" class="clearfix">

<div id="left_side">

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('calendar');" title="Calendar">Calendar</a></div>
<div class="menu_contents" id="calendar">

<table border="0" cellspacing="1" cellpadding="0" class="calendar_navi">
<caption id="calendar_month"><a href="./?month={calendar_prev_yearmonth}" title="{calendar_prev_yearmonth}">&lt;&lt;</a>&nbsp;{calendar_str_yearmonth}&nbsp;<a href="./?month={calendar_next_yearmonth}" title="{calendar_next_yearmonth}">&gt;&gt;</a></caption>
<tr>
<td class="weekday" id="sun">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" id="sat">S</td>
</tr>
</table>


{calendar_only}

</div>
</div>

<div class="menu_area">     
<div class="menu_title"><a href="javascript:wtf('latest');" title="Latest&nbsp;Entries">Latest&nbsp;Entries</a></div>
<div class="menu_contents" id="latest">
{latest_entry_list}
</div>
</div>

<div class="menu_area">   
<div class="menu_title"><a href="javascript:wtf('re_comment');" title="Recent&nbsp;Comment">Recent&nbsp;Comment</a></div>
<div class="menu_contents" id="re_comment">
{recent_comment_list}
</div>
</div>

<div class="menu_area">   
<div class="menu_title"><a href="javascript:wtf('re_trackback');" title="Recent&nbsp;Trackback">Recent&nbsp;Trackback</a></div>
<div class="menu_contents" id="re_trackback">
{recent_trackback_list}
</div>
</div>

<div class="menu_area">   
<div class="menu_title"><a href="javascript:wtf('categories');" title="Categories">Categories</a></div>
<div class="menu_contents" id="categories">
{category_list}
</div>
</div>

<div class="menu_area">   
<div class="menu_title"><a href="javascript:wtf('archives');" title="Archives">Archives</a></div>
<div class="menu_contents" id="archives">
{archives_list2ex}
</div>
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('prof');" title="Profile">Profile</a></div>
<div class="menu_contents" id="prof">
{user_list}      
<ul>
<li>書いた記事数:{all_entry_count}</li>
<li>最後に更新した日:{last_entry_date}</li>
</ul>
</div>
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('mobile');" title="Mobile">Mobile</a></div>
<div class="menu_contents" id="mobile">
{site_qrcode}
</div>
</div>

</div>

<div id="main">

<div id="entry_navi">
{prev_entry}&nbsp;&#10020;&nbsp;<a href="./" title="main">main</a>&nbsp;&#10020;&nbsp;{next_entry}
</div>

<div class="entry">

<h2><a href="./?eid={entryarea_id}" title="{entry_title}">{entry_title}</a></h2>

<div class="entry_date">
{entry_day}/{entry_month}/{entry_year}&nbsp;{entry_eng_week}&nbsp;{entry_time_only}
</div>

<div class="entry_body">
{entry_description}
</div>
<a name="sequel"></a>

<div class="entry_more">

<div class="sequel_link">
<a href="./?eid={entry_sequel_id}#sequel" title="続きを読む">Read&nbsp;more&nbsp;&gt;&gt;</a>
</div>

{entry_sequel_text}
</div>

<div class="entry_state">
cetegory&nbsp;:&nbsp;{category_name}&nbsp;&#10020;&nbsp;{comment_num}&nbsp;&#10020;&nbsp;{trackback_num}&nbsp;&#10020;&nbsp;<span class="state_img">{logpi_link}</span>
<br />
{entry_year}年{entry_month}月{entry_day}日({entry_jpn_week})&nbsp;{entry_time}&nbsp;by&nbsp;{user_name}&nbsp;[&nbsp;<a href="./manage/?mode=write&eid={entryarea_id}" title="この記事を編集する" target="_blank">Edit</a>&nbsp;]
</div>

</div>
{trackback_auto_discovery}

<div id="related_entry">
<div id="related_title" class="main_title">
RELATED&nbsp;ENTRIES
</div>
{related_entry_list}
</div>

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

<div id="comment">
<div id="comment_title" class="main_title">
COMMENT
</div>

<div class="comment_entry">

<div class="comment_state">
{comment_name}&nbsp;&nbsp;&nbsp;&nbsp;({comment_year}.{comment_month}.{comment_day}&nbsp;{comment_eng_week_short}&nbsp;{comment_hour_24}:{comment_minute})
</div>

<div class="comment_body">
{comment_description}
</div>
</div>

<div id="comment_send_title" class="sub_title">
SUBMIT&nbsp;COMMENT
</div>

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

<label for="description">Comments:</label>
<br />
<textarea tabindex="4" id="description" name="description"></textarea>
<br />
<input tabindex="5" id="c_submit" type="submit" value="submit" onclick="javascript:setval();" />
&nbsp;&nbsp;
<input type="checkbox" name="set_cookie" value="1" id="set_cookie" />
&nbsp;<label for="set_cookie">入力情報を登録しますか？</label>
</form>

</div>

</div>

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

<div id="trackback">
<div id="trackback_title" class="main_title">TRACKBACK</div>
<div id="trackback_url" class="sub_title">TRACKBACK&nbsp;URL</div>
<input type="text" id="t_url" value="{trackback_url}" />

<div id="trackbacks_title" class="sub_title">TRACKBACKS</div>

<div class="trackback_name">{trackback_title}</div>

<div class="trackback_body">{trackback_excerpt}</div>
 
<div class="trackback_state">
{trackback_blog_name}&nbsp;&nbsp;&nbsp;&nbsp;({trackback_time})
</div>

</div>

<div id="profile">
<div id="profile_title" class="main_title">
Profile
</div>
<div id="profile_name" class="sub_title">
{profile_name}
</div>
<div id="profile_body">
{profile_description}
</div>
</div>

<div id="pager">
{full_pager_link}
</div>

<div class="page_top">
<a href="javascript:scrollTop(0,0)" onclick="slowdownScroll();return false;" onkeypress="slowdownScroll();return false;" title="このページのトップへ">&#10020;&nbsp;TOP&nbsp;&#10020;</a>
</div>

</div>

<div id="right_side">

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('s_entries');" title="Selected&nbsp;Entries">Selected&nbsp;Entries</a></div>
<div class="menu_contents" id="s_entries">
{selected_entry_list}
</div>
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('site_search');" title="Search">Search</a></div>
<div class="menu_contents" id="site_search">
Search&nbsp;This&nbsp;Site.
<form method="get" action="./" id="ss">
<input id="search" name="search" type="text" placeholder="Enter Keywords" />
<input id="s_submit" type="submit" value="search" />
</form>
</div>
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('fs1');" title="{freespace_title1}">{freespace_title1}</a></div>
<div class="menu_contents" id="fs1">
{freespace_contents1}
</div>
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('fs2');" title="{freespace_title2}">{freespace_title2}</a></div>
<div class="menu_contents" id="fs2">
{freespace_contents2}
</div>
</div>

<div class="menu_area">     
<div class="menu_title"><a href="javascript:wtf('fs3');" title="{freespace_title3}">{freespace_title3}</a></div>
<div class="menu_contents" id="fs3">
{freespace_contents3}
</div>
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('fs4');" title="{freespace_title4}">{freespace_title4}</a></div>
<div class="menu_contents" id="fs4">
{freespace_contents4}
</div>
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('fs5');" title="{freespace_title5}">{freespace_title5}</a></div>
<div class="menu_contents" id="fs5">
{freespace_contents5}
</div>
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('amazon');" title="Recommend">Recommend</a></div>

<div class="menu_contents" id="amazon">


<div class="amazon">
<a href="{amazon_url}" target="_blank">
<img border="0" src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}" class="amazon_pict" />
</a>
<br />
<a href="{amazon_url}" target="_blank"><strong>{amazon_ProductName}</strong></a>

<div class="amazon_text">
[&nbsp;{amazon_Creator}&nbsp;]<br />
{amazon_comment}
</div>
</div>

</div>  
</div>

<div class="menu_area">
<div class="menu_title"><a href="javascript:wtf('links');" title="Links">Links</a></div>
<div class="menu_contents" id="links">
{link_list}
</div>
</div>

</div>

</div>

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

<div id="copyright">
{copyright}
<br />
Template&nbsp;"3CF&nbsp;1B"&nbsp;by&nbsp;<a href="http://frais76.jugem.jp/" title="†Emmanuel†" target="_blank">†&nbsp;Emmanuel&nbsp;†</a>.
<br />
Powered&nbsp;by&nbsp;<a href="https://jugem.jp/" title="JUGEM" target="_blank">JUGEM</a>.
</div>



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


</div>

<div id="up_down">
<div>
<a href="javascript:scrollTop(0,0)" onclick="slowdownScroll();return false;" onkeypress="slowdownScroll();return false;" title="上へ">&#10020;</a>
</div>
<div>
<a href="#bottom" title="下へ">&#10020;</a>
</div>
</div>

</div>

</body>
</html>

CSS

@charset "EUC-JP";

/* ----------------------------------------
 作成日:2012.07.24
 テンプレート名: 3CF 1B
 by Emmanuel (http://frais76.jugem.jp)
 取扱説明書(http://frais76.jugem.jp/?eid=240)
 ※テンプレート、素材共にカスタマイズの有無に関係なく再配布厳禁とさせて頂きます。
 ※フッター内の著作権表示の削除も禁止とさせて頂きます。

CSS目次
 [1] Reset (ブラウザの初期設定のリセット)
 [2] General Structure and Styles (総合)
 [3] Layout (レイアウト)
 [4] Link,H,Title (リンク,見出し等) 
 [5] Header (ヘッダー)
 [6] left Side (左サイド)
 [7] Right Side (右サイド) 
 [8] Entry (記事)
 [9] Related Entry (関連記事エリア)
 [10] Comment (コメントエリア)
 [11] Trackback (トラックバックエリア)
 [12] Profile (プロフィールエリア)
 [13] Footer (フッター)
 [14] Pager (ページャー)
 [15] Text,Elements (文中の装飾等)
 [16] Form (フォーム)
 [17] Floats Clearing (フロートの調整)
---------------------------------------- */

/*=============================================================
 * [1] Reset (ブラウザの初期設定のリセット)
 =============================================================*/

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

/*JUGEM用*/
font {line-height: normal;}
/*見出し*/
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight: normal; line-height: normal; margin:0; padding:0;}
/*リンク*/
a {text-decoration:none; overflow:hidden; cursor:pointer; outline:none;}
a:hover, a:active {outline:none;}
/* フォーカス:remember to define focus styles! */
:focus {outline:0;}
/* テーブル:tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
/*or table {border-collapse:separate; border-spacing:0;}*/
/*画像*/
img,a img {border:0; vertical-align:baseline;}
/*リスト*/
ul li, ul ul li, ol li, ol ol li {list-style-type:none; list-style-position:inside; margin-left:0em; padding-left: 0em;}
/*引用*/
blockquote, q {quotes: none;}
/*整形済*/
pre {
	white-space:pre; /*CSS2*/
	white-space:pre-wrap; /*CSS 2.1*/
	white-space:pre-line; /*CSS 3 (and 2.1 as well, actually)*/
	word-wrap:break-word; /*IE*/
}
/*水平線*/
hr {border:0; clear:both; margin:1em 0;}
/*フォーム:Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/*=============================================================
 * [2] General Structure and Styles (総合)
 =============================================================*/

/*個別のカテゴリページ(URLが ./?cid等となっている場合)に
記事の本文(.entry-body)と記事の続き(.entry-more)を非表示(display: none;)にする。 
{day}(同日),{page}(ページ送り)で表示したページも同様にしたい場合はbody#day,body#pageで追加。*/
body#cid .entry_body, body#cid .entry_more, body#cid .entry_date,
body#month .entry_body, body#month .entry_more, body#month .entry_date,
body#search .entry_body, body#search .entry_more, body#search .entry_date {
	display: none;
}

html,body {
	width: 100%;
	height: 100%;
	text-align: center; /*wrapperを中央に配置するため*/
	font-size: 10pt;
	line-height: 1.7em; /*for IE*/
	color: #ccc; 
	background: #000;
	font-family: "Trebuchet MS", "メイリオ", "Meiryo", "Meiryo UI", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Osaka-等幅",sans-serif;
	scrollbar-arrow-color: #333; /* IE用スクロールバーの設定 */
	scrollbar-face-color: #000;
	scrollbar-3dlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-highlight-color: #333;
	scrollbar-shadow-color: #333;
	scrollbar-track-color: #000;
}

/*=============================================================
 * [3] Layout (レイアウト)
 * 全体の幅は#wrapperのwidthで変更。
 * borderなしの場合は(A)メインのwidth+(A)メインの左右のmargin+左サイド(B)のwidth+(C)右サイドのwidth=100%以下になるようにする。
 * borderありの場合は(A)メイン,左サイド(B),(C)右サイドのwithやmarginで調整して合計が99-98%より少なくなるようにする(100%ではIEなどでNG)。
 * HTMLでの#left_side,#main,#right_sideの記述順序を変更しないこと。
 =============================================================*/

/*=====ページ全体=====*/
#wrapper {
	width: 960px; /*全体の幅はここで変更*/
	margin: 0 auto;
	padding: 10px 0;
}

/*=====ヘッダー=====*/
#header {
	height: auto;
	margin-bottom: 10px;
	padding: 10px 15px;
}

/*=====コンテナ(メイン・両サイドの枠)=====*/
#container {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 15px;
	text-align: left; /*bodyでの中央揃えを解除*/
}

/*=====(A)メイン(中央部分全体の枠)=====*/
#main {
	float: left;
	width: 54%;
	margin: 0 1.8%;
}

/*=====(B)左サイド =====*/
#left_side {
	float: left;
	width: 21%;
	margin: 0;
}

/*=====(C)右サイド =====*/
#right_side {
	float: right;
	width: 21%;
	margin: 0;
}

/*=====フッター=====*/
#footer {
	clear: both;
	height: auto;
	padding: 15px;
}

/*=============================================================
 * [4] Link,H,Title (リンク,見出し等:aについてはResetも参照のこと)
 =============================================================*/

/*=====基本=====*/
a:link {color: #666;} 
a:visited {color: #888;} 
a:hover {color: #000;} 
a:active {color: #000;}

/*=====ブログ名,ブログ説明(詳細は[5]ヘッダーの項にて設定)=====*/
h1,h1 a:link,h1 a:visited {color: #eee;}
h1 a:hover,h1 a:active {color: #000;}

/*=====記事タイトル(詳細は[8]記事の項にて設定)=====*/
h2,h2 a:link,h2 a:visited {color: #eee;}
h2 a:hover,h2 a:active {color: #000;}

#blog_description {color: #eee;}

/*---記事内のリンク--*/
.entry_body a,.entry_more a {}

/*---続きを読む("Read More")---*/
.sequel_link,.sequel_link a:link,.sequel_link a:visited {
	font-size: 12pt;
	color: #eee;
}

.sequel_link a:hover,.sequel_link a:active {
	font-size: bold;
	color: #000;
}

/*=====サイドのメニューの各タイトル(詳細は[6]左サイドの項にて設定)=====*/
.menu_title,.menu_title a {
	font-weight: bold;
	text-transform: uppercase; /*全て大文字化*/
}
.menu_title,.menu_title a:link,.menu_title a:visited {color: #eee;}
.menu_title a:hover,.menu_title a:active {color: #000;}

/*=====各メニュー内のリンク=====*/
.menu_area a:link {}
.menu_area a:visited {}
.menu_area a:hover,.MENU a:active {}

/*---カレンダーのリンク([6]左サイドの項にて設定)---*/
#calendar a {}

/*=====ページャー(前後の記事,ページ送りは[14]にて後述)=====*/
/*---前後の記事---*/
#entry_navi a {}
/*---ページ送り---*/
#page a {}

/*---TOPへのリンク---*/
.page_top a:link,.page_top a:visited {color: #999;}
.page_top a:hover,.page_top a:active {color: #000;}

/*---上・下へのリンク---*/
#up_down a:link,#up_down a:visited {color: #999;}
#up_down a:hover,#up_down a:active {color: #000;}

/*=====画像=====*/
a img {border: 0;text-decoration: none;}

/*=====関連する記事,コメント,トラックバック、プロフィール各エリアのタイトル=====*/
.main_title {
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	color: #eee; /*ブログ、記事のタイトルと同色*/
}

/*---コメント投稿欄の見出し,トラックバックのURL,トラックバックしてきた記事,プロフィールのニックネーム---*/
.sub_title {
	padding: 5px 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	font-weight: bold;
	color: #eee; /*ブログ、記事のタイトルと同色*/
}

/*=============================================================
 * [5] Header (ヘッダー)
 * #poweredを左に設置する場合はrightをleftに変更して下さい。
 =============================================================*/

/*=====ヘッダー=====*/
#header {}

/*---ブログ名(色は[4]リンクの項にて指定)---*/
h1 {
	padding: 5px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: normal; /*for IE*/
}

/*ブログ説明(色は[4]リンクの項にて指定)*/
#blog_description {}

/*---パワード---*/
#powered {
	float: right;
	width: 20%;
	text-align: right;
}

/*=============================================================
 * [6] Left Side (左サイド)
 =============================================================*/

/*=====左サイド=====*/
#left_side {}

/*-----各メニューの枠(左右共通)-----*/
.menu_area {
	margin-bottom: 15px;
	padding: 5px 10px;
	border: 1px solid #333;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

/*-----各メニューのタイトル(左右共通)-----*/
.menu_title {
	margin: 0;
	text-align: center;
}

/*-----各メニューの内容(左右共通)-----*/
.menu_contents {
	display: none;
	margin-top: 5px;
	padding: 10px 5px 5px;
	font-size: 9pt;
}

/*-----各メニュー内のリスト(左右共通)-----*/
.menu_contents ul li {
	margin-left: 0;
	padding-left: 0;
}

.menu_contents ul li ul li {
	margin-left: 0.5em;
	padding-left: 0;
}

/*---カレンダー---*/
#calendar {
	font-size: 8pt;
	text-align: center;
}

#calendar table {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 2px;
}

/*カレンダーのマス総合(※bold～IEでNG有)*/
#calendar table tr td {
	width: 24px;
	height: auto;
	text-align: center;
}

/*カレンダーの曜日のマス*/
td.weekday {}

/*カレンダーテーブル1(年月曜日)*/
table.calendar_navi {}

/*カレンダーの年月欄*/
caption.calendar_month {}

/*カレンダーテーブル2(日付)*/
table.calendar {}

/*カレンダーの土日*/
td#sun {color: #633;}

td#sat {color: #336;}

/*カレンダーの日付のマス*/
td.cell {}

/*--カレンダーのリンク--*/
td.cell a:link,td.cell a:visited {
	display: block;
	color: #ccc;
	background: #333;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

td.cell a:hover,td.cell a:active {
	display: block;
	color: #000;
	background: #ccc;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/*---最新記事---*/
#latest {}
/*---最近のコメント---*/
#re_comment {}
/*---最近のトラックバック---*/
#re_trackback {}
/*---カテゴリー---*/
#categories {}
/*---アーカイヴ---*/
#archives {}
/*---プロフィール---*/
#prof {}

/*---モバイル(QRコード)---*/
#mobile {
	text-align: center;
}

/*=============================================================
 * [7] Right Side (右サイド)
 =============================================================*/

/*=====右サイド=====*/
#right_side {}

/*---いま表示している記事---*/
#s_entries {}

/*---検索---*/
#site_search {}

/*検索フォーム*/
form#ss {}
/*検索テキスト入力欄input[text]*/
input#search {}
/*検索ボタンinput[type=submit]*/
input#s_submit {}

/*---フリースペース---*/
#fs1 {}
#fs2 {}
#fs3 {}
#fs4 {}
#fs5 {}

/*---リコメンド---*/
#amazon {}

.amazon {
	font-size: 9pt;
	text-align: center;
}
.amazon_pict {}
.amazon_text {
	margin: 5px 0;
	text-align: left;
}

/*---リンク---*/
#links {}

/*=============================================================
 * [8] Entry (記事)
 =============================================================*/

/*=====1記事の枠=====*/
.entry {
	width: auto;
	height: auto;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #333;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

/*記事のタイトル*/
.entry h2 {
	padding: 0 5px;
	text-align: center;
	font-size: 1.4em;
	line-height: normal; /*for IE*/
}

/*投稿日時*/
.entry_date {
	text-align: center;
	margin-bottom: 10px;
	padding: 5px 5px 10px;
	border-bottom: 1px dotted #333;
}

/*--記事本文(.jgm_entry_desc_mark)--*/
.entry_body {}

/*記事の続き*/
.entry_more {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #333;
}

/*JUGEMテーマ*/
.jugem_theme {}

/*ソーシャルボタン(規定)*/
.service_button {
	margin: 25px 0; 
	padding: 0px;
}

/*記事情報*/
.entry_state {
	padding-top: 5px; 
	text-align: center;
	border-top: 1px dotted #333;
}

/*ログピのアイコン用*/
.state_img {
	border: none;
	vertical-align: middle;
}

/*=============================================================
 * [9] Related Entry (関連記事エリア)
 =============================================================*/

/*=====(共通)関連する記事エリア,コメントエリア,トラックバックエリア,プロフィールエリアの枠=====*/
#related_entry,#comment,#trackback,#profile {
	width: auto;
	height: auto;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #333;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

/*--.main_title--*/
#related_title {}

/*=============================================================
 * [10] Comment (コメントエリア)
 =============================================================*/

/*=====コメントエリア=====*/
#comment {}

/*--.main_title--*/
#comment_title {}

/*--1コメントの枠--*/
.comment_entry {
	margin-bottom: 15px;
	padding: 1em;
	border: 1px solid #333;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

/*--コメント情報 --*/
.comment_state {
	margin-bottom: 5px;
	padding: 0;
}

/*--コメント本文 --*/
.comment_body {}
/*--コメント投稿欄--*/
#comment_send_title {}
/*--コメント投稿エリア --*/
.comment_send_form {}
/*--コメント投稿フォーム --*/
form#comment_area {}
/*input[type="text"] or input.input*/
#name,#email,#url {}
textarea#description {}
/*input[submit]*/
input#c_submit {}
/*input[type=checkbox]*/
input#set_cookie {}

/*=============================================================
 * [11] Trackback (トラックバックエリア)
 =============================================================*/

/*=====トラックバックエリア=====*/        
#trackback {}

/*--TB記事のタイトル .main_title--*/
.trackback_name {
	font-weight: bold;
}

/*--TBのURL(見出し)--*/
#trackback_url {}
/*input[type=text]*/
#tb_url {}
/*TBしててきた記事--*/
#tb_title {}
/*--TBしてきた記事のタイトル --*/
.trackback_name {}
/*--TBしてきた記事の概要 --*/
.trackback_body {}

/*--TBしてきたブログの情報(blog名・日時)--*/ 
.trackback_state {
	margin-bottom: 5px;
}

/*=============================================================
 * [12] Profile (プロフィールエリア)
 =============================================================*/

/*=====プロフィールエリア=====*/
#profile{}

/*--.main_title--*/
#profile_title {}
/*--プロフィールのニックネーム --*/
#profile_name {}
/*--プロフィールの本文 --*/
#profile_body {}

/*=============================================================
 * [13] Footer (フッター)
 =============================================================*/

/*=====フッター=====*/
#footer {}

/*---著作権---*/
#copyright {
	float: left;
	width: 68%;
	text-align: left;
	margin-right: auto;
}

/*---JUGEM広告(120px×240px)---*/
#pr {
	float: right;
	text-align: right;
	width: 30%;
}

#pr a {
	border: 0;
	text-decoration: none;
}

/*=============================================================
 * [14] Pager (ページャー)
 =============================================================*/

/*---前後の記事---*/
#entry_navi {
	margin-bottom: 15px;
	text-align: center;
}

/*---ページ送り---*/
#pager {
	width: auto;
	height: auto;
	margin-bottom: 15px;
	text-align: center;
}

/*ページ送り：該当ページ*/
span.current {
	margin-left: 5px;
	padding: 0 5px;
	color: #000; /*or inherit*/
	background: #333;
	border: 1px solid #333;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

/*ページ送り：リンク*/
#pager span a:link,#pager span a:visited {
	margin-left: 5px;
	padding: 0 5px;
	color: #ccc;
	background: #333;
	border: 1px solid #333;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

#pager span a:hover,#pager span a:active {
	margin-left: 5px;
	padding: 0 5px;
	color: #000;
	background: #ccc;
	border: 1px solid #ccc;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

/*--ページ送りの個々の枠総合--*/
#pager span {}
/*ページ送りの先頭ページ*/
span.first {}
/*ページ送り：前のページ*/
span.prev {}
/*ページ送り：次のページ*/
span.next {}
/*ページ送り：最終ページ*/
span.last {}

/*---トップへのリンク---*/  
.page_top {
	width: auto;
	height: auto;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

/*-----------------------------------------------------------
 上・下へのリンク(右上部)
 *位置の変更はright,top,bottomの数値にて行えます。
 *HTMLにて記号部分を他の文字･記号や画像に差し替えることも出来ます。
 *filter: alpha;以下は透明度の指定なので不要なら削除可。
 *不要ならHTML内の～の部分を削除して下さい。 
 -----------------------------------------------------------*/

#up_down {
	display: block;
	position: fixed;
	right: 5px; /*左側にする場合はleft:に変更*/
	top: 5%;
	z-index: 777;
	font-size: 1em;
	filter: alpha(opacity=60); /* for IE */
	-moz-opacity: 0.6; /* for Firefox(old) */
	-webkit-opacity: 0.6; /* for Google Chrome etc. */
	opacity: 0.6;
}

/*=============================================================
 * [15] Text,Elements (文中の装飾等)
 =============================================================*/

/*---水平線(IEでは色指定無効)---*/
hr {
	border: none;
	height: 1px;
	background-color: #333;
}
/*hr {display: block; height: 1px; border: 0; border-top: 1px solid #333; margin: 1em 0; padding: 0;}*/

/*---引用など---*/
blockquote {
	margin: 1em;
	padding: 1em;
	border: 1px solid #333;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

pre,code {
	/*font-size: 1.1em; 読み難い場合*/
	font-family: "Courier New", Consolas, Courier, "Lucida Console", monospace;
	color: #000;
	background: #c0c0c0;
}

pre {
	overflow: auto;
	margin: 1em;
	padding: 1em;
}

abbr,acronym {
	cursor: help;
	border-bottom: 1px dotted #ccc;
}

/*---記事内のリスト---*/
.entry ul, .entry ol {
	line-height: normal;
}

.entry ul li {
	margin-left: 1em;
	padding-left: 0;
	list-style: disc inside;
}

.entry ul ul li {
	list-style: circle inside;
}

.entry ol li {
	margin-left: 1em;
	padding-left: 0;
	list-style: decimal inside;
}

.entry ol ol li {
	list-style: upper-roman inside;
}

/*---記事内の画像---*/
img.pict {
	border: 0;
	padding: 5px;
	background: transparent;
}

/*=============================================================
 * [16] Form (フォーム)
 =============================================================*/

/*=====共通設定=====*/
input[type=text],input[type=submit],input[type=reset],input[type=password],input[type=file],
input[checkbox],input#s_word,textarea,select,select optgroup,select option {
	font-family: "Trebuchet MS", "メイリオ", "Meiryo", "Meiryo UI", Verdana, sans-serif;
	font-style: normal;
	font-size: 10pt;
	color: #ccc;
	background: #333;
	border: 1px solid #333;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/*---テキストエリア---*/
textarea {
	width: 80%;
	height: 120px;
	padding: 4px;
	overflow: auto;
}

/*---テキスト入力欄(コメント投稿,トラックバックURL,検索)---*/
input[type=text],input[type=password],input[type=file],input#search {
	width: 60%;
	padding: 2px 4px;
}

/*--コメント投稿の各入力欄,トラックバックURLのmargin--*/
#description,input#name,input#email,input#url,input#tb_url {
	margin-bottom: 10px;
}

/*--検索フォーム(テキスト入力欄・ボタン)*/
form#ss {
	display: inline;
	vertical-align: bottom; /*for IE*/
}

/*---テキストエリア,テキスト・検索テキスト入力欄フォーカス時の配色(IEでは:focus無効)---*/
input[type=text]:hover,input[type=password]:hover,input[type=file]:hover,textarea:hover,input#search:hover,
input[type=text]:active,input[type=password]:active,input[type=file]:active,textarea:active,input#search:active,
input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,textarea:focus,input#search:focus {
	color: #000;
	background: #999;
	border: 1px solid #999;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/*---ボタン---*/
input[type=submit],input[type=reset] {
	font-family: "Trebuchet MS", "MS UI Gothic", "メイリオ", "Meiryo", Verdana, "Meiryo UI", "Osaka-UI",  sans-serif;
	padding: 0 2px;
	overflow: visible; /* for IE */
}

/*--検索ボタン--*/
input.s_submit {}

/*---ボタン:フォーカス時の配色(IEでは:focus無効)---*/
input[type=submit]:hover,input[type=reset]:hover,
input[type=submit]:active,input[type=reset]:active {
	color: #000;
	background: #ccc;
	border: 1px solid #ccc;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/*--コメント送信ボタンとチェックボックス--*/
input#c_submit,input#set_cookie {
	vertical-align: baseline;
}

/*---予備：選択メニュー---*/
select,select optgroup,select option {
	font-style: normal;
	padding: 2px 4px;
	color: #fff;
	background: #333;
	border: 1px solid #333;
	filter: alpha(opacity=70); /* for IE */
	-moz-opacity: 0.7; /* for Firefox(old) */
	-webkit-opacity: 0.7; /* for Google Chrome */
	opacity: 0.7;
}

select optgroup,select option {border: 0;}

/*=============================================================
 * [17] Floats Clearing (フロートの調整)
 =============================================================*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
	zoom: 1;
}

/*=============================================================
 * Fin.
 =============================================================*/

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