@charset "utf-8";

/************************************/
　/* -------　中央カラム　------- */
/************************************/
	

/* -------　個別＆カテゴリ・アーカイブのパンくず上　------- */	
#content .pan_top{
	font-size:13px;
	}

/* -------　個別＆カテゴリ・アーカイブのパンくず下　------- */		
#content .pan_bottom{
	font-size:13px;
	margin:10px 0px 0px;
	}

/* -------　月別アーカイブのパンくず上　------- */	
#content .databased_pan_top{
	font-size:13px;
	margin:0px 0px 10px
	}

/* -------　月別アーカイブのパンくず下　------- */	
#content .databased_pan_bottom{
	font-size:13px;
	margin:10px 0px 0px
	}
	
/* ------- ページ分割　------- */
#content .paginate{
	font-size:14px;
	text-align:center
	}			

#content h1{
	font-size:16px;
	font-weight:normal;
	margin-top: 25px;
	margin-bottom:0px;
	padding:0px 0px 0px 20px;
	border-bottom: 1px solid #B2B2A0;
	background-image: url(../images/parts/h1mark.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height:160%;
	}
	
/* --- カテゴリ＆月別での<h1><a>タイトル</a></h1>のリンク消し --- */	
#content h1 a{
	text-decoration:none;
	color:#000000;
	}
	
#content h2	{
	font-size:16px;
	font-weight:normal;
	margin:15px 0px 5px;
	border-bottom: 1px dotted #B2B2A0;
	background-image: url(../images/parts/h2mark.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding:0px 0px 0px 17px;
	}

/* ---- 検索結果でのタイトル表示 ---- */	
#content h3 {
	font-size:16px;
	}

/* ---- letter-spacing:1px;は意外と効果的！ ---- */	
#content p {
	font-size:85%;
	letter-spacing:1px;
	margin-top: 0px;
	margin-bottom: 30px;
	/* -------- 
	text-align:justify;  
	text-justify:distribute; 文章の両端を揃えて表示する 
	------- */ 	
	}

/* 記事上のカテゴリ表示 */
#content .category {
	font-size: 80%;
	color: #333;
	margin-top: 5px;
	margin-bottom:10px; 
	text-align:right; 
	}

/* エックスサーバー評価用 */
#content .xserver_merit{
	font-size:16px;
	font-weight:normal;
	margin:15px 0px 15px;
	border-bottom: 1px dashed #B2B2A0;
	background-image: url(../images/parts/hakusyu.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding:0px 0px 0px 19px;
	}
	
#content .xserver_demerit{
	font-size:16px;
	font-weight:normal;
	margin:15px 0px 15px;
	border-bottom: 1px dotted #B2B2A0;
	background-image: url(../images/parts/muka.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding:0px 0px 0px 19px;
	}
	
/* Amazonの小項目用 */
#content .amazon_small{
	font-weight:normal;
	margin:15px 0px 15px;
	border-bottom: 1px dashed #B2B2A0;
	background-image: url(http://www.55link.com/images/icons/flag.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:0px 0px 0px 19px;
	}

/* 引用文　クイック投稿の時にも利用される！ */
#content blockquote{
	font-size:90%;
	line-height: 170%;
	color : #000;
	margin: 15px 15px;
	padding:10px 10px;
	width: 90%;
	background-color: #ffffdd;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
	}
	
#content blockquote p{
	margin:10px 0px 10px;　
	}	
	/* ----　これ効かない！だからクイック投稿使う時は、空白行入れないようにする。空白行いれると強制邸に<P>タグはいる。　---- */
	
/*--- クイック投稿用のリンクタイトル ---*/	
#content div.quotetitle{
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #999999;
	}	

#content blockquote a{
	text-decoration: none;
	}
	
#content blockquote p{	
	font-size:95%;
	}	
	
/* -------- エントリーの投稿者  ------- */
#content p.posted {
	font-size: 10px;
	color: #999999;
	border-top: 1px solid #CCCCCC;
	margin:10px 0px 0px;
	padding: 3px;
	}

/* --- 個別記事下のEditボタン --- */		
#content p.posted a{
	text-decoration:none;
	color:#999999;
	}	

/* --- ↑TOP --- */	
#content .top{
	font-size:10px;
	width:115px;
	margin-bottom: 0px; /* --　これ指定するとコンテンツとフッターの間が空いてまう！-- */
	}

/* --- ↑TOP --- */		
#content .top a{
	display:block;
	margin-bottom: 10px; /* --　こっちだと大丈夫　-- */
	text-decoration:none;
	background-color: #fff;
	/* border: 1px solid #666666; */
	color:#333333;
	padding: 0px 3px;
	line-height: 170%;
	}

/* --- ↑TOP --- */		
#content .top a:hover{
	background-color: #DC6000;
	color:#FFF;
	
}

/* ----- Google AdSense ----- */
#content .google_adsense{
	margin: 30px 0px 20px; 
	}

/* ----- Amazon おまかせリンク----- */
#content .amazon_omakase{
	margin: 30px 0px 20px; 
	}	

/* ----- Google AdSense リンクユニット----- */
#content .google_adsense_linkunit{
	margin: 30px 0px 20px; 
	}

/* ----- Google AdSense 紹介----- */
#content .google_adsense_introduction{
	margin:10px 0px;
	}

/* -----　人気ブログ・ランキング ----- */
#content .blogranking{
	margin:10px 0px 15px; 
	font-size:12px;
	}
	
#content .blogranking img{
	vertical-align:middle;
	}

/* --- カテゴリ前後リンク --- */	
#content .previousnextincategory_again{
	font-size:13px;
	line-height:170%;
	margin:0px 0px 20px;
	}
	
#content .previousnextincategory_again .lead{
	background-image: url(../images/parts/pin_yellow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:0px 0px 0px 15px;
	}
	
/******************************************/
　/* -----トラックバック、コメント ----- */
/******************************************/

#trackback{
	font-size:13px;
	}
	
#trackback p{
	font-size:13px;
	margin:15px 0px;
	}
	
/* ---「この記事のトラックバックURL」　ここでfont-size指定しないとFirefoxでは効かない！ --- */
#trackback .url div{
	font-size:13px;
	padding: 5px 0px;
	}
	
/* --- トラバURL自動選択  --- */	
#trackback .url input{
	margin-left: 0px;
	padding : 3px 0px 4px 5px ;
	width : 280px ;
	border:1px solid #727272;
	background-color:#FFFCF7;
	}	
	
	
/* ---トラックバックのリード文 --- */
#trackback .trackbacks{
	font-size:12px;
	border-bottom: 1px solid #999;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	
	}

/* --- コメントのリード文 --- */	
#trackback .comments{
	font-size:12px;
	border-bottom: 1px solid #999999;
	padding-bottom:0px;
	margin:10px 0px 5px 0px;
	}
	
/* --- トラックバックの内容 --- */	
#trackback .trackbacks_excerpt .excerpt_img{
	font-size:12px;
	background-image: url(../images/parts/trackback.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin: 0px;
	padding:0px 0px 0px 15px;
	}

/* --- コメントの内容（外） --- */	
#trackback .comments_body div{
	background-image: url(../images/parts/comments.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin: 0px ;
	}

/* --- コメントの内容（内） 
テンプレには<p>ないが、出力ソースには<p>ある ------- */	
#trackback .comments_body p{
	font-size:12px;
	margin: 0px ;
	padding:0px 0px 0px 17px;
	} 

/* ---トラックバック時刻、コメント投降者 --- */		
#trackback p.posted{
	color: #999999;
	font-size: 10px;
	border-top: 1px dotted #999999;
	margin: 5px 0px 25px 0px;
	padding: 3px;
	}

/* ---この記事へコメントを投稿できます --- */		
#trackback .comment_write{
	font-size:13px;
	background-image: url(../images/parts/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:#FFFCF7;
	}

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

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

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

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

/* --- 絵文字を囲んだ<div>--- */	
.converticonmacro{
	width:80%;
	}

/* --- コメント用フォームパーツ ←ここで色と線を指定すると、IEでラジオボタンの周りに色と線ついて変になる！ けど、ここで指定しないと今度はFirefoxで送信ボタンの色が付かない！--- */
#trackback input{
	}

/* ------ Amazonの商品画像 ------ */	
#content .amazon img{
	padding:0px 10px 5px 0px;
	}
/* ---
#content #amazonmusic img{
	padding:0px 10px 5px 0px;
	}
--- */
		
#content .drk7jpSimilarity{
	margin-top: 0px;
	}
#content .drk7jpSimilaritySiteTitles{
	margin-top: 0px;
	font-size:14px;
	}
#content .drk7jpSimilaritySiteSummarys{
	font-size:13px;
	}
	
#content .drk7jpSimilaritySiteSummarys img{
	margin-bottom: 0px;
	
	}
/* ---	
#content #amazonmusic .drk7jpSimilaritySiteSummarys img{
	margin-bottom: 0px;
	}		
--- */	
#content .drk7jpSimilarityFooter{
	display:none;
	}
/* ---	挿入されるコード
<DIV class=drk7jpSimilarity>
　<DIV class=drk7jpSimilaritySiteTitles>検索結果タイトル</DIV>
　<DIV class=drk7jpSimilaritySiteSummarys>内容説明</DIV>
　<DIV class=drk7jpSimilarityFooter>$powered</DIV>
</DIV>
 --- */		

/******************************************/
　/* -------- Amazon amazlet ------- */
/******************************************/

 
/* ---- 全体を囲む<div> 中でfloat使ってるので、ここで余白設定するのは難しい
	スタイルシート・ステップアップ・アレンジブック～P228 ---- */
.amazlet-box{
	
	}	

/* ---- 左側の表示 ここにFLOATがある！ 商品画像リンクを囲む<ｄiv>、
     Firefoxで右半分が下に回り来んだ時用の画像下マージン設定
     ここで全体の上マージン設定しようかと思たけど、IEではおかしなるので
     previousnextincategory_againの下マージンで設定 ---- */
.amazlet-image{
	margin:0px 0px 5px;
	}
	
/* ---- 右側の表示 ここにもFLOATがある！
	FLOATのお陰で独立して扱われる為に、ここで全体の下マージンを設定 ---- */
.amazlet-info{
	font-size:13px;
	margin-bottom:20px;
	}

/* ---- posted with amazlet on ～ ---- */
.amazlet-powered-date{
	display:none;
	}

/* ---- 一番最後にある回り込み解除だけの設定  ---- */	
.amazlet-footer{
	
	}	


/******************************************************/
　/* -------- Amazon Gツール クラス出力用------- */
/******************************************************/

/*
<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>
*/

.g-tools_table{
/* -------- 何も設定してないけど、これ抜かすとFirefoxで効かない！ ------- */
	}

/* ---- 商品タイトルリンク ---- */
.g-tools_title{
	font-size:14px;
	}	

/* ---- 右側の表示（除、一番下のby G-Tools） ---- */
.g-tools_body{
	font-size:13px;
	}

/* ---- 商品画像 ---- */	
.g-tools_img{
	margin:0px 10px 0px 0px;
	}	

/* ---- ☆画像のマージン、Firefox用
　　やけど、これ設定しても<br>が効いてもてあかん（怒）！ ---- */
.g-tools_body img{
	margin:0px;
	}		

/* ---- by G-Tools ---- */
.g-tools_by{
	display:none;
	}	

/******************************************/
/* -------- 記事欄で画像使う場合 ------- */
/******************************************/

.imgleft {
	float:left;
	margin:5px 10px 5px 0;
	}

.imgright {
	float:right;
	margin:5px 0 5px 10px;
	}