body { 
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color:#E3DECC;                       /* 外側背景色 */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
} 
#outline { 
background-color:#E3DECC;                     /* サイト背景色 */
}


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



/******************************* ▼ リンクの色と下線の有無 ▼ */
a{outline:none;}
a:link    {color:#4169E1; text-decoration:none;}      /* 通常 */
a:active  {color:#4169E1; text-decoration:none;}      /*実行中*/
a:visited {color:#4169E1; text-decoration:none;}      /*訪問済*/
a:hover   {color:#0000CD; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */



/********************************************* ▼ ヘッダー ▼ */

/********************************************* ▲ ヘッダー ▲ */
/* ▼メニューバー▼ */
ul#menu_bar {
font-size: 80%; /* 文字サイズ */
height:30px; /* 高さ */
background-color:#1253A4; /* 背景色 */
padding-left:0px;
margin-left:0px;
margin-top:0px; /* 上の間隔 */
margin-bottom:0px; /* 下の間隔 */
width: 1080px;
border:0px solid #af0000;
}

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

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

#menu_bar li a:hover{
color:#FF6860; /* マウスが乗ったときのリンク文字の色 */
background-color:#1253A4; /* マウスが乗ったときの背景色 */
text-decoration:none;
}
/* ▲メニューバー▲ */


/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:16pt;                                 /* 文字サイズ */
text-align:left;                                /* 左寄せ     */
margin:00px 0px; 
}
                              /* ▽文字色とリンクの下線有無▽ */
h1 a:link    { color:#000000; text-decoration:none; } /* 通常 */
h1 a:active  { color:#000000; text-decoration:none; } /*実行中*/
h1 a:visited { color:#000000; text-decoration:none; } /*訪問済*/
h1 a:hover   { color:#0000ff; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
/*************************************** ▲ ブログタイトル ▲ */



/***************************************** ▼ サイト紹介文 ▼ */
.intro { 
font-size:10pt;                                 /* 文字サイズ */
color:#000000;                                  /* 文字色     */
text-align:left;                                /* 左寄せ     */
margin:0px 0px 0px; 
}
/***************************************** ▲ サイト紹介文 ▲ */



/************************************************* ▼ 記事 ▼ */
.ently_outline { 
border:#c0c0c0 ０px solid;               /* 外枠の色/太さ/実線 */
background-color:#FFFFFF;               /* 背景色             */
margin-bottom:20px;                     /* 次の記事までの間隔 */
padding:5px 5px;
} 
.ently_title { 
font-size:16px;                    /* 文字サイズ(記事タイトル)*/
background-color:#1253A4;          /* 背景色    (記事タイトル)*/
border-left:#e74c3c 3px solid;          /* 枠        (記事タイトル)*/

text-align:left;                   /* 左寄せ    (記事タイトル)*/
padding:5px 20px;
margin:5px;
} 
                              /* ▽文字色とリンクの下線有無▽ */
h2 a:link    { color:#fff; text-decoration:none; } /* 通常 */
h2 a:active  { color:#fff; text-decoration:none; } /*実行中*/
h2 a:visited { color:#fff; text-decoration:none; } /*訪問済*/
h2 a:hover   { color:#e74c3c; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
.ently_body { 
font-size:10pt;                       /* 文字サイズ(記事本文) */
color:#363947;                        /* 文字色    (記事本文) */

} 
.ently_text {
text-align:left;                      /* 左寄せ    (記事本文) */
margin:10px 10px; 
margin-bottom:20px; /* 記事末尾の間隔調整 */
}


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





/*************************** ▼ 右側メニュー(プラグイン２) ▼ */
.plugin2_outline { 
border:   #c0c0c0 ０px solid;                
background-color:#FFFFFF;   
margin-bottom:10px; /* 次のプラグインまでの間隔 */
margin-top:5px;
padding:3px 3px; 
} 
.plugin2_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#fff;                        /* 文字色    (タイトル) */
background-color:#1253A4;             /* 背景色    (タイトル) */
border-left: #e74c3c 2px solid;            /* 枠        (タイトル) */
padding:2px 15px; 
margin:5px;
} 
.plugin2_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#363947;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */

padding:5px 5px 5px 5px; 
line-height:1.5;
}
/* プラグイン2説明（上部） */
.p2u_description {
margin-bottom:7px;
}
/* プラグイン2説明（下部） */
.p2d_description {
margin-top:7px;
}
/*************************** ▲ 右側メニュー(プラグイン２) ▲ */



/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline { 
border:   #c0c0c0 1px solid;                /* 個別枠(上) */
background-color:#FFFFFF;   
margin-bottom:20px;
} 
.plugin3_title { 
font-size:16px;                    /* 文字サイズ(記事タイトル)*/
color:#fff;  
background-color:#1253A4;          /* 背景色    (記事タイトル)*/
border-left:#e74c3c 3px solid;          /* 枠        (記事タイトル)*/
text-align:left;                   /* 左寄せ    (記事タイトル)*/
padding:5px 20px;
margin:5px;
} 
.plugin3_body { 
font-size:20px;                           /* 文字サイズ(本体) */
color:#363947;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 0px solid;          /* 枠(上)    (本体) */
border-left:  #666666 0px solid;          /* 枠(左)    (本体) */
border-right: #666666 0px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 0px solid;          /* 枠(下)    (本体) */
padding:5px 20px; 
}
.plugin3_body  a:link    { color:#2980b9; text-decoration:none; } /* 通常 */
.plugin3_body  a:active  { color:#2980b9; text-decoration:none; } /*実行中*/
.plugin3_body  a:visited { color:#2980b9; text-decoration:none; } /*訪問済*/
.plugin3_body  a:hover   { color:#e74c3c; text-decoration:none; } /*マウス*/
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:5px;
margin-bottom:5px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:5px;
margin-bottom:5px;
}
/*************************** ▲ 上部メニュー(プラグイン３) ▲ */



/********************************************* ▼ コメント ▼ */
.comment_outline {
border:#666666 1px solid; /* 外枠の/色太さ/実線 */
background-color:#FFFFFF; /* 背景色 */
text-align:left; /* 左寄せ */
margin-bottom:20px; /* 次のコメントまでの間隔 */
}
.comment_title {
border-left:#555555 3px solid;
border-bottom:#dcdcdc 1px dashed;
font-size:12px; /* 文字サイズ(タイトル) */
color:#555555; /* 文字色 (タイトル) */
background-color:#ffffff; /* 背景色 (タイトル) */
text-align:left; /* 左寄せ (タイトル) */
padding:5px 20px;
}
.comment_body {
font-size:16px; /* 文字サイズ(コメント本文) */
color:#363947; /* 文字色 (コメント本文) */

} 
.comment_text { 
text-align:left;                  /* 左寄せ    (コメント本文) */
margin:10px 20px;
}
.comment_navi { 
color:#363947;                    /* 文字色    (時刻・CM・TB) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
margin:0px 10px 3px;
}
/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}
/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}
/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}
.ct{
font-weight:bold;
font-size:16px; 
margin-top:20px;
margin-bottom:20px;
border-bottom:1px dotted #cdcdcd;
padding:5px 20px; 

}
/********************************************* ▲ コメント ▲ */







/******************* ▼ カテゴリ・検索・月別ナビゲーション ▼ */
.various_outline { 
background-color:#fff; 
border:#c0c0c0 1px solid;      /* 外枠の色/太さ/実線 (上) */
margin-bottom:20px; 
} 
.various_title {
font-size:16px;                       /* 文字サイズ(タイトル) */
color:#fff;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#34495e;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border-left:#e74c3c 3px solid;  
padding:5px 20px; 
margin:5px; 
}
.various_body { 
font-size:16px;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#FFFFFF;                 /* 背景色    (本体) */
border-top:#e0e0e0 0px solid;             /* 飾り線(上)(本体) */
} 
.various_body  a:link    { color:#2980b9; text-decoration:none; } /* 通常 */
.various_body  a:active  { color:#2980b9; text-decoration:none; } /*実行中*/
.various_body  a:visited { color:#2980b9; text-decoration:none; } /*訪問済*/
.various_body  a:hover   { color:#e74c3c; text-decoration:none; } /*マウス*/
.various_text {
text-align:left;                          /* 左寄せ    (本体) */
margin:10px 20px;
}
.various_navi { 
text-align:center;                        /* 中央寄せ  (矢印) */
margin:0px;
} 
/******************* ▲ カテゴリ・検索・月別ナビゲーション ▲ */



/********************************************* ▼ フッター ▼ */
#footer_outline {

background-color:#1253A4;                       /* 背景色     */
}
#footer_body { 
font-size:12px;                                  /* 文字サイズ */
color:#ffffff;                                  /* 文字色     */
border:0px solid #666666;                       /* 内枠の色   */
padding:5px; 
} 
                                              /* リンク       */
#footer_body a:link    { color:#ffffff; }     /* 通常         */
#footer_body a:active  { color:#ffffff; }     /* 実行中       */
#footer_body a:visited { color:#ffffff; }     /* 訪問済み     */
#footer_body a:hover   { color:#af0000; }     /* オンマウス時 */

#footall{
font-size:12px;
text-align:left;
}


#footrist{
margin-top:20px;
margin-left:20px;
float:left;

}

#footrist2{
margin-top:20px;
margin-left:20px;
float:left;
}

#footrist3{
margin-top:20px;
margin-left:20px;
float:left;
}

#md{
font-size: 16px;
font-weight:bold;
color:#fffdca;

}
.clear {
clear:both;
}
/********************************************* ▲ フッター ▲ */



/* カレンダー */
.calender td { text-align: center; }
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-bottom:20px; 
}

.readmore  a{ 
display: block;
 
  width: 339px;
   color: #fff;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   margin: 15px 16px 15px 0;
   padding: 2px 0;
   background: #383838;
   border: 1px solid #383838;
 } 

.readmore a:hover {
   text-decoration: none;
   border: 1px solid #e74c3c;
   color: #e74c3c;
}

.page_navi { margin:30px 0; font-size:16px; }
li {
margin-left:0px;
list-style-type: none;
}

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

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



/* ▼ サイトマップ ▼ */
#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 }

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

.kstt{
font-size:20px;                    
font-weight:bold;
 color: #EB2142;
margin-top:20px ;
margin-bottom:10px ;
border-left:  #f1c40f 5px solid;
text-align:left;               
padding:5px ;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.kstt {text-align:left;}
}


.t_h{
font-size:10px;
border-bottom:   #dcdcdc 1px dashed; 
border-left:   #34495e 3px solid;
 margin-bottom: 20px;
 margin-top: 10px;
padding-left:5px;
padding-bottom:3px;
 }

.ad1{
margin-top:10px;
margin-bottom:20px;
margin-right:20px;
margin-left:10px;
float:left;
}

.imb{
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
float:left;
}

.koukoku {  
    overflow: hidden ;  
margin-top:10px;
margin-bottom:10px;
} 



a img {
border:none;
}
.ently_body img {
max-width: 480px;
height: auto;
}


.e_k{
  margin-top: 5px;
  margin-left: 5px;
  font-size:12px; 
  color:#ffffff;
  font-weight: bold;
}

#krnk{
font-weight:bold;
font-size:16px;
margin-top:10px ;
margin-bottom:20px ;
line-height: 200%;
}
#krnk a{
text-decoration:none;}

#krnk a:link    { color:#2980b9; }    
#krnk a:active  { color:#2980b9; }   
#krnk a:visited { color:#2980b9; }   
#krnk a:hover   { color:#e74c3c; 
position: relative;
 left: 5px; }    







.backtotop {
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 9000;
    display: none;
}    

.backtotop a {
    display: block;
    color: #777777;
    padding: 14px 6px;
    margin: 0;
    background-color: #181818;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

.backtotop a:hover {
    background: #bfbfbf;
    color: #FFFFFF;
}

/* 透過gif (マウス反応範囲) */
h1 img {
height:200px; /* 高さ */
width:1080px; /* 幅 */
border:0px;
}

/* タイトル背景画像 */
#header_body {
background-repeat: no-repeat; /* 繰り返し表示の有無 */
background-position-top: 0px ; /* 左の間隔、上の間隔 */
}
/* FC2relate
----------------------------------------------- */
.relate_dl {
 margin: 5px;
 padding-left: 0px !important;
 background: none !important;
 font-size: 16px;
 font-weight: bold;
 color:#EB2142;
}
.relate_dl .relate_dt {
 margin-bottom: 10px !important;
 padding: 5px !important;
 border-left:  #f1c40f 5px solid;
 line-height: 1.1 !important;


}
.relate_dl .relate_dd {
 margin: 0 !important;
 padding: 0 !important;
 border: 0 none !important;
 background: none !important;
}
.relate_dl .relate_ul {
 margin-top:5px !important;
 margin-bottom:5px !important;
 padding: 0 !important;
 list-style-type: none;
}
.relate_dl .relate_ul li {
font-size: 16px !important;
 margin: 0 0 0.5em !important;
 padding: 0 !important;
 border-bottom:1px dotted #c0c0c0;
 border-left: 3px #e74c3c solid; 
 width: 688px; /* 要素の横幅を指定 */
    white-space: nowrap; /* 横幅のMAXに達しても改行しない */
    overflow: hidden; /* ハミ出した部分を隠す */
    text-overflow: ellipsis; /* 「…」と省略 */
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}
.relate_dl .relate_ul .relate_li_nolink {
 display: none;

}

.relate_dl .relate_ul .relate_li a:link {
  margin-left:5px !important;
 color: #383838;
 text-decoration:none;
}
.relate_dl .relate_ul .relate_li a:visited {
 color: #383838;
}
.relate_dl .relate_ul .relate_li a:hover {
 color: #e74c3c;
 position: relative;
 left: 5px;
}
.ksad{
margin-bottom: 20px;
margin-top: 20px;
}
.sbn{
margin-top: 5px;
margin-left: 15px;
text-align: left
}

.btn1{
margin-top:10px ;
margin-bottom:10px ;
}
.im{
margin-top:10px ;
margin-bottom:10px ;
}
.ftrss{
border:   #c0c0c0 1px solid;
 margin-bottom: 10px;
 margin-top: 10px;
background-color:#ffffff; 
}

a img {
border:none;
}
/* 記事の折り返し */
.ently_text {
word-wrap: break-word;
}

/* コメントの折り返し */
.comment_text {
word-wrap: break-word;
}
/**************************************************************/
/*
フッターにある著作権表示(リンク)さえ残して頂ければ
どんなにカスタマイズされても構いません。また、
どのようなサイトでも利用してくださって結構です。
                                FC2ブログのテンプレート工房
[lightframe_ver.05.1]     (http://10plate.blog44.fc2.com/)
*/
/**************************************************************/

.brl{
margin-top:10px ;
margin-bottom:10px ;
}

.twb  a{ 
display: block;
 
  width: 340px;
   color: #fff;
   font-size: 20px;
   text-align: center;
   text-decoration: none;
   margin: 15px 16px 15px 0;
   padding: 2px 0;
   background: #00aced ;
   border: 0px solid #383838;
 } 

.twb a:hover {
   text-decoration: none;
   border: 1px solid #e74c3c;
   color: #e74c3c;
}
.htb  a{ 
display: block;
 
  width: 340px;
   color: #fff;
   font-size: 20px;
   text-align: center;
   text-decoration: none;
   margin: 15px 16px 15px 0;
   padding: 2px 0;
   background: #3472d6 ;
   border: 0px solid #383838;
 } 

.htb a:hover {
   text-decoration: none;
   border: 1px solid #e74c3c;
   color: #e74c3c;
}

.twb  { float:left;}
.htb  { float:right;}


#kotei{
font-weight:bold;
font-size:16px;
margin-top:10px ;

margin-bottom:20px ;
line-height: 200%;
}
#kotei a{
text-decoration:none;}

#kotei a:link    { color:#27313D; }    
#kotei a:active  { color:#27313D; }   
#kotei a:visited { color:#27313D; }   
#kotei a:hover   { color:#FF6860; 
position: relative;
 left: 5px; }    
#kotei li{
 border-bottom:1px dotted #c0c0c0;
 border-left: 3px #e74c3c solid;
 padding:0px 10px;}

/*サイドバー 画像リンク*/
.gazolist span{
         position: absolute; 
         left: 0;  
         bottom: 0; 
         color: #fff; 
         padding: 5px;
         background: #1253A4;  
         filter: Alpha(opacity=100); 
         opacity:0.8;width:290px;
         
         font-size:14px;
         text-align: left;
         
}

.gazolist{
    width:300px;
    height:200px;
    position:relative;} 

.gazolist img{
width:300px;
height:200px;
display: block;
}

.gazolist a:hover{
filter:alpha(opacity=80);
opacity:0.4;
text-decoration: none; 
}

.gazolist{
margin-bottom:10px;
}

/*サイドバー 画像リンク2*/
.gazolist2 span{
         position: absolute; 
         left: 0;  
         bottom: 0; 
         color: #fff; 
         padding: 5px;
         background: #1253A4;  
         filter: Alpha(opacity=100); 
         opacity:0.8;width:290px;
         
         font-size:14px;
         text-align: left;
         
}

.gazolist2{
    width:300px;
    height:150px;
    position:relative;} 

.gazolist2 img{
width:300px;
height:150px;
display: block;
}

.gazolist2 a:hover{
filter:alpha(opacity=80);
opacity:0.4;
text-decoration: none; 
}

.gazolist2{
margin-bottom:10px;
}
.br1{
margin-bottom:10px;
}

.ggg{
margin-bottom:10px;
}