/* 
Theme Name: RX-8 community v1.1
Theme URI: http://www.www.www/ 
Description: RX-8 community 用カスタムテーマ
Author: Yuhki 
*/



/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* top.css 									       */
/* ------------------------------------------------------------------------------------*/
/* style.css は、真っ先に読み込まれるが、import の処理が、ページの jpg等を読み込んだ後 */
/* にはじまるため、ページのレイアウトが後からでき、ロードが遅く見えるためにまとめる    */
/* ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/* ---- tweetable の CSS のカスタマイズ ------ */
/* twiiter_meta は自動で挿入されるものの、定義されていないのでここで定義する */
.twitter_meta {
	word-break:break-all;
	display:block; /* twitter_meta は span で使われていてインライン要素だが、block にする事で無理あり ブロック要素にしている */
}

/* ----------  ボディのデザイン ----------  */
body {

	margin:0 ;     /* margin と padding を0にする事でデフォルトで入る余白を0にできる */
	padding:0 ;

	background-color: #ffffff ; /* ページのバックグラウンドの色 */
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	border-left-style: solid; border-width: 1px ;
	border-right-style: solid; border-width: 1px ;
	border-color:#cccccc;

  /* 幅を決定する */
    margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:1040px;        /* 200px の広告をいれるために右サイドバーを +40拡張 */

}



#main { /*この部分は各ページのデザイン */
     background-color: #ffffff;
     padding: 0; /* 上、右左、下 */

}


/* ---------- トップページのデザイン --------- */

#img_adjust {
	margin-bottom : 0px ;

}

img {
	margin : 0px;
	padding : 0px;
	border-width:0;
}


#message { /* トップページに表示されるメッセージ */
  /*   position: absolute; */
   /*  top: 300px;
     left: 1050px;
     width: 450px; */
	padding: 0 0 0 10;
	margin: 5px 0px ;
     font-size: 0.9em;
     font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
  /*   line-height: 140%; */
}

#dayprint { /* トップページに表示される今日の日付 Java Script */
   /*   position: absolute; */
/*     top: 320px;
     left: 1320px;
     width: 430px; */
     font-size: 0.875em; 
     font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
/*     line-height: 140%; */
}


#social { 
	float: right;
	width: 143px;
	height: 90px;  
	padding : 0 ;
#	background-color : #ffffff; /* 背景 - 白色 */
/*	border-style: none;   */
/*	border-style: solid; border-width: 1px ;
	border-color:#cccccc;
*/
}



/* ----------  カウンタのデザイン ----------  */

#top_counter {

     font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
     font-size: 12px;
     border-style: none;   
}

#top_counter ul{ 
     margin: 40px 0px 0px 750px;
     padding: 0px 110px 0px 0px;
     list-style-type: none;
}

/* ----------  更新履歴バーのデザイン ----------  */

#history_title {
     padding: 0;
     border-style: none;   
}



#topimage { /* Top Imageを入れる箱のデザイン */


	margin-left : 160px;
	font-size: 0.9em; 
	padding: 10px 0 0 8px;
	background-color : #ffffff; /* 背景 - 白色 */

}	

/* 中心の Google Adsense */

#googlead_large { 
	margin-left:168px;
	width: 728px;
	height: 90px;  
	padding : 0 ;
#	background-color : #ffffff; /* 背景 - 白色 */
/*	border-style: none;   */
/*	border-style: solid; border-width: 1px ;
	border-color:#cccccc;
*/
}



#topnews { /* 最新記事を入れる箱のデザイン */

	width: 555px;  
	margin-top: 0;
	margin-left : 162px;
	font-size: 0.9em; 
	padding: 0 0 0 6px;

	background-color : #00657d;  /* ぐんじょ色 */
	line-height: 140%; 
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
/*	overflow:auto;       */
	background-color : #ffffff; /* 背景 - 白色 */
	border-style: none;    
/*	border-style: solid; border-width: 1px ;
	border-color:#cccccc; */
}	

#topnews a {
     color: #00a0c6;  
}

#topnews h2 { /* 最新記事の箱の上のヘッダー */
     background-image: url(images/bar_title.jpg);
     background-repeat: no-repeat;
     background-color : #555555; /* ねずみ色 */
     color: #ffffff;
     font-size: 18px; /* バーをはみ出すのを防ぐため固定値 */
}

#topnews ul{ 
	list-style-type: none;
	margin : 0px 0px;
	padding : 0 0 0 5px;
}

#topnews li{
     background-image: url(./images/yellowl_ball2.png); 
     background-repeat: no-repeat;
     background-position: center left; /* マークを行の中心に合わせる */
     margin : 0 0 0 0;
     padding : 0 0 0 20px;
}


#rightbox { /* 最新記事を入れる箱のデザイン */
        float:right;  	
	width : 300px; 
	font-size: 0.9em; 
	padding: 0;
	margin: 0;

}
#adbox { /* 最新記事を入れる箱のデザイン */
	font-size: 0.9em; 
	border-style: solid; border-width: 1px ;
	border-top: 0px;
	border-color:#cccccc; 
	padding: 0;
	margin: 0;

}

#topsearch { 
	margin-top: 10px;
	margin-bottom: 3px;
	float:right;  
	width : 340px; 
	height : 24px;
	font-size: 0.8em; 
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
/*	border-style: solid; border-width: 1px ;
	border-color:#cccccc; */
}

#forum { /* 広告を入れる箱のデザイン */
	margin-top: 20px;
	text-align: center;
	clear:right;
        float:right;  	
	width : 340px; 
	min-width : 340px; 
	font-size: 8pt; 
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
/*	border-style: solid; border-width: 1px ;
	border-color:#cccccc; */
}
#popular10 { /* 最新記事を入れる箱のデザイン */
	margin: 0px;
	padding: 0px;
        float:right;  	
	width : 300px; 
	font-size: 0.9em; 
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	border-style: none;
/*	border-style: solid; border-width: 1px ;
	border-color:#cccccc; */
}

/* flv embed のビデオの周りにできる空白を無くす */

 #player1, #player2, #player3 {margin : 0;} 

/* -- 今日は X曜日です。の class 定義 -- */

.function_style_holiday_red {font-style: normal; color: #FF0000; }
.function_style_saturday_blue {font-style: normal; color: #0000FF; }
.function_style_other_black {font-style: normal; color: #000000; }


/* -- Top用人気の記事 -- */

#popular_top {
	padding: 0px;
	margin: 0px;
	border-top : solid 1px #cccccc;
	border-left : solid 1px #cccccc;
	border-bottom : none;
}

#popular_top ul {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 0px;
	padding: 0px;
	border-top : solid 5px #aaaccc;

	/* border-left : solid 1px #cccccc; */
}
#popular_top ol {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
	margin: 0px 0px 0px 29px;
	padding: 0px;
/*	border-top : solid 5px #aaaccc; */

	/* border-left : solid 1px #cccccc; */
}
#popular_top li {         
	color: #111111;
	margin: 0px;
/*	background-image: url(./images/yellowl_ball2.png);  */
	background-repeat: no-repeat;
	background-position: center left; /* マークを行の中心に合わせる */
	padding : 5px 5px 5px 12px;
/*	border-top : solid 1px #cccccc; */
	border-bottom : solid 1px #cccccc;
}


#popular_top li a:hover { /* マウスオーバー時の配色 */
	color: #000000;  
}

#rsslink_top {         
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0 px;
	padding: 1px 0 0 0px;
}

#spaceblock2 {         

	heigh: 5px;
}

#searchform1 {  
	position: relative;  
	margin: 0px;
	padding: 0px;
 }  
#keywords1  {  
     width: 200px;  
     height: 20px;  
  /*   background: url(./images/search.png) no-repeat 2px 2px;   */
     border: 1px solid #CCC;  
     padding: 0px 0px 0px 0px;  
	margin: 0px;

 }  

#searchBtn1 {  
     position: absolute;  
	top: 0px;  
	left: 210px;  
  padding: 0px 0px 0px 0px;  
	margin: 0px;
 }  

/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* content.css 									       */
/* ------------------------------------------------------------------------------------*/
/* style.css は、真っ先に読み込まれるが、import の処理が、ページの jpg等を読み込んだ後 */
/* にはじまるため、ページのレイアウトが後からでき、ロードが遅く見えるためにまとめる    */
/* ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

a {
	color: #00a0c6;  /* 青色 */
	text-decoration: none;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	font-weight: normal;
}
a:hover {
	color: green;  
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	font-weight: normal;
}
#bread { /* パンくずリンクのデザイン */

	clear: both;
	margin: 10px 0px 0px 10px;
     font-size: 0.9em;
    /*  font-weight: bold; */
     font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
}



/* . ではじまるのは クラス定義 */

.clear{
       clear: both;
       margin: 0;
}


/*  ---------- Link 表のデザイン  ---------- */

#link {
     border-collapse: collapse; /* 隣接するセルのボーダーを重ねて表示 */
     margin-bottom: 20px;
     font-size: 0.74em;
}

#link th, #link td{ 
     text-align: left;
     padding: 10px 5px;
     border: solid 1px #999999;  /* 枠線 */
}

#link th{
     width: 200px;
     background-color: #cccccc;   /* 中身 */
}

#link a {
     text-decoration: none;
	border : none;

     color: #000000;
}

#link a:hover {
     color: #00657d;
}


/*  ---------- single.php のデザイン  ---------- */

#monthmain { /* sidebar と cotent の両方を囲む。*/
	margin-top:20px; 
	background-color: #ffffff;		
}

#monthsidebar {
/*     background-image: url(images/sidebar.gif);
     background-repeat: repeat-y;
     background-color: #ffffff;   */
	width: 340px;
	float: right;
/*	border:solid red 1px;	 */
	font-size: 0.9em;
}

#monthcontent{
	padding-bottom: 20px;
	margin-left: 10px;  
	margin-right: 5px;     
/*	border:solid silver 1px; */
	width:680px;
	float:left;
	font-size:1.0em;
}

#monthcontent #bread {
	margin-top: 10px;
	font-size: 0.95em;
	text-align: left;    
}

.date {
	font-size: 0.95em;
	font-weight: bold;
}

#monthsidebar ul{
      list-style-type: none;  /* リストマーク(・)の削除 */
      margin: 0;
      padding: 0;
}


#monthsidebar li strong{
      display: block;
      padding: 10px 20px;
}

#monthsidebar li li{
     padding: 5px 5px 5px 20px;
     background-position: 10px 10px;
     background-image: url(./images/mark.gif);
     background-repeat: no-repeat;
     background-color: #dddddd;
}

#monthsidebar li li a{
     color: #000000;
     text-decoration: none;
     border-bottom: dotted 1px #666666;
}

#monthsidebar li li a:hover {
     color: red;
}




#monthpost {
     padding-bottom: 10px;
}

#monthpost h2 {  /* 各ページのタイトルヘッダー */ 
     background-image: url(images/bar2.jpg);
     background-repeat: no-repeat;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
     color: #ffffff;
     padding: 6px 16px 6px 16px;
     /* font-size: 1.2em; */
     font-size: 2.0em;
}

#monthpost p {
	line-height: 150%;
     padding: 0 10px;
}

/* -- 記事一覧 -- */

#monthlist {
     margin: 0px 10px;
}

#monthlist h2 {	
	margin: 30px 0;
	padding-bottom: 5px;
	border-bottom: solid 4px #69d600;
	font-size: 1.2em;
}

#monthlist h2 a {
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
     text-decoration: none;
     color: #00657d;
}

#monthlist h2 span {
    color: #888888;
    font-size: smaller;
}

#monthlist h2 hover {
     color: #00a0c6;
}


#monthlist p {
     margin-top: 10px;
     font-size: 0.9em;
     line-height: 140%;

}

#about {
     margin: 20px;
     font-size: 0.8em;
}




/* ------------------------------------------------ */
/* content.php用 */
/* ++++++++++ コンテンツ デザイン ++++++++++ */


/* content id の中に、post p(本文)と comment p(コメント)が含まれる。*/
/* # を使った場合は、id。ページの中で1度しか使わないような定義に使う。 */
/* 例えば contentにしか使わないようなフォントサイズ指定は、header には使わないと思われるので id を使った方が可読性が高い */

#content{ /* content は、内部の float しているdiv が 左マージン0でも同じマージンを取るためのコンテナ */
	width : 668px; /* 標準モードでは、これに padding と margin と border を足したものが実幅になる。設計は合計 680px */
        background-color: #eeeeee;   /* ねずみ色 */
        margin-top:10px;  /* パンくずリンクのために開けておく。サイドバーも同じ */
	font-family: "MS PGothic",Sans-Serif;
	border-top: solid 1px #aaaaaa; 
	border-bottom: solid 1px #aaaaaa;
        margin-left:160px;  /* 左サイドバーは、左側の borderは描いてない。そのため160開ければ、161px目=contentの開始位置が右border位置になる */
    /*    margin-right:161px; */
        padding: 5px; /* 内部の div に対しての margin になる */
	font-size:10.5pt;  /*　すべての基礎。他はこれの相対値(em)にする事。*/
}

#content>* {
     /*   border-bottom: solid 1px #aaaaaa; */

}


/* クラスの定義の場合は、頭に . (ドット) を付ける。 こうするとHTMLタグ名 (h2だったりp)に依存しないクラスができる。 */
/* HTMLタグ名に依存しない。という事は、クラス名を親にした HTMLタグのグループを作れる */
/* クラスの覚え書き */
/* 例えば、.red { color:red } とすると */
/* <p class="red"> 赤字にする </p> */
/* <h2 class="red">赤字にする </h2> */
/* とどちらでも使える */
/* p.red {color:red} */
/* <p class="red"> 赤字にする </p> */
/* でしか使えない */
/* で、下の記述の */
/* .post h2 という表記は、結局、h2.post と同じだと思うが・・・・ */
/* 1)
/*  h2.post */
/*  a.post */
/* と書いて言ったら可読性が悪い。 からでは無いかと思う。*/
/* 2) .post h2 a:link のような書き方はどうやって書けばいいのか？ h2.a:link.post ?? */

/* H1 記事の見出しタイトル */
.post h1 {  /* 記事のタイトル */
	font-size: 1.0em;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	color: #222333;  /* grey */
	border-left: solid 5px #538ad8; /* タイトルの左の青い線 */
	border-bottom: solid 1px #538ad8; /* タイトルの下の青い線 */
	padding: 5px 10px 5px 5px;
}

.post h1 a:link{
	font-size: 14pt;
	text-decoration: none;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;

}

.post h1 a:visited{
	font-size: 14pt;
	text-decoration: none;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;

}

.post h1 a:hover{
	color: #33CC66;
	font-size: 14pt;
	text-decoration: none;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;

}


/* H2 記事内の見出し */
.post h2 {  
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	color: #222333;  /* grey */
	border-left: solid 5px #538ad8; /* タイトルの左の青い線 */
	border-bottom: solid 1px #538ad8; /* タイトルの下の青い線 */
	padding: 5px 10px 5px 5px;
}



.post h2 a:link{
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;

}

.post h2 a:visited{
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;

}

.post h2 a:hover{
	color: #33CC66;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;

}

.post h3 {  /* 記事の途中の見出し */
	font-size: 0.8em;
	font-weight: bold;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	color: #222333;  /* grey */
	border-left: solid 5px #538ad8; /* タイトルの左の青い線 */
	border-bottom: solid 1px #538ad8; /* タイトルの下の青い線 */
	padding: 5px 10px 5px 5px;
}

.post h4 {
	font-size: 0.9em;
	font-weight: bold;
	border-top: solid 1px  #dddddd;
	border-right: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px  #cccccc;
	padding-left: 20px;
/*	padding-right: 20px; */
	padding-top: 4px;
	padding-bottom: 4px;
/*	color: #444555; */ /* 少し薄い grey */
	color: #222333;  /* grey */
        background-image: url(images/h34_back1.jpg);
	background-repeat: repeat-x;	
}

.post h5 { /* 新車発表時のスペック表の注釈用 */
	font-size: 0.9em;
	font-weight: normal;
	border:0;
	padding:0;
	margin:0;
	line-height: 1.5em;
}



.post h6 {
	font-size: 1.2em;
	font-weight: bold;
	border-top: solid 1px  #dddddd;
	border-right: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px  #cccccc;
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 4px;
	padding-bottom: 4px;
/*	color: #444555; */ /* 少し薄い grey */
	color: #222333;  /* grey */
        background-image: url(images/h34_back1.jpg);
	background-repeat: repeat-x;	
	margin: 0 5px ;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
}

.post p {
	font-size: 1.0em; /* 記事本文のフォント */
      font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
/*      color: #666666; */
      color: #000000;
      line-height: 150%;
}

.post BLOCKQUOTE{
         padding: 0px 10px 0px 10px;
         background-color : #e6e6fa;
         border-width : 1px ;border-style : dashed;
         border-color : #999999;
}

.post BLOCKQUOTE_PIC{
         padding: 0px 10px 0px 10px;
         background-color : #ffffff;
         border-width : 1px ;border-style : solid;
         border-color : #999999;
}
.post {
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
        background-color: #ffffff;
        margin-bottom: 10px;
        padding: 5px 10px;
	border : solid 1px #aaaaaa;
}

.post ul {
      color: #000000;
      line-height: 150%;
}

.googlead {
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
        background-color: #ffffff;
	margin-top: 5px;
        margin-bottom: 10px;
        padding: 5px 20px;
        border: solid 1px #999999; 
	text-align: left;
	vertical-align:middle;
}


.notice {
	font-size: 0.9em;
        background-color: #ffffff;
        padding: 5px 10px 5px 10px;
        border-top: solid 1px #999999; 
        border-right: solid 1px #999999; 
        border-left: solid 1px #999999; 
        border-bottom: solid 1px #999999; 
}
.notice red{
	color: red;  

}

.postmetadata {
        /* background-color: #ffffff; */ /* white */
	/* background-color: #eeefff; */  /* white */
        padding: 5px 10px 5px 10px;
        border: solid 1px #cccccc; 
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
        background-image: url(images/h34_back1.jpg);
	background-repeat: repeat-x;
}
.postmetadata2 {
        /* background-color: #ffffff; */ /* white */
	/* background-color: #eeefff; */  /* white */
	margin: 0px;
        padding: 5px 10px 5px 10px;
        border: solid 1px #cccccc; 
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
        background-image: url(images/h34_back1.jpg);
	background-repeat: repeat-x;
}


.pagenav { /* 一覧ページの一番下に出てくる「次のページ」*/
       font-size: 1.0em;
}


.similar-posts {
	background-color: #ffffff;     
	margin-top: 0px;
	font-size: 1.0em;
	/* border: 1px ridge silver; */
}

.similar-posts ul {
	background-color: #ffffff;     
	margin: 0px;
	margin-left:-50px;
	font-size: 1.0em;
}

.similar-posts li{
	font-size: 1.0em;
	list-style-type: none;  /* リストマーク(・)の削除 */
	color: #111111;
	/* border: 1px ridge silver;     */
	padding: 0px 0px 5px 20px;
	background-image: url(images/yellowl_ball2.png);  /* 小さなボール */
	margin-left:-20px;
     	background-position: 0px 5px; 	 /* mark.gif を行の中心と位置合わせする(小さなボール用) 横-縦 */

     background-repeat: no-repeat;
}





table.googlead_bottom{
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;

}

.googlead_bottom td{
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;

     padding:0.4em 0.4em; 
}

/* ページ分割の送りの装飾 */

.pagesprit {
    font-weight: bold;
    color: #000000;
    background:white;
    margin: 1em auto;
    line-height:2em;
    text-align:center;
}

.page-numbers a {
	display:inline;
	font-weight: bold;
	color: #00a0c6;  /* 青色 */
	border:solid 1px #cccccc;
	text-decoration:none;
	padding: 6px;

}

.page-numbers a:hover {
	color: green;  
	font-weight: bold;
	background: #FFFFFF;
	padding: 6px;

}

.numbers {
	font-size:14pt;
	margin: 10px;
}


div.poll{
border: 1px solid #cccccc;
background: #eeeeee;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 10px 10px 5px;
}


#p.gadright {

border: 0px;
text-align: right; 
}

#amaprop3 {
	overflow:auto; /* content を amaprop3 ブロックよりしたまで回り込ませるため */
	padding:5px 0px 10px 7px ; /* 内部ブロック位置の微調整 */
	background: #ffffff; /* 白 */
	border : solid 1px #aaaaaa;
}

/* YARPP 用 */
.related-post{
     width:640px; 
     overflow:hidden;
     margin-top:5px;
}
.related-entry {
    vertical-align: top;
    float: left;
    width:104px;
    font-size: 13px;
    min-height: 215px;
    margin: 0;
    padding-right: 20px;
    line-height:1.5em;
    }
 
 .related-entry img{
      padding:2px;
      border: #ccc 1px solid;
      width:100px;
      height:100px;
}

.related{
      margin-top:20px;
}

.calendar{ 
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	font-size: 10pt; /* 記事本文のフォント */
        background-color: #ffffff;
        margin: 10px;
        padding: 10px 10px;
/*	border : solid 1px #aaaaaa;  */
/*	border : solid 1px #000000; */

}

.calendar h4{
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 0px;
/*	padding-right: 20px; */
	padding-top: 0px;
	padding-bottom: 0px;
/*	color: #444555; */ /* 少し薄い grey */
	color: #222333;  /* grey */
}


/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* header.css 									       */
/* ------------------------------------------------------------------------------------*/
/* style.css は、真っ先に読み込まれるが、import の処理が、ページの jpg等を読み込んだ後 */
/* にはじまるため、ページのレイアウトが後からでき、ロードが遅く見えるためにまとめる    */
/* ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/* ---------- ヘッダー画像周りのデザイン ---------- */
#header h1 {
   /*  background-color: #660000; 赤系 */
     background-color: #666666; /*ネズミ色 */
     margin: 0;
     vertical-align: middle;

}

#header {
	background-color: #666666; /*ネズミ色 */
	vertical-align: middle;
	height:110px;
	border-bottom: solid 1px  #cccccc;  /* 薄いネズミ色 */ /* 全体の下線 */


}

#header h1 img {
     border: none;
     margin: 15px 10px 6px 30px ; /* (上),(右),(下),(左）時計回り */  /* (上下),(右左) */
}

/*  ----------  ヘッダーメニュー部分のデザイン  ---------- */

#header_banner {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	float: left;
	background-color: #ffffff;
}

#header_center { 
	margin-top:0px;
	margin-left:290px;
	padding:0;
	padding-top:10px;
	width:728px;
}


#header_bannerbbs {
	padding:0;
	margin:0;
	float:right;
	width:150px;
        /* background-color: #ffffff; */
}

#rsidebar_gad {
	padding:0;
	margin:0;
	float:right;
	height:200px;
	width:200px;
	background-color: #ffffff;  
}

#header_social {
	padding:0;
	margin:0;
	float:right;
	margin-left:0px;
	width:187x;
/*	border: solid 1px red; */
/*       background-color: #ffffff; */
}

#header_like {
	padding:0;
	margin-left:-20px;
	width:87px !important;
/*	background-color: #ffffff; */
/*	 border: solid 1px red;  */
}



#header_googleplus {
	padding:0;
	margin-top:2px;
       float: right;
	width:52px !important;
	/*  border: solid 1px red; */

}

#header iframe { /* amazon のバナー */
     margin: 0px 10px 7px 10px;
}


#header ul { /* ボタンを入れる箱 */
     background-color: #ffffff;
     margin: 0;
     padding: 0;
     list-style-type: none;
     border-bottom: solid 1px  #cccccc;  /* 薄いネズミ色 */ /* 全体の下線 */
     height: 24px;
     /* font-size: 0.75em; */
     font-size: 12px;  /* TOP選択メニューが崩れない様に文字サイズを固定する */
     font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
}

#header li { /* Botton の高さ */
     text-align: center;
     margin: 0px 0px -1px 0px;
     /* border-right: solid 1px  #660000; */ /* あずき色 */
     border-right: solid 1px  #cccccc;  /* 薄いネズミ色 */ /*この線は Firefoxでは出ない。そのため ul にも下線を定義*/
     border-bottom: solid 1px  #cccccc;  /* 薄いネズミ色 */ /* 全体の下線 */
     float: left;
     line-height: 24px;
}

#header li a {
     display: block;
     width: 100px; /* トップ画面のページリンクを入れる箱の幅 */
     text-decoration: none;
     color: #333333;
}


#header li a:hover {  /* カーソルを置いた時のページ・ボタンの色 */
    background-color: #bbff7a;  /* 緑色 */
}

/* ページのトップのバーの部分 */
#navigation {
	border: solid 1px  #cccccc;  /* 薄いネズミ色 */ /* 全体の下線 */
	width: 1038px; /* -2px は、border分 */
	height: 24px;
	background-color:#cccccc;
}

#navigation ul {
/*	background-color: #ffffff; */
	margin:0;
	padding:0;
	list-style-type: none;
	border-bottom:solid 1px #00657d;
	height: 2em;
	font-size: 0.75em;

}


#navigation li {
	background-color: #ffffff;
	text-align: center;
	border-right: solid 1px #aaaaaa;
	float:left;
	line-height: 2em;
}

#navigation li a{
	display: block;
	width: 140px;
	text-decolration: none;
	color: #333333;
}

#navigation li a:hover{
	background-color:#bbff7a;
}

/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* footer.css 									       */
/* ------------------------------------------------------------------------------------*/
/* style.css は、真っ先に読み込まれるが、import の処理が、ページの jpg等を読み込んだ後 */
/* にはじまるため、ページのレイアウトが後からでき、ロードが遅く見えるためにまとめる    */
/* ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/* ---------- Footer desgin ----------  */

#footer {
     /* background-color: #00657d; */ /* 深青色 */
     /* background-color: #660000; */ /* あずき色 */
     clear: both; 
     background-color: #666666;  /* ねずみ色 */
	padding: 10px;
	margin: 0px;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
}

#amaprop {
	margin-left:170px;
	width:660px;
	height:800px;
/*	border:	solid silver 1px;  */
}

#address {
	color: #666666; 
	font-size: 0.8em;
	font-style: normal;
	padding: 0;
	margin: 0;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
}

#edit {
	color: #ffffff; 
	font-size: 0.75em;
	font-style: normal;
	padding: 0;
	margin: 0;

}


#edit a {
	color:  #ffffff;  /* 白 */
	text-decoration: none;
}

#footer_plus{
	font-size:0.8em;
	background-color: #666666;  /* ねずみ色 */
	margin:10px;
	color:#ffffff;
	height:540px;
}

#footer_plus a {
	color: #ffffff;  /* 白色 */
	text-decoration: none;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	font-weight: normal;
}
#footer_plus a:hover {
	color: blue;  
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	font-weight: normal;
}

#footer_plus li{
	background-image: url(images/mark.gif);
	background-repeat: no-repeat;
	list-style-type: none;  /* リストマーク(・)の削除 */
	background-position: center left; /* マークを行の中心に合わせる */
	margin : 2px;
	padding : 0 0 0 20px;
/*     background-color: #dddddd; */
}
#footer_left{
	padding:5px;
	float:left;
	width:250px;
/*	border:	solid silver 1px; */
}

#footer_middle{
	padding:5px;
	margin-left:255px;
	width:250px;
/*	border:	solid silver 1px; */
}

#footer_right{
	padding:5px;
	float:right;
	width:500px;
/*	border:	solid silver 1px; */
}

#footer_archive{
	float:left;
	padding:5px;
	width:220px;
/*	border:	solid silver 1px; */
}

#footer_likebox{

	float:right;
	width:240px;
        background-color: #ffffff; 
/*	border:	solid silver 1px; */
}

/* IEで出てくるニコちゃんマークを消す Wordpress stat を使っていると出るみたい */
img#wpstats{
position:absolute;
width:0px;
height:0px;
padding:0px;
border:none;
overflow:hidden;
}

/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* rsidebar.css 								       */
/* ------------------------------------------------------------------------------------*/
/* style.css は、真っ先に読み込まれるが、import の処理が、ページの jpg等を読み込んだ後 */
/* にはじまるため、ページのレイアウトが後からでき、ロードが遅く見えるためにまとめる    */
/* ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

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

#rsidebar{
	margin-top: 10px;
	margin-right: 0px;        /* twitter Follow me 用に 30足す */
       font-size: 10pt;
       font-family: Verdana, Arial, sans-serif;
       border-left: solid 1px  #aaaaaa; 

       float:right;  /* 右サイドバー */	
	width:200px;
       padding:  0;
       background-color: #ffffff;  /* 白色 */
       text-align: left;

}

#rsslink {
	background-color: #111111; 
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #ffffff; 

}

#search {  /* 検索ボックス */
	padding: 1px 0 0 2px;
	height: 27px;
}



#rsidebar h2 {
          font-size: 11pt;
          background-color: #777777; /*  grey */
          color: #ffffff;   /* white */
          text-align: center;
          margin: 0px;
          padding: 6px 0;
}

#watch {
	margin: -27px 0 5px -16px;
	
}

#latest ul {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 0px;
	padding: 0px;
	/* border: solid 1px #66aaff; */
}


#latest li {         
	color: #111111;
	margin: 0px 2px 0px 2px;
	background-image: url(images/yellowl_ball2.png);  
	background-repeat: no-repeat;
	background-position: center left; /* マークを行の中心に合わせる */
	padding : 5px 5px 5px 12px;
	border-bottom : solid 1px #cccccc;
}

#popular {
	margin: 0px;
	padding: 0px;
}

#popular ul {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 0px;
	padding: 0px;
	/* border: solid 1px #66aaff; */
}

#popular ol {         
        color: #66aaff;  /* ブルー */
	list-style-type: decimal;
       	margin: 0px;
	padding: 0px;

}


#popular li {         
	color: #111111;
	margin: 0px 2px 5px 0px;
/*	background-image: url(images/yellowl_ball2.png);   */
	background-repeat: no-repeat;
	background-position: center left; /* マークを行の中心に合わせる */
	padding : 5px 2px 5px 2px;
	border-bottom : solid 1px #cccccc;
}


#popular li a:hover { /* マウスオーバー時の配色 */
	color: green;  
}


#tweet {
	margin: 0px;
	padding: 0px;
}

.tweetlist {
	 width:200px;
	 word-wrap:break-all;
}

#tweet ul {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 0px;
	padding: 0px;
	/* border: solid 1px #66aaff; */
}

#tweet li {         
	color: #111111;
	margin: 0px 2px 0px 2px;
//	background-image: url(images/yellowl_ball2.png);  
	background-repeat: no-repeat;
	background-position: center left; /* マークを行の中心に合わせる */
	padding : 5px 5px 5px 12px;
	border-bottom : solid 1px #cccccc;
}

#tweet ol {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
	list-style-type: none;
       	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*    border: solid 1px #66aaff; */
}


#category ul {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 5px;
	padding: 5px;
	/* border: solid 1px #66aaff; */
}


#category li{
     color: #111111;
     padding: 0px 0px 0px 10px;
     background-position: 0px 0px;
     background-image: url(images/mark2.gif);
     background-position: top left; 
     background-repeat: no-repeat;
}


#category li a{
     color: #000000;
     text-decoration: none;
     border-bottom: dotted 1px #666666;
}


#category li a:hover {
     color: green;
}


.screen-reader-text {
     position: absolute;
     left: -1000em;
}

#ad200 IMG{
	width: 200px;

}


/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* lsidebar.css 								       */
/* ------------------------------------------------------------------------------------*/
/* style.css は、真っ先に読み込まれるが、import の処理が、ページの jpg等を読み込んだ後 */
/* にはじまるため、ページのレイアウトが後からでき、ロードが遅く見えるためにまとめる    */
/* ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#lsidebar_all{

       float:left;  /* 左サイドバー */
	margin: 0px;
	padding: 0px;

       font-size: 10pt;
       font-family: Verdana, Arial, sans-serif;



}



/* ++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++ 左サイドバーのメニューのデザイン ++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++ */

/* -- 開閉式メニュー -- */
	    /* メニュー全体 */
	    div#menuA, div#menuA * { margin:0; padding:0; }
	    div#menuA { margin:0px; width:160px; }
		div#menuA dl { 
			list-style:none; 
			/* border-top:1px solid #aaaaaa;  */ 
			width:100%; 
			margin:0; padding:0; 
		}
		/* カテゴリ名 (親の箱) */
		div#menuA dt { 
			border-width:1px; 
			border-style:none none solid none; 
			border-bottom: solid 1px #aaaaaa;    /* 明るいねずみ色 */
		}
		div#menuA dt a { 
			padding:5px 0; 
			display:block; 
			color:black;
			text-decoration:none;
			background:#eee url("images/expand.gif") no-repeat right center; width:100%; 

		}
		div#menuA dt a:hover { /* マウスオーバー時の配色 */
			color: #66aaff;  /* ブルー */
			background-color: #bbff7a;  /* 緑色 */
		}
	    /* カテゴリメニュー (子供の箱) */
		div#menuA dd { 
			border-width:1px; 
			border-style:none;
			background:#ddd ; /* 薄いねずみ色 */
			border-bottom: solid 1px #aaaaaa;    /* 明るいねずみ色の線 */
		}

		div#menuA dd a { 
			text-decoration:none; display:block; 
			background:#fff; /* ブロックしているので背景は a の方をいじる */
			padding:2px 0 2px 10px; 
			color:black; 
		}
		div#menuA dd a:hover { 
			color: #66aaff;  /* ブルー */
			background-color: #bbff7a;  /* 緑色 */
			background: #bbff7a;
		 }
		div#menuA dd a.line, div#menuA dd a.line:hover { border-bottom:1px dotted silver; }
		div#menuA dd a.end, div#menuA dd a.end:hover { padding-bottom:1px; }
		
		/* ダイレクトリンク */ 
		div#menuA dt.direct a { 
			display:block; color:#000;
			background:#fff url("images/arrow.gif") no-repeat right center; 
		}

		div#menuA dt.direct a:hover { 
			color: #66aaff;  /* ブルー */
			background:#bbff7a; 
		}

#menu{
       font-size: 10pt;  
       font-family: Verdana, Arial, sans-serif;
//       border: 1px ridge silver; 
	border-right: solid 1px #aaaaaa;    /* 明るいねずみ色の線 */
       width:160px;
       margin: 10px 0px 10px 0px;
       padding: 0;
       background-color: #222222;  /* 白色 */
       text-align: left;
	color: #ffffff;   /* 文字色 */

}


#menu h2 {
          font-size: 12px;
          background-color: #222222; /*  grey */
          color: #ffffff;   /* white */
          text-align: left;
          margin: 0px;
          padding: 5px 5px;
}



#menu ul {
	font-size: 12px;  /* 選択メニューが崩れない様に文字サイズを固定する */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee; /*  背景は薄いgrey */
	border-style: none;		/* ulレベルでは線を引かない外枠は div に任せる */
}

#menu li{
	color: black;  /* リンク文字色 */   
        line-height: 24px;   /* 箱の高さ */
	border-style:none none solid none;	/* 下部にだけ線を引く */
	border-bottom: solid 1px #aaaaaa;    /* 明るいねずみ色の線 */

}
#menu li a{
	display: block;  /* リンクをブロックで見せる */
	color: black;  /* リンク文字色 */
	text-decoration: none; /* リンクの下線を消す */
}

#menu li a:hover { /* マウスオーバー時の配色 */
	color: #66aaff;  /* ブルー */
	background-color: #bbff7a;  /* 緑色 */
}

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

#spaceblock{

	width:160px;
	height: 5px;
	padding: 0;
	background-color: #ffffff;  /* 白色 */

}

#lsidebar{ // menu と同じ立ち位置
	margin-top: 10px;
       font-size: 10pt;  /* ノーマル部分のサイズ */
       font-family: Verdana, Arial, sans-serif;
//       border: 1px ridge silver; 
	border-right: solid 1px #aaaaaa;    /* 明るいねずみ色の線 */
	border-bottom: solid 1px #aaaaaa;    /* 明るいねずみ色の線 */

       width:160px;
       margin: 20px 0px 10px 0px;
       padding: 0;
       background-color: #ffffff;  /* 白色 */
       text-align: left;

}


#lsidebar h2 {
          font-size: 11pt;
          background-color: #777777; /*  grey */
          color: #ffffff;   /* white */
          text-align: center;
          margin: 0px;
          padding: 5px 0;
}



#lsidebar ul {
         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	padding: 0px 10px;
}

#lsidebar ul {
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 5px;
	padding: 5px;
	/* border: solid 1px #66aaff; */
}

#lsidebar li{
     color: #111111;
     padding: 0px 0px 5px 10px;
     background-position: 0px 0px;
     background-image: url(images/mark.gif);
     background-position: top left; /* mark.gif を行の中心と位置合わせする */
     background-repeat: no-repeat;
}
#lsidebar li a{
     color: #000000;
     text-decoration: none;
     border-bottom: dotted 1px #666666;
}

#lsidebar li a:hover {
     color: red;
}

#translation{
	padding-top: 5px;
	padding-left: 2px;

        background-color: #ffffff;  /* 白色 */
	border: none; 
}



.bokin {	
	text-align: center;
	padding: 5px 0 5px 0;
	background-color: #cccccc;  /* ネズミ色 */

}

.parts {
         
	text-align: center;
	padding: 5px 0 5px 0;
	background-color: #cccccc;  /* ネズミ色 */
}

#gasoline {
	padding:0;
	margin:0;
	width:160px;
	height:160px;         
	background-color: #ffffff; 
}


#bbs {
	margin:0px;
	padding:0px;
	color: #00a0c6;  /* 青色 */
	text-decoration: none;
	border: none;
}


#bbs ul {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 0px;
	padding: 0px;
	/* border: solid 1px #66aaff; */
}

#bbs li {         
	color: #111111;
	margin: 0px 2px 0px 2px;
	background-image: url(images/yellowl_ball2.png); 
	background-repeat: no-repeat;
	background-position: center left; /* マークを行の中心に合わせる */
	padding : 5px 5px 5px 12px;
	border-bottom : solid 1px #cccccc;
}


#bbs li a:hover { /* マウスオーバー時の配色 */
  color: green;
}



#bbs a:link {
	color: #00a0c6;  /* 青色 */
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	font-weight: normal;
	text-decoration: none;
	border: none;

}

#bbs a:visited{
	color: #00a0c6;  /* 青色 */
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;

}


/* ランダムポスト用 */






#random {
	margin: 0px;
	padding: 0px;
	border: none;
}

#random ul {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 0px;
	padding: 0px;
	border: none;

	/* border: solid 1px #66aaff; */
}

#random ol {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
	list-style-type: decimal;
       	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*    border: solid 1px #66aaff; */
}


#random li {         
	color: #111111;
	margin: 0px 2px 5px 0px;
	background-image: none;
	padding : 5px 2px 5px 0px;
	border-bottom : solid 1px #cccccc;
}


#random li a:hover { /* マウスオーバー時の配色 */
	color: green;  
}


#random li a:hover {
     color: green;
}

#sidepoll {    
	margin-top: 10px;
       font-size: 10pt;  /* ノーマル部分のサイズ */
       font-family: Verdana, Arial, sans-serif;

       border-top: solid 1px   #cccccc;
       border-bottom: solid 1px  #cccccc;
       border-right: solid 1px  #cccccc;
       border-left: none; 

       width:160px;
       margin: 10px 0px 0px 0px;
       padding: 0;
       background-color: #ffffff;  /* 白色 */
       text-align: left;
}



#sidepoll h2 {
          font-size: 11pt;
          background-color: #777777; /*  grey */
          color: #ffffff;   /* white */
          text-align: center;
          margin: 0px;
          padding: 5px 0;
}

#sidepoll  ul {
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 5px;
	padding: 5px;
	/* border: solid 1px #66aaff; */
} 


/* ------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------*/
/* table.css 									       */
/* ------------------------------------------------------------------------------------*/
/* style.css は、真っ先に読み込まれるが、import の処理が、ページの jpg等を読み込んだ後 */
/* にはじまるため、ページのレイアウトが後からでき、ロードが遅く見えるためにまとめる    */
/* ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

table {

	border-top:1px solid     #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background-color:    #ffffff;
	empty-cells:show;
	font-size: 1.0em;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	margin:5px 0px;


}

td {     
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:0.4em 0.5em; 
	margin:0px;

}

td p{     
	margin:0px;
	padding:0px;	
}

/* レイアウト用のテーブル css 

以下の様に使う

<table class="transparent">
<td class="transparent">
<tr class="transparent">

*/

table.transparent {
	border:0 ;
}


tr.transparent {
#	border:1px solid #000000 ;
}
td.transparent  {     
	border:0 ;
#	border:1px solid #000000 ;

}


/* クラスセレクタ */
.search {
	border:0 ;
	height: 22px;
/*	border:1px solid #000000 ;   */
	margin:0;
	padding:4px;
	vertical-align:middle;
	 font-size: 1em;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;

}




/* Top用のテーブル css 


*/

table.top {
#	border:1px solid #000000 ;
	cellspacing: 0;
	width: 860px;
	text-align: left;
	font-size: 1.2em;
	font-family: "Arial", "MS Pゴシック", "Osaka-等幅", sans-serif;
	border:0 ;
	padding: 0;
	margin:0;
}


tr.top {
#	border:1px solid #000000 ;
	vertical-align: top;
	padding: 0;
	margin:0;
}

td.top {     
	border:0 ;
#	border:1px solid #000000 ;

}

td.topvideo {    
	border:0 ; 
#	border:1px solid #000000 ;
	width: 300px;
	padding: 0;
	margin:0;
	text-align:right;
#	background-color : #00657d;  /* ぐんじょ色 */

}


h2.popular {
          font-size: 11pt;
          background-color: #777777; /*  grey */
          color: #ffffff;   /* white */
          text-align: center;
          margin: 0px;
          padding: 6px 0;
}


ul.popular {         
        color: #66aaff;  /* ブルー */
        /*   list-style-type: disc; */
        list-style-type: none;  /* リストマーク(・)の削除 */
	margin: 0px;
	padding: 0px;
	/* border: solid 1px #66aaff; */
}

li.popular {         
	color: #111111;
	padding: 5px 5px 5px 5px;
	margin: 0;
/*	background-position: 0px 0px; */
/*	background-repeat: no-repeat; */
/*	border-top : solid 1px #aaaaaa; */
	border-bottom : solid 1px #cccccc;
}

table#latest td{
	border-top :0 ;
	border-right :0 ;
	border-left :0 ;

}


tr.alt {
	border:0 ;
}
tr.alt1 {
	border:0 ;
}

td.num {
	border-top :0 ;
	border-right :0 ;
	border-left :0 ;
}


#discussions ul{
      list-style-type: none;  /* リストマーク(・)の削除 */
      margin: 0;
      padding: 0;
}


#discussions li{
      margin: 0;
      padding: 0;
}

#discussions {
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;       
}

#comments
{
      margin: 10px;
      padding: 0;
}


/* ============================================================================== */
 /* これからはテーブルタグを使わず CSS で書こう。 */
/* ============================================================================== */

/* div id="table" と指定するIDセレクタの定義 */

#table {

width: 640px;
height: 200px;
float:left;

}


#table ul{

list-style:none;
margin:0;
padding:0;
}

#table img.aligntop { vertical-align: top; }


#table li{
vertical-align:top;
list-style:none;

}
#table p{
vertical-align:top;

}
/* ドットから始めると class セレクタと言ってどこでも(何と組み合わせても) 使える <p class="eyecatch"> のように使う */
.eyecactch{
width    :300px;
border:1px solid #000000;
padding    :5px;
margin-right:5px;
}

.desc{
width    :320px;
border:1px solid #000000;
padding    :0px;
}


.date_posted {
	float: left;
	font-size: 0.9em;
	padding: 5px;
}



/* ------------------------------------------- */
/* Popular post の画像用 */
/* ------------------------------------------- */

#image-frame {
/*	position:relative; *//* 親ボックス */
	display:block;
/* background-image: url(背景画); */
	width: 198px;
/*	height: auto; 
	min-height:60px;  */
/*	border: 1px solid #444444; */
/*	margin:5px 0; */
/*	padding:5px; */
}


#image-frame img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}




/* ----------  Socialのデザイン ----------  */

#all_social_links{
	margin: 10px 0px;
	padding: 0px;
	height: auto;
	overflow:hidden;
	width: 100%;

}

ul#sns_btn {
	width:100%; 
	float: left;
	clear: both;  /* 回り込みを解除 */
	display: block;/* 要素の表示され方。デフォルトはこれ。通常は block or inline */
	padding: 0px; /* これを指定しないと webkit のデフォルトが適用される */
	margin: 0px;  /* これを指定しないと webkit のデフォルトが適用される */
}

ul#sns_btn:after {
    content: ".";
    display: block;
    height: 0;
    clear: both; 
    visibility: hidden;
}

ul#sns_btn li.sns_btnInner {
	width:16%;
	float: left;
	padding: 0px;
	margin: 1px 1px;
	list-style-type: none;
}


/* 疑似クラス 6番目　*/
ul#sns_btn li.sns_btnInner:nth-child(6n) {
    width:16%;
    margin: 1px 1px;
}

@media (max-width: 659px) {
ul#sns_btn li.sns_btnInner {
    width:32%;
    margin: 2px 2px;
}
}

@media (max-width: 659px) {
ul#sns_btn li.sns_btnInner:nth-child(3n) {
    width:32%;
    margin: 2px 2px;
}
ul#sns_btn li.sns_btnInner:nth-child(6n) {
    width:32%;
    margin: 2px 2px;
}
}

ul#sns_btn li.sns_btnInner a {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 100%;
	color:#ffffff;
	display: block;
	padding: 6px 0px;
	margin: 0px;
	background-color:#f5f5f5;
	text-align:center;
	text-decoration: none;
/*    border-radius:5px; */
}

@media (max-width: 659px) {
ul#sns_btn li.sns_btnInner a {
    font-size: 14px;
    padding: 10px 0px;
}
}

ul#sns_btn li.sns_btnInner a.twitter {
    background-color: #00acee;
}

ul#sns_btn li.sns_btnInner a.facebook {
    background-color: #3b5998;
}

ul#sns_btn li.sns_btnInner a.google_plus {
    background-color: #dd4b39;
}

ul#sns_btn li.sns_btnInner a.hatena {
    background-color: #3B6EBC;
}

ul#sns_btn li.sns_btnInner a.pocket {
    background-color: #EE4056;
}

ul#sns_btn li.sns_btnInner a.line {
    background-color: #5ae628;
}