@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 ;
	}
*/

/************************************************************************/
/* +++++++++++++++++++++++++++++ ベース設定 +++++++++++++++++++++++++++ */ /************************************************************************/

body 	{
	margin:0px ; /* ページ全体のmargin ～IE＆Firefoxはこれで調節*/
	padding: 0px 10px; /* ページ全体の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:#F4F4F4;
	}

/*++++　基本的なリンクスタイル　++++*/
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;
	}

/* ---- <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;
	}	
	
.size17	{
	font-size : 17px;
	}	


/* ++++++ ブログの横幅設定 ++++++ */

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

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

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

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



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

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;
	}

/************************************************************************/
/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */
/************************************************************************/
	
/*--- 超高速で超便利なAjax で全文検索するJavaScript ---*/		
h3	{
	font-size:18px;
	}

.entry-body-text{
	font-size:14px;
	}

.entry-body-text li a{
	font-size:16px;
	}	

/* 各ブラウザ対策でmargin: 0px;　padding: 0px;を明示しておきます。 */
#container {
	/*
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", "Osaka",Verdana, Helvetica, sans-serif; Firefoxでは順番を日本語フォントを先にしないと表示おかしなる！ */
	/* margin: 0px; これ入れるとFirefoxで中央寄せが消える！  */
	font-family: Verdana, Tahoma,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	padding: 0px;
	background-color: #fff;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	line-height: 200%;
	}

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

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

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

#banner {
	background-color: #F7DEC6;
	}

#content{
	/* ここでfont-sizeをpx指定するとarchive.cssでなんぼ％指定してもブラウザで文字サイズ変わらない！ */
	padding: 10px 10px 30px;
	}

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

#footer {
	color:#333;
	font-size:13px;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #999999;
	background-color: #F7DEC6;
	}

/********************************************************************/
/* +++++++++++++++++++++ パーツのデザイン設定 +++++++++++++++++++++ */
/********************************************************************/

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

/* サイトのタイトル・概要が入るところ
paddingを0px以外にする場合、heightを削除しpaddingで
高さを調節するのがベターです。 */
#banner {
	position : relative; z-index: 1;/*重なり深度*/
	margin: 0px;
	padding: 0px;
	height: 40px;
	/*background-image: url(../images/parts/banner_bg.gif);　
	background-repeat: no-repeat;
	background-position:0% 0%;*/
	border-bottom:1px solid #999999;

}

/* --------  タイトル～21世紀のアフィリエイト通販生活～  ------- */
#banner div{
	font-size:18px;
	padding:7px 0px 0px 15px;
	}

/* --------  タイトル～21世紀のアフィリエイト通販生活～  ------- */
#banner a {
	color: #333333;
	text-decoration: none;
	}

/* 検索フォーム  */	
#banner form {
	position: absolute; /* 親ボックスにrelativeがあるので、親ボックスの左上が基準位置*/
	top  : 8px;/* 親ボックスの左上が基準位置となります。 */
	right: 10px;/* 親ボックスの左上が基準位置となります。 */
	left: auto; /* 自動的に調整されます。これが初期値です。*/
	bottom: auto; /* 自動的に調整されます。これが初期値です。*/
	margin: 0px;
	padding: 0px 0px;
	font-size:14px;
	color: #000;
	}

#banner input{
	vertical-align:middle;  /* --- 「サイト内検索」の文字がズレてるの修正  --- */
	}

/* 検索ボタン  */	
#banner input.button{
	background-color:#F9F9F9;
	padding:2px 0px 0px; /* ---  ボタンの「検索」文字がズレてるの修正、Firefoxでちょっとおかしいけど無視。  --- */
	}

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

　　　/* -------- 個別アーカイブ用のarchive.cssに記述   ------- */

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

#side .test{
	background-color:#f6f6f6;
	}

#side .lead{
	color:#666666;
	text-align:center;
	margin:10px 0px 5px 0px;
	background-color:#F7DEC6;
	border: 1px solid  #F2F2F2;
	border-top-color:#DDDDDD;
	border-right-color:#727272;
	border-left-color:#DDDDDD;
	border-bottom-color:#727272;
	}
	
	

/* ----　サイドの広告スペース　---- */

#side .side_merchant	{
	text-align:center;
	border:solid 1px #B2B2B2;
	margin:25px 5px 20px 5px;
	padding-bottom:0px;
	}

#side .side_merchant div{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:-11px;
	width:170px;
	background-color:white;
	}

#side .side_merchant p.merchant{
	text-align:left;
	margin:0px 0px 15px ;
	padding:0px 0px 0px 30px;
	font-size:16px;
	}
	
#side .side_merchant p.merchant_exp{
	text-align:left;
	margin-bottom:10px;
	padding:0px 10px 0px;
	line-height:150%;
	font-size:13px;
	}			

/* ------ 最近のエントリーのリストマーク ----- */
#side div.entry{
	background-image: url(../images/parts/pin_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding:0px 0px 0px 15px;
	}

/* ------ サイドの各項目のリストマーク ----- */
#side .links a{
	display:block;
	background-image: url(../images/parts/pin_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding:0px 0px 0px 15px;
	}

/* ------ 月別プルダウン・メニュー ----- */
#side form{
	margin:10px 0px;
	}

/* ------ 月別プルダウン・メニュー ----- */	
#side select{
	width: 100%;
	}
	
/* ------ インラインフレーム　MyblogList　Blog People ----- */

/* ------ 使ってない！MyblogList　----- */
#side .mybloglist{
	overflow: auto; height: 150px; 
	}
	
/* ------ 使ってない！MyblogList UP画像 ----- */	
#side .mybloglist img{
	vertical-align:middle;
	margin-left:0px;
	}
	
/* ------ Blog People　----- */	
#side .blogpeople-main{
	overflow: auto; height: 150px;
	}
	
/* ------ Blog People UP画像 ----- */
#side .blogpeople-main img{
	vertical-align:middle;
	margin-left:5px;
	}	
	
/* --- BlogPeopleやMyblog Japanのスクロールバー	 --- */	
#side  {
	scrollbar-face-color:#FFF4E8;
	}	

/********************************************************/
/* ++++++++ コメントプレビュー＆エラー＆検索 ++++++++++ */ /********************************************************/

/* ---- コメント・エラーのテンプレート内  ---- */	
.comments_error{
	background-image: url(../images/parts/comment_error.gif);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	margin:10px 0px;
	padding : 5px 0px 0px 20px;
	border-bottom: 1px solid #666;
	width: 80%;
	}

/* ---- コメントプレビュー＆エラー＆検索のサイド  ---- */	
.comments_search_side{
	margin:0px 0px 0px 20px;
	}

/* ---- Xserverのバナー広告 ---- */	
.comments_search_side div{
	margin:20px 0px 5px;
	}
	
/* ---- コース＆機能説明 ---- */
.comments_search_side p{
	margin:0px 0px 10px;
	}

/* ---- 当サイトも利用 ---- */
.comments_search_side .xserver{
	}	

/**********************************************************************/
/* +++++++++++++++++++++++ フッター部分のデザイン +++++++++++++++++++ */ /**********************************************************************/

/* ---- ↓上にもある ---- */
#footer{
	
	}

/* ---- Powered by  ---- */
#footer div{
	line-height:100%;
	margin:0px;	
	padding:5px 0px;
	}

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


/* ---- 21世紀のアフィリエイト通販生活へのリンク ---- */
#footer p a{
	color:#333;
	text-decoration:none;
	}

/********************************************************************/
/* +++++++++++++++++++ エントリ投稿画面で使う奴 +++++++++++++++++++ */
/********************************************************************/	
	
.red	{
	color:#FF0000;
	}
	
.blue{
	color:#0000FF;
	}
	
.pink	{
	color:#E06897;
	}	
	
.orange	{
	color:#FF9900;
	}
	
.brown  {
	color:#996600;
	}
	
.white  {
	color:#fff;
	}