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

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

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

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

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

.red	{
	color:#DD0000;
	}
	
.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指定 ----- */
.fleft{
	margin:0px 15px 10px 0px;
	}

/* ---- 画像回り込み ブラウザによって上余白入るので0px指定 ----- */
.fright{
	float:right;
	margin:0px 0px 10px 15px;
	}
	
/*--- 高速検索のリード ---*/
h5	{
	border-left: 7px solid #999999;
	margin:15px 0px 5px;
	padding:0px 0px 0px 5px;
	}
				
		
/************************************************************************/
/* +++++++++++++++++++++++++++++ ベース設定 +++++++++++++++++++++++++++ */ /************************************************************************/

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

/*++++　基本的なリンクスタイル　++++*/
/* ----
これを全部表示させると、<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;
	}
----- */		

/************************************************************************/
/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */
/************************************************************************/
		
/* 各ブラウザ対策でmargin: 0px;　padding: 0px;を明示しておきます。 */
#container {
	/*
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", "Osaka",Verdana, Helvetica, sans-serif; Firefoxでは順番を日本語フォントを先にしないと表示おかしなる！ */
	/* margin: 0px; これ入れるとFirefoxで中央寄せが消える！  */
	padding: 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
*/

#banner {
	background-image:url(../images/com.gif);
	background-repeat:no-repeat;	
	background-position: 35px 40px;
	margin: 0px;
	padding: 0px;
	height: 70px;
	}

/* -------- 横メニュー上、設定が<A>と連携しとるから下に内容書く！  ------- */
#menu_tab_top{
	}
	
/* -------- パンくず上  ------- */
#pan_top{
	font-family: "ＭＳ Ｐゴシック";
	margin:15px 0px 20px 10px;
	font-size:13px;
	}	

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

/* -------- パンくず下  ------- */
#pan_bottom{
	font-family: "ＭＳ Ｐゴシック";
	margin:15px 0px 20px 0px;
	font-size:13px;
	}	

/* -------- 横メニュー下 設定が<A>と連携しとるから下に内容書く！ ------- */
#menu_tab_bottom{

	}	

#footer {
	font-size:13px;
	padding: 0px;
	margin-bottom:5px;
	}
	
/* -------- ※トップページ用、使ってないぞ  ------- */	
#side_top{
	font-size:13px;
	padding:0px 0px 10px 0px;
	}
		
/**********************************************************************/
/* +++++++++++++++++++++++ バナー部分のデザイン +++++++++++++++++++++ */ /**********************************************************************/

/*--- paddingを0px以外にする場合、heightを削除しpaddingで
高さを調節するのがベターです。 ---*/

/* -- 鯖DBの方と各<div>のtop値が若干違うので修正する時注意！
	line-height:100%;とかやってみたけど結局駄目ヽ(`Д´)ﾉ -- */

/*重なり深度*/
#banner {
	position : relative;
	z-index: 1;
	}

/* 親ボックスにrelativeがあるので、親ボックスの左上が基準位置*/
/*--- サイトのタイトル ---*/	
#banner .sitetitle{
	position: absolute; 
	top  : 3px;
	left: 5px;
	font-family: Verdana, Tahoma, 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'MS UI Gothic','ＭＳ Ｐゴシック',sans-serif;
	font-size:17px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px;
	}

#banner .sitetitle a{
	text-decoration:none;
	color:#000;
	}
	
/*--- リンククラブの広告、あまりキチキチに右に寄せない。でないとMacで折り返されるぞ。 ---*/	
#banner .linkclub{
	background-image:url(../images/linkclub_bg.gif);
	background-repeat:no-repeat;	
	background-position: 0px 1px;	
	position:absolute;
	top:7px;
	left:490px;
	line-height:100%;
	padding:5px 0px 5px 120px;
	}		

/*--- サイトの概要、使ってない ---*/	
#banner .description{
	position: absolute; 
	top  :30px;
	left: 0px;
	background-image:url(../images/finger_one.gif);
	background-repeat:no-repeat;	
	background-position: 0px 5px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 18px;
	}	
	
/**********************************************************************/
/* ++++++++++++++++++++++ 上メニュー部分のデザイン ++++++++++++++++++ */ /**********************************************************************/

/* -- <list>での横メニュー上 
    鯖DBの方と<a>のpadding値が若干違うので修正する時注意！
	line-height:100%;とかやってみたけど結局駄目ヽ(`Д´)ﾉ -- */

/* --　overflow:hiddenでやっとFoxでブロック幅100％が効く！IEはあほやから関係ないw -- */
#menu_tab_top{
	font-size:12px;
	background-color:#0056FF;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:100%;
	}

#menu_tab_top ul{
	margin:0px;
	padding:0px;
	}

#menu_tab_top ul li{
	display:inline;
	border-top: #e0e0e0 1px solid;
	margin:0px;
	}
	
#menu_tab_top ul li a{
	float:left;
	text-decoration:none;
	border-right: #e0e0e0 1px solid;
	background-color:#0056FF;
	color:#fff;
	padding:2px 10px 1px;
	}	

/*-- 左のタブだけボーダーないのを修正 --*/	
#menu_tab_top ul li a.left_tab{
	border-left: #e0e0e0 1px solid;
	margin-left:38px;
	}
		
#menu_tab_top ul li a:hover{
	background-color:#ffcc00;
	color:fff;
	padding:2px 10px 1px;
	}

/* ---- パンくず上  ↑上にある ---- */
#pan_top{

	}
	
/**********************************************************************/
/* ++++++++++++++ 個別アーカイブのコンテンツ部分デザイン ++++++++++++ */ /**********************************************************************/

#container {
	padding:0px 0px 0px 0px;
	}

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

/* --- 記事タイトル（個別＆カテゴリ共用）line-heightでFoxの縦幅調節！ --- */	
#content h1{
	line-height:180%;
	border-bottom: 1px solid #B2B2A0;
	padding:0px 0px 1px 0px;
	margin:20px 0px 35px 5px;
	font-size:16px;
	}
	
/* --- これ全く要らんけど、リンク集で幻になっとる個別ページ用 --- */	
#content h1 a{
	text-decoration:none;
	}	
	
/* --- 記事タイトルのリード画像 --- */	
#content img.h1image{
	position:relative;
	top:1px;
	left:-6px;
	}
	
/* --- MTTagInvokeプラグイン、<div>関連エントリー --- */	
#content .kanren{
	margin:30px 0px 0px;
	}

/* --- MTTagInvokeプラグイン、記事部分を全部括った<div>--- */	
#content .mttaginvoke{
	font-size:13px;
	line-height:170%;
	margin:0px 0px 0px;
	}
	
/* --- MTTagInvokeプラグイン、所属カテゴリ名 --- */	
#content .mttaginvoke_category{
	margin:10px 0px -20px;
	}
	
/* --- MTTagInvokeプラグイン、所属カテゴリ名（else） --- */	
#content .mttaginvoke_category_else{
	margin:30px 0px -20px;
	}	
/* ---	
#content .mttaginvoke .lead{
	background-image: url(../images/zengolink.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:0px 0px 0px 15px;
	}
--- */	
	
/* --- 記事下の広告リンク（鯖） --- */	
table#entrybottom_s {
	border-top     : 1px solid #A6A6A6; 
	border-left    : 1px solid #A6A6A6; 
	border-collapse: collapse; 
	background     : #ffffff;
	vertical-align : top;
	margin: 40px 0px 0px;
    padding: 0px;
	width:520px;
	}

#entrybottom_s th {
	border-right: 1px solid #fff;
	background-color:#3300CC;
	font-size: 13px;
	color:#FFF;
	padding: 2px 3px;
	line-height:160%;
	text-align:center;
	}
	
/* --- <th>右端の線 --- */	
#entrybottom_s th.right{
	border-right: 1px solid #A6A6A6;
	}	

#entrybottom_s td {
	border-right: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
	font-size: 13px;
	padding: 4px 3px;
	line-height:160%;
	}
	
/* --- 業者名<td> --- */	
#entrybottom_s td.arrow{	
	background-image: url(../images/entry_bottom_arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
	padding:0px 0px 0px 24px;
	text-align:left;
	width:25%;
	}
	
/* --- 中央にしたいとこだけ --- */	
#entrybottom_s td.center{
	text-align:center;
	}		
	
/* --- 料金の数字 --- */	
#entrybottom_s strong{
	font-size:14px;
	}		
	
/* --- 記事下の広告リンク（ドメイン） --- */	
table#entrybottom_d {
	border-top     : 1px solid #A6A6A6; 
	border-left    : 1px solid #A6A6A6; 
	border-collapse: collapse; 
	background     : #ffffff;
	vertical-align : top;
	margin: 40px 0px 0px;
    padding: 0px;
	width:450px;
	}

#entrybottom_d th {
	background-color:#3300CC;
	font-size: 13px;
	color:#FFF;
	padding: 2px 3px;
	text-align:center;
	line-height:160%;
	}

#entrybottom_d td {
	border-right: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
	font-size: 13px;
	padding: 4px 3px;
	line-height:160%;
	}

/* --- 業者名<td> --- */	
#entrybottom_d td.arrow{	
	background-image: url(../images/entry_bottom_arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
	padding:0px 0px 0px 24px;
	width:30%;
	}
	
/* --- 料金<td> --- */	
#entrybottom_d td.ryokin{
	width:70%;
	}
	
/* --- 料金の数字 --- */	
#entrybottom_d strong{
	font-size:14px;
	}
		
/* --- 記事のフッター（個別） --- */	
#content .entry-footer{
	font-size: 10px;
	color: #999999;
	border-top: 1px solid #CCCCCC;
	margin:0px 0px 10px;
	padding: 6px 0px 0px;
	line-height:150%;
	}
		
/* --- 記事のフッターリンク消し（個別） --- */	
#content .entry-footer a{
	text-decoration:none;
	color:#999999;
	}
	
/* --- はてなに追加 --- */	
img.hatena_a{
	border: 0px solid ;
	vertical-align: middle ;
	}
	
/* --- はてなの被ブックマーク数を表示（表示先は上と一緒） --- */	
img.hatena_b{
	border: 0px solid ;
	vertical-align: middle ;
	}
	
/* --- livedoorクリップに追加 --- */	
img.livedoor_a{
	border: none;
	vertical-align:middle;
	}	

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

/* --- ソーシャルブックマーク（汎用） --- */		
img.sbm{
	border: 0px solid;
	vertical-align: middle;
	}
	
/*--- タグのリストを全部括ったもの ---*/
.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;
	}
	
/* --- データベースバナーリンク --- */	
#content .db_banner{
	margin:25px 0px 0px;
	}
	
/* --- データベース環境 --- */	
#content .db_env{
	margin:5px 0px 0px 10px;
	}							
	
/* --- Google Adsense --- */	
#content .adsense{
	margin:40px 0px 20px;
	}
			
/* --- 前後のページ、などのタイトル --- */	
#content .zengolink_title{
	border-top: 1px solid #2572CE;
	border-left: 5px solid #2572CE;
	background-color:#FFF;
	margin:30px 0px 15px 0px;
	padding:7px 0px 5px 5px;
	line-height:90%;
	font-weight:bold;
	font-size:15px;
	}
			
/* --- カテゴリ前後リンク previousnextincategoryプラグイン
#content .previousnextincategory_again{
	font-size:13px;
	line-height:170%;
	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;
	}	
	
/* --- 被トラックバック --- */	
#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 9px;
	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;
	}	
	
/**********************************************************************/
/* +++++++++++++++++ カテゴリのコンテンツ部分デザイン +++++++++++++++ */ /**********************************************************************/

/* ------- ページ分割上　------- */
#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 30px 0px;
	padding:1px 0px 0px 5px;
	font-size:16px;
	line-height:180%;
	}

/* --- 記事タイトルのリード画像 --- */	
#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:#FF0000;
	}	
		
/* --- 記事概要 --- */	
#content .category_entry_body{
	padding-bottom:20px;
	border-bottom: 1px solid #CCCCCC;
	}

#content .entry-more-link{
	font-size:13px;
	}
	
/* --- 続きを読む、続きを隠す、使ってない！ --- */	
#content .showhide{
	font-size:13px;
	}

/* --- 記事のフッター（個別＆カテゴリ共用）↑上にある ※使ってない --- */	
#content .entry-footer{
	
	}

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

/*--- サイド  ---*/
#side{
	}
	
/*--- サイト内検索  ---*/
#side .search{
	padding:0px 0px 0px 5px;
	margin:0px 0px 10px;
	}

/*--- サイト内検索窓の幅  ---*/
#side .search #search_box{
	width:180px;
	text-align:left;	
	}
	
/*--- サイト内検索ボタンの幅  ---*/
#side .search #search_button{
	width:100px;
	font-size:13px;	
	text-align:center;
	}
		
/*--- 検索以外を全部括ったもの～何故か#sideと二重にするとIEと狐で横幅一緒になる
	→のは当然じゃ。#sideにwidthを指定してあるからそこにpadding や borderも指定したら		　　　おかしなるのは当然だろ。
  ---*/
#side .bgcolor{
	border: #666666 1px solid;
	background-color:#F2F2F2;
	padding:5px 5px 5px;
	line-height:180%;
	}
	
/*--- 訪問リンクの色を変えないようにしてみる、がこれやるとa.blackがサイドだけ変わらないのでここに設定追加！ ※使ってない
#side .bgcolor a:visited{
	color:#0000ff;
	}
	
#side .bgcolor a.black  {
	text-decoration:none;
	color:#000;
	border-bottom:1px dashed #BFBFBF;
	}
	
#side .bgcolor a:visited.black{
	color:#000;
	}		
	
#side .bgcolor a:hover.black{
	color:#000;
	border-bottom:1px dashed #fff;
	}
 ---*/	
	
/*---- 折りたたみメニュー
	ほんまは<div id="domainname" class="blocklink">独自ドメイン取得</div>
	みたいに伸び縮みする部分全てに共通のクラス名（例：blocklink）を付けて、設定を簡略			　　化させたいけどそれやると
	#side a:visited{color:#0000ff;}との絡みでIEで表示おかしなる。
----*/

#side #categoryname a{
    display: block;
	text-decoration:none;
	color:#FFF;
	background-color:#666;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding:1px 0px 1px;
	margin:0px 0px 5px;
	text-align:center;
	}
	
#side #categoryname a:hover{
	}

/*---  カテゴリ毎の<div> ---*/
#side .category{
	padding:0px 0px 0px 0px;
	margin:5px 0px;
	font-size:12px;
	}
	
#side .category a:hover{
	background-color:#666666;
	color:#fff;
	}		

/*--- 独自ドメイン取得、レンタルサーバー検索 などメニュータイトル枠 ---*/
#side .first{
	background-color:#666;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding:1px 0px 1px;
	margin:0px 0px 5px;
	text-align:center;
	color:#FFF;
	}	
	
/*--- 鯖検索のプルダウンメニュー ---*/	
#side form.pulldown{
	margin:0px 0px 10px;
	}
	
/*--- プルダウン以外を全部括ったもの ---*/	
#side form.search_pk{
	margin:0px 0px 0px;
	line-height:140%;
	}
	
/*--- 鯖検索入力欄、<div><input ～></div>、 ---*/	
#side form div{
	margin:0px 0px 0px;
	line-height:180%;
	}	
	
/*--- 鯖検索入力欄 ～下のチェックボックスはdivで囲んでないからスルー ---*/	
#side form div input{
	text-align:right;
	width:100px;
	}
	
/*--- 検索ボタン ---*/	
#side .button{
	margin:5px 0px 0px;
	text-align:center;
	width:120px;
	}
 	
/* ------ Blog People　※使ってない----- */	
#side .blogpeople-main{
	margin:20px 0px 0px;
	overflow: auto; height: 150px;
	}
	
/* ------ Blog People UP画像 ※使ってない----- */
#side .blogpeople-main img{
	vertical-align:middle;
	margin-left:5px;
	}	
	
/* --- BlogPeopleやMyblog Japanのスクロールバー	※使ってない --- */	
#side  {
	}		

/* --- 独自ドメイン取ってレンタルサーバーを使おうのリンク --- */	
.mysogo{
	height:65px;
	overflow:auto;
	margin:25px 0px 0px 0px;
	scrollbar-face-color:#F2F2F2;
	}

/*---  RSS ---*/
#side .rss{
	margin:30px 0px 0px 5px;
	}

/*---  RSS ---*/
#side .rss img{
	vertical-align:middle;
	}
	
/*---  RSS ---*/
#side .rss a{
	margin:0px 0px 0px 2px;
	}
				
/*---  ATOM ---*/
#side .atom{
	margin:5px 0px 0px 5px;
	}

/*---  ATOM ---*/
#side .atom img{
	vertical-align:middle;
	}
	
/*---  ATOM ---*/
#side .atom a{
	margin:0px 0px 0px 2px;
	}

/**********************************************************************/
/* ++++++++++++++++++++++ 下のパンくず ++++++++++++++++++ */ /**********************************************************************/
	
/*--- 下のパンくず ---*/
table#pan_bottom{
	width:100%;
	}
	
/*--- 下のパンくずの<td> ---*/
table#pan_bottom .left{
	width:90%;
	padding-left:10px;
	}
	
/*--- ↑このページの先頭へ<td> ---*/
table#pan_bottom .right{
	width:10%;
	text-align:right;
	padding-right:10px;
	}		

			
/**********************************************************************/
/* ++++++++++++++++++++++ 下メニュー部分のデザイン ++++++++++++++++++ */ /**********************************************************************/
	
/* -- <list>での横メニュー下 
    鯖DBの方と<a>のpadding値が若干違うので修正する時注意！
	line-height:100%;とかやってみたけど結局駄目ヽ(`Д´)ﾉ -- */

/* --　overflow:hiddenでやっとFoxでブロック幅100％が効く！IEはあほやから関係ないw -- */
#menu_tab_bottom{
	font-size:12px;
	background-color:#0056FF;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:100%;
	line-height:100%;
	}

#menu_tab_bottom ul{
	margin:0px;
	padding:0px;
	}

#menu_tab_bottom ul li{
	display:inline;
	border-top: #e0e0e0 1px solid;
	margin:0px;
	}
	
#menu_tab_bottom ul li a{
	float:left;
	text-decoration:none;
	border-right: #e0e0e0 1px solid;
	background-color:#0056FF;
	color:#fff;
	padding:11px 10px 9px;
	}	

/*-- 左のタブだけボーダーないのを修正 --*/	
#menu_tab_bottom ul li a.left_tab{
	border-left: #e0e0e0 1px solid;
	margin-left:38px;
	}
		
#menu_tab_bottom ul li a:hover{
	background-color:#ffcc00;
	color:fff;
	padding:11px 10px 9px;
	}	
	
/**********************************************************************/
/* +++++++++++++++++++++++ フッター部分のデザイン +++++++++++++++++++ */ /**********************************************************************/

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

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

/* ---- エックスサーバーを利用しています！  ---- */
#footer div a{
	text-decoration:none;
	color:#0000EE;
	}
	
#footer div a:visited{
	color:#0000EE;
	}

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


/* ---- 独自ドメイン取得してレンタルサーバーを使う！へのリンク ---- */
#footer p a{
	color:#000;
	text-decoration:none;
	}
	
/*+++　※
position:relative;を使ったブロックでは、中のブロックは全部 position:absolute;を使う事！
でないと、marginやらリンクやらがおかしなる！
+++*/	

/**********************************************************************/
/* +++++++++++++++++++++++ トップページ +++++++++++++++++++ */ /**********************************************************************/

/*--- 最新ニュース全部括ったもの 
	※検索の注釈を下げる為にindex.phpの class="content"にpadding-top直書きしてある --- */
#content .news{
	border:solid 1px #B2B2B2;
	margin:15px 5px 30px 5px;
	padding:0px 0px 10px;
	}
		
/*--- 最新ニュースのカテゴリ <div class="news_lead">---*/
#content .newslead{
	position:relative;
	top:-11px;
	left:10px;
	width:280px;
	background-color:white;
	background-image: url(../images/topmark.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:0px 0px 0px 22px;
	}
	
/*--- 最新ニュースのカテゴリ、リンク消し ---*/
#content .newslead a.category{
	text-decoration:none;
	color:#000000;
	}	
	
/*--- 最新ニュースの記事 ---*/
#content .news .entry{
	font-size:13px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	}
	
/*--- 日付 ---*/
#content .news span{
	font-size:13px;
	padding-left:15px;
	}	
	
/*--- 独自ドメインを取得する！のバナー ---*/
#content .domain_banner{	
	background-image: url(../images/domain_banner.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin:15px 0px 15px 0px;
	height:60px;
	}
	
/*--- 独自ドメインを取得する！を全部括ったもの ---*/
#content .domain{
	margin:0px 0px 20px;
	}
	
/*--- 独自ドメインを取得する！のカテゴリ・ブロック <div class="domainlead">---*/
#content .domainlead{
	background-image: url(../images/h2mark.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:0px 0px 0px 22px;
	}
	
/*--- 独自ドメインを取得する！のカテゴリ・リンク ---*/
#content .domainlead a.category{
	color:#000000;
	}
	
/*--- リンク消し ---*/
#content .domainlead a.category:hover{
	text-decoration:none;
	color:#000000;
	}	
	
/*--- 独自ドメインを取得する！の記事 ---*/
#content .domain .entry{
	margin:0px 0px 0px 30px;
	font-size:13px;
	}		
	
/*--- レンタルサーバーを選ぶ！ のバナー---*/
#content .resv_banner{	
	background-image: url(../images/resv_banner.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin:0px 0px 15px 0px;
	height:60px;
	}	
	
/*--- レンタルサーバーを選ぶ！を全部括ったもの ---*/
#content .resv{
	margin:0px 0px 20px;
	}
	
/*--- レンタルサーバーを選ぶ！のカテゴリ・ブロック <div class="resvlead">---*/
#content .resvlead{
	background-image: url(../images/h2mark.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding:0px 0px 0px 22px;
	}
	
/*--- レンタルサーバーを選ぶ！のカテゴリ・リンク ---*/
#content .resvlead a.category{
	color:#000000;
	}
	
/*--- リンク消し ---*/
#content .resvlead a.category:hover{
	text-decoration:none;
	color:#000000;
	}		
	
/*--- レンタルサーバーを選ぶ！の記事 ---*/
#content .resv .entry{
	margin:0px 0px 0px 30px;
	font-size:13px;
	}
	
/*--- TOP下部のマーチャント枠（ドメイン）、エントリーと併用中 ---*/
#content .top_merchant	{
	text-align:center;
	border:solid 1px #B2B2B2;
	margin:30px 0px 30px 0px;
	padding-bottom:0px;
	}

/*--- リード文 ---*/
#content .top_merchant div{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:-11px;
	width:370px;
	background-color:white;
	}

/*--- 宣伝文句  ---*/
#content .top_merchant p.senden{
	text-align:left;
	margin:0px 0px 15px ;
	padding:0px 0px 0px 10px;
	font-size:13px;
	}
	
/*--- お薦めポイント、その1  ---*/
#content .top_merchant p.senden2{
	text-align:left;
	margin:0px 0px 10px ;
	padding:0px 0px 0px 10px;
	font-size:14px;
	line-height:150%;
	}
	
/*--- お薦めポイント、その2  ---*/
#content .top_merchant p.senden3{
	text-align:left;
	margin:0px 0px 15px ;
	padding:0px 0px 0px 10px;
	font-size:14px;
	line-height:150%;
	}	
	
/*--- ▼リンククラブ  ---*/
#content .top_merchant p.merchant1{
	text-align:left;
	margin:10px 0px 15px ;
	padding:0px 10px 0px;
	line-height:100%;
	font-size:14px;
	}

/*--- ▼ムームードメイン  ---*/
#content .top_merchant p.merchant2{
	text-align:left;
	margin:0px 0px 15px ;
	padding:0px 10px 0px;
	line-height:100%;
	font-size:14px;
	}
	
/*--- TOP下部のマーチャント枠（レンサバ） ---*/
#content .top_merchant2	{
	text-align:center;
	border:solid 1px #B2B2B2;
	margin:30px 0px 30px 0px;
	padding-bottom:0px;
	}

/*--- リード文 ---*/
#content .top_merchant2 div{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:-11px;
	width:420px;
	background-color:white;
	}
	
/*--- ▼エックスサーバ  ---*/
#content .top_merchant2 p.merchant{
	text-align:left;
	margin:10px 0px 15px ;
	padding:0px 10px 0px;
	line-height:100%;
	font-size:14px;
	}	

/*--- 宣伝文句、ここが凄い  ---*/
#content .top_merchant2 p.senden{
	text-align:left;
	margin:20px 0px 15px ;
	padding:0px 0px 0px 10px;
	font-size:14px;
	}
	
/*--- DBサーバー環境  ---*/
#content .top_merchant2 p.dbenv{
	text-align:left;
	margin:0px 0px 15px ;
	padding:0px 0px 0px 10px;
	font-size:13px;
	}
	
/**********************************************************************/
/* ++++++++++++++++++ タグ検索結果ページ ++++++++++++++++++ */ /**********************************************************************/
	
/*--- タグ検索の結果 ---*/
h4.tagsearchlead{
	margin:5px 0px 20px;
	font-size:15px;
	line-height:150%;
	}
	
/* --- 結果エントリーのフッター --- */	
#content .entry-footer-tag-search{
	font-size: 10px;
	color: #999999;
	border-top: 1px dashed #CCCCCC;
	margin:20px 0px 10px;
	padding: 3px 0px 0px;
	}
		
/* --- フッターリンク消し --- */	
#content .entry-footer-tag-search a{
	text-decoration:none;
	color:#999999;
	}

/*--- タグクラウド全部括った<div> ---*/
.tagcloud{
	margin:10px 0px 0px;
	}
	
/*--- Tag cloudのリード文 ---*/
h3.cloudlead{
	border-left: 7px solid #999999;
	font-size:14px;
	margin:15px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:120%;
	}
	
.tagcloud ul{
	list-style: none;
	padding:0px 0px 0px;
	margin:0px;
	}
	
.tagcloud li{
	display: inline;
	}
	
.tagcloud a{
	text-decoration: none;
	}
	
.tagcloud a:hover{
	text-decoration: underline;
	}	

/*--- 一番多いやつ ---*/
a.taglevel1{ 
	color:#FF3399;
	font-size: 20px;
	}

a:visited.taglevel1{
	color:#FF3399;
	}
	
a:hover.taglevel1{
	color:#FF3399;
	}
	
a.taglevel2{ 
	color:#BCBC00;
	font-size: 18px;
	}

a:visited.taglevel2{
	color:#BCBC00;
	}
	
a:hover.taglevel2{
	color:#BCBC00;
	}	

a.taglevel3{ 
	color:#3399CC;
	font-size: 16px;
	}

a:visited.taglevel3{
	color:#3399CC;
	}	

a:hover.taglevel3{
	color:#3399CC;
	}

a.taglevel4{ 
	color:#FF9933;
	font-size: 14px;
	}

a:visited.taglevel4{
	color:#FF9933;
	}
	
a:hover.taglevel4{
	color:#FF9933;
	}		

a.taglevel5{ 
	color:#008740;
	font-size: 12px;
	}

a:visited.taglevel5{
	color:#008740;
	}
	
a:hover.taglevel5{
	color:#008740;
	}	
	
a.taglevel6{ 
	color:#666666;
	font-size: 10px;
	}

a:visited.taglevel6{
	color:#666666;
	}
	
a:hover.taglevel6{
	color:#666666;
	}		

/**********************************************************************/
/* +++++++++++++++ 全記事アーカイブリスト archives.php ++++++++++++++ */ /**********************************************************************/

ul.archive-list{
	list-style:circle;
	}

li.archive-list-title{
	line-height:200%;
	font-size:14px;
	}

/**********************************************************************/
/* +++++++++++++++++++++++ サイトマップ +++++++++++++++++++ */ /**********************************************************************/	

/*-- カテゴリ毎の間隔調整 --*/
#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 0px;
	}		
	
/*-- エントリタイトル名 --*/
#content .sitemap li.sitemap_entry{ 
	font-size:13px;
	list-style: none;
	line-height:160%;
	}
	
/**********************************************************************/
/* +++++++++++++++++++++++ メールフォーム（相互リンク依頼） +++++++++++++++++++ */ /**********************************************************************/	
	
/*--- Ajaxによって表示を切り替える部分 ---*/	
#ajax_mail{
	
	}
	
/*--- 当サイトへのリンクは以下をお願いします。 ---*/	
#ajax_mail .introduce{
	border-left:2px solid #CCCCCC;
	margin:15px 0px;
	padding:0px 0px 0px 10px;
	}	
	
/*--- 入力欄の色 ---*/	
#ajax_mail input{
	border:1px solid #727272;
	background-color:#FFFCF7;
	padding:2px 2px;
	}	
			
/*--- 入力欄の色（複数行） ---*/	
#ajax_mail textarea{
	border:1px solid #727272;
	background-color:#FFFCF7;
	scrollbar-face-color:#FFEDD6;
	font-size:14px;
	padding:2px 2px;
	}
	
/*--- ボタンの色（送信） ---*/	
#ajax_mail #mail_post{
	border:1px solid #727272;
	background-color:#FFFCF7;
	margin: 0px 0px 0px 5px;
	padding:2px 0px 0px;
	line-height:150%;

	}
	
/*--- ボタンの色（確認） ---*/	
#ajax_mail #mail_preview{
	border:1px solid #727272;
	background-color:#FFFCF7;
	padding:2px 0px 0px;
	line-height:150%;
	}
	
/*--- エラーページ以外のタイトル ---*/	
#ajax_mail h1.mailtitle{
	background-image: url(../images/m02-03-2.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin:0px 0px 20px;
	padding:0px 0px 0px 20px;
	}	
	
/*--- エラーページのタイトル ---*/	
#ajax_mail h1.error{
	background-image: url(../images/warning.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin:0px 0px 20px;
	padding:0px 0px 0px 19px;
	}

/*--- プレビューページ、プレビューの内容を囲んだ<div>---*/	
#ajax_mail div.preview{
	margin: 30px 15px;
	padding:15px 10px 15px;
	background-color: #FFFCE0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #000;
	}
	
/*--- プレビューページ、入力内容の確認（1個ずつ） ---*/	
#ajax_mail .preview div{
	margin:0px 0px 20px;
	}
	
/*--- プレビューページ、入力内容の確認（複数行に自動的に入る<P>タグ） ---*/	
#ajax_mail .preview p{
	margin-top:0px;
	padding-left:8px
	}		

/**********************************************************************/
/* +++++++++++++++++++++++ トラックバックページ※使ってない +++++++++++++++++++ */ /**********************************************************************/
	
#trackback_page{
	margin-right: auto; /* IE以外用の中央寄せ */
	margin-left: auto; /* IE以外用の中央寄せ */
	text-align: left; /* 中身を左寄せに戻す */
	padding:10px 20px;
	font-size:13px;
	}	

/* ----- トラックバック対象ページ: ----- */	
#trackback_page h3{
	font-size:14px;
	margin:20px 0px 0px;
	}

/*--- ※トラックバックは以下のURLを指定して下さい。 ---*/	
#trackback_page .trackbacks-header{
	margin:10px 0px 0px;
	}		
	
/* ----- トラックバックURL: ----- */		
#trackback_page .trackback_url{
	border: 1px solid #BFBFBF;
	width:310px;
	margin:15px 0px 20px;
	padding:0px 10px 10px;
	}

/* ----- このエントリーのトラックバックURL: ----- */		
#trackback_page .trackback_url div{
	position:relative;
	left:25px;
	top:-23px;
	background-color:#FFF;
	text-align:center;
	width:210px;
	padding:0px;
	}
	
/* ----- $MTEntryTrackbackLink$ ----- */	
#trackback_page .trackback_url p{
	margin:-15px 0px 0px;
	padding:0px 0px 0px 0px;
	}	
	
/* ----- フォームパーツ ----- */			
#trackback_page .trackback_url input{
	margin-left: 0px;
	padding : 3px 0px 4px 5px ;
	width : 300px ;
	border:1px solid #727272;
	background-color:#FFFCF7;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", "Osaka",;
	}	

/* ----- この一覧は、次のエントリーを参照しています ----- */			
#trackback_page .below_entry{
	margin:0px 0px 10px;
	}	

/*--- トラックバック内容 ---*/
#trackback_page .trackback-content{
	line-height:170%;
	margin:0px 0px 0px;
	}
	
/*--- トラックバック時刻 ---*/
#trackback_page .trackback-footer{
	margin:0px 0px 0px;
	}	
				
