Feelings deep inside

のんびりと音楽の話でも。。

HOMEスポンサー広告日記などスマートフォンテンプレートのカスタマイズ

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

このエントリーをはてなブックマークに追加    --:--:-- | スポンサー広告  | 
□ Comment

 [コメント記入欄はこちら]


□ コメントを投稿する

   

□ Trackback
この記事のトラックバックURL
□ この記事へのトラックバック

 普段スマホで自分のブログにアクセスすることがないから気づかなかったけど、スマートフォンテンプレートを変更しなければ以前は公式テンプレートのbasic_blueが適用されていたのに、いつの間にか初期設定がnew_basic_redに変更されていた。以前はbasic_blueの他にblack、red、green、yellow、darkblueから選べたけど、今回はredしかないみたい。ってことでnew_basic_redをベースにパソコンやガラケー用のテンプレートと同じ感じの黒っぽいデザインに変更してみた。まあ、簡単に変更できそうだからやってみただけなんだけど、一応備忘録をかねて記録を残しておく。
 まず、公式テンプレートからnew_basic_redを追加し複製。何かテンプレートを適用していないと編集できないのでラジオボタンをクリックして適用させておく。元のテンプレートはオリジナルとして保存して、複製された方をnew_basic_blackなどと変更して編集していく。
 HTMLの方は、広告のうち<%ad>と<%ad2>が必須で、鬱陶しいフローティング広告の<%ad_overlay>はなくてもいいみたいなので削除。
 CSSの方は、header_bg.pngとheader_bg_selected.pngとdate_header_bg.pngが赤い奴なので白黒に変更して保存した画像をアップしURL変更。白黒に変更した画像に合わせてグラデーション表示をする方も#8C0000→#4C4C4C、#C81914→#2A2A2A、#B22525→#4F4F4F、#810000→#272727に全部置換する。ヘッダーメニューの区切り線に使われている87行目と129行目の#6E0000を#000000などに変更する。1239行目のフッターの背景色の#B40000を#666666などに変更する。
 それで完成したのがこちら。ちょこっと変更しただけなので共有テンプレートに申請する気もないし、何かあってもサポートする気はないので自己責任で。上記以外にも少し手を加えているけど自分用のfaviconとか本文中の要素のCSSとかを削除してコピペすればそのまま使える奴も下に置いておきます。


 それ以外に手を加えたい時は、テンプレート用変数一覧も参照すると良いけど、以前は http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html にあったのが http://help.fc2.com/blog/manual/Home/template/templatevariable.html にリダイレクトされるようになって表が見づらくなったので、 http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html#top にしたらリダイレクトされないようになった。


HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<!--ios-->
	<meta name="format-detection" content="telephone=no">
	<!--/ios-->
	<meta name="description" content="<%introduction>">
	<title><%sub_title><!--permanent_area--> - <!--/permanent_area--><!--date_area--> - <!--/date_area--><!--category_area--> - <!--/category_area--><!--search_area--> - <!--/search_area--><!--tag_area--> - <!--/tag_area--><%blog_name></title>
	<link rel="stylesheet" href="<%css_link>">  
	<link rel="apple-touch-icon" href="http://static.fc2.com/image/iphone/apple-touch-icon.png">
	<script type="text/javascript" src="http://static.fc2.com/js/lib/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="http://static.fc2.com/js/blog/iphone_resize.js"></script>
	<script type="text/javascript" src="http://blog-imgs-50.fc2.com/t/e/m/templates/tb_toggle.js"></script>
	<script type="text/javascript" src="http://static.fc2.com/js/blog/sp_acc_menu.js"></script>
	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->	
	<script type="text/javascript" charset="utf-8">
    <!--android-->
    window.onresize = function(){
      setOrientation();
    }
    <!--/android-->

    window.onload = function() {
      setTimeout(function(){if(window.pageYOffset === 0){window.scrollTo(0, 1);}}, 100);
      setTimeout(function(){setOrientation();},300);
    }
    function submit(){
      document.form1.submit();
    }
	
	<!--opera mini http://static.fc2.com/css/portal/sphone/o_mini_basic20120910.css?20120910-->
	if (navigator.userAgent.indexOf('Opera Mini') != -1) {
		document.write('<link rel="stylesheet" href="http://blog-imgs-50.fc2.com/t/e/m/templates/o_mini_basic20120910.css">');
	}
	<!--/operamini-->
  </script>
</head>
<body>
	<header>
		<div id="header">
			<h1><a href="<%url>"><%blog_name></a></h1>
			<div id="header_menu"><span></span></div>
		</div>
		<!--spplugin-->
		<!--ヘッダーメニュー-->
		<nav id="plugin_menu" style="display:none;">
			<div id="main_menu">
				<ul>
					<li id="home"><a href="<%url>"><span>ホーム</span></a></li>
					<li id="pc"><a href="<%url>?pc" title="PCページを表示"><span>PCビュー</span></a></li>
					<li id="album"><a href="<%url_album_index>"><span>アルバム</span></a></li>
				</ul>
			</div>
			<ul id="blog_menu">
			<!--プラグインメニュー--><!--spplugin_first-->
				<li>
					<a href="<%url>?mp=<%spplugin_first_no><%tail_url>"><%spplugin_first_title></a>
				</li>
			<!--/spplugin_first-->
			</ul>
		</nav>
		<!--/spplugin-->
	</header>
	
	<section id="main_contents">
		<!--category_area--><!--カテゴリ一覧ページ-->
		<header>
			<h1 class="category_title"><%sub_title></h1>
		</header>
		<!--/category_area-->
		
		<!--search_area-->
		<header>
			<h1 class="category_title"><%sub_title></h1>
		</header>
		<!--/search_area-->
	
		<!--not_permanent_area-->
			<!--記事詳細ページ以外-->
			<!--not_spplugin_area-->
			<!--not_comment_area-->
			<!--not_trackback_area-->
			<!--not_form_area-->
			<!--topentry-->
			<article class="entry_list wrapper">
				<a href="<%topentry_link><%tail_url>">
					<div class="tmb">
						<!--body_img-->
						<%topentry_image_72>
						<!--/body_img-->
						<!--body_img_none-->
						<dl>
							<dt><%topentry_month:short></dt>
							<dd><%topentry_day></dd>
						</dl>
						<!--/body_img_none-->
					</div>
					<div class="entry">
						<h1><strong><%topentry_title></strong></h1>
						<aside>
							<ul>
								<li class="posted">カテゴリー:<%topentry_category></li>
								<li class="posted">投稿:<%topentry_year>/<%topentry_month>/<%topentry_day><span class="space01"><%topentry_hour>:<%topentry_minute></span></li>
								<li class="posted">コメント(<%topentry_comment_num>)<span class="space02">TB(<%topentry_tb_num>)</span></li>
							</ul>
						</aside>
					</div>
				</a>
			</article>
			<!--/topentry-->

			<!--page_area-->
			<p class="page_num"><%current_page_num>ページ/全<%total_pages>ページ中</p>
			<ul class="pager">
				<li class="first_page"><a href="<%firstpage_url>"><span>最初のページ</span></a></li>
				<li class="prev_page"><!--prevpage--><a href="<%prevpage_url>"><!--/prevpage--><span>前のページ</span><!--prevpage--></a><!--/prevpage--></li>
				<li class="next_page"><!--nextpage--><a href="<%nextpage_url>"><!--/nextpage--><span>次のページ</span><!--nextpage--></a><!--/nextpage--></li>
				<li class="last_page"><a href="<%lastpage_url>"><span>最後のページ</span></a></li>
			</ul>
			<!--/page_area-->
			<!--/not_form_area-->
			<!--/not_trackback_area-->
			<!--/not_comment_area-->
			<!--/not_spplugin_area-->
		<!--/not_permanent_area-->

		<!--spplugin_area-->
		<!--プラグイン表示エリア-->
		<!--spplugin-->
		<div id="plugin" class="wrapper">
			<header class="page_title">
				<h1 style="text-align:<%spplugin_talign>; color:<%spplugin_tcolor>;"><%spplugin_title></h1>
			</header>
			<article class="plugin_body" style="text-align:<%spplugin_align>;">
				<%spplugin_content>
			</article>
		</div>
		<!--/spplugin-->
		<!--/プラグイン表示エリア-->
		<!--/spplugin_area-->

		<!--permanent_area-->
		<!--エントリー個別ページ-->
		<!--topentry-->
		<div class="wrapper">
			<div class="entry_title">
				<h1><strong><%topentry_title></strong></h1>
				<article class="entry">
					<!--body_img--
					<div class="tmb">
						<%topentry_image_72>
					</div>
					!--/body_img-->
					<aside>
						<ul>
							<li class="posted">カテゴリー:<a href="<%topentry_category_link>"><%topentry_category></a></li>
							<li class="posted">投稿:<%topentry_year>/<%topentry_month>/<%topentry_day><span class="space01"><%topentry_hour>:<%topentry_minute>:<%topentry_second></span></li>
							<li class="posted">コメント(<%topentry_comment_num>)<span class="space02">TB(<%topentry_tb_num>)</span></li>
						</ul>
					</aside>
				</article>
			</div>
			<section>
				<div class="entry_body">
					<%topentry_body>
				</div>
				<!--more-->
				<div class="entry_more" id="more<%topentry_no>">
					<%topentry_more>
				</div>
				<!--/more-->
				<ul class="contents_footer">
					<li class="comment_write">
						<!--allow_comment--><a href="<%topentry_link>&m2=form<%tail_url>"><span>コメント<br>を書く</span></a></span><!--/allow_comment-->
						<!--deny_comment--><span>コメント<br>を書く</span><!--/deny_comment-->
					</li>	
					<li class="comment_list">
						<!--allow_comment--><a href="<%topentry_link>&m2=res<%tail_url>"><span>コメント<br>(<%topentry_comment_num>)</a></span><!--/allow_comment-->
						<!--deny_comment--><span>コメント<br>(<%topentry_comment_num>)</span><!--/deny_comment-->
					</li>
					<li class="tb_list">
						<!--allow_tb--><a href="<%topentry_link>&m2=tb<%tail_url>"><span>TB<br>(<%topentry_tb_num>)</a></span><!--/allow_tb-->
						<!--deny_tb--><span>TB<br>(<%topentry_comment_num>)</span><!--/deny_tb-->
					</li>        
				</ul>
			</section>
		</div>

		<!--allow_tb-->
		<aside id="tb_url" class="wrapper">
			<h1>トラックバックURL</h1>
			<div><%trackback_url></div>
		</aside>
		<!--/allow_tb-->
		  
		<ul class="pager">
			<li class="prev_entry"><!--preventry--><a href="<%preventry_url><%tail_url>"><!--/preventry--><span>前の記事</span><!--preventry--></a><!--/preventry--></li>
			<li class="goto_home"><a href="<%url>">ホーム</a></li>
			<li class="next_entry"><!--nextentry--><a href="<%nextentry_url><%tail_url>"><!--/nextentry--><span>次の記事</span><!--nextentry--></a><!--/nextentry--></li>
		</ul>
		<!--/topentry-->
		<!--/permanent_area-->

		<!--form_area-->
		<!--コメント投稿ページ-->
		<div id="comment_post" class="wrapper">
			<header class="page_title">
				<h1>「<%sub_title>」にコメントを書く</h1>
			</header>
			<form method="post" name="form1" action="./">
			<dl class="form">
				<dt>名前</dt>
				<dd><input type="text" name="comment[name]" /></dd>
				<dt>タイトル</dt>
				<dd><input type="text" name="comment[title]" /></dd>
				<dt>メールアドレス</dt>
				<dd><input type="email" name="comment[mail]" /></dd>
				<dt>URL</dt>
				<dd><input type="url" name="comment[url]" /></dd>
				<dt>コメント本文(必須)</dt>
				<dd><textarea name="comment[body]"></textarea></dd>
				<dt>パスワード</dt>
				<dd><input type="password" name="comment[pass]" /></dd>
				<dt>公開設定</dt>
				<dd>
					<select name="comment[himitu]">
						<option value ="0">公開コメント</option>
						<option value ="1">管理人への秘密コメント</option>
					</select>
				</dd>
			</dl>
			<input type="hidden" name="mode" value="regist" />
			<input type="hidden" name="comment[no]" value="<%pno>" />
			<input type="hidden" name="mobile" value="1" />
			<!--private_area--><input type="hidden" name="spass" value="<%spass>" /><!--/private_area-->
			<div class="submit_btn">
				<a href="#" onclick="submit()">コメントを投稿する</a>
			</div>
		</form>
		<ul class="contents_footer">
			<li class="back_entry_large"><a href="<%url>?no=<%pno><%tail_url>"><span>記事本文へもどる</span></a></li>
		</ul>
		</div>
		<!--/form_area-->

		<!--edit_area-->
		<!--コメントエディットエリア開始-->
		<div id="comment_post" class="wrapper">
			<header class="page_title">
				<h1>コメントを編集する</h1>
			</header>
			<form method="post" name="form1" action="./">
				<dl class="form">
					<dt>名前</dt>
					<dd><input type="text" name="edit[name]" value="<%edit_name>" /></dd>
					<dt>タイトル</dt>
					<dd><input type="text" name="edit[title]" value="<%edit_title>" /></dd>
					<dt>メールアドレス</dt>
					<dd><input type="email" name="edit[mail]" value="<%edit_mail>" ></dd>
					<dt>URL</dt>
					<dd><input type="url" name="edit[url]" value="<%edit_url>" /></dd>
					<dt>コメント本文(必須)</dt>
					<dd><textarea name="edit[body]"><%edit_body></textarea></dd>
					<dt>パスワード(必須)</dt>
					<dd><input type="password" name="edit[pass]" /></dd>
					<dt>公開設定</dt>
					<dd>
						<select name="edit[himitu]">
							<option value ="0">公開コメント</option>
							<option value ="1">管理人への秘密コメント</option>
						</select>
					</dd>
				</dl>
				<div class="submit_btn">
					<input type="submit" value="更新する">
					<input type="submit" name="edit[delete]" value="削除する">
				</div>
				<input type="hidden" name="mode" value="edit">
				<input type="hidden" name="mode2" value="edited" />
				<input type="hidden" name="edit[rno]" value="<%eno>">
				<input type="hidden" name="sp" value="1" />
				<!--private_area--><input type="hidden" name="spass" value="<%spass>" /><!--/private_area-->
			</form>
			<ul class="contents_footer">
				<li class="back_entry_large"><a href="<%url>?no=<%edit_entry_no><%tail_url>"><span>記事本文へもどる</span></a></li>
			</ul>
		</div>
		<!--コメントエディットエリア終了-->
		<!--/edit_area-->

		<!--comment_area-->
		<!--コメント一覧ページ-->
		<div id="comment" class="wrapper">
			<header class="page_title">
				<h1>「<%sub_title>」のコメント一覧</h1>
			</header>
			<article>
				<dl class="list">
					<!--comment-->
					<dt>
						<%comment_url+name><span class="space02">さん</span>
						<strong><%comment_title></strong>
					</dt>
					<dd>
						<%comment_body>
						<p class="posted">
							<%comment_year>/<%comment_month>/<%comment_day><span class="space01"><%comment_hour>:<%comment_minute>:<%comment_second></span><span class="space03"><a href="<%comment_edit_link>" title="<%template_edit_comment>"><%template_edit></a></span><span class="space03"><nobr>#<%comment_trip></nobr></span>
						</p>
					</dd>
				  <!--/comment-->
				</dl>
			</article>
			<ul class="contents_footer">
				<li class="back_entry"><a href="<%url>?no=<%pno><%tail_url>"><span>記事本文へもどる</span></a></li>
				<li class="comment_write_large"><a href="<%url>?m2=form&no=<%pno><%tail_url>"><span>コメントを書く</span></a></li>
			</ul>
		</div>
		<!--respage_area-->
		<p class="page_num"><%current_page_num>ページ/全<%total_pages>ページ中</p>
		<ul class="pager">
			<li class="first_page"><a href="<%res_firstpage_url>"><span>最初のページ</span></a></li>
			<li class="prev_page"><!--res_prevpage_area--><a href="<%res_prevpage_url><%tail_url>"><!--/res_prevpage_area--><span>前のページ</span><!--res_prevpage_area--></a><!--/res_prevpage_area--></li>
			<li class="next_page"><!--res_nextpage_area--><a href="<%res_nextpage_url><%tail_url>"><!--/res_nextpage_area--><span>次のページ</span><!--res_nextpage_area--></a><!--/res_nextpage_area--></li>
			<li class="last_page"><a href="<%res_lastpage_url>"><span>最後のページ</span></a></li>
		</ul>
		<!--/respage_area-->
		<!--/comment_area-->

		<!--trackback_area-->
		<!--トラックバック一覧ページ-->
		<div id="trackback" class="wrapper">
			<header class="page_title">
				<h1>「<%sub_title>」のトラックバック一覧</h1>
			</header>
			<article>
				<dl class="list">
					<!--trackback-->
					<dt><%tb_title></dt>
					<dd>
						<%tb_excerpt>
						<p class="posted">
							<%tb_year>/<%tb_month>/<%tb_day><span class="space01"><%tb_hour>:<%tb_minute></span><span class="space04"><a href="<%tb_url>"><%tb_blog_name></a></span>
						</p>
					</dd>
					<!--/trackback-->
				</dl>
			</article>
			<ul class="contents_footer">
				<li class="back_entry_large"><a href="<%url>?no=<%pno><%tail_url>"><span>記事本文へもどる</span></a></li>
			</ul>
		</div>

		<!--respage_area-->
		<p class="page_num"><%current_page_num>ページ/全<%total_pages>ページ中</p>
		<ul class="pager">
			<li class="first_page"><a href="<%res_firstpage_url>"><span>最初のページ</span></a></li>
			<li class="prev_page"><!--res_prevpage_area--><a href="<%res_prevpage_url><%tail_url>"><!--/res_prevpage_area--><span>前のページ</span><!--res_prevpage_area--></a><!--/res_prevpage_area--></li>
			<li class="next_page"><!--res_nextpage_area--><a href="<%res_nextpage_url><%tail_url>"><!--/res_nextpage_area--><span>次のページ</span><!--res_nextpage_area--></a><!--/res_nextpage_area--></li>
			<li class="last_page"><a href="<%res_lastpage_url>"><span>最後のページ</span></a></li>
		</ul>
		<!--/respage_area-->
		<!--/trackback_area-->
		<div class="page_top"><a href="#header">ページトップ</a></div>
	</section><!--/main_contents-->

	<footer>
		<div class="ad_footer"><%ad> <%ad2></div>
		<div id="footer_menu">
			<a href="<%server_url><%blog_id>/admin.php">ログイン</a><span class="space05">|</span>
			<a href="<%url>?pc">PCビュー</a><span class="space05">|</span>
			<a href="mailto:@?subject=FC2%E3%83%96%E3%83%AD%E3%82%B0&body=<%url>">友達に教える</a>
		</div>
		<address>
			<p id="copyright">Copyright &copy; <%now_year> <%blog_name></p>
			Powered by <a href="http://blog.fc2.com/">FC2 Blog</a>
		</address>
	</footer>
</body>
</html>

CSS

@charset "utf-8";

/*============================================================
  -Index-
  Reset
  Basic
  Header
    Header Menu List
    Blog Introduction
  Main Contents
    Layout
    Page title
    Entry List
    Entry (個別記事表示)
    Comment List, Trackback List
    Comment Form
    Plugin Contents
    Contents Footer Links
    Profile (index mode)
  Ad
  Pager
  Page Navigation
  Blog Footer
============================================================*/


/*============================================================
  Reset
============================================================*/
html,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}
ul, ol, li, dl, dt, dd{list-style:none;}
img {border:none;}

/*============================================================
  Basic
============================================================*/
body {
  background: url( http://blog-imgs-50.fc2.com/t/e/m/templates/bg_sp.png);
  font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  font-size:16px;
  color:#333;
  -webkit-text-size-adjust: none;
}
a {
  text-decoration:none;
  -webkit-tap-highlight-color:rgba(42,42,42,0.5);
}
a:link,a:visited { color:#0044CC; }
a:focus,a:hover,a:active { color:#0044CC; }
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:17px;}
h4,h5,h6{font-size:16px;}
input,textarea,select { font-size:16px; }
.system_message { padding:10px;color:#FF0000; }

.space01 { margin-left: 4px; }
.space02{ margin-left: 8px; }
.space03{ margin-left: 12px; }
.space04{ margin-left: 16px; }
.space05{ margin: 0 8px; }

/*============================================================
  Header
============================================================*/
#header {
	position:relative;
	margin:0 0 10px;
	height: 50px;
	line-height: 50px;
	background: url("http://blog-imgs-36.fc2.com/d/r/i/driftwood/header_bg.png") 0 0 repeat-x;
	background-image: 
	-webkit-gradient(linear,left bottom,left top,
		color-stop(0,#4C4C4C),
		color-stop(0.8,#2A2A2A)
	);
	background-image:
	-moz-linear-gradient(top,
		#2A2A2A,
		#4C4C4C
	);
	background-image:
	-o-linear-gradient(top,
		#2A2A2A,
		#4C4C4C
	);
	border-bottom: 1px solid #000000;
}

#header h1 a {
	display: block;
	padding: 0 20px 0 50px;
	*padding: 0 60px 0 40px;/*IE7*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: 0px -2px 0px rgba(0,0,0,0.2);
	-webkit-text-shadow: 0px -2px 0px rgba(0,0,0,0.2);
	-moz-text-shadow:  0px -2px 0px rgba(0,0,0,0.2);
	color:#FFF;
	font-size:20px;	
	text-align: center;
}

/* Header Menu Button
---------------------------------------------- */
#header #header_menu {
	position:absolute;
	top:0px;
	left:0px;
	width: 30px;
	height: 50px;
	background: url("http://blog-imgs-36.fc2.com/d/r/i/driftwood/header_bg.png") 0 0 repeat-x;
	background-image:
	-webkit-gradient(linear,left bottom,left top,
		color-stop(0,#4C4C4C),
		color-stop(0.8,#2A2A2A)
	);
	background-image:
	-moz-linear-gradient(top,
		#2A2A2A,
		#4C4C4C
	);
	background-image:
	-o-linear-gradient(top,
		#2A2A2A,
		#4C4C4C
	);
	border-right:1px solid #000000;	
	-webkit-box-shadow: 1px 0px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: 1px 0px 0px rgba(255,255,255,0.2);
	box-shadow: 1px 0px 0px rgba(255,255,255,0.2);
	cursor:pointer;
}
#header #header_menu span {
	display: block;
	margin: 24px 0 0 0;
	height: 10px;
	background: url(http://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center top;
}
#header #header_menu.selected {
	background: url("http://blog-imgs-36.fc2.com/d/r/i/driftwood/header_bg_selected.png") 0 0 repeat-x;
	background-image:
	-webkit-gradient(linear,left top,left bottom,
		color-stop(0,#4C4C4C),
		color-stop(0.8,#2A2A2A)
	);
	background-image:
	-moz-linear-gradient(top,
		#4C4C4C,
		#2A2A2A
	);
	background-image:
	-o-linear-gradient(top,
		#4C4C4C,
		#2A2A2A
	);
}
#header #header_menu.selected span {
	display: block;
	margin: 23px 0 0 0;
	height: 10px;
	background: url(http://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -25px;
}

/*============================================================
  Header Menu List
============================================================*/
#plugin_menu {
	position:absolute;
	top:51px;
	left:0;
	width:100%;
	background-color:#000000;
	z-index:999;
}

#plugin_menu #main_menu{
	display: block;
	background-color:#333;
	padding: 12px 0;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5) inset;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5) inset;
}

#plugin_menu #main_menu ul{
	margin: 0 auto;
	width: 98%;
	text-align: center;
}

#plugin_menu #main_menu li{
	display: inline-block;
	*display: inline;/*IE7*/
	*zoom:1;/*IE7*/
	width: 31%;
	height: 34px;
	border: 1px solid #333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
}

#plugin_menu #main_menu li:first-child{
	margin-left: 0;
}

#plugin_menu #main_menu li a{
	display: block;
	width: 100%;
	height: 34px;
	line-height: 34px;
	font-size:12px;
	font-weight:bold;
	color: #FFF;
	text-align:center;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/main_menu_bg.png") 0 0 repeat-x;
	background-image:
	-webkit-gradient(linear, left top, left bottom,
		from(#7C7C7C),
		to(#5C5C5C)
	);
	background-image:
	-moz-linear-gradient(top,
		#7C7C7C,
		#5C5C5C
	);
	background-image:
	-o-linear-gradient(top,
		#7C7C7C,
		#5C5C5C
	);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset;
	-moz-box-shadow: 0px 1px 0px rbga(255,255,255,0.2) inset;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-moz-text-shadow:  0px 0px 4px rgba(0,0,0,0.5);
}

#home span{
	padding: 0 0 0 22px;
	*padding: 2px 0 0 22px;/*IE7*/
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/home_icon.png") left -2px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/home_icon_small.png") left -2px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/home_icon_small.png") left -2px no-repeat;/*IE7*/
	background-size: 17px 17px;
	-webkit-background-size: 17px 17px;
	-moz-background-size: 17px 17px;
	-o-background-size: 17px 17px;
}

 

#pc span{
	padding: 0 0 0 22px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/pc.png") left -1px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/pc_small.png") left -3px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/pc_small.png") left -3px no-repeat;/*IE7*/
	background-size: 17px 17px;
	-webkit-background-size: 17px 17px;
	-moz-background-size: 17px 17px;
	-o-background-size: 17px 17px;
}

#album span{
	padding: 0 0 0 22px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/camera.png") left -1px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/camera_small.png") left -3px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/camera_small.png") left -3px no-repeat;/*IE7*/
	background-size: 17px 17px;
	-webkit-background-size: 17px 17px;
	-moz-background-size: 17px 17px;
	-o-background-size: 17px 17px;
}

#plugin_menu #blog_menu {
	overflow:hidden;
}
#plugin_menu #blog_menu li {
	position:relative;
	margin:-1px 0 0;
	border-top: 1px solid #000000;
	background-image:
	  -webkit-gradient(linear, left top, left bottom,
		from(#545454),
		to(#2A2A2A)
	  );
	background-image:
	  -moz-linear-gradient(top,
		#1F1F1F,
		#2A2A2A
	 );
	background-image:
	 -o-linear-gradient(top,
		#1F1F1F,
		#2A2A2A
	 );
}
#plugin_menu #blog_menu li a {
	overflow: hidden;
	display: block;
	padding:10px 30px 10px 10px;
	color:#FFF;
	background: url(http://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;
	background-color: #545454;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;
}
#plugin_menu #blog_menu li a:focus,
#plugin_menu #blog_menu li a:hover,
#plugin_menu #blog_menu li a:active {
	background-color:#333;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5) inset;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5) inset;
}
#plugin_menu .blog_menu li a span {
	position:absolute;
	top:6px;
	right:5px;
	color:#FFFFFF;
	font-family: AppleGothic,sans-serif;
}

/*============================================================
  Layout
============================================================*/
#main_contents {
	margin: 0 3%;
}

#main_contents .wrapper {
	display: block;
	margin:10px auto 0;
	border: 1px solid #CCC;
	background-color:#FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 1px 0px #FFF;
	-moz-box-shadow: 0px 1px 0px #FFF;
	box-shadow: 0px 1px 0px #FFF;
}

/*============================================================
  Page title
============================================================*/
/* 記事の見出し */
.entry_title {
	padding:14px 12px;
	border-bottom:1px solid #CCC;
}
/* 記事以外の見出し */
.page_title {
	padding:14px 12px;
	border-bottom:1px solid #CCC;
}
/* 見出しの文字色 */
.page_title h1,
.entry_title h1,
.page_title h1 a,
.entry_title h1 a {
	color:#333;
	line-height:1.3;
}

.entry_title h1,
.entry_title h1 a {
	font-size: 18px;
}

.page_title h1,
.page_title h1 a{
	font-size: 18px;
}
/* カテゴリ一覧見出し */
.category_title {
	margin:10px 0 0;
	padding:10px;
	background-color:#FFFFFF;
	border: 1px solid #CCC;
	font-size: 18px;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 1px 0px #FFF;
	-moz-box-shadow: 0px 1px 0px #FFF;
	box-shadow: 0px 1px 0px #FFF;
}


/*============================================================
  Entry List (個別記事ページ以外の一覧表示)
============================================================*/
.entry_list a{
	display: table;
	padding:14px 12px;
	*display: block;/*IE7*/
	*width:93%;/*IE7*/
	width:92%\9;/*IE8*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.entry_list a{
		width: 100%;/*--chorome&safari--*/
	}
}

.entry_list .tmb {
	display:table-cell;
	*display: block;/*IE7*/
	*float: left;/*IE7*/
	width: 72px;
}

.entry_list .tmb img {
	width: 68px;
	height: 68px;
	padding: 1px;
	border: 1px solid #CCC;
}

.entry_list .tmb dl {
	margin: 2px auto 0;
	width: 64px;
	height: 64px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
	-moz-box-shdow: 0 0 4px rgba(0,0,0,0.5);
}

.entry_list .tmb dt {
	width: 64px;
	height: 24px;
	line-height: 24px;
	color: #FFF;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	background: url("http://blog-imgs-36.fc2.com/d/r/i/driftwood/date_header_bg.png") 0 0 repeat-x;
	background-image:
	-webkit-gradient(linear,left top, left bottom,
	  from(#4F4F4F),
	  to(#272727)
	 );
	 background-image:
	 -moz-linear-gradient(top,
	  #4F4F4F,
	  #272727
	 );
	 background-image:
	 -o-linear-gradient(top,
	  #4F4F4F,
	  #272727
	 );
	 border-radius: 4px 4px 0px 0px;
	 -webkit-border-radius: 4px 4px 0px 0px;
	 -moz-border-radius: 4px 4px 0px 0px;
}

.entry_list .tmb dd {
	width: 64px;
	height: 39px;
	line-height: 39px;
	font-size: 29px;
	font-weight: bold;
	text-align: center;
	color: #333;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/data_footer_bg.png") 0 0 repeat-x;
	background-image:
	-webkit-gradient(linear,left top,left bottom,
	  from(#FFF),
	  to(#EEE)
	);
	background-image:
	-moz-linear-gradient(top,
	 #FFF,
	 #EEE
	);
	background-image:
	-o-linear-gradient(top,
	#FFF,
	#EEE
	);
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

.entry_list .entry {
	display:table-cell;
	*display: block;/*IE7*/
	*width: 70%;/*IE7*/
	*float: left;/*IE7*/
	padding-left: 10px;
	vertical-align: top;
}
.entry_list  h1 {
	margin-bottom: 5px;
	font-size:17px;
	line-height: 1.3;
}

.entry_list .posted{
	font-size:12px;
	color:#333;
	line-height:1.4;
}

/*============================================================
  Entry (個別記事表示)
============================================================*/
/* 記事投稿情報
---------------------------------------------- */
.entry_title  .posted {
	font-size:13px;
	line-height:1.6;
	color:#333;
}

.entry_title .entry {
	display:table;
	margin-top: 10px;
}
.entry_title .tmb {
	display:table-cell;
	width: 72px;
	padding-right: 10px;
	vertical-align: middle;
}

.entry_title .tmb img {
	width: 68px;
	height: 68px;
	padding: 1px;
	border: 1px solid #CCC;
}

.entry_title ul {
	display:table-cell;
	vertical-align: top;
}

/* 記事本文・追記
---------------------------------------------- */
.entry_body{
	padding:14px 12px 0;
	line-height:1.6;
}
.entry_body,.entry_more{ word-wrap: break-word; }
.entry_more{
	padding:0 12px;
	max-width:100%;
}
.entry_body img[src^="http://blog-imgs-"],
.entry_more img[src^="http://blog-imgs-"] {
	max-width:100%;
	height:auto;
}

.fc2_footer {
	margin-top: 14px;
}

.entry_body ul li,
.entry_more ul li{
	list-style-type: disc;
	list-style-position: inside;
}

.entry_body ol li,
.entry_more ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

/* トラバリンク(個別記事表示)
---------------------------------------------- */
#tb_url {
	display:block;
	margin:0 3%;
	padding: 10px 0px 10px 12px;
	font-size:12px;
	-webkit-tap-highlight-color:rgba(42,42,42,0.5);
}

#tb_url h1 {
	font-size:14px;
	font-weight:bold;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/tri_gray_under_20120912180746.png") no-repeat right center;
	background-size: 24px 9px;
	-webkit-background-size: 24px 9px;
	-moz-background-size: 24px 9px;
	-o-background-size: 24px 9px
}

#tb_url h1.tb_url_selected {
		background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/tri_gray_over_20120912180842.png") no-repeat right center;
	background-size: 24px 9px;
	-webkit-background-size: 24px 9px;
	-moz-background-size: 24px 9px;
	-o-background-size: 24px 9px
}

#tb_url div {
	display: none;
	margin-top: 2px;
}

/*============================================================
  Comment List, Trackback List
============================================================*/
#comment .list dt,
#trackback .list dt {
	padding: 14px 12px 8px;
	line-height:1.3;
	font-size: 15px;
	font-weight:bold;
	border-top:1px dotted #dcdcdc;
}

#comment .list dt:first-child,
#trackback .list dt:first-child {
	border:none;
}

#comment .list dt strong {
	display:block;
}

#comment .list dd,
#trackback .list dd {
	padding: 0 12px 14px;
	font-size: 13px;
	line-height: 1.4;
}

#comment .list dd .posted,
#trackback .list dd .posted {
	margin:8px 0 0;
	text-align:left;
	font-size:12px;
	line-height: 1.3;
}

/*============================================================
  Comment Form
============================================================*/
#comment_post .form {
	background: #fff;
	padding: 0;
	margin:14px 12px;
}
#comment_post .form dd{
	margin:3px 0 10px;
}

#comment_post .form dt{
	color:#333;
	margin:10px 0 0;
	font-weight:bold;
	font-size: 14px;
}

#comment_post input[type="text"],
#comment_post input[type="email"],
#comment_post input[type="url"],
#comment_post input[type="password"],
#comment_post textarea,
#comment_post select {
	width: 98%;
	padding:5px 1%;
	border:1px solid #ccc;
	color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: textarea;
}

#comment_post textarea {
	height: 120px;
	padding: 5px 1%;
}

#comment_post select {
	width: 100%;
	padding: 5px 10px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/tri_gray_under_20120912180746.png") no-repeat right center;
	background-size: 24px 9px;
	-webkit-background-size: 24px 9px;
	-moz-background-size: 24px 9px;
	-o-background-size: 24px 9px;
	-webkit-appearance: textfield;
}

/* Submit button
---------------------------------------------- */
#comment_post .submit_btn {
	padding:10px 12px;
	text-align:center;
}
#comment_post .submit_btn input[type="submit"],
#comment_post .submit_btn a {
	display:inline-block;
	width:80%;
	margin:0 auto;
	padding:10px 0;
	border: 1px solid #CCC;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-image: -webkit-gradient(linear, left top, left bottom,
	from(#FAFAFA),
	to(#EEEEEE)
	);
	background-image:
	 -moz-linear-gradient(top,
		  #FAFAFA,
		  #EEEEEE
	 );
	 
	background-image:
	 -o-linear-gradient(top,
		  #FAFAFA,
		  #EEEEEE
	 );
	color:#0044CC;
	font-size: 14px;
	font-weight: bold;
	text-overflow: ellipsis;
}

#comment_post .submit_btn input[type="submit"]{
	width:40%;
}

/* new_entry,new_comment,new_tb
---------------------------------------------- */
.plugin_body .plugin_list li {
	border-top:1px solid #dcdcdc;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/tri_blue_left.png") no-repeat right center;
	background-size: 18px 13px;
	-webkit-background-size: 18px 13px;
	-moz-background-size: 18px 13px;
	-o-background-size: 18px 13px;
}
.plugin_body .plugin_list li:first-child {
	border:none;
}
.plugin_body .plugin_list li a{
	display: block;
	overflow: hidden;
	padding:10px 30px 10px 10px;
}
.plugin_body .plugin_list li em {
	padding:0 0 3px;
	font-style: normal;
	font-weight: bold;
	font-size:16px;
}
.plugin_body .plugin_list li span{
	color:#333;
	font-size:13px;
}

.plugin_body .plugin_profile {
	padding: 14px 12px; 
}

/*============================================================
  Contents Footer Links
============================================================*/
.contents_footer {
	display: box;
	display:-webkit-box;
	display:-moz-box;
	margin-top: 14px;
	overflow:hidden;
	width:100%;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.contents_footer li {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex:1;
	-moz-box-flex: 1;
	box-flex:1;
	width: 33%;
	font-size:10px;
	line-height: 1.2;
	font-weight: bold;
	text-align:center;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/contents_footer_bg.png") 0 0 repeat-x;
	background-image:
	-webkit-gradient(linear, left top, left bottom,
		from(#BFBFBF),
		to(#AFAFAF)
	);
	background-image:
	  -moz-linear-gradient(top,
		#BFBFBF,
		#AFAFAF
	 );
	 background-image:
	  -o-linear-gradient(top,
		#BFBFBF,
		#AFAFAF
	 );
}

.contents_footer li a  {
	display:block;
	color:#4D4D4D;
	text-shadow: 0px 1px 0px #FFF;
	-webkit-text-shadow: 0px 1px 0px #FFF;
	-moz-text-shadow: 0px 1px 0px #FFF;
}

.comment_write {
	border-right: 1px solid #999999;
}

.comment_list {
	border-left: 1px solid #CCC;
	border-right: 1px solid #999999;
}

.tb_list {
	border-left: 1px solid #CCC;
}

.comment_write a span {
	display: inline-block;
	text-align:left;
	padding: 9px 0 0 24px;
	height: 36px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/comment_write.png") left 14px no-repeat;
	background-size: 22px 16px;
	-moz-background-size: 22px 16px;
	-webkit-background-size: 22px 16px;
	-o-background-size: 22px 16px;
}

.comment_list a span{
	display: inline-block;
	text-align: left;
	padding: 9px 0 0 30px;
	height: 36px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/comment_list.png") left 14px no-repeat;
	background-size: 26px 16px;
	-webkit-background-size: 26px 16px;
	-moz-background-size: 26px 16px;
	-o-background-size: 26px 16px;
}

.tb_list a span {
	display: inline-block;
	text-align:left;
	padding: 9px 0 0 26px;
	height: 36px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/tb.png") left 13px  no-repeat;
	background-size: 20px 17px;
	-webkit-background-size: 20px 17px;
	-moz-background-size: 20px 17px;
	-o-background-size: 20px 17px;
}

.back_entry {
	width: 50% !important;
	font-size:12px !important;
	border-right: 1px solid #999999;
}

.comment_write_large {
	-webkit-box-flex:1; box-flex:1;
	width: 50% !important;
	font-size:12px !important;
	border-left: 1px solid #CCC;
}

.comment_write_large a  span{
	display: inline-block;
	padding: 15px 0 0 24px;
	height: 30px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/comment_write.png") left 15px  no-repeat;
	background-size: 22px 16px;
	-moz-background-size: 22px 16px;
	-webkit-background-size: 22px 16px;
	-o-background-size: 22px 16px;
}

.back_entry a span {
	display: inline-block;
	padding: 15px 0 0 26px;
	height: 30px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/back.png") left 15px  no-repeat;
	background-size: 20px 14px;
	-webkit-background-size: 20px 14px;
	-moz-background-size: 20px 14px;
	-o-background-size: 20px 14px;
}

.back_entry_large {
	display: block !important;
	width: 100% !important;
}

.back_entry_large a{
	display: block;
	width: 100%;
	font-size: 14px;
	padding: 14px 0;
}

.back_entry_large a span {
	padding: 0 0 0 30px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/back.png") left 2px  no-repeat;
	background-size: 20px 14px;
	-webkit-background-size: 20px 14px;
	-moz-background-size: 20px 14px;
	-o-background-size: 20px 14px;
}

.contents_footer li a:focus,
.contents_footer li a:hover,
.contents_footer li a:active,
.form_footer li a:focus,
.form_footer li a:hover,
.form_footer li a:active {
  background-color:#777;
}

/* コメント・トラバ非表示の場合(共通)
---------------------------------------------- */
.contents_footer li > span {
	display:inline-block;
	text-align:left;
	color: #999;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
	-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
	-moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

.comment_write > span{
	padding: 9px 0 0 24px;
	height: 36px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/comment_write_none.png") left 14px no-repeat;
	background-size: 22px 16px;
	-moz-background-size: 22px 16px;
	-webkit-background-size: 22px 16px;
	-o-background-size: 22px 16px;
}

.comment_list > span {
	padding: 9px 0 0 30px;
	height: 36px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/comment_list_none.png") left 14px no-repeat;
	background-size: 26px 16px;
	-webkit-background-size: 26px 16px;
	-moz-background-size: 26px 16px;
	-o-background-size: 26px 16px;
}

.tb_list > span {
	padding: 9px 0 0 26px;
	height: 36px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/tb_none.png") left 13px no-repeat;
	background-size: 20px 17px;
	-webkit-background-size: 20px 17px;
	-moz-background-size: 20px 17px;
	-o-background-size: 20px 17px;
}

/*============================================================
  Pager
============================================================*/
.page_num {
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 12px;
}

#main_contents .pager {
	display:table;
	margin: 10px auto 0;
	width: 100%;
	*width:295px;/*IE7*/
	*zoom:1;/*IE7*/
	text-align:center;
	border:1px solid #ccc;
	background-color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:#FFF 0px 1px 0px;
	-moz-box-shadow: #FFF 0px 1px 0px;
	box-shadow: #FFF 0px 1px 0px;
}

#main_contents .pager li {
	display: table-cell;
	*float:left;/*IE7*/
	font-size: 13px;
	vertical-align: middle;
	border-left: 1px #CCC solid;
	color:#CCC;
}

#main_contents .pager li:first-child {
	border-left: none;
}

#main_contents .pager li a{
	display: block;
	-webkit-tap-highlight-color:rgba(42,42,42,0.5);
}

#main_contents .pager .first_page,
#main_contents .pager .last_page {
	width: 36px;
	text-indent:-9999px;
	overflow:hidden;
}

#main_contents .pager .prev_page,
#main_contents .pager .next_page{
	*width: 110px;/*IE7*/
}


#main_contents .pager .first_page a,
#main_contents .pager .last_page a,
#main_contents .pager .prev_page a,
#main_contents .pager .next_page a ,
#main_contents .pager .prev_entry a,
#main_contents .pager .next_entry a 
 {
	height: 45px;
	line-height: 45px;
}

#main_contents .pager .prev_page span,
#main_contents .pager .next_page span 
 {
	*display: block;/*IE7*/
	*height: 45px;/*IE7*/
	*line-height: 45px;/*IE7*/
}

#main_contents .pager .first_page span,
#main_contents .pager .last_page span {
	display: block;
	width: 36px;
	height: 45px;
}

#main_contents .pager .first_page span {
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_first_page.png") center 16px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_first_page_small.png") center 16px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_first_page_small.png") center 16px no-repeat;/*IE7*/
}

#main_contents .pager .first_page a span {
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/first_page_20120912173311.png") center 16px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/first_page_small_20120912173439.png") center 16px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/first_page_small_20120912173439.png") center 16px no-repeat;/*IE7*/
}

#main_contents .pager .last_page span {
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_last_page.png") center 16px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_last_page_small.png") center 16px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_last_page_small.png") center 16px no-repeat;/*IE7*/
}

#main_contents .pager .last_page a span {
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/last_page_20120912173544.png") center 16px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/last_page_small_20120912173645.png") center 16px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/last_page_small_20120912173645.png") center 16px no-repeat;/*IE7*/
}

#main_contents .pager .first_page a,
#main_contents .pager .first_page a span,
#main_contents .pager .last_page a,
#main_contents .pager .last_page a span
 {
	background-size: 16px 12px;
	-webkit-background-size: 16px 12px;
	-moz-background-size: 16px 12px;
	-o-background-size: 16px 12px;
}

#main_contents .pager .prev_page a span,
#main_contents .pager .prev_entry a span{
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/prev_page_20120912173730.png") 0 2px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/prev_page_small_20120912173809.png") 0 3px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/prev_page_small_20120912173809.png") 15px center no-repeat;/*IE7*/
}
 
#main_contents .pager .prev_page span,
#main_contents .pager .prev_entry span {
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_prev_page.png") 0 2px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_prev_page_small.png") 0 3px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_prev_page_small.png") 15px center no-repeat;/*IE7*/
}

#main_contents .pager .prev_page a span,
#main_contents .pager .prev_entry a span,
#main_contents .pager .prev_page span,
#main_contents .pager .prev_entry span{
	padding: 0 0 0 16px;
	padding: 3px 0 3px 16px\9;/*IE8*/
	*padding: 0 0 0 16px;/*IE7*/
	background-size: 8px 12px;
	-webkit-background-size: 8px 12px;
	-moz-background-size: 8px 12px;
	-o-background-size: 8px 12px;
}

#main_contents .pager .next_page a span,
#main_contents .pager .next_entry a span{
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/next_page_20120912173911.png") right 2px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/next_page_small_20120912174005.png") right 3px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/next_page_small_20120912174005.png") 90px center no-repeat;/*IE7*/
}

#main_contents .pager .next_page span,
#main_contents .pager .next_entry span {
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_next_page.png") right 2px no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_next_page_small.png") right 3px no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/no_next_page_small.png") 90px center no-repeat;/*IE7*/
}
 
#main_contents .pager .next_page a span,
#main_contents .pager .next_entry a span,
#main_contents .pager .next_page span,
#main_contents .pager .next_entry span  {
	padding: 0 16px 0 0;
	padding: 3px 16px 3px 0\9;/*IE8*/
	*padding: 0 16px 0 0;/*IE7*/
	background-size: 8px 12px;
	-webkit-background-size: 8px 12px;
	-moz-background-size: 8px 12px;
	-o-background-size: 8px 12px;
}

.goto_home {
	width: 60px;
	height: 45px;
	line-height: 45px;
}

.goto_home a {
	padding: 18px 0 0 0;
	width: 60px;
	height: 27px;
	line-height: 27px;
	font-size: 10px;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/home_blue_20120912175418.png") center 10px no-repeat;
	background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px 14px;
	-o-background-size: 14px 14px;
}

/*============================================================
  Page Navigation
============================================================*/
.page_top {
	margin: 10px auto 0 !important;
	width:295px\9;
	*width:295px;
	font-size:13px;
	text-align: right !important;
}

.page_top a {
	display: inline-block;
	*zoom:1;/*IE7*/
	padding: 4px 30px 4px 0;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates/top_page_20120912175818.png") right center no-repeat;
	background: url("http://blog-imgs-50.fc2.com/t/e/m/templates//top_page_small_20120912175917.png") right top no-repeat\9;/*IE8*/
	*background: url("http://blog-imgs-50.fc2.com/t/e/m/templates//top_page_small_20120912175917.png") right center no-repeat;/*IE7*/
	background-size: 25px 21px;
	-webkit-background-size: 25px 21px;
	-moz-background-size: 25px 21px;
	-o-background-size: 25px 21px;
}


/*============================================================
  Ad
============================================================*/
.ad_header{
  text-align:center;
}

.ad_footer{
	text-align:center;
	margin:10px 0 0;
}

/*============================================================
  Blog Footer
============================================================*/
footer{
	display: block;
	text-align:center;
	font-size:13px;
}

footer #footer_menu{
	display: inline-block;
	margin:15px 0 0;
}

footer address {
	margin: 15px 0 0;
	padding:10px 5px;
	background-color:#666666;
	text-align:center;
	color:#FFFFFF;
	font-style: normal;
}

footer address a {
	text-decoration:underline;
}

footer #copyright {
	margin:0 0 5px;
}
このエントリーをはてなブックマークに追加    02:12:01 | 日記など  | Trackback (0)  | Comment (0)  | 
□ Comment

 [コメント記入欄はこちら]


□ コメントを投稿する

   

□ Trackback
この記事のトラックバックURL
□ この記事へのトラックバック
Base template by Sun&Moon.  
Copyright © 2005-2017 Feelings deep inside. All Rights Reserved. Powered by FC2 BLOG.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。