body { 
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color:#b0c4de;                       /* 外側背景色 */
} 
#outline { 
background-color:#f0f0f0;                     /* サイト背景色 */
}


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



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



/********************************************* ▼ ヘッダー ▼ */
#header_outline {
background-color:#ffffff;                     /* 背景色       */
border: px solid #e0e0e0;                     /* 外枠の色     */
margin-bottom:0;                              /* ヘッダ下間隔 */
padding:20px 0;
border-bottom:#e0e0e0 0px solid;
}
#header_body { 
background-color:#ffffff;                     /* 背景色       */
border: px solid #666666;                     /* 内枠の色     */
} 
/********************************************* ▲ ヘッダー ▲ */



/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:22px;                                 /* 文字サイズ */
text-align:left;                                /* 左寄せ     */
margin:0px 35px; 
}
                              /* ▽文字色とリンクの下線有無▽ */
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:#000000; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
/*************************************** ▲ ブログタイトル ▲ */



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



/************************************************* ▼ 記事 ▼ */
.ently_outline { 
border:#e0e0e0 1px solid;               /* 外枠の色/太さ/実線 */
background-color:#ffffff;               /* 背景色             */
margin-bottom:10px;                     /* 次の記事までの間隔 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 
.ently_title { 
font-size:20px;                    /* 文字サイズ(記事タイトル)*/
font-weight:bold;                  /* 太字      (記事タイトル)*/
background-color:#f8e58c;          /* 背景色    (記事タイトル)*/
border:#666666 px solid;           /* 枠        (記事タイトル)*/
text-align:left;                   /* 左寄せ    (記事タイトル)*/
padding: 10px 20px;
margin: 0;
border-left: px solid #2b2b2b;
border-bottom: 1px solid #e0e0e0;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
} 
                              /* ▽文字色とリンクの下線有無▽ */
h2 a:link    { color:#000000; text-decoration:none; } /* 通常 */
h2 a:active  { color:#000000; text-decoration:none; } /*実行中*/
h2 a:visited { color:#000000; text-decoration:none; } /*訪問済*/
h2 a:hover   { color:#000000; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
.ently_body { 
font-size:15px;                       /* 文字サイズ(記事本文) */
color:#2d2d2d;                        /* 文字色    (記事本文) */
border-top:   #e0e0e0 px solid;       /* 枠(上)    (記事本文) */
border-left:  #666666 px solid;       /* 枠(左)    (記事本文) */
border-right: #666666 px solid;       /* 枠(右)    (記事本文) */
border-bottom:#666666 px solid;       /* 枠(下)    (記事本文) */
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
} 
.ently_text {
text-align:left;                      /* 左寄せ    (記事本文) */
margin: 10px 20px; 
margin-bottom: 50px; /* 記事末尾の間隔調整 */
}
.ently_navi { 
text-align: right;                    /* 右寄せ(時刻・CM・TB) */
color:#595857;                        /* 文字色(時刻・CM・TB) */
font-size:12px;
padding:5px 20px;
border-top:#e0e0e0 1px dashed;
} 
.readmore {             /* 続きを読む */
float:right;
margin:0 0 0 0;
}
.readclose {            /* 続きを読む(閉じる) */
float:right;
margin:0 0 0 0;
}
/************************************************* ▲ 記事 ▲ */



/*************************** ▼ 左側メニュー(プラグイン１) ▼ */
.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; /* 次のプラグインまでの間隔 */
background-color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 
.plugin1_title { 
font-size:14px;                       /* 文字サイズ(タイトル) */
font-weight: ;                     /* 太字      (タイトル) */
color:#000;                        /* 文字色    (タイトル) */
background-color:#FFF;             /* 背景色    (タイトル) */
border:#666666 0px solid;            /* 枠        (タイトル) */
margin: 10px 5px 0;
padding: 5px 5px;
border-left: 0px solid #2b2b2b;
border-bottom: 0px solid #595857;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
} 
.plugin1_body { 
font-size:14px;                           /* 文字サイズ(本体) */
color:#000;                            /* 文字色    (本体) */
background-color:#fff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 px solid;          /* 枠(上)    (本体) */
border-left : #666666 px solid;          /* 枠(左)    (本体) */
border-right: #666666 px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 px solid;          /* 枠(下)    (本体) */
padding: 10px 5px; 
line-height:1;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
}

.plugin1_body a:link    {color:#000000; text-decoration:none;}      /* 通常 */
.plugin1_body a:active  {color:#000000; text-decoration:none;}      /*実行中*/
.plugin1_body a:visited {color:#000000; text-decoration:none;}      /*訪問済*/
.plugin1_body a:hover   {color:#FF9900; text-decoration:none;}      /*マウス*/

/* プラグイン1説明（上部） */
.p1u_description {
margin-bottom:7px;
}
/* プラグイン1説明（下部） */
.p1d_description {
margin-top:7px;
}
/*************************** ▲ 左側メニュー(プラグイン１) ▲ */



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



/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline { 
border-top:   #e0e0e0 1px solid;                /* 個別枠(上) */
border-right: #e0e0e0 1px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 1px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 1px solid;                /* 個別枠(左) */
margin-bottom:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 
.plugin3_title { 
font-size:14px;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#000;                        /* 文字色    (タイトル) */
background-color:#fff;             /* 背景色    (タイトル) */
border: #666666 px solid;            /* 枠        (タイトル) */
padding:15px 0 0; 
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
} 
.plugin3_body { 
font-size:14px;                           /* 文字サイズ(本体) */
color:#000;                            /* 文字色    (本体) */
background-color:#fff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 px solid;          /* 枠(上)    (本体) */
border-left:  #666666 px solid;          /* 枠(左)    (本体) */
border-right: #666666 px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 px solid;          /* 枠(下)    (本体) */
padding:20px 20px; 
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:5px;
margin-bottom:5px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:5px;
margin-bottom:5px;
}
/*************************** ▲ 上部メニュー(プラグイン３) ▲ */



/********************************************* ▼ コメント ▼ */
.comment_outline { 
border:#dcdcdc 1px solid;           /* 外枠の/色太さ/実線     */
background-color:#FFFFFF;           /* 背景色                 */
text-align:left;                    /* 左寄せ                 */
margin-bottom:10px;                 /* 次のコメントまでの間隔 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 
.comment_title { 
font-size:12pt;                       /* 文字サイズ(タイトル) */
color:#000000;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#f8e58c;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#f0f0f0 px solid;              /* 枠        (タイトル) */
   border-bottom: 1px solid #e0e0e0;
   padding:5px 20px; 
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
} 
.comment_body { 
font-size:10pt;                   /* 文字サイズ(コメント本文) */
color:#000000;                    /* 文字色    (コメント本文) */
border-top:   #e0e0e0 px solid;  /* 枠(上)    (コメント本文) */
border-left:  #666666 px solid;  /* 枠(上)    (コメント本文) */
border-right: #666666 px solid;  /* 枠(上)    (コメント本文) */
border-bottom:#666666 px solid;  /* 枠(上)    (コメント本文) */
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
} 
.comment_text { 
text-align:left;                  /* 左寄せ    (コメント本文) */
margin:10px 20px;
}
.comment_navi { 
color:#555555;                    /* 文字色    (時刻・CM・TB) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
margin:0px 10px 3px;
}
/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}
/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}
/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}
/********************************************* ▲ コメント ▲ */



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



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



/********************************************* ▼ フッター ▼ */
#footer_outline {
border: px solid #d3d3d3;                       /* 外枠の色   */
background-color:#2d2d2d;                       /* 背景色     */
margin:0;
padding: 20px 30px;
}
#footer_body { 
font-size:9pt;                                  /* 文字サイズ */
color:#999999;                                  /* 文字色     */
border: px solid #d3d3d3;                       /* 内枠の色   */
background-color:#2d2d2d;                       /* 背景色     */
} 
                                              /* リンク       */
#footer_body a:link    { color:#999999; text-decoration:underline; }     /* 通常         */
#footer_body a:active  { color:#999999; }     /* 実行中       */
#footer_body a:visited { color:#999999; }     /* 訪問済み     */
#footer_body a:hover   { color:#FF9900; }     /* オンマウス時 */
/********************************************* ▲ フッター ▲ */



/********************************************* ▼ 右サイド広告 ▼ */
.plugin1{
clear:both;
font-size:9pt;
color:#000000;
margin:10px 0px;
width:300px; /* ★広告サイズに合わせて数値を変えてください★ */
height:600px; /* ★広告サイズに合わせて数値を変えてください★ */
text-align:left;
background:#FFFFFF;
}

.plugin2{
clear:both;
font-size:10pt;
color:#000000;
margin:10px 0px;
width:300px; /* ★広告サイズに合わせて数値を変えてください★ */
height:250px; /* ★広告サイズに合わせて数値を変えてください★ */
text-align:left;
background:#FFFFFF;
}

.plugin3{
clear:both;
font-size:10pt;
color:#000000;
margin:0px 0px 10px;
width:300px; /* ★広告サイズに合わせて数値を変えてください★ */
height:250px; /* ★広告サイズに合わせて数値を変えてください★ */
text-align:left;
background:#FFFFFF;
}
/********************************************* ▲ 右サイド広告 ▲ */



/********************************************* ▼ フッター広告 ▼ */
#original_footers {
margin-top: ;
background-image: ;
background-repeat: ;
}

#original_footer {
padding: 0 0 5px;
margin: 0 auto;
width: ;
}
/********************************************* ▲ フッター広告 ▲ */

/* 続きを読む */
.readmore a {
 text-align: center;
 width: ;
 font-size: 15px;
 font-weight: ;
 padding: 10px 255px;
 color:#000;
 background:#f0f0f0;
 border: 1px solid #bbb;
}
.readmore a:hover {
    border-color:#bbb;
    background:#f0f0f0;
    color:#FF9900;
}

/* 続きを閉じる */
.readclose a {
 width:100px;
 font-size:16px;
 padding:10px 30px;
 color:#ffffff;
 background:#000000;
 border: px solid #000000;
}

/* 記事内広告 */
.pc-ad {
   text-align:center;
   margin: 0 auto 10px;
}
.pc_ad {
   text-align:center;
   margin: 35px auto 0;
}

/* トップへ戻る */
.pagetop_link {
text-align:right; /* 右寄せ表示 */
font-size:10pt; /* 文字の大きさ */
margin-right:5px; /* 右の余白 */
}

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

/*** その他 ***/
p { margin: 2px 0; }
ul { margin:30px auto 30px; padding:0; }
li { margin-left:20px; margin-bottom:16px; font-size:16px; text-decoration: none; }
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; }
.readmore { margin:15px auto 0; font-size: 16px; }
.readclose { margin: 0; font-size: 16px; }

/*** ページナビ ***/
#pagenavi {
line-height: 36px;
    font-size: 16px;
    text-align: center;
    margin: 20px auto 10px;
}
#pagenavi a, #pagenavi span {
 width: 36px;
 margin: 3px;
 background: #0e1b29;
 border-radius: 50%;
 color: #F3F3F3;
 text-decoration: none;
 transition: all 0.3s;
 display: inline-block;
}
#pagenavi span {
 background: #3769a6;
}
#pagenavi a.dot {
 opacity: 0.2;
}
#pagenavi a:hover {
 transform: translate(0,-5px);
 box-shadow: 0 5px 5px rgba(14, 27, 41, 0.42);
}

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

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

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

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

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

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

/* ▼ 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バトンのスタイル ▲ */

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

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

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

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

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

/* ▼見出し▼ */
h3 {
    margin: 0;
    padding: 10px 10px;
    background:#f5f5f5 ;
    border-left: 10px solid #223a70;
    border-bottom: px dashed #B92A2C;
    font-size: 18px;
    font-weight: bold;
}

h4 {
    margin: 0;
    padding: 0px 5px;
    background:# ;
    border: px solid #000000;
    border-top: px solid #2b2b2b;
    border-bottom: 2px solid #223a70;
    font-size: 16px;
    font-weight: bold;
}

h5 {
    margin: 0;
    padding: 10px 10px;
    background: #fff;
    border-left: 10px solid #223a70;
    border-bottom: px dashed #B92A2C;
    font-size: 16px;
    font-weight: bold;
}
/* ▲見出し▲ */

/* ソーシャルボタン */
.social_button {
    text-align:right;
    margin-bottom:20px;
    padding:10px 10px;
    background-color:#f5f5f5;
    border:3px solid #dcdcdc;
}

/* ヘッダー広告 */
.header-ad {
    text-align: center;
    margin-bottom:20px;
    padding: ;
}

/* 画像を光らせる */
a:hover img {
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

/*カエレバ・ヨメレバ（PC版）*/
.booklink-box, .kaerebalink-box {
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    padding: 22px 25px 22px 25px;
    width: 94%;
    margin: 0 auto 15px;
    border: 1px solid #dfdfdf; 
    box-sizing: border-box;
    display: table;
}
.booklink-image, .kaerebalink-image {
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    width: 111px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img {
    max-width: 100%
}
.booklink-info, .kaerebalink-info {
    line-height: 125%;
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    padding-left: 25px;
}
.booklink-name, .kaerebalink-name {
    margin: 0 0 24px 0;
}
.booklink-name a, .kaerebalink-name a {
    color: #0066cc;  
    text-decoration: underline;
}
.booklink-name > a, .kaerebalink-name > a {
    font-size: 16px; 
}
.booklink-name a:hover, .kaerebalink-name a:hover {
    color: #FF9900;
}
.booklink-powered-date, .kaerebalink-powered-date {
    font-size: 8px;
    margin: 6px 0 0 0;
}
.booklink-detail, .kaerebalink-detail {
    color: #333333; 
    font-size: 10px; 
    margin: 0 0 14px 0;
}
.booklink-link2 a, .kaerebalink-link1 a {
    display: block;
    padding: 10px 1px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    
    
    
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover {
    opacity: 0.6;
}
.booklink-link2 > div, .kaerebalink-link1 > div {
    width: 33.33%;
    padding: 0 5px 5px 0;
    box-sizing: border-box;
    float: left;
}

.shoplinkamazon a {
    color: #ffffff;
    background: #ff9901;
    border: 2px solid #ff9901;
}
.shoplinkrakuten a {
    color: #ffffff;
    background: #bf0000;
    border: 2px solid #bf0000;
}
.shoplinkyahoo a {
    color: #ffffff;
    background: #ff0033;
    border: 2px solid #ff0033;
}
.shoplinkseven a {
    color: #ffffff;
    background: #008837;
    border: 2px solid #008837;
}
.shoplinkbellemaison a {
    color: #ffffff;
    background: #80bd22;
    border: 2px solid #80bd22;
}
.shoplinkcecile a {
    color: #ffffff;
    background: #8d124b;
    border: 2px solid #8d124b;
}
.shoplinkkakakucom a {
    color: #ffffff;
    background: #051d93;
    border: 2px solid #051d93;
}
.shoplinkkindle a {
    color: #ffffff;
    background: #0074c1;
    border: 2px solid #0074c1;
}
.shoplinkrakukobo a {
    color: #ffffff;
    background: #bf0000;
    border: 2px solid #bf0000;
}
.shoplinkbk1 a {
    color: #ffffff;
    background: #0085cd;
    border: 2px solid #0085cd;
}
.shoplinkehon a {
    color: #ffffff;
    background: #000066;
    border: 2px solid #000066;
}
.shoplinkkino a {
    color: #ffffff;
    background: #004097;
    border: 2px solid #004097;
}
.shoplinktoshokan a {
    color: #ffffff;
    background: #15b0e7;
    border: 2px solid #15b0e7;
}

/* ソーシャルボタン */
.sns {
    margin: 15px auto 135px;
    text-align: center;
}
 
.sns ul {
    margin: 0 auto;
    list-style: none;
}
 
.sns li {
    float: left;
    width: 23%;
    margin: 10px 5px 5px 5px;
}
 
.sns li a {
    display: block;
    font-size: 90%;
    padding: 8px 0px 8px 0px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}
 
.sns li a:hover {
    -webkit-transform:translate3d(0px,5px,1px);
    -moz-transform:translate3d(0px,5px,1px);
    transform:translate3d(0px,5px,1px);
    box-shadow:none;
}
 
 
.sns .twitter a {
    background: #00acee;
    box-shadow: 0 5px 0 #0092ca;
}
 
 
.sns .facebook a {
    background: #3b5998;
    box-shadow: 0 5px 0 #2c4373;
}
 
.sns .googleplus a {
    background: #db4a39;
    box-shadow: 0 5px 0 #ad3a2d;
}
 
.sns .hatebu a {
    background: #5d8ac1;
    box-shadow: 0 5px 0 #43638b;
}
 
.sns .line a {
    background: #25af00;
    box-shadow: 0 5px 0 #219900;
}
 
.sns .pocket a {
    background: #f03e51;
    box-shadow: 0 5px 0 #c0392b;
}
 
.sns .rss a {
    background: #ffb53c;
    box-shadow: 0 5px 0 #e09900;
}
 
.sns .instagram a {
    background: #e02c75;
    background-image: -webkit-linear-gradient(top, #e02c75, #fabd53);
    background-image: -moz-linear-gradient(top, #e02c75, #fabd53);
    background-image: -ms-linear-gradient(top, #e02c75, #fabd53);
    background-image: -o-linear-gradient(top, #e02c75, #fabd53);
    background-image: linear-gradient(to bottom, #e02c75, #fabd53);
    box-shadow: 0 5px 0 #e09900;
}
 
.clearfix:after {
    visibility: hidden;
    height: 0;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
}
 
@media screen and (max-width: 480px){
.sns li {
    width: 45%;
    margin: 10px 5px 5px 5px;
}
}

/* パンくずリスト */
.breadcrumbs-list {
   text-align:left;
   margin: 10px 36px;
   font-size: 80%;
   color: #666666;
}

/* パンくずリスト 下 広告 */
.breadcrumbs-list-under-ad {
   text-align:left;
   margin:10px 52px 10px;
}

.relate_ul {
   margin:20px 0 20px -20px;
}

.relate_li, .relate_li_nolink {
   margin:10px 0;
   font-size: 14px;
}