@charset "utf-8";
/* ================================================= Reset */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td,
p,
iframe {
    margin: 0;
    padding: 0;
    border: 0;
}
blockquote {
    font-size: 16px;
    margin: 15px 0;
    padding: 15px;
    border: #ccc 1px solid; /* 枠線 */
    border-left: #ccc 5px solid; /* 枠線(左) */
    background: #f0f0f0; /* 背景 */
}
.kako {
    font-size: 16px;
    margin: 15px 0;
    padding: 15px;
    border: #ccc 1px solid; /* 枠線 */
    border-left: #ccc 5px solid; /* 枠線(左) */
    background: #f0f0f0; /* 背景 */
}
/* ================================================= Reset */
/* ================================================= clear */
.clearfix:after {
    font-size: .1em;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: '.';
}
* html .clearfix {
    overflow: hidden;
    height: 1px;
    height: auto;
}
.clear {
    visibility: hidden;
    clear: both;
    height: 0;
}
/* ================================================= clear */
/* ================================================= Element */
body {
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    line-height: 1.3;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: #e6e6e6; /* 外側背景色 */
}
#outline {
    width: 1100px; /* 全体 */
    height: 100%;
    margin: 15px auto 0;
}
#center {
    float: right;
    width: 790px; /* 中央 */
}
#left {
    float: left;
    width: 0; /* 左 */
}
#right {
    float: right;
    width: 306px; /* 右 */
    margin: 5px 0 0;
}
#center-left {
    float: left;
    width: 790px; /* 中央と同じ値を設定 */
    margin: 5px 0 0;
}
/* ================================================= Element */
/* ================================================= link */
a:link {
    text-decoration: none;
    color: #04c;
}
/* 通常 */
a:visited {
    text-decoration: none;
    color: #04c;
}
/*訪問済*/
a:hover {
    text-decoration: none;
    color: #c00;
}
/*マウス*/
a:active {
    text-decoration: none;
    color: #c00;
}
/* ================================================= link */
/* ================================================= header */
#header {
    margin: 0 0 15px
}
.blog-title_right {
    float: right;
    width: 728px;
    height: 90px; /* 高さ */
}
/* タイトル背景画像 */
.blog-title {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background: url(https://blog-imgs-95.fc2.com/o/k/a/okarutojishinyogen/20160827_pc_yogen_header.jpg) no-repeat;
    box-shadow: 0 0 0 1px #b3b3b3;
}
/* マウス反応範囲 */
.blog-title a {
    display: block;
    width: 360px; /* 幅 */
    height: 90px; /* 高さ */
}
/* ================================================= header */
/* ================================================= メニュー */
#header-menu {
    width: 1100px;
    height: 30px;
    margin: 15px 0;
    padding: 5px 0;
    background-color: #3e4038;
}
ul#menu1 {
    font-size: 16px;
    float: left;
    height: 30px;
    background-color: #3e4038;
}
#menu1 li {
    line-height: 20px;
    float: left;
    padding: 5px 20px;
    list-style-type: none;
    border-right: 1px solid #fff;
}
#menu1 li a {
    color: #fff
}
#menu1 li a:hover {
    text-decoration: none;
    color: #f00;
}
#menu1 li.menu_end {
    border-right: none
}
ul#menu2 {
    float: right;
    width: 345px;
    height: 30px; /* 高さ */
    margin: 0;
    padding: 0;
    color: #fff;
    background-color: #3e4038; /* 背景色 */
}
#menu2 li {
    float: right;
    list-style-type: none;
    background-color: #3e4038; /* 背景色 */
}
ul#menu2 li.kensaku_title {
    font-size: 16px; /* 文字サイズ(タイトル) */
    padding: 6px 0;
    color: #fff; /* 文字色    (タイトル) */
    background-color: #3e4038; /* 背景色    (タイトル) */
}
.navi_menu {
    font-size: 12px; /* 文字サイズ */
    width: 100%;
    margin: auto;
    text-align: center;
    background-color: #3e4038;
}
ul#menu_bar {
    overflow: hidden;
    list-style-type: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
#menu_bar li {
    line-height: 48px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%; /* １つのメニューボタンの幅 */
    height: 45px;
    border-top: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
#menu_bar li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
#menu_bar li a:hover {
    color: #c00
}
#menu_bar li.border_right {
    border-right: 1px solid #666
}
/* ================================================= メニュー */
/* ================================================= 検索 */
#cse-search-box {
    padding: 4px 20px 0 10px
}
#cse-search-box input[type='text'] {
    width: 140px;
    height: 22px;
    padding: 0 5px!important;
    vertical-align: bottom;
    border: 0 !important;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -webkit-appearance: none;
}
#cse-search-box input[type='submit'] {
    width: 50px;
    height: 22px;
    vertical-align: bottom;
    color: #000;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    background-color: #f0f0f0; /* 背景色 */
    -webkit-appearance: none;
}
/* ================================================= 検索 */
/* ================================================= pankuzu */
.pankuzu {
    font-size: 10pt; /* 文字サイズ */
    overflow: hidden;
    margin: 10px 0;
    text-align: left; /* 左寄せ     */
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #04c; /* 文字色     */
}
/* ================================================= pankuzu */
/* ================================================= top */
.entrylist_title {
    font-size: 24px; /* 文字サイズ(記事タイトル)*/
    width: 515px;
    min-height: 94px;
    margin: 0;
    padding: 0 4px;
    text-align: left; /* 左寄せ    (記事タイトル)*/
    border: #999 0 solid; /* 枠        (記事タイトル)*/
    background-color: #3e4038; /* 背景色    (記事タイトル)*/
}
.entrylist_outline {
    overflow: hidden;
    width: 787px;
    min-height: 183px;
    margin: 10px 0 15px 0;
    border: #b3b3b3 1px solid; /* 外枠の色/太さ/実線 */
    background-color: #fff; /* 背景色             */
}
.entrylist_body {
    font-size: 14pt; /* 文字サイズ(記事本文) */
    font-weight: bold; /* 太字             */
    color: #fff; /* 文字色    (記事本文) */
    border-top: #fff 1px solid; /* 枠(上)    (記事本文) */
    border-right: #fff 1px solid; /* 枠(右)    (記事本文) */
    border-bottom: #fff 1px solid; /* 枠(下)    (記事本文) */
    border-left: #fff 1px solid; /* 枠(左)    (記事本文) */
}
#top_img {
    float: left;
    width: 240px;
    height: 160px;
    margin: 5px 0 5px 5px;
    border: #3e4038 2px solid;
    -webkit-box-shadow: 5px 0 8px #3e4038;
    -moz-box-shadow: 5px 0 8px #3e4038;
    box-shadow: 5px 0 8px #3e4038;
}
#top_img img {
    z-index: 100;
    width: 240px;
    height: 160px;
}
#top_img a:hover {
    zoom: 1;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: 'alpha(opacity=60)'; /* ie 8 */
}
#top_ichiran {
    margin: 0
}
#top_kijititle {
    font-size: 10pt;
    float: left;
    width: 515px;
    min-height: 94px;
    margin: 5px 0 0 8px;
}
ul#top_kijicate {
    font-size: 12pt;
    float: right;
    width: 509px;
    height: 15px;
    margin: 2px 12px 35px 10px;
}
ul#top_kijicate li {
    margin: 3px 0;
    list-style-type: none;
}
.readmore {
    float: right;
    width: 265px;
    height: 45px;
    padding: 0 0 5px;
    background: #fff;
}
.readmore img {
    z-index: 100;
    width: 260px;
    height: 40px;
}
.readmore a:hover {
    zoom: 1;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: 'alpha(opacity=60)'; /* ie 8 */
}
.entrylist_text {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 0; /* 記事末尾の間隔調整 */
    text-align: left; /* 左寄せ    (記事本文) */
    color: #000;
}
/* ▽文字色とリンクの下線有無▽ */
h2 a:link {
    text-decoration: none;
    color: #fff;
}
/* 通常 */
h2 a:visited {
    text-decoration: none;
    color: #fff;
}
/*訪問済*/
h2 a:hover {
    text-decoration: none;
    color: #f00;
}
/*マウス*/
h2 a:active {
    text-decoration: none;
    color: #f00;
}
/*実行中*/
/* △文字色とリンクの下線有無△ */
/* ================================================= top */
/* ================================================= entry */
.entry_title {
    width: 770px;
    margin: 10px 0 0 0;
    padding: 5px 10px 5px;
    text-align: left; /* 左寄せ    (記事タイトル)*/
    background-color: #3e4038; /* 背景色    (記事タイトル)*/
}
.entry_outline {
    width: 788px;
    margin-bottom: 10px; /* 次の記事までの間隔 */
    border-right: #b3b3b3 1px solid; /* 外枠の色/太さ/実線 */
    border-bottom: #b3b3b3 1px solid; /* 外枠の色/太さ/実線 */
    border-left: #b3b3b3 1px solid; /* 外枠の色/太さ/実線 */
    background-color: #fff; /* 背景色             */
}
.entry_body {
    font-size: 15pt; /* 文字サイズ(記事本文) */
    font-weight: bold; /* 太字             */
    color: #fff; /* 文字色    (記事本文) */
    border-top: #fff 1px solid; /* 枠(上)    (記事本文) */
    border-right: #fff 1px solid; /* 枠(右)    (記事本文) */
    border-bottom: #fff 1px solid; /* 枠(下)    (記事本文) */
    border-left: #fff 1px solid; /* 枠(左)    (記事本文) */
}
.entry_text {
    font-size: 18px;
    font-weight: bold;
    margin: 35px 20px;
    margin-bottom: 20px; /* 記事末尾の間隔調整 */
    text-align: left; /* 左寄せ    (記事本文) */
    word-wrap: break-word;
    color: #000;
}
.entry_gazou_zenbun img {
    border: #fff 0 solid !important;
    -webkit-box-shadow: 0 0 0 #fff !important;
    -moz-box-shadow: 0 0 0 #fff !important;
    box-shadow: 0 0 0 #fff !important;
}
.entry_gazou_body img {
    margin: 10px 10px 7px;
    border: #3e4038 1px solid;
    -webkit-box-shadow: 5px 0 8px #3e4038;
    -moz-box-shadow: 5px 0 8px #3e4038;
    box-shadow: 5px 0 8px #3e4038;
}
.entry_gazou_more img {
    margin: 10px 0 7px
}
/* タグリスト */
.tag_list {
    font-size: small;
    margin: 0;
    padding: 8px 0 10px;
    list-style-type: none;
    text-align: right;
    border-bottom: 1px solid #c1c1c1;
}
/* タグリスト */
/* ================================================= entry */
/* ================================================= entry kanren */
.kanren {
    margin: 10px 0
}
.pickup {
    font-size: 20px;
    padding: 10px 10px 8px 25px;
    color: #fff;
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    border-radius: 5px; /* CSS3草案 */
    background-color: #3e4038;
}
.recom_kiji01 {
    margin: 10px 0 0
}
.recom_kiji02 {
    margin: 10px 0 0
}
ul.kanren_icon {
    font-size: 18px;
    margin: 0;
}
ul.kanren_icon li {
    line-height: 1.3;
    padding: 15px 5px;
    list-style-type: none;
    border-bottom: dotted 1px #3e4038;
}
ul.kanren_icon img {
    float: left;
    width: 100px;
    height: 65px;
    background-image: url('https://blog-imgs-95.fc2.com/o/k/a/okarutojishinyogen/20160827_webclipicon.png');
    background-repeat: no-repeat;
    background-size: 100px 65px;
}
ul.kanren_icon img:after {
    display: block;
    clear: both;
    height: 0;
    content: '';
}
.right_m {
    overflow: hidden;
    height: 68px;
    text-overflow: ellipsis;
}
.right_m a {
    display: block;
    height: 100%;
    margin-left: 10px;
}
.imo_kanren {
    margin: 15px 0;
    border-top: dotted 1px #3e4038;
}
/* ================================================= entry kanren */
/* ================================================= hatena_user */
img.relateImg {
    width: auto!important;
    height: auto!important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    border: 0 none !important;
    border-style: none;
}
/* ================================================= hatena_user */
/* ================================================= コメント */
#disqus {
    margin: 20px 10px -20px 10px
}
#disqus_hosoku {
    font-size: 12px;
    line-height: 1.5;
    margin: 18px 0 0 15px;
    color: #7f919e;
}

.subcontent h3 {
    font-size: 20px;
    height: 25px;
    padding: 15px 0;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    border-radius: 5px; /* CSS3草案 */
    background-color: #3e4038;
}
.subcontent h3:hover {
    zoom: 1;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: 'alpha(opacity=60)'; /* ie 8 */
}
.subcontent h3 span {
    display: block;
    background-color: #3e4038;
}
.subcontent h3 span.open {
    background-color: #3e4038
}
.subcontent h3 span#cm_left {
    float: left;
    padding: 0 30px;
}
.subcontent h3 span#cm_right {
    float: right;
    padding: 0 30px;
}
.comment_list_outline {
    min-height: 50px;
    margin: 30px 10px;
}
ol#thread {
    font-size: 12px;
    margin: 10px 0;
    list-style-position: inside;
}
ol#thread li {
    margin: 0 0 0 25px
}
ol#thread li span {
    color: green
}
ol#thread li a:link {
    color: #0000aa
}
ol#thread p {
    font-size: 17px;
    margin: 10px 40px 40px 15px;
}
#comments {
    margin: 20px 0
}
.comment_form_outline {
    margin: 0 25px 0 25px; /* 次のコメントまでの間隔 */
    text-align: left; /* 左寄せ                 */
    border: #bbb 1px solid; /* 外枠の/色太さ/実線     */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff; /* 背景色                 */
}
.comment_form_outline p {
    margin: 6px
}
.comment_title {
    font-size: 10pt;
    font-weight: bold;
    padding: 5px 27px;
    text-align: left;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    background-color: #3e4038;
}
.comment_body {
    font-size: 10pt; /* 文字サイズ(コメント本文) */
}
.comment_text {
    margin: 10px 20px;
    text-align: left; /* 左寄せ    (コメント本文) */
}
#comment_name {
    width: 40%;
    padding: 5px 0 5px 7px;
    color: #aaa;
    border: #bbb 1px solid;
}
#comment_area {
    width: 633px;
    padding: 5px 0 0 5px;
    color: #000;
    border: #bbb 1px solid;
}
#color {
    font-size: 16px;
    font-weight: bold;
    width: 130px;
    height: 50px;
    margin: 10px 2px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #bbb;
    background-color: #3e4038;
}
p.send {
    text-align: center
}
.comment_text input[type='text'],
textarea {
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #aaa;
    outline: none;
}
.comment_text input[type='text']:focus,
textarea:focus {
    border: 1px solid #c00;
    box-shadow: 0 0 7px #c00;
}
textarea {
    font-size: 16px;
    resize: vertical;
}

.anchor {
    margin: 0 !important
}
* html #ID {
    width: 700px
}
#ID {
    font-size: 13px;
    line-height: 1.4;
    display: block;
    max-width: 700px;
    padding: 4px 20px 10px 10px;
    text-align: left;
    border: solid 1px;
    border-color: #ddd #bbb #aaa #ccc;
    background: #e6e6e6;
    -webkit-box-shadow: 2px 2px 4px #555;
    -moz-box-shadow: 2px 2px 4px #555;
}
#ID .number {
    font-size: 13px !important
}
#ID .ttShow span span {
    font-weight: bold;
    color: #0a0;
}
#ID .ttShow p {
    font-family: 'MS PGothic','ＭＳ Ｐゴシック',sans-serif;
    padding: 2px 0 0 30px;
    color: #333;
}
#ID .res {
    font-size: 14px;
    margin: 0;
}
/* ================================================= コメント */
/* ================================================= ドロップキャップ */
h2.kiji_title {
    font-size: 20px;
    padding: 15px 10px 10px;
}
h2.kiji_title:first-letter {
    font-size: 200%;
    font-weight: bold;
    line-height: 1;
    color: #f00; /* 文字の色 */
}
.subcontent h3 span#cm_left:first-letter {
    color: #f00
}
.subcontent h3 span#cm_right:first-letter {
    color: #f00
}
.top_midashi:first-letter {
    font-size: 170%;
    font-weight: bold;
    line-height: 1;
    color: #c00; /* 文字の色 */
}
.sub_title h1:first-letter {
    font-size: 160%;
    font-weight: bold;
    line-height: 1;
    color: #c00; /* 文字の色 */
}
.various_title:first-letter {
    font-size: 200%;
    font-weight: bold;
    line-height: 1;
    color: #c00; /* 文字の色 */
}
/* ================================================= ドロップキャップ */
/* ================================================= plugin */
/* プラグインの文字配置 */
.ta_left {
    text-align: left
}
.ta_right {
    text-align: right
}
.ta_center {
    text-align: center
}
.tree {
    font-size: 18px;
    padding: 10px 20px;
    color: #333;
}
.tree b {
    cursor: pointer
}
.tree p {
    padding: 3px 0
}
.tree li {
    cursor: pointer
}
.tree p a:hover {
    color: #c00
}
/* ================================================= plugin */
/* ================================================= plugin1 */
.plugin1_outline {
    margin: 10px 0 0 0; /* 間隔 */
}
.plugin1_title {
    font-size: 12pt; /* 文字サイズ(タイトル) */
    font-weight: bold; /* 太字      (タイトル) */
    padding: 5px 0 2px 15px;
    color: #fff; /* 文字色    (タイトル) */
    background-color: #3e4038; /* 背景色    (タイトル) */
}
.plugin1_body {
    font-size: 85%; /* 文字サイズ(タイトル) */
    padding: 2px;
    color: #333; /* 文字色    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
.plugin1_category_body {
    font-size: 15pt;
    line-height: 20px;
    padding: 2px 20px 15px;
    text-align: left;
    color: #333;
    border-right: #b3b3b3 1px solid;
    border-bottom: #b3b3b3 1px solid;
    border-left: #b3b3b3 1px solid;
    background-color: #fff;
}
.plugin_category_top {
    margin: 12px 0 0
}
.plugin_category {
    font-size: 13pt
}
/* ================================================= plugin1 */
/* ================================================= plugin2 */
.plugin2_outline {
    margin: 10px 0 0 0; /* 間隔       */
}
.plugin2_title {
    font-size: 12pt; /* 文字サイズ(タイトル) */
    font-weight: bold; /* 太字      (タイトル) */
    padding: 5px 0 2px 15px;
    color: #fff; /* 文字色    (タイトル) */
    background-color: #3e4038; /* 背景色    (タイトル) */
}
.plugin2_body {
    font-size: 13pt; /* 文字サイズ(本体) */
    line-height: 1;
    padding: 2px 2px 2px 2px;
    color: #04c; /* 文字色    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
/* ================================================= plugin2 */
/* ================================================= plugin3 */
.plugin3_outline {
    margin-top: 0; /* 上の間隔 */
    margin-bottom: 0; /* 次のプラグインまでの間隔 */
}
.plugin3_title {
    font-size: 14pt; /* 文字サイズ(タイトル) */
    font-weight: bold; /* 太字      (タイトル) */
    width: 774px;
    padding: 5px 0 2px 15px;
    text-align: left; /* タイトル位置 (タイトル) */
    color: #fff; /* 文字色    (タイトル) */
    background-color: #3e4038; /* 背景色    (タイトル) */
}
.plugin3_body {
    font-size: 12pt; /* 文字サイズ(本体) */
    font-weight: bold;
    line-height: 1;
    color: #333; /* 文字色    (本体) */
    border: #b3b3b3 1px solid; /* 枠        (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
/* ================================================= plugin3 */
/* ================================================= カテゴリ_ナビ */
#pagenavi {
    font-size: 12pt;
    font-weight: bold;
    margin: 20px 0 10px;
    color: #808080;
}
#pagenavi a,
#pagenavi span {
    margin: 0 5px;
    padding: 5px 15px;
    color: #fff;
    background: #3e4038;
}
#pagenavi span {
    font-weight: bold;
    color: #c00;
}
#pagenavi a.dot {
    padding: 0;
    color: #3e4038;
    background-color: transparent;
}
#pagenavi a:hover {
    color: #c00
}
#prev_article {
    margin: 20px 0
}
.nextprev_article_left a {
    font-weight: bold;
    float: left;
    overflow: hidden;
    width: 375px;
    height: 80px;
    padding: 5px;
    text-align: left;
    border: #b3b3b3 1px solid;
    border-left: 3px solid #c00;
    background-color: #fff;
}
.nextprev_article_right a {
    font-weight: bold;
    float: right;
    overflow: hidden;
    width: 375px;
    height: 80px;
    padding: 5px;
    text-align: left;
    border: #b3b3b3 1px solid;
    border-right: 3px solid #c00;
    background-color: #fff;
}
ul#category {
    margin: 5px 0 0 30px
}
ul#category li {
    padding: 6px 0;
    list-style-type: square;
}
.sub_title {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 10px 20px 5px;
    text-align: left;
    color: #fff;
    background-color: #3e4038;
}
.various_title {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 10px 20px 5px;
    text-align: left;
    color: #fff;
    background-color: #3e4038;
}
.various_navi {
    margin: 0;
    margin-bottom: 3px;
    text-align: center; /* 中央寄せ  (矢印) */
}
.top_midashi {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 10px 20px 5px;
    text-align: left;
    color: #fff;
    background-color: #3e4038;
}
/* ================================================= カテゴリ_ナビ */
/* ================================================= footer */
#footer {
    font-size: 9pt; /* 文字サイズ */
    margin: 10px 0 0;
    padding: 5px;
    color: #fff; /* 文字色     */
    background-color: #3e4038; /* 背景色     */
}
/* リンク       */
.footer_body a:link {
    color: #fff
}
/* 通常         */
.footer_body a:visited {
    color: #fff
}
/* 訪問済み     */
.footer_body a:hover {
    color: #c00
}
/* オンマウス時 */
.footer_body a:active {
    color: #f00
}
/* 実行中       */
#footer01 {
    float: left;
    width: 450px;
    height: 330px;
}
#footer02 {
    float: left;
    width: 350px;
    height: 330px;
}
#footer03 {
    float: left;
    width: 270px;
    height: 330px;
}
/* フッター文字 */
ul.footer_moji {
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    padding: 0;
    text-align: left;
    color: #fff;
    background-color: #3e4038;
}
ul.footer_moji li {
    margin-bottom: 3px;
    margin-left: 20px;
    list-style-type: square;
}
ul.footer_moji li.acs {
    margin-top: 10px;
    list-style-type: none;
}
/* フッター文字 */
/* ================================================= footer */
/* ================================================= 広告 */
.ads_970x90 {
    width: 100%;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    background: #ddd;
}
.ad_header336_outline {
    float: left;
    margin: 0 0 0 10px; /* 間隔       */
}
.ad_header336_body {
    width: 360px;
    height: 292px;
    padding: 12px 0 0;
    text-align: center;
    border-top: #b3b3b3 1px solid; /* 枠(上)    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
.ad_entrymiddle_outline1 {
    width: 787px;
    margin: 10px 0 15px;
}
.ad_entrymiddle_body1 {
    line-height: 1;
    padding: 5px 0;
    border-top: #b3b3b3 1px solid; /* 枠(上)    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
.ad_entrymiddle_outline2 {
    width: 787px;
    margin: 10px 0 15px;
}
.ad_entrymiddle_body2 {
    line-height: 1;
    width: auto;
    padding: 15px 0 15px 30px;
    text-align: center;
    border-top: #b3b3b3 1px solid; /* 枠(上)    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
.kiji_entry_ads01 {
    width: 710px;
    margin: 5px auto;
    text-align: center;
}
.kiji_entry_ads01
#kiji_ad_left01 {
    float: left;
    width: 336px;
    height: 280px;
    margin: 5px 0 80px;
}
.kiji_entry_ads01
#kiji_ad_right01 {
    float: right;
    width: 336px;
    height: 280px;
    margin: 5px 0 80px;
}
.kiji_entry_ads02 {
    width: 710px;
    margin: 20px auto;
    text-align: center;
}
.kiji_entry_ads02
#kiji_ad_left02 {
    float: left;
    width: 336px;
    height: 280px;
    margin: 15px 0;
}
.kiji_entry_ads02
#kiji_ad_right02 {
    float: right;
    width: 336px;
    height: 280px;
    margin: 15px 0;
}
.side_by_side {
    width: 662px;
    margin: 5px auto;
    text-align: center;
}
.side_by_side
#side_by_left {
    float: left;
    width: 300px;
    height: 250px;
    margin: 15px 0;
}
.side_by_side
#side_by_right {
    float: right;
    width: 300px;
    height: 250px;
    margin: 15px 0;
}
.ads_entrylist_outline {
    width: 729px;
    margin: 0 0 20px 0;
}
.ads_entrylist_body {
    padding: 0 29px;
    border-top: #b3b3b3 1px solid; /* 枠(上)    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
/* ================================================= 広告 */
/* ================================================= 枠 */
.rss_outline02 {
    font-size: 100%; /* 文字サイズ */
    position: relative; /* IE7 */
    float: left;
    overflow-x: hidden;
    width: 726px; /* 幅 */
    height: 304px;
    margin: 0;
    text-align: left; /* 文字左寄せ */
    border-top: #f0f8ff 2px solid; /* 個別枠(上) */
    border-right: #f0f8ff 2px solid; /* 個別枠(右) */
    border-bottom: #f0f8ff 2px solid; /* 個別枠(下) */
    border-left: #f0f8ff 2px solid; /* 個別枠(左) */
}
.rss_body02 {
    line-height: 1;
    padding: 0;
    border-top: #b3b3b3 1px solid; /* 枠(上)    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
.randamu_outline {
    width: 787px;
    margin: 0 0 0 0; /* 間隔       */
}
.randamu_body {
    font-size: 10px; /* 文字サイズ(本体) */
    line-height: 1;
    height: 393px; /* スクロールの高さ */
    padding: 3px 0;
    text-align: left;
    border-top: #b3b3b3 0 solid; /* 枠(上)    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
.top_osusume_outline {
    position: relative; /* IE7 */
    overflow: auto;
    width: 787px;
    height: 180px; /* スクロールの高さ */
    margin: 10px 0 15px;
    border-top: #f0f8ff 2px solid; /* 個別枠(上) */
    border-right: #f0f8ff 2px solid; /* 個別枠(右) */
    border-bottom: #f0f8ff 2px solid; /* 個別枠(下) */
    border-left: #f0f8ff 2px solid; /* 個別枠(左) */
}
.top_osusume_body {
    font-size: 10px; /* 文字サイズ(本体) */
    line-height: 1;
    padding: 3px 0;
    border-top: #b3b3b3 1px solid; /* 枠(上)    (本体) */
    border-right: #b3b3b3 1px solid; /* 枠(右)    (本体) */
    border-bottom: #b3b3b3 1px solid; /* 枠(下)    (本体) */
    border-left: #b3b3b3 1px solid; /* 枠(左)    (本体) */
    background-color: #fff; /* 背景色    (本体) */
}
/* ================================================= 枠 */
/* ================================================= キャプション */
.cap {
    position: relative;
    margin-bottom: 5px;
}
.cap img {
    position: relative; /* IE7 */
    width: 290px;
    height: 180px;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border: 0;
    background: #000;
}
.cap p {
    font-size: 15px;
    position: absolute;
    bottom: 0;
    left: 5px;
    padding: 2px 5px;
    opacity: .7;
    color: #fff;
    background: none repeat scroll 0 0 #000;
}
.cap a:hover {
    zoom: 1;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: 'alpha(opacity=60)'; /* ie 8 */
}
.cap-300 {
    width: 280px
}
/* ================================================= キャプション */
/* ================================================= サイトマップ */
#sitemap {
    margin: 10px 0;
    text-align: left;
}
ul.main_menu {
    font-size: 13pt; /* 文字サイズ(本体) */
    font-weight: bold;
    line-height: 230%;
    margin: 10px 23px 10px;
    list-style-type: square;
    text-align: left;
    background-color: #fff; /* 背景色    (本体) */
}
ul.main_menu li {
    border-bottom: 1px solid #efefef
}
ul.main_menu li a {
    display: block
}
ul.main_menu li a:hover {
    color: #fff;
    background-color: #555;
}
#sitemap ul.sitemap_list {
    margin-left: 14px; /* 各記事リストの左余白 */
    padding: 10px;
}
#sitemap ul.sitemap_list li {
    overflow: hidden;
    padding: 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sitemap_body {
    font-size: 12pt;
    font-weight: bold;
    line-height: 1;
    padding: 0 0 0 15px;
    color: #333;
    border: #b3b3b3 1px solid;
    background-color: #fff;
}
.titlelist_01 {
    margin: 0 5px 0;
    width: 750px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.titlelist_02 {
    list-style: none;
    text-overflow: ellipsis;
}
.pgtop {
    font-size: 30px;
    margin: 50px 0 20px;
    text-align: center;
}
.pgtop a {
    padding: 0 260px;
    color: #fff;
    background: #3e4038;
}
/* ================================================= サイトマップ */
/* ================================================= social */
.entry_menu {
    font-size: 15px;
    font-weight: bold;
    height: 21px;
    padding: 5px;
    color: #000;
    border-bottom: 1px solid #c1c1c1;
}
ul.date_day {
    padding: 0
}
ul.date_day li {
    float: left;
    padding: 1px 8px;
    list-style: none;
}
ul.date_day li + li {
    border-left: 2px solid #c1c1c1
}
ul.social_mark {
    padding: 0 10px 0 0
}
ul.social_mark li {
    float: right;
    padding-left: 10px;
    list-style: none;
    text-align: right;
}
.fb_comm {
    height: 100%;
    margin: 30px 0 0;
    text-align: center;
}
.snsshare {
    width: 100%;
    height: 130px;
}
.snsshare a {
    font-size: 18px;
    font-weight: bold;
    /* height: 50px; */
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 5px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    letter-spacing: .1em;
    color: #fff;
}
.snsshare a:link {
    text-decoration: none;
    color: #fff;
}
.snsshare a:hover {
    zoom: 1;
    text-decoration: none;
    opacity: .8;
    color: #fff;
    filter: alpha(opacity=80);
    -ms-filter: 'alpha( opacity=80 )';
}
.snsshare a:active {
    text-decoration: none;
    color: #fff;
}
.snsshare a:visited {
    text-decoration: none;
    color: #fff;
}
.snsshare a#share_fb {
    border-bottom: 1px solid #3c5a98;
    background-color: #3b5998;
}
.snsshare a#share_tw {
    border-bottom: 1px solid #0193cb;
    background-color: #00acee;
}
.snsshare a#share_hatena {
    border-bottom: 1px solid #007bbf;
    background-color: #008fde;
}
.snsshare a#share_google {
    border-bottom: 1px solid #8d2d1d;
    background-color: #d43d37;
}
.cm_jump {
    width: auto
}
.cm_jump a {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    letter-spacing: .1em;
    color: #fff;
    background-color: #3e4038;
}
.cm_jump a:hover {
    zoom: 1;
    text-decoration: none;
    opacity: .8;
    color: #fff;
    filter: alpha(opacity=80);
    -ms-filter: 'alpha( opacity=80 )';
}
.fb_sns {
    width: 746px;
    height: 200px;
    margin: 15px 0 35px;
    background: #3e4038;
}
.fb_sns_left {
    float: left;
    width: 373px;
}
.fb_sns_left img {
    width: 373px;
    height: 200px;
}
.fb_sns_right {
    float: right;
    width: 373px;
    padding-top: 20px;
    text-align: center;
}
.fb_sns_text01 {
    font-size: 22px;
    color: #fff;
}
.fb_sns_btn {
    margin: 20px 0 25px
}
.fb_sns_text02 {
    font-size: 12px;
    margin: 20px 0;
    color: #fff;
}
/* ================================================= social */
/* ================================================= 追尾 */
#kotei {
    text-align: center;
    padding: 10px 0 0 0; /* 間隔 */
}
/* ================================================= 追尾 */
/* ================================================= サイドバーjs追尾高さ */
#fb_page {
    height: 215px
}
#ggtasu {
    height: 392px
}
#feed {
    height: 400px
}
/* ================================================= サイドバーjs追尾高さ */
/* ================================================= スクロール */
ul.side_scroll {
    position: fixed;
    top: 443px;
    margin-left: 1103px;
    list-style-type: none;
}
ul.side_scroll li {
    height: 50px
}
/* ================================================= スクロール */
/* ================================================= ランキング */
#ranking_left {
    width: 100%;
    height: 100%;
    margin: 5px 0 0 0;
}
#ranking_left td {
    font-size: 16px;
    padding: 12px;
}
/* ================================================= ランキング */
/* ================================================= エクサ */
.exa_name1 {
    font-size: 12px;
    color: #333;
}
.exa_name1anchor {
    font-size: 12px;
    color: #333;
}
.exatext_body {
    margin:10px 0px 80px
}
.exatext_anchor {
    font-size: 16px;
    margin: 10px 0 80px;
}
.name_time {
    font-size: 12px;
    color: #333;
}
.nanashi {
    color: #008000
}
.res {
    margin: 10px 0 80px
}
.res_ml14 {
    margin-left: 1.4em
}
/* ================================================= エクサ */
/* ================================================= レスポンシブ */
.ggmap {
    position: relative;
    overflow: hidden;
    height: 0;
    margin-bottom: 80px;
    padding-top: 30px;
    padding-bottom: 56.25%;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ================================================= レスポンシブ */
/* ================================================= ランクレット */
	.ranklet-wrapper {
	        counter-reset:ranklet-item;
	        height: 765px;
	}
	.ranklet-item {
		    position:relative;
		    margin:10px 0 3px 5px;
		    overflow:hidden;
		    cursor:pointer;
		    width:100%;
		    max-height:105px;
	}
	.ranklet-link {
		display:block;
		color:#333333;
		overflow:hidden;
		text-decoration: none;
	}
	.ranklet-image {
		float:left;
		width:45%;
		height:100px;
	}
	.ranklet-image img {
		width:100%;
		height:100px;
	}
	.ranklet-image img:hover{
        zoom: 1;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: 'alpha(opacity=60)';
    }
    .ranklet-title {
    margin: 0 5px 0 47%;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    line-height: 1.4;
    }
	.ranklet-title:hover{
    color: #c00000;
    }
/* ================================================= ランクレット */