body { 
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color:#ffffff;                       /* 外側背景色 */
} 
#outline { 
background-color:#ffffff;                     /* サイト背景色 */
}


/******************************************* ▼ サイトの幅 ▼ */
#outline { 
width:1150px;                                         /* 全体 */
margin:0 auto; 
}
#center { 
width:615px;                                          /* 中央 */
float:right; 
} 
#left { 
width:211px;                                            /* 左 */
float:left; 
} 
#right { 
width:309px;                                            /* 右 */
float:right; 
} 
#center-left {             /* 計算して設定してください ------ */
width:832px;               /* (全体-左-中央-右)/2 + 左 + 中央 */
float:left; 
} 
/******************************************* ▲ サイトの幅 ▲ */

/************************************** ▼ リンクの色 ▼ */
                              /* ▽文字色とリンクの下線有無▽ */
a:link { color: #4169E1 ;text-decoration:none; }
a:visited { color: #4169E1 ; text-decoration:none;}
a:hover{ color:#4169E1;text-decoration:underline; background-color:#dddddd;
position:relative; top:2px; left:2px;} 

             /* △文字色とリンクの下線有無△ */   
/************************************** ▲ リンクの色 ▲ */

/********************************************* ▼ ヘッダー ▼ */
#header_outline {
border:2px solid #4169e1;                     /* 外枠の色     */
margin-bottom:10px;                           /* ヘッダ下間隔 */
}
#header_body { 
background-color:#4169e1;                     /* 背景色       */
border:1px solid #7f9aea;                     /* 内枠の色     */
} 
/********************************************* ▲ ヘッダー ▲ */



/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:17pt;                                 /* 文字サイズ */
text-align:center;                                /* 中央     */
margin:10px 30px; 
}
                              /* ▽文字色とリンクの下線有無▽ */
h1 a:link    { color:#ffffff; text-decoration:header_outline ; } /* 通常 */
h1 a:active  { color:#ffffff; text-decoration:none; } /*実行中*/
h1 a:visited { color:#ffffff; text-decoration:none; } /*訪問済*/
h1 a:hover   { color:#FF0000; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */


/*************************************** ▲ ブログタイトル ▲ */



/***************************************** ▼ サイト紹介文 ▼ */
.intro { 
font-size:12pt;                                 /* 文字サイズ */
color:#ffffff;                                  /* 文字色     */
text-align:center;                                /* 中央     */
margin:5px 30px 10px; 
}
/***************************************** ▲ サイト紹介文 ▲ */



/************************************************* ▼ 記事 ▼ */

.ently_outline { 
border:#e0e0e0
e1; 1px solid;               /* 外枠の色/太さ/実線 */
background-color:#FFFFFF;               /* 背景色             */
margin-bottom:8px;                     /* 次の記事までの間隔 */
} 

h2 { 
font-size: 80%; font-weight: bold; 
border:#4169e1 1px solid;          /* 枠        (記事タイトル)*/
background-color:#4169e1;          /* 背景色    (記事タイトル)*/
padding:5px 10px;
margin:0;

}
                             /* ▽文字色とリンクの下線有無▽ */
h2 a:link    { color:#ffffff; text-decoration:none; } /* 通常 */
h2 a:active  { color:#ffffff; text-decoration:none; } /*実行中*/
h2 a:visited { color:#ffffff; text-decoration:none; } /*訪問済*/
h2 a:hover   { color:#666666; text-decoration:none;  /*マウス*/
position:relative; top:2px; left:2px;} 
                             /* △文字色とリンクの下線有無△ */


.ently_body {  
font-size:82%;                       /* 文字サイズ(記事本文) */
color:#666666;                        /* 文字色    (記事本文) */
border-top:   #4169e1 1px solid;      /* 枠(上)    (記事本文) */
border-left:  #4169e1 1px solid;      /* 枠(左)    (記事本文) */
border-right: #4169e1 1px solid;      /* 枠(右)    (記事本文) */
border-bottom:#4169e1 1px solid;      /* 枠(下)    (記事本文) */

} 




h4 { 
font-size: 100%; font-weight: normal; 
}


.ently_text {
text-align:left;                      /* 左寄せ    (記事本文) */
margin:5px 5px; 
}

.ently_navi { 
text-align:right;                     /* 右寄せ(時刻・CM・TB) */
color:#555555;                        /* 文字色(時刻・CM・TB) */
margin:2px 10px 3px; 
} 

#related_entry {
 margin: 25px 15px 25px 55px;
}

#related_ul {
 padding: 5px;
}

.related_li {
 list-style: url(bullet.gif);
}

/************************************************* ▲ 記事 ▲ */



/*************************** ▼ 左側メニュー(プラグイン１) ▼ */
.plugin1_outline { 
border-top:   #e0e0e0 1px solid;                /* 個別枠(上) */
border-right: #e0e0e0 1px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 1px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 1px solid;                /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
} 
.plugin1_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
background-color:#4169e1;             /* 背景色    (タイトル) */
border: #4169e1 1px solid;            /* 枠        (タイトル) */
padding:2px 15px; 
} 
.plugin1_body { 
font-size:9pt;                           /* 文字サイズ(本体) */
color:#666666;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #4169e1 1px solid;          /* 枠(上)    (本体) */
border-left : #4169e1 1px solid;          /* 枠(左)    (本体) */
border-right: #4169e1 1px solid;          /* 枠(右)    (本体) */
border-bottom:#4169e1 1px solid;          /* 枠(下)    (本体) */
padding:4px 4px 3px 3px; 
line-height:1;

} 

h3 { 
font-size: 10pt; font-weight: normal; 
}    

  

/*************************** ▲ 左側メニュー(プラグイン１) ▲ */



/*************************** ▼ 右側メニュー(プラグイン２) ▼ */
.plugin2_outline { 
border-top:   #e0e0e0 1px solid;                /* 個別枠(上) */
border-right: #e0e0e0 1px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 1px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 1px solid;                /* 個別枠(左) */
margin-bottom:8px; /* 次のプラグインまでの間隔 */
} 
.plugin2_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
background-color:#4169e1;             /* 背景色    (タイトル) */
border: #4169e1 1px solid;            /* 枠        (タイトル) */
padding:2px 15px; 
} 
.plugin2_body { 
font-size:9pt;                           /* 文字サイズ(本体) */
color:#666666;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #4169e1 1px solid;          /* 枠(上)    (本体) */
border-left : #4169e1 1px solid;          /* 枠(左)    (本体) */
border-right: #4169e1 1px solid;          /* 枠(右)    (本体) */
border-bottom:#4169e1 1px solid;          /* 枠(下)    (本体) */
padding:4px 4px 3px 3px; 
line-height:1;
} 
/*************************** ▲ 右側メニュー(プラグイン２) ▲ */



/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline { 
border-top:   #e0e0e0 1px solid;                /* 個別枠(上) */
border-right: #e0e0e0 1px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 1px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 1px solid;                /* 個別枠(左) */
margin-bottom:8px;
} 
.plugin3_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
background-color:#4169e1;             /* 背景色    (タイトル) */
border: #666666 1px solid;            /* 枠        (タイトル) */
padding:5px 20px; 
} 
.plugin3_body { 
font-size:9pt;                           /* 文字サイズ(本体) */
color:#666666;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #4169e1 1px solid;          /* 枠(上)    (本体) */
border-left : #4169e1 1px solid;          /* 枠(左)    (本体) */
border-right: #4169e1 1px solid;          /* 枠(右)    (本体) */
border-bottom:#4169e1 1px solid;          /* 枠(下)    (本体) */
padding:3px 3px; 
} 
/*************************** ▲ 上部メニュー(プラグイン３) ▲ */



/********************************************* ▼ コメント ▼ */
.comment_outline { 
border:#e0e0e0 1px solid;           /* 外枠の/色太さ/実線     */
background-color:#FFFFFF;           /* 背景色                 */
text-align:left;                    /* 左寄せ                 */
margin-bottom:20px;                 /* 次のコメントまでの間隔 */
} 
.comment_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#4169e1;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#4169e1 1px solid;             /* 枠        (タイトル) */
padding:5px 20px; 
} 
.comment_body { 
font-size:9pt;                   /* 文字サイズ(コメント本文) */
olor:#666666;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #4169e1 1px solid;          /* 枠(上)    (本体) */
border-left : #4169e1 1px solid;          /* 枠(左)    (本体) */
border-right: #4169e1 1px solid;          /* 枠(右)    (本体) */
border-bottom:#4169e1 1px solid;          /* 枠(下)    (本体) */

} 
.comment_text { 
text-align:left;                  /* 左寄せ    (コメント本文) */
margin:10px 20px;
}
.comment_navi { 
color:#555555;                    /* 文字色    (時刻・CM・TB) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
margin:0px 10px 3px;
} 
/********************************************* ▲ コメント ▲ */



/*************************************** ▼ トラックバック ▼ */
.trackback_outline { 
border:#a9a9a9 2px solid;             /* 外枠の/色太さ/実線   */
background-color:#FFFFFF;             /* 背景色               */
margin-bottom:20px; 
} 
.trackback_block_title { 
font-size:10pt;                 /*文字サイズ(ブロックタイトル)*/
color:#ffffff;                  /*文字色    (ブロックタイトル)*/
font-weight:bold;               /*太字      (ブロックタイトル)*/
background-color:#4169e1;       /*背景色    (ブロックタイトル)*/
text-align:left;                /*左寄せ    (ブロックタイトル)*/
border:#666666 1px solid;       /*枠        (ブロックタイトル)*/
padding:5px 20px; 
} 
.trackback_block_body { 
font-size:10pt;                   /* 文字サイズ(ブロック本文) */
color:#000000;                    /* 文字色    (ブロック本文) */
border-top:   #4169e1 1px solid;  /* 枠(上)    (ブロック本文) */
border-left:  #4169e1 1px solid;  /* 枠(左)    (ブロック本文) */
border-right: #4169e1 1px solid;  /* 枠(右)    (ブロック本文) */
border-bottom:#4169e1 1px solid;  /* 枠(下)    (ブロック本文) */
text-align:left; 
padding:10px 20px 0;
}
.trackback_title {
font-size:10pt;                   /* 文字サイズ(個別タイトル) */
color:#555555;                    /* 文字色    (個別タイトル) */
font-weight:bold;                 /* 太字      (個別タイトル) */
}
.trackback_body { 
font-size:9pt;                   /* 文字サイズ(個別本文)     */
color:#000000;                    /* 文字色    (個別本文)     */
margin-bottom:20px;
}
.trackback_navi {
border-top:#e0e0e0 1px solid;     /* 飾り線    (時刻・投稿者) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
} 
/*************************************** ▲ トラックバック ▲ */



/******************* ▼ カテゴリ・検索・月別ナビゲーション ▼ */
.various_outline { 
border-top:#a9a9a9 1px solid;      /* 外枠の色/太さ/実線 (上) */
margin-bottom:20px; 
} 
.various_title {
font-size:10pt;                       /* 文字サイズ(タイトル) */
color:#ffffff;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#4169e1;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#4169e1 1px solid;             /* 枠        (タイトル) */
padding:5px 20px; 
margin:0; 
}
.various_body { 
font-size:9pt;                           /* 文字サイズ(本体) */
color:#666666;                            /* 文字色    (本体) */
background-color:#FFFFFF;                 /* 背景色    (本体) */
border-top:#e0e0e0 1px solid;             /* 飾り線(上)(本体) */
} 
.various_text {
text-align:left;                          /* 左寄せ    (本体) */
margin:10px 20px;
}
.various_navi { 
text-align:center;                        /* 中央寄せ  (矢印) */
margin:0px;
} 
/******************* ▲ カテゴリ・検索・月別ナビゲーション ▲ */



/********************************************* ▼ フッター ▼ */
#footer_outline {
border:2px solid #e0e0e0;                       /* 外枠の色   */
background-color:#f0f0f0;                       /* 背景色     */
}
#footer_body { 
font-size:9pt;                                  /* 文字サイズ */
color:#666666;                                  /* 文字色     */
border:1px solid #666666;                       /* 内枠の色   */
padding:5px; 
} 
                                              /* リンク       */
#footer_body a:link    { color:#999999; }     /* 通常         */
#footer_body a:active  { color:#999999; }     /* 実行中       */
#footer_body a:visited { color:#999999; }     /* 訪問済み     */
#footer_body a:hover   { color:#0000ff; }     /* オンマウス時 */
/********************************************* ▲ フッター ▲ */

/* ▼ サイトマップ ▼ */
#sitemap {
margin-top:5px; /* 上の余白 */
text-align:left;
}

#sitemap ul.sitemap_list {
margin-left:30px; /* 各記事リストの左余白 */
}

.display_no {
display:none;
}

/* カテゴリ一覧へ戻る */
.pgtop {
text-align:right; /* 右寄せ */
}
/* ▲ サイトマップ ▲ */


/* カレンダー */
.calender { text-align: center; color:#666666; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }


/*** その他 ***/
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; } 
li { margin-left:20px; margin-bottom:3px; } 
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; } 
.readmore { margin-top: 10px; } 
.readclose { margin: 10px 0; } 
.page_navi { margin:30px 0; font-size:9pt; color:#666666; }


/* 横google */
.line_calendar {
font-size:10pt; /* 文字の大きさ */
color:#cccccc; /* 文字の色 */
margin-bottom:10px; /* カレンダー下の間隔 */
text-align:center;
}

#kiji1 {
font size:9pt
}

#ayaponrss {margin:0px 0px 0px 0px; text-align:left; font-size:8px;}


  <div id="related_entry">
    関連エントリー
     <ul id="related_ul">
      <li class="related_li">記事のリスト</li>
      <li class="related_li">記事のリスト</li>
                    ・
                    ・
                    ・
     </ul>
     </div>

/* ▼メニューバー▼ */
ul#menu_bar {
font-size: 75%; /* 文字サイズ */
font-weight: bold; /
height:20px; /* 高さ */
background-color:#000000; /* 背景色 */
padding-left:0px;
margin-left:0px;
margin-top:5px; /* 上の間隔 */
margin-bottom:50px; /* 下の間隔 */
}
ul#menu_bar li {
font-size: 100%; /* 文字サイズ */
font-weight: bold; /
list-style-type:none;
float:left;
line-height:30px; /* 高さ */
margin:0px;
padding:0px;
margin-bottom:10px; /* 次のプラグインまでの間隔 */
}

#menu_bar li a {
display:block;
text-align:center;
width:142px; /* １つのメニューボタンの幅 */
border-right:1px solid #4169E1; /* 区切り線 */
color:#ffffff; /* リンク文字の色 */
background-color:#4169E1; /* メニューボタンの背景 */
text-decoration:none;
}
#menu_bar li a:hover{
color:#4169E1; /* マウスが乗ったときのリンク文字の色 */
background-color:#ffffff; /* マウスが乗ったときの背景色 */
text-decoration:none;
}
/* ▲メニューバー▲ */

/* ▼メニューバー（ドロップダウン）▼ */

#menu_bar ul {
position:absolute;
margin:0;
padding:0;
}

#menu_bar li {
position:relative;
margin:0;
padding:0;
}

#menu_bar li ul li {
float:none;
}

#menu_bar li.menu ul,
#menu_bar li.menu ul li.menu ul,
#menu_bar li.menu_on ul li.menu ul {
display:none;
}

#menu_bar li.menu_on ul {
position:absolute;
display:block;
top:100%;
left:0;
}

#menu_bar li.menu_on ul li.menu_on ul {
position:absolute;
display:block;
top:0;
left:100%;
}

/* ▽IE6バグ対応▽ */
* html #menu_bar li li,
* html #menu_bar li li li {
font-size:1px;
line-height:0;
}
* html #menu_bar li li a,
* html #menu_bar li li li a {
display:block;
font-size:10pt;
line-height:25px;
}
/* △IE6バグ対応△ */

#menu_bar li li a,
#menu_bar li li li a {
border-top:1px solid #111111; /* 区切り線 */
}

/* ドロップダウンリストの透過 */
#menu_bar > li > ul {
-moz-opacity: 0.9;
opacity: 0.9;
}

/* ▲メニューバー（ドロップダウン）▲ */


#menu_bar li.menu_bar_end a {
border-right:none;
}

/*右下オーバーレイ*/
* html #meerkat-contents{
    overflow: auto;
    position: relative;
    width: 100%;
    height: 100%;
}
div#meerkat-wrap {
    position: fixed !important;
    position: absolute;
    z-index: 10000;
    width: 314px;
    height: 297px;
    right: 0px;
    bottom:-25px;
    display: block;
}

div#meerkat-container{

  background-image: none;
  background-attachment:initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  height: 297px;
  background-position: initial initial;
  background-repeat: initial initial; 
}

div#meerkat{
margin:0 8px 0 0;
padding:0;
}

div#meerkat div#adframe_header{
height:7px;
text-align:right;
background: #a7cfdf; /* Old browsers */
background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* W3C */
}

div#meerkat div#adframe_header p.close{
padding:0px;
}

div#meerkat p.close{
padding:0px;
margin:0;
}

div#meerkat #close-btn{
border:0;
height:10px;
width:10px;
}

div#meerkat div#adframe_header a.link{
text-decoration:none;
}


div#meerkat div#adframe_body{
border:0px 0px 0 0px;
border-style:solid;
border-color:#23538a;
height:250px;
}

div#meerkat div#adframe_body iframe{
border: none;
}
/*ここまで*/


.pankuzu{
font-size:12px; 
text-align:left; 
margin:0px 0px 10px 0px;} 
.pankuzu a:link{color:#666666} 
.pankuzu a:visited{color:#666666}


/**************************************************************/
/* フッターにある著作権表示(リンク)さえ残して頂ければ         */
/* どんなにカスタマイズされても構いません。また、             */
/* どのようなサイトでも利用してくださって結構です。           */
/* 何か解からないことがあれば何でも聞いてください。           */
/*                                FC2ブログのテンプレート工房 */
/* [lightframe_ver.03]       (http://10plate.blog44.fc2.com/) */
/**************************************************************/