/* 画面全体 */
body {
/* ----------------------------------------------------- */
    background-color: #eeeeee;           /* 画面背景の色 */
/* ----------------------------------------------------- */
    margin: 0;
    text-align: center;
}

/* サイト全体 */
.base_table {
/* ----------------------------------------------------- */
    width: 65em;                          /* サイトの幅 */
/* ----------------------------------------------------- */
    background-color: #00FFFF;               /* 外枠の色 */
/* ----------------------------------------------------- */
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}


/************************************** ▼ リンクの色 ▼ */
a:link { color: #0000FF; }
a:visited { color: #000000; }
a:hover { color: #800000; }
a:active { color: #000000; }
/************************************** ▲ リンクの色 ▲ */



/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header_outline {
border:0px solid #000000;                     /* 外枠の色     */
border-bottom:#000000 0px solid;              /* 飾り線(下)   */
margin-bottom:20px;                           /* ヘッダ下間隔 */
}
#header_body { 
background-color:# fff;                     /* 背景色       */
border:1px solid #000000;                     /* 内枠の色     */
} 
#header-box {
   position: relative;
   width: 550px;
   height: 280px;
   margin: 0 auto;
   padding-top: 16px;
}

#header {
position: absolute;
   left: 0;
   bottom: 0;
   color: #fff;
   padding: 5px;
   background: #000;
   filter: Alpha(opacity=70);
   opacity:0.7;
   width: 540px;


}

#header p {
   font-size: 250%;
   font-weight: bold;
}

#header p a {color: #fff;}

#header p a:hover {color: #4e95dc;}

#header h1 {
   font-size: 108%;
   margin-left: 5px;
}

/* サイトタイトル */
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
/* ----------------------------------------------------- */
    color:#ffffff;                       /* タイトルの色 */
/* ----------------------------------------------------- */
    text-decoration:none;
}
h1 {
/* ----------------------------------------------------- */
    font-size: 5em;                /* タイトルの大きさ */
/* ----------------------------------------------------- */
    text-decoration:none;
    margin: 10px 30px;
}
/* サブタイトル(サイト説明) */
h2 {
/* ----------------------------------------------------- */
    color: #ffffff;                  /* サブタイトルの色 */
/* ----------------------------------------------------- */
    font-size: 0.8em;            /* サブタイトルの大きさ */
/* ----------------------------------------------------- */
    font-weight: normal;
    margin: 10px 30px;
}
/**************************** ▲ ヘッダー(タイトル部) ▲ */

/* ▼　メニュー ▼ */
/* ▼メニューバー▼ */
ul#menu_bar {
font-size: 80%; /* 文字サイズ */
height:25px; /* 高さ */
background-color:#000000; /* 背景色 */
padding-left:0px;
margin-left:0px;
margin-top:0px; /* 上の間隔 */
margin-bottom:10px; /* 下の間隔 */
}

#menu_bar li {
list-style-type:none;
float:left;
line-height:30px; /* 高さ */
margin:0px;
padding:0px;
}

#menu_bar li a {
display:block;
text-align:center;
width:108px; /* １つのメニューボタンの幅 */
border-right:1px solid #333333; /* 区切り線 */
color:#ffffff; /* リンク文字の色 */
background-color:#000000; /* メニューボタンの背景 */
text-decoration:none;
}

#menu_bar li a:hover{
color:#ffffff; /* マウスが乗ったときのリンク文字の色 */
background-color:#222222; /* マウスが乗ったときの背景色 */
text-decoration:none;
}
/* ▲メニューバー▲ */
/****************** ▼▼ メインボディ(コンテンツ部) ▼▼ */
/* メインボディ */
body { 
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color:#ffffff;                       /* 外側背景色 */
background-image: url(""); 
} 
#outline { 
background-color:#ffffff;                     /* サイト背景色 */
background-image: url(""); 
}


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


/****************** ▼ エントリーブロック(中央カラム) ▼ */
/* センターブロックレイアウト */
.center_block {
    width: 100%;
    text-align: left;
}


a img {
border-top: #999999 0px solid;
border-right: #999999 0px solid;
border-left: #999999 0px solid;
border-bottom: #999999 0px solid;
}


/* エントリー（記事）タイトル */
h3 a:link,h3 a:visited,h3 a:active,h3 {
/* ----------------------------------------------------- */
    color:#fff;                   /* 記事タイトルの色 */
/* ----------------------------------------------------- */
    text-decoration:none;
}
h3 a:hover{
/* ----------------------------------------------------- */
    color:#800000; /* 記事タイトルの色(マウスが乗った時) */
/* ----------------------------------------------------- */
    text-decoration:none;
}

h3 {
background-image: url("https://blog-imgs-53.fc2.com/l/h/a/lhaplus3/titlebackblack.png"); /* 記事タイトル */
} 
/* ----------------------------------------------------- */
    background: #ffffff;         /* 記事タイトル背景の色 */
/* ----------------------------------------------------- */
    border-left: #00FFFF 10px solid;     /* 飾りの色(左) */
    border-right: #00FFFF 1px solid;     /* 飾りの色(右) */
    border-bottom: #00FFFF 1px solid;    /* 飾りの色(下) */
/* ----------------------------------------------------- */
    font-size: 0.8em;        /* 記事タイトル文字の大きさ */
/* ----------------------------------------------------- */
    text-decoration:none;
    padding: 0.3em 0.3em 0.3em 1em;
    margin: 0;
}
/* エントリー(記事)スタイル */
.article {
/* ----------------------------------------------------- */
    color: #000000;        /* エントリー(記事)の文字の色 */
/* ----------------------------------------------------- */
    font-size: 80%;    /* エントリー(記事)の文字の大きさ */
/* ----------------------------------------------------- */
    border: #ffffff 1px solid; /* エントリー(記事)の外枠 */
/* ----------------------------------------------------- */
    padding: 10px 1em 0;
    line-height: 1.3;
    margin-bottom: 2em;
}
.article hr {
 color: #dddddd; /* 追記を分ける線の色 */
}
/* エントリー(記事)ナビゲーション */
.bottom_navi {
    text-align: right;
    margin-top:8px;
    padding: 5px;
    border-top: #dddddd 1px solid; /* 記事下ナビ区切り線 */
}
/* コメントナビゲーション */
.comment_navi {
    text-align: right;
    margin-top:8px;
    margin-bottom: 20px;
    padding: 5px;
    border-top: #dddddd 1px solid; /* 記事下ナビ区切り線 */
}

/* ページナビゲーション */
.page_navi {
    font-size: 75%;
    text-align: center;
    margin: 2em;
}
/****************** ▲ エントリーブロック(中央カラム) ▲ */



/********* ▼ メニューブロック (プラグインカテゴリ３) ▼ */
/* メニュータイトル */
.menu_title3 {
/* ----------------------------------------------------- */
    color:#000000;               /* メニュータイトルの色 */
/* ----------------------------------------------------- */
    background: #00FFFF;         /* メニュータイトル背景 */
/* ----------------------------------------------------- */
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.3em 1em;
    margin: 0;
background-image: url("https://blog-imgs-53.fc2.com/l/h/a/lhaplus3/titlebackblack.png"); /*  */ 
}

/* メニューコンテンツ */
.menu_cont3 {
/* ----------------------------------------------------- */
    color: #000000;      /* メニューコンテンツの文字の色 */
/* ----------------------------------------------------- */
    font-size: 75%;  /* メニューコンテンツの文字の大きさ */
/* ----------------------------------------------------- */
    border: #dddddd 1px solid;               /* 外枠の色 */
/* ----------------------------------------------------- */
    margin: 0;
    padding: 0 1em;
    line-height: 1.3;
}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン3コンテンツ上下の余白 */
.p3_margin {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:10px;
margin-bottom:10px;
}
/********* ▲ メニューブロック (プラグインカテゴリ３) ▲ */



/** ▼ メニューブロック (プラグインカテゴリ１&２共通) ▼ */
/* メニュータイトル */
.menu_title {
/* ----------------------------------------------------- */
    color:#fff;               /* メニュータイトルの色 */
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.3em 1em;
    margin: 0;
background-image: url("https://blog-imgs-53.fc2.com/l/h/a/lhaplus3/titlebackblack.png"); /*  */ 
}

/* メニューコンテンツ */
.menu_cont {
/* ----------------------------------------------------- */
    color: #000000;      /* メニューコンテンツの文字の色 */
/* ----------------------------------------------------- */
    font-size: 75%;  /* メニューコンテンツの文字の大きさ */
/* ----------------------------------------------------- */
    margin: 0;
    padding: 0 1em;
    line-height: 130%;
}
/* プラグイン1&2説明(上部) */
.pu_description {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン1&2コンテンツ上下の余白 */
.p_margin {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン1&2説明(下部) */
.pd_description {
margin-top:5px;
margin-bottom:5px;
}
/** ▲ メニューブロック (プラグインカテゴリ１&２共通) ▲ */



/********************** ▼ レフトカラム(左側メニュー) ▼ */
/* レフトカラム(左側メニューカラム)の外枠 */
.left_outline {
/* ----------------------------------------------------- */
    border: 1px #dddddd solid; /* レフトカラムの外枠の色 */
/* ----------------------------------------------------- */
    padding: 0;
}
.left_width {
/* ----------------------------------------------------- */
    width: 11em;       /* レフトカラム(左側メニュー)の幅 */
/* ----------------------------------------------------- */
    visibility: hidden;

}
/********************** ▲ レフトカラム(左側メニュー) ▲ */



/********************** ▼ ライトカラム(右側メニュー) ▼ */
/* ライトカラム(右側メニューカラム)の外枠 */
.right_outline {
/* ----------------------------------------------------- */
    border: 1px #dddddd solid; /* ライトカラムの外枠の色 */
/* ----------------------------------------------------- */
    padding: 0;
}
.right_width {
/* ----------------------------------------------------- */
    width: 11em;       /* ライトカラム(右側メニュー)の幅 */
/* ----------------------------------------------------- */
    visibility: hidden;
}

/********************** ▲ ライトカラム(右側メニュー) ▲ */

/****************** ▲▲ メインボディ(コンテンツ部) ▲▲ */


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



/* その他各種設定 */
p {
    margin: 0;
    padding: 0;
}
ul {
    margin: 0;
    padding: 0 0 0 1em;
}
li {
    margin: 0 0 3px 0;
    padding: 0;
}

/* コメント入力文字サイズ */
textarea {
    font-size: 1em;
}

/* カレンダー */
.calender {
    color:#000;
    font-size: 110%;
    margin: 1em 0.8em 0;
}
.calender td {
	text-align: center;
}
th#sun {
    color: #CC3300;
}
th#sat {
    color: #0066CC;
}

/* 続きを読む・閉じる */
.readmore {
    margin-top: 10px;
}
.readclose {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#f0f0f0; /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#cccccc 5px solid; /* 枠線(左) */
}

/* カレンダーの中央寄せ */
.calender{
margin-left: auto;
margin-right: auto;
} 

/* ブックマーク 拍手 */
.fc2_footer {
margin-top:20px; /* 上の余白 */
}

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

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

.display_no {
display:none;
}

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


/* プラグインの文字配置 */
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }

/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}

/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}

/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}

/* プラグイン内入力欄の幅設定 */
.left_outline input[type="text"],
.right_outline input[type="text"],
.left_outline textarea,
.right_outline textarea {
width: 90%;
}

/* ▼ FC2バトンのスタイル ▼ */

/* 質問番号(Q) */
.q_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 質問本文 */
.baton_q {
margin-bottom:5px; /* 答えまでの余白 */
}

/* 答え番号(A) */
.a_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 答え本文 */
.baton_a {
margin-left: 0px;
padding-bottom:2px; /* 罫線までの余白 */
border-bottom: dotted 1px #cccccc; /* 罫線 */
margin-bottom: 20px; /* 次の質問までの余白 */
}

/* ▲ FC2バトンのスタイル ▲ */

.cap {position: relative;}
 
.cap img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
 
.cap p {
   position: absolute;
   left: 0;
   bottom: 0;
   color: #000;
   padding: 5px;
   background: #000;
   filter: Alpha(opacity=70);
   opacity:0.7;
   width: 540px;
}

.管理人 { background-color:#808080; }
/*********************************************************/
/*
フッターにある著作権表示さえ残していただければ
どんなにカスタマイズされても構いません。また、
どのようなサイトでも利用してくださって結構です。
                          FC2ブログのテンプレート工房
[standard_ver.10.1]  (http://10plate.blog44.fc2.com/)

これは一度改造されたやつなので、再配布はご遠慮願います
テンプレート工房さんが言うようにこれもカスタマイズは、
著作権表示だけ残してもらえれば、結構です。

[News_or_Custome_ver.1.0]  (http://lhaplus3.blog.fc2.com/)
*/
/*********************************************************/