@charset "utf-8";

/*ユニバーサルセレクタ　～セレクタ名ではなく、アスタリスク（*）を記述することで、すべての要素に対して同一のスタイルを指定することができます。アスタリスク（*）はユニバーサルセレクタ（universal selector）とも呼ばれます。
* 	{
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	
	text-decoration: none;
	word-break: break-all ;
	word-wrap: break-word ;
	}
*/

/*******************************************************************/
/* +++++++++++++++++++++++++++++ 共通 +++++++++++++++++++++++++ */
/*******************************************************************/	

/*++++　基本的なリンクスタイル　++++*/
/* ----
これを全部表示させると、<a class="black" href="http://domain-rentalserver.com/archives/2006/01/29-2200subdomain.php">サブドメイン</a>などの<a>タグのクラス指定が効かなくなる！　クラスよりも下の設定が効いてしまう。
++++*/

/* ---- 
a	{
	color: #0142BA;
	text-decoration: underline;
	}

a:link  {
	color: #0142BA;
	}

a:active{
	color: #0142BA;
	}
	
a:visited {
	color: #006699;
	}

a:hover {
	color: #0085F2;
	text-decoration: none;
	}
----- */

/*---- 記載順番は、:link → :visited → :hover → :active になります。---*/

a	{
	}
	
a:link  {
	}	
		
a:visited{
	color:#006699;
	}	

a:hover	{
	color:#ff0000;
	text-decoration:none;
	}
	
a:active{
	text-decoration:none;
	}	

.red	{
	color:#DD0000;
	}
	
.darkred{
	color:#DE3300;
	}	
	
.blue{
	color:#0000FF;
	}
	
.green{
	color:#4DA619;
	}	
	
.lightblue{
	color:#0099FF;
	}

.lightgray{
	color:#BFBFBF;
	}	
	
.pink	{
	color:#E06897;
	}	
	
.orange	{
	color:#FF9900;
	}
	
.darkorange	{
	color:#CC6600;
	}	
.brown  {
	color:#996600;
	}
	
a.black  {
	color:#737373;
	}
	
a:visited.black{
	color:#737373;
	}		
	
a:hover.black{
	color:#737373;
	}		
	
a.red  {
	color:#DD0000;
	}
	
a:visited.red{
	color:#DD0000;
	}		
	
a:hover.red{
	color:#DD0000;
	}	
	
a.blue  {
	color:#0000FF;
	}
	
a:visited.blue{
	color:#0000FF;
	}	
	
a:hover.blue{
	color:#0000FF;
	}					
	
a.pink  {
	text-decoration:none;
	color:#E06897;
	border-bottom:1px dashed #E06897;
	}

a:visited.pink{
	color:#E06897;
	}		
	
a:hover.pink{
	color:#E06897;
	border-bottom:1px dashed #fff;
	}		
	
.white  {
	color:#fff;
	}
	
.size12	{
	font-size : 12px;
	}
	
.size13	{
	font-size : 13px;
	}
	
.size14	{
	font-size : 14px;
	}
	
.size15	{
	font-size : 15px;
	}
	
.size16	{
	font-size : 16px;
	}
	
.size17	{
	font-size : 17px;
	}
	
.size18	{
	font-size : 18px;
	}
	
.size19	{
	font-size : 19px;
	}
	
.size20	{
	font-size : 20px;
	}
	
.size21	{
	font-size : 21px;
	}
		
.size22	{
	font-size : 22px;
	}

/* ---- <img>を<a>で囲んだ時に標準表示される罫線を消す ----- */
a img	{
	border: none; 
	text-decoration: none;
	}

/* ---- 画像に枠線入れる場合 <img>に設定、サムネイル画像に枠線入れる場合 <a>、<img>どっちに設定しても効く----- */
.image{
	border  : 1px solid #000000; 
	}

/* ---- ほんまはa.image:hover img とすべきだが、MovableTypeでコード入力する手間考えてこうする。----- */
a:hover img.image {
    border: 1px solid silver;
	}
	
/* ---- 画像回り込み ブラウザによって上余白入るので0px指定 ----- */
.fl{
	float:left;
	margin:0px 15px 10px 0px;
	}

/* ---- 画像回り込み ブラウザによって上余白入るので0px指定 ----- */
.fr{
	float:right;
	margin:0px 0px 10px 15px;
	}

/* ---- 画像回り込み解除 ----- */	
.fc{
	clear:both;
	}

/************************************************************************/
/* +++++++++++++++++++++ ブログの横幅、回り込み設定 +++++++++++++++++++ */
/************************************************************************/

/* 【注意事項】
サイズを決定する際、割合であるパーセント（％）を使用する事ができます。しかし、この％の場合割合の合計を１００％にすると表示が崩れる事がありますので、割合である％では指定しない方が良いと思われます。使用したい場合には、合計が１００％にならない様にしましょう。
http://www.1uphp.com/con2/layout/pagelayout1.html
*/
#container {
	width: 760px; /* --- 760pxまでOK ---- */
	} 

/* ++++++ ２段組の横幅設定 ++++++ */

	/* コンテンツ部分の横幅 */
#content{
	width: 470px;
	}

	/* サイドバーの横幅 */
#side	{
	width: 290px;
	}


/* +++++++++++++++++ レイアウト設定 ++++++++++++++++++++ */

body	{
	text-align: center; /* IE用の中央寄せ */
	}

#container {
	margin-right: auto; /* IE以外用の中央寄せ */
	margin-left: auto; /* IE以外用の中央寄せ */
	text-align: left; /* 中身を左寄せに戻す */
	}	
	
#content{
	float: left;
	}

#side   {
	float: right;
	}	
		
#footer	{
	clear:both;
	text-align: center;
	}	

/************************************************************************/
/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */
/************************************************************************/

body 	{
	margin:0px ; /* ページ全体のmargin ～IE＆Firefoxはこれで調節*/
	padding: 0px 0px; /* ページ全体のpadding ～Opereの余白はこれで調節、横幅％指定の時はウィンドウの端（左右）からの距離が決まります。px指定の時は関係なし 
	http://www.1uphp.com/con2/layout/pagemarginpadding.html
	*/
	font-family: Verdana, Tahoma,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#FFF;
	}
	
/* Firefoxでは順番を日本語フォントを先にしないと表示おかしなる！ */	
	
/* 各ブラウザ対策でmargin: 0px;　padding: 0px;を明示しておきます。 */
#container {
	/* margin: 0px; これ入れるとFirefoxで中央寄せが消える！*/
	padding: 10px 0px 0px;
	background-color:#FFF;
	line-height: 200%;
	font-size:14px;
	}

/*
注意事項　～　margin　について　～floatしたブロックの外側にマージンを取ったり、左右の隙間を空けたい場合があると思います。
結論から言いますと、このマージンを設定してしまいますとIE6（他のバージョンも可能性大）と、その他のブラウザ（Firefox1.0やOpera7）などと表示が違ってしまいます。（よく言う『崩れます』）
よって、マージン(margin)は設定しない様にしましょう！！

その代わりには、
1.paddingにて内側に余白を設定する。この場合は全体サイズからその分マイナスする必要があります。 
2.leftやrightの中に入れたブロック側にmarginを設定する 

http://www.1uphp.com/con2/layout/pagelayout1.html
*/

#banne {
	background-image:url(../images/com.gif);
	background-repeat:no-repeat;	
	background-position: 35px 40px;
	margin: 0px;
	padding: 0px;
	height: 70px;
	}
	
/* ここでfont-sizeをpx指定するとarchive.cssでなんぼ％指定してもブラウザで文字サイズ変わらない！ */
/* -------- パンくず上  ------- */
/* ここでpaddingやmarginの指定は避ける！何故ならlayoutでcontentにwidth指定があるから。同じブロック内でのwidthとpadding、margin、borderの同時使用は避ける。でないとIEでおかしなるぞ！
内側の.contentに指定しろ */		
#content{
	}

#side 	{
	font-size:13px;
	line-height: 150%;
	padding:5px 0px 10px 0px;
	}	

#footer {
	font-size:13px;
	padding: 15px 0px 0px;
	margin:10px 0px 5px;
	}
/* ↑※Ajax高速検索の下の[元のページに戻る] とかのリンクの下調節はここでやる。
ここで上padding:を設定しないとfoxで下のCopyrightとの間がキチキチになってまう。
何故かここ以外で設定してもうまくいかないっ！ */

/**********************************************************************/
/* +++++++++++++++++++++ バナー部分のデザイン +++++++++++++++++++ */ /**********************************************************************/

/*+++ バナー部を全括り +++*/
#banne{
	
	}

/*+++ サイトタイトル +++*/	
#banne .sitetitle{
	margin:5px 0px 5px 5px;
	}	

/**********************************************************************/
/* +++++++++++++++++++++ サイド部分のデザイン +++++++++++++++++++ */ /**********************************************************************/

/*+++ <div class="side">※二重に囲む +++*/
#side .side{
	padding:0px 0px 0px 20px;
	}
	
/*--- サイト内検索  ---*/
#side .search{
	padding:0px 0px 0px 5px;
	}

/*--- サイト内検索窓の幅  ---*/
#side .search #search_box{
	width:180px;
	text-align:left;	
	}
	
/*--- サイト内検索ボタンの幅  ---*/
#side .search #search_button{
	width:100px;	
	text-align:center;
	}	

/*+++ サイトマップ +++*/
#side .sitemap{
	margin:20px 0px 0px;
	}
	
/* --- 新規エントリー作成用の隠しリンク --- */	
#side .sitemap span a{ 
	text-decoration:none;
	color:#999999;
	font-size:12px;
	}	
	
/*+++ サイト全体のはてな被ブックマーク数 +++*/
#side .allhatena{
	margin:5px 0px 20px 10px;
	}
	
/*--- サイドの各リード  ---*/
#side .side_lead{
	background-image: url(../images/side_lead_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 10px;	
	margin:20px 0px 5px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	}
	
/*---  カテゴリメニューツリー化 ---*/	
ul.tree {
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 12px;
    list-style: none;
	}
	
ul.tree ul {
    margin: 0;
    padding: 0;
	}
	
ul.tree li {
    margin: 0;
    padding: 0 0 0 18px;
	background-image: url(../images/tree_lst_dotted.gif) ;
	background-repeat: no-repeat;
	background-position: 2px 0px;
    list-style: none;
	}
	
ul.tree li.tree_end {
	background-image: url(../images/tree_end_dotted.gif) ;
	background-repeat: no-repeat;
	background-position: 2px 0px;
    list-style: none;
	}

div.subcategories{
	} 

/* --- トップカテゴリの画像、ここでvertical-align指定しても何故か効かない --- */	
div.subcategories img.folder{
	}		

/* --- カテゴリへのリンク --- */		
div.subcategories a.categories_list{
	}

/* --- ▲▼マーク（文字）を使う場合 --- */		
div.subcategories a.foldmark{
	text-decoration:none;
	color:#FFC080;
	}
	
/*--- タグクラウド全部括った<div> ---*/
.tagcloud{
	margin:20px 0px 0px;
	}
	
.tagcloud ul{
	list-style: none;
	padding:0px 0px 0px;
	margin:0px;
	}
	
.tagcloud li{
	display: inline;
	line-height:160%;
	}
	
.tagcloud li a{
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	background-color: #fff;
	padding: 0 5px;
	position: relative;
	}
	
.tagcloud a:hover{
	text-decoration: none;
	border-color: #fff;
	color: #fff;
	background-color: #cc0063;
	}	

/*--- 一番多いやつ ---*/
a.taglevel1{ 
	border-color: #df28ac;
	color: #df28ac;
	font-size: 20px;
	z-index: 6;
	}

a:visited.taglevel1{
	}
	
a:hover.taglevel1{
	}
	
a.taglevel2{ 
	border-color: #eb79b5;
	color: #eb79b5;
	font-size: 18px;
	z-index: 5;
	}

a:visited.taglevel2{
	}
	
a:hover.taglevel2{
	}	

a.taglevel3{ 
	border-color: #c27fb7;
	color: #c27fb7;
	font-size: 16px;
	z-index: 4;
	}

a:visited.taglevel3{
	}	

a:hover.taglevel3{
	}

a.taglevel4{ 
	border-color: #a77f9f;
	color: #a77f9f;
	font-size: 14px;
	z-index: 3;
	}

a:visited.taglevel4{
	}
	
a:hover.taglevel4{
	}		

a.taglevel5{ 
	border-color: #8a7f9f;
	color: #8a7f9f;
	font-size: 12px;
	z-index: 2;
	}

a:visited.taglevel5{
	}
	
a:hover.taglevel5{
	}	
	
a.taglevel6{ 
	border-color: #507f9f;
	color: #507f9f;
	font-size: 10px;
	z-index: 1;
	}

a:visited.taglevel6{
	}
	
a:hover.taglevel6{
	}	
	
/* --- 最近のエントリ、1個ずつ --- */		
#side .recententry{
	margin:5px 0px;
	}	

/*---  独自ドメイン取ってレンタルサーバーを使おう ---*/	
.mysogo{
	height:65px;
	overflow:auto;
	scrollbar-face-color:#F2F2F2;
	margin:15px 0px;
	}
	
/* --- はてブのウィジェット --- */		
.hatena_widget{
	margin:15px 0px;
	font-size:14px;
	}	
	
/* --- はてブウィジェットの文字 --- */		
.hatena_widget a.hatena-bookmark-entrytitle{
	font-size:14px;
	}	
	
/* --- あわせて読みたい --- */		
.awasete{
	margin:10px 0px;
	}	
	
/*---  RSS ---*/
#side .rss{
	margin:30px 0px 0px 5px;
	}
	
/*---  サイド広告 ---*/
#side .side_merchant{
	margin:20px 0px 0px;
	}
		
/* ----- G-Tools カスタムCSS選択時 		
<div class="g-tools_table"> 全体を指定するClass
<span class="g-tools_title">商品タイトル</span>
<span class="g-tools_body">商品の情報</span>
<span class="g-tools_img">商品画像</span>
<span class="g-tools_by">by G-Tools</span>	
----- */

#side .g-tools_table{
	margin:20px 0px 0px 0px;
	}
#side .g-tools_title{
	font-size:14px;
	}
#side .g-tools_body{
	font-size:13px;
	padding:0px 0px 0px 10px;
	}
#side .g-tools_img{
	
	}
#side .g-tools_by{
	display:none;
	}
	
/**********************************************************************/
/* +++++++++++++++++++++++ フッター部分のデザイン +++++++++++++++++++ */ /**********************************************************************/

/* ---- copyright ---- */
#footer p{
	line-height:100%;
	margin:10px 0px 0px;	
	padding:0px 0px 5px;
	}

/* ---- cubeへのリンク ---- */
#footer p a{
	}
	
/*+++　※
position:relative;を使ったブロックでは、中のブロックは全部 position:absolute;を使う事！
でないと、marginやらリンクやらがおかしなる！
+++*/			

/**********************************************************************/
/* +++++++++++++++++++++ コンテンツ部分のデザイン +++++++++++++++++++ */ /**********************************************************************/

/* 同ブロック内でのwidthとpadding、margin、borderの同時使用はIEで×
   そうは言ってもpaddingいるので設定。但し各テーブルのwidthを100％以下にする事！
   <table>を100％指定するとIEで幅おかしなる！(-_-x
    */	
#content .content{
	padding:0px 0px 0px 0px;
	}
	
#content p{
	margin:20px 0px 0px;
	}
	
/* -------- パンくず上  ------- */
#content #pan_top{
	margin:15px 0px 20px 10px;
	font-size:13px;
	}

/* -------- パンくず下  ------- */
#content #pan_bottom{
	margin:15px 0px 20px 0px;
	font-size:13px;
	}	

/* --- Googleadsenseリンクユニット --- */	
#content .linkunit{
	margin:20px 0px 20px;
	}

/* --- 記事タイトル line-heightでFoxの縦幅調節！ --- */	
#content h1{
	line-height:180%;
	padding:1px 0px 1px 2px;
	margin:0px 0px 0px 0px;
	font-size:16px;
	background-color:#D8E2FF;
	}
	
/* --- 記事タイトルのリード画像 --- */	
#content img.h1image{
	position:relative;
	top:1px;
	left:-7px;
	}
	
/* -- 記事のフッター（個別）※何故かクラス名変えると表示おかしなる┐(´ー｀)┌ - */	
#content .entry-footer{
	font-size: 10px;
	color: #999999;
	margin:0px 0px 10px;
	padding: 6px 0px 0px;
	line-height:150%;
	}
		
/* --- 記事のフッターリンク消し（個別） --- */	
#content .entry-footer a{
	text-decoration:none;
	color:#999999;
	}
	
/* --- はてなに追加 --- */	
.entry-footer img.hatena_a{
	border: 0px solid ;
	vertical-align: middle ;
	}
	
/* --- はてなの被ブックマーク数を表示（表示先は上と一緒） --- */	
.entry-footer img.hatena_b{
	border: 0px solid ;
	vertical-align: middle ;
	}
	
/* --- livedoorクリップに追加 --- */	
.entry-footer img.livedoor_a{
	border: none;
	vertical-align:middle;
	}	

/* --- livedoorクリップの被ブックマーク数を表示 --- */	
.entry-footer img.livedoor_b{
	border:none;
	vertical-align:middle;
	}

/* --- ソーシャルブックマーク（汎用） --- */		
.entry-footer img.sbm{
	border: 0px solid;
	vertical-align: middle;
	}
	
/* --- MTTagInvokeプラグイン、リード <div>関連エントリー</div> --- */	
#content .kanren{
	margin:30px 0px 0px;
	}

/* --- MTTagInvokeプラグイン、記事毎の<div>--- */	
#content .mttaginvoke{
	margin:0px 0px 20px;
	line-height:200%;
	font-size:13px;
	}	
	
/* --- はてなの被ブックマーク数を表示、※vertical-align: middle使うとリンクがIEでおかしなる --- */	
img.kanren_hatena{
	}	
	
/* --- MTTagInvokeプラグイン、所属カテゴリ名。下とのマージンはここ --- */	
#content .mttaginvoke_category{
	margin:10px 0px 20px;
	}
	
/* --- 所属カテゴリ名のフォルダ画像 --- */	
#content .mttaginvoke_category img{
	position:relative;
	top:3px;
	left:0px;
	}	

/* ---	
#content .mttaginvoke .lead{
	background-image: url(../images/zengolink.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:0px 0px 0px 15px;
	}
--- */		
	
/*--- タグのリストを全部括ったもの ---*/
.entry-tags {
	margin: 15px 0px -10px 0px;
	font-size:12px;
	}

/*--- エントリータグのリード画像 ※使ってない ---*/
.entry-tags div img{	
	position:relative;
	top:1px;
	left:-3px;
	}	

/*--- リストを横に並べるため ---*/
.entry-tags div ,
.entry-tags ul,
.entry-tags li {
	display: inline;
	}

.entry-tags div{
	margin:0px 0px;
	}

/*--- display: inline;指定したらlist-style:none;無くてもええがアホなブラウザ用 ---*/
.entry-tags ul{
	list-style:none;
	padding: 0px;
	margin:0px 0px;
	}	

.entry-tags li{
	margin:0px 2px;
	}						
	
/* --- GoogleAdsense --- */	
#content .googleadsense{
	margin:25px 0px 20px;
	}
	
/* --- 記事下の広告まるごとdiv --- */	
#content .bottom_merchant{
	margin:20px 0px 20px;
	padding:0px 0px 0px 0px;
	}	
			
/* --- 前後のページ、などのタイトル --- */	
#content .zengolink_title{
	border-top: 1px solid #2572CE;
	border-left: 5px solid #2572CE;
	background-color:#FFF;
	margin:30px 0px 15px 0px;
	padding:10px 0px 5px 5px;
	line-height:90%;
	font-weight:bold;
	font-size:15px;
	}
			
/* --- カテゴリ前後リンク丸ごと previousnextincategoryプラグイン--- */	
#content .previousnextincategory_again{
	line-height:200%;
	font-size:13px;
	margin:0px 0px 20px;
	}

/* ---	
#content .previousnextincategory_again .lead{
	background-image: url(../images/zengolink.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:0px 0px 0px 15px;
	}
--- */		
	
/* --- サイト全体前後リンク againプラグイン ※使ってない	
#content .again{
	font-size:13px;
	line-height:170%;
	margin:0px 0px 20px;
	} --- */
/* ---	
#content .again .lead{
	background-image: url(../images/zengolink.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:0px 0px 0px 15px;
	}
--- */

/* --- 最新のエントリー 
#content .lastnentry{
	font-size:13px;
	margin:0px 0px 0px;
	}
	
	　最新のエントリーの日付 
#content .lastnentry span{
	margin:0px 0px 0px 10px;
	}
--- */	
	
/* --- カテゴリメニュー ※使ってない --- */	
#content .entry_categorylist{
	margin:20px 0px 20px 0px;
	}
	
/* --- カテゴリのリード文 ※使ってない --- */	
#content .entry_categorylist lead{
	margin:0px 0px 0px 0px;
	}	
	
/* --- カテゴリ1個ずつ ※使ってない --- */	
#content .entry_categorylist .category{
	background-image:url(../images/folder0.gif);
	background-repeat:no-repeat;	
	background-position: 0px 0px;
	line-height:120%;
	padding:0px 0px 0px 20px;
	margin:5px 0px 5px 10px;
	}
	
/* ++++++++++ サムネイル画像をクールに拡大表示する Highslide JS用 ++++++++++ */ 	

/*-- 鬱陶しいからカーソル画像使ってない。つまりアップしてない！ --*/	
.highslide {
    cursor: url(../js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 1px solid gray;
}
.highslide:hover img {
    border: 1px solid silver;
}
.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

/*--credit出す場合はdisplay: none;消せ--*/
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
	display: none;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/******************************************/
　/* -----トラックバック、コメント ----- */
/******************************************/
	
/* --- 被トラックバック --- */	
#trackback{
	font-size:13px;
	margin:30px 0px 0px;
	}
	
#trackback p{
	margin:15px 0px;
	}
	
/* ---「この記事のトラックバックURL」　ここでfont-size指定しないとFirefoxでは効かない！ --- */
#trackback .url div{
	font-size:13px;
	padding: 5px 0px 0px;
	}
	
/* --- トラバURL自動選択  --- */	
#trackback .url input{
	margin: 0px 0px 15px 0px;
	padding : 3px 0px 6px 5px ;
	width : 230px ;
	border-top:1px solid #FFF;
	border-bottom:1px solid #BFBFBF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	background-color:#FFF;
	line-height:100%;
	}		
	
/* ---トラックバックのリード文 --- */
#trackback .trackbacks{
	font-size:12px;
	border-bottom: 1px solid #999;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}
	
/* --- トラックバックの内容 --- */	
#trackback .trackbacks_excerpt .excerpt_img{
	font-size:12px;
	background-image: url(../images/trackback.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin: 0px;
	padding:0px 0px 0px 15px;
	}
	
/* --トラックバック時刻 -- */		
#trackback p.posted{
	color: #999999;
	font-size: 10px;
	border-top: 1px dashed #999999;
	margin: 5px 0px 25px 0px;
	padding: 3px;
	}	

/* --- コメントのリード文 --- */	
#trackback .comments{
	font-size:12px;
	border-bottom: 1px solid #999999;
	padding-bottom:0px;
	margin:10px 0px 5px 0px;
	}
	
/* --- コメントの内容（外） --- */	
#trackback .comments_body{
	background-image: url(../images/comments.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin: 0px ;
	}

/* --- コメントの内容（内） 
テンプレには<p>ないが、出力ソースには<p>ある ------- */	
#trackback .comments_body p{
	font-size:12px;
	margin: 0px 0px 10px;
	padding:0px 0px 0px 17px;
	}
	
/* --コメント投降者 -- */		
#trackback div.posted{
	color: #999999;
	font-size: 10px;
	border-top: 1px dashed #999999;
	margin: -5px 0px 25px 0px;
	padding: 3px;
	}	

/* ---この記事へコメントを投稿できます --- */		
#trackback .comment_write{
	font-size:13px;
	background-image: url(../images/comments_write.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding : 0px 0px 0px 19px ;
	margin: 25px 0px 0px 0px;
	}
	
/* --- コメント用フォームパーツ ～名前、メアド、ホムペ --- */
#author,#email,#url{
	border:1px solid #727272;
	background-color:#F7F7F7;
	}

/* --- コメント用送信ボタン ボタン色を付ける為に試行錯誤！
　　～送信ボタンを囲む<div>にclass="button"を設定し、inputに効かす事で解決！
　　　inputに直接class="button"としても、Firefoxで送信ボタンの色が付かない！～

	但し、この方法だとコメントプレビュー＆エラーではボタンに色つけられない！→3.2で解決！
　--- */	
#trackback .button input{
	border:1px solid #727272;
	background-color:#F7F7F7;
	margin: 0px 5px 0px 0px;
	padding:2px 0px 0px;
	line-height:150%;
	}

/* ---- 確認、投稿ボタン ---- */	
#trackback .button{
	margin:10px 0px 0px 100px;
	}	

/* --- コメント用テキストエリア
    例によってfoxでは文字サイズおかしなるので、ここでも指定する！ --- */
#trackback textarea{
	border:1px solid #727272;
	background-color:#F7F7F7;
	scrollbar-face-color:#E8E8E8;
	width:80%;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	}

/* --- コメント用フォームパーツ ←ここで色と線を指定すると、IEでラジオボタンの周りに色と線ついて変になる！ けど、ここで指定しないと今度はFirefoxで送信ボタンの色が付かない！--- */
#trackback input{
	}
	
/*+++ コメントプレビュー＆エラー＆保留のタイトル<div> +++*/
#trackback .comments_tp{
	border-left: 10px solid #FFC080;
	padding:3px 0px 0px 10px;
	margin:0px 0px 20px;
	line-height:150%;
	}
	
/* --- コメントプレビューの上だけ（下は通常の）、コメントの内容（外）
コメントの内容ない時にコメントの吹き出し画像があるとまずいから別に設定 --- */	
#trackback .comments_body_preview{
	margin: 0px ;
	}

/* --- コメントプレビューの上だけ（下は通常の）、コメントの内容（内） 
テンプレには<p>ないが、出力ソースには<p>ある ------- */	
#trackback .comments_body_preview p{
	font-size:12px;
	margin: 0px 0px 10px;
	padding:0px 0px 0px 17px;
	}		
	
/*+++ ↑先頭 +++*/
#content .totop{
	margin:20px 0px 20px;
	font-size:13px;
	}
	
/**********************************************************************/
/* +++++++++++++++++ カテゴリのコンテンツ部分デザイン +++++++++++++++ */ /**********************************************************************/

/* ------- ページ分割上　------- */
#content .paginate{
	text-align:center
	}
	
/* ------- ページ分割下　------- */
#content .paginate_bottom{
	text-align:center;
	margin:20px 0px 0px;
	}	

/* - カテゴリでの記事タイトル line-heightでFoxの縦幅調節！ - */	
#content h2.entry_title{
	margin:30px 0px 20px 0px;
	padding:1px 0px 0px 5px;
	font-size:16px;
	line-height:180%;
	background-color:#D8E2FF;
	clear:both;
	}

/* --- 記事タイトルのリード画像 --- */	
#content img.h2image{
	position:relative;
	top:1px;
	left:-6px;
	}

/* --- カテゴリでの記事タイトルのリンク消し --- */	
#content h2.entry_title a{
	text-decoration:none;
	color:#000;
	}
	
#content h2.entry_title a:hover{
	text-decoration:none;
	color:#3399CC;
	}
	
/* -- 何故かクラス名.entry-footerでないとアイコンの並び崩れる！しゃあないから上マージンは直打ち！
投稿日とかSBMとか（カテゴリ）ここもクラス名変えるとおかしなる┐(´ー｀)┌	
#content .category-entry-footer{
	font-size: 10px;
	color: #999999;
	margin:-20px 0px 10px;
	padding: 6px 0px 0px;
	line-height:150%;
	} */
		
/* --- 投稿日とかSBMとか、リンク消し（カテゴリ）
#content .category-entry-footer a{
	text-decoration:none;
	color:#999999;
	}	 --- */	
	
/* --- 記事概要 --- */	
#content .category_entry_body{
	padding-bottom:20px;
	border-bottom: 1px solid #CCCCCC;
	}

/* --- 続きを読む --- */	
#content .entry_more_link{
	font-size:13px;
	}
	
/* --- 続きを読む、続きを隠す、使ってない！ --- */	
#content .showhide{
	font-size:13px;
	}
	
/**********************************************************************/
/* +++++++++++++++++ トップページ +++++++++++++++ */ /**********************************************************************/

/* --- 全部括ったdiv --- */	
#content .top{
	margin:30px 0px;
	}
	
/* --- カテゴリ毎にカテゴリ名とエントリを括ったdiv --- */	
#content div.topcategory{
	border-bottom:solid 1px #B2B2B2;
	margin:25px 0px 0px 0px;
	padding:0px;
	}	

/* --- カテゴリ名 --- */	
#content div.topcategorytitle{
	padding:0px 0px 0px 5px;
	margin:0px 0px 10px 0px;
	}	
	
/* - 記事タイトル line-heightでFoxの縦幅調節！ - */	
#content div.topentrytitle{
	margin:0px 0px 10px 5px;
	padding:0px 0px 0px 5px;
	font-size:14px;
	line-height:180%;
	}

/* --- 記事タイトルのリード画像 --- */	
#content img.h2imagetop{
	position:relative;
	top:1px;
	left:-6px;
	}

/* --- 記事タイトルのリンク消し --- */	
#content div.topentrytitle a{
	text-decoration:none;
	color:#000;
	}
	
#content div.topentrytitle a:hover{
	text-decoration:none;
	color:#3399CC;
	}			
	
/**********************************************************************/
/* ++++++++++++++++++ タグ検索結果ページ ++++++++++++++++++ */ /**********************************************************************/
	
/*--- タグ検索の結果 ---*/
h4.tagsearchlead{
	margin:5px 0px 20px;
	font-size:15px;
	line-height:150%;
	}
	
	
/* - 記事タイトル line-heightでFoxの縦幅調節！ - */	
#content h2.entry_title_tag_search{
	margin:15px 0px 10px 0px;
	padding:1px 0px 0px 5px;
	font-size:16px;
	line-height:180%;
	background-color:#D8E2FF;
	}

/* --- 記事タイトルのリード画像 --- */	
#content entry_title_tag_search img.h2image{
	position:relative;
	top:1px;
	left:-6px;
	}

/* --- カテゴリでの記事タイトルのリンク消し --- */	
#content h2.entry_title_tag_search a{
	text-decoration:none;
	color:#000;
	}
	
#content h2.entry_title_tag_search a:hover{
	text-decoration:none;
	color:#3399CC;
	}		
	
/* --- 結果エントリーの概要 --- */	
#content .entryexcerpt_tag_search{
	margin:15px 0px 0px;
	}
	
/* --- 結果エントリーのフッター（カテゴリ表示させとる） --- */	
#content .entry_footer_tag_search{
	font-size: 10px;
	color: #999999;
	margin:-5px 0px 0px;
	padding: 3px 0px 0px;
	}
		
/* --- フッターリンク消し --- */	
#content .entry_footer_tag_search a{
	text-decoration:none;
	color:#999999;
	}
	
/**********************************************************************/
/* +++++++++++++++++++++++ サイトマップ +++++++++++++++++++ */ /**********************************************************************/	

/*-- カテゴリ毎の間隔調整 --*/
#content .sitemap ul{
	margin-bottom:15px;
	}	
	
/*-- カテゴリとエントリを括った<li> --*/
#content .sitemap li.sitemap_category{
	font-size:14px;
	list-style: none;
	}

/*-- カテゴリ名 --*/
#content .sitemap li.sitemap_category div{
	line-height:160%;
	border-left: 7px solid #0066FF;
	padding:0px 0px 0px 5px;
	margin:0px 0px 5px -40px;
	}		
	
/*-- エントリタイトル名 --*/
#content .sitemap li.sitemap_entry{ 
	font-size:13px;
	list-style: none;
	line-height:160%;
	margin:0px 0px 0px -40px;
	}