@charset "utf-8";
/* ---------------------------------------------------------------

  忍者ブログ デフォルトテンプレート

---------------------------------------------------------------/*-------------------------------------------------------------------------------------------

    Ripra ver.1.5 - Wave Reverse - #369(51,102,153)

    (c) Yoshida Design Inc.

-------------------------------------------------------------------------------------------*/

@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    word-wrap: break-word;
    word-break: break-all;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}

a {
    color: #00c;
    text-decoration: underline;
}

a:hover,
a:focus {
    color: #00c;
    text-decoration: none;
}

a:active {
    color: #f06;
}

/* ==========================================================================
   タイトルとナビゲーション
   ========================================================================== */

/* サイトタイトル、サイトの説明
   ========================================================================== */

.myd-header {
}

.myd-header-inner {
    display: table;
    margin: 0 auto;
}

.site-title-description {
    display: table-cell;
    padding: 26px 0 0 0;
    width: 90%;
    vertical-align: top;
    text-align: left;
}

    .ie6 .site-title-description,
    .ie7 .site-title-description {
        display: block;
        float: left;
        width: auto;
    }

.header-banner {
    display: table-cell;
    padding: 26px 0 20px 0;
    width: 10%;
    vertical-align: top;
    text-align: right;
}

    .ie6 .header-banner,
    .ie7 .header-banner {
        display: block;
        float: right;
        width: auto;
    }

.site-title,
.site-title-description h1 {
    text-align: left;
    font-weight: bold;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.333;
}

.site-description,
.site-title-description .description,
.site-title-description #lead {
    display: block;
    margin: 0;
    padding: 0 20px 40px 0;
    width: 66%;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

/* グローバルメニュー
   ========================================================================== */

.myd-menu {
}

.myd-menu-inner {
    margin: 0 auto;
    min-height: 28px;
}

/* パンくずリスト
   ========================================================================== */

.breadcrumbs {
    margin: 0;
    padding: 0 0 20px;
    list-style: none;
}

.breadcrumbs li {
    display: inline;
    padding: 0 5px 0 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.1;
}

.breadcrumbs li a {
    text-decoration: none;
}

.breadcrumbs li a:hover {
    text-decoration: underline;
}

.breadcrumbs li a:after {
    content: " > ";
}

.breadcrumbs li strong {
    font-weight: normal;
}

/* ==========================================================================
     コンテンツ
   ========================================================================== */

.myd-container {
    padding: 20px 0
}

.myd-container-inner {
    margin: 0 auto;
}

.myd-container-bottom {
}

/* レイアウト
   ========================================================================== */

/* 3カラム */

.c3 .myd-header-inner,
.c3 .myd-menu-inner > ul,
.c3 .myd-container-inner,
.c3 .myd-footer-inner,
.c3.so-net #footer p {
    width: 1000px;
}

.c3 .myd-main {
    float: left;
    width: 56%;
}

.c3 .myd-main-inner {
    margin: 0 13px;
}

.c3 .myd-side1,
.c3 .myd-side2 {
    float: left;
    width: 22%;
}

/* 2カラム右 */

.c2l .myd-header-inner,
.c2l .myd-menu-inner > ul,
.c2l .myd-container-inner,
.c2l .myd-footer-inner,
.c2l.so-net #footer p {
    width: 940px;
}

.c2l .myd-main {
    float: right;
    width: 71%;
}

.c2l .myd-main-inner {
    margin: 0 0 0 15px;
}

.c2l .myd-side {
    float: left;
    width: 29%;
}

/* 2カラム左 */

.c2r .myd-header-inner,
.c2r .myd-menu-inner > ul,
.c2r .myd-container-inner,
.c2r .myd-footer-inner,
.c2r.so-net #footer p {
    width: 940px;
}

.c2r .myd-main {
    float: left;
    width: 71%;
}

.c2r .myd-main-inner {
    margin: 0 15px 0 0;
}

.c2r .myd-side {
    float: right;
    width: 29%;
}

/* 1カラム */

.c1 .myd-header-inner,
.c1 .myd-menu-inner > ul,
.c1 .myd-container-inner,
.c1 .myd-footer-inner,
.c1.so-net #footer p {
    width: 800px;
}

.c1 .myd-main {
    margin: 0 auto;
}

.c1 .myd-main-inner {
    margin: 0;
}

.c1 .myd-side1,
.c1 .myd-side2 {
    margin: 0 0 20px;
    width: 49%;
}

    .c1 .myd-side1 { float: left; }
    .c1 .myd-side2 { float: right; }

/* アーカイブページのタイトル
   ========================================================================== */

.page-title {
    margin: 0 0 10px;
    padding: 12px 0;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.333;
}

/* ==========================================================================
   メイン
   ========================================================================== */

/* 日付 */
/* seesaa, sublime */

h2.date {
    display: none;
}

/* 見出し - 中 */

.entry-title-sub {
    margin-bottom:15px;
    padding: 12px 17px;
}

.entry-title-sub:before,
.entry-title-sub:after {
    content: none;
}

/* 見出し - 小 */

.sub-header,
.comments-head {
    margin: 0 0 2em;
    padding: 10px 0 0;
    border-top: 2px #369 solid;
    color: #666;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
}

/* 本文 */

.text,
.articles-body,
.article-body {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.text h1,
.articles-body h1,
.article-body h1 {
    margin: -4px 0 0.5em;
    padding: 0;
    color: #222;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.333;
}

.text h2,
.articles-body h2,
.article-body h2 {
    margin: 1.5em 0 0.5em;
    padding: 0.5em 0 0;
    border-top: 3px solid #ccc;
    color: #222;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.333;
}

.text h3,
.articles-body h3,
.article-body h3 {
    margin: 1.5em 0 1em;
    padding: 0.5em 0 0;
    border-top: 1px solid #ccc;
    color: #222;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.333;
}

.text h4,
.articles-body h4,
.article-body h4 {
    margin: 1.5em 0 0.5em;
    padding: 0 0 0 5px;
    border-left: 16px solid #999;
    color: #222;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.1;
}

.text h5,
.articles-body h5,
.article-body h5 {
    margin: 1.5em 0 0.5em;
    padding: 8px 12px 6px;
    background: #e6e6e6;
    color: #222;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.333;
}

.text h6,
.articles-body h6,
.article-body h6 {
    margin: 1.5em 0 0.5em;
    padding: 0;
    color: #222;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.text,
.text p,
.articles-body,
.articles-body p,
.article-body,
.article-body p {
    color: #222;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.text blockquote,
.articles-body blockquote,
.article-body blockquote {
    margin: 0 0 1em;
    padding: 20px;
    background: #f3f3f3;
    color: #333;
    font-style: normal;
}

.text pre,
.articles-body pre,
.article-body pre {
    margin: 20px;
    padding: 14px;
    border: 1px #ccc solid;
    color: #222;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.text dl,
.articles-body dl,
.article-body dl {
    margin: 20px;
    padding: 0;
    color: #222333;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.text dt,
.articles-body dt,
.article-body dt {
    font-weight: bolder;
}

.text dd,
.articles-body dd,
.article-body dd {
    margin-left: 2em;
}

.text ul,
.articles-body ul,
.article-body ul {
    margin: 0 0 21px 28px;
    padding: 0;
    list-style-type: disc;
    text-align: left;
}

.text ol,
.articles-body ol,
.article-body ol {
    margin: 0 0 21px 28px;
    padding: 0;
    list-style-type: decimal;
    text-align: left;
}

.text li,
.articles-body li,
.article-body li {
    margin: 0 0 1px;
    padding: 0;
    color: #222;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.text .table,
.articles-body .table,
.article-body .table {
    margin: 0 0 20px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: #aaa solid 1px;
    border-left: #aaa solid 1px;
    background: #fff;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.text .table th,
.text .table td,
.articles-body .table th,
.articles-body .table td,
.article-body .table th,
.article-body .table td {
    padding: 7px 10px;
    border-right: #aaa solid 1px;
    border-bottom: #aaa solid 1px;
    vertical-align: top;
}

.text .table th,
.articles-body .table th,
.article-body .table th {
    background: #e6e6e6;
    font-weight: bold;
}

/* 続きを読む */

.entry-more,
a.readMoreLink /* So-net */ {
    clear: both;
    display: block;
    margin: 1em 0;
    padding: 6px;
    border-radius: 6px;
    background: #e6e6e6; /* So-net */
    color: #555;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

.entry-more:hover {
    background: #ccc;
}

.entry-more a {
    color: #555;
    text-decoration: none;
}

.entry-more a:hover {
    background: #ccc; /* So-net */
    color: #333;
}

/* エントリフッタ */

.posted,
.article-footer {
    color: #666;
    text-align: right;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.618;
}

.article-footer li {
    display: inline;
    margin: 0;
    list-style-type: none;
    text-align: right;
}

.posted img,
.article-footer img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.posted a,
.article-footer a {
    color: #333;
    text-decoration: none;
}

.posted a:hover,
.article-footer a:hover {
    color: #999;
    text-decoration: underline;
}

/* コメント＆トラックバック
   ========================================================================== */

/* コメント一覧 */

#comment-list {
    margin: 0 0 40px;
}

.comments-body .text { /*seesaa*/
    margin: 1em 0;
    padding: 1em 0 0;
    border-top: solid 1px #ccc;
}

h4.comment-title {
    margin: 1em 0;
    padding: 0.75em 0 0;
    border-left: none;
    color: #222;
    text-align: left;
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
    font-size: 1.5rem;
    border-top: solid 1px #ccc;
}

#comment-list p,
.comments-body,
.comments-body .text {
    margin: 0 0 0.75em;
    color: #333;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.comment-list-footer,
.comments-post {
    margin: 20px 0 20px;
    padding: 0 0 10px;
    color: #666;
    text-align: right;
    font-size: 11px;
    font-size: 1.1rem;
}

.comment-list-footer li {
    display: inline;
    margin: 0;
    list-style-type: none;
    text-align: right;
    zoom: 1;
}

.comment-list-footer img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.comment-list-footer a {
    color: #666;
    text-decoration: none;
}

.comment-list-footer a:hover {
    text-decoration: underline;
}

/* コメント入力欄 */

#comment-post {
    margin: 0 0 20px;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
}

.comment-post-form {
    text-align: left;
}

.comment-post-form dl {
    margin: 0 0 20px;
    padding: 20px;
    font-size: 13px;
    font-size: 1.3rem;
    border: 1px solid #f3f3f3;
    background-color: #fbfbfb;
}

.comment-post-form dt {
    margin: 0.75em 0;
    padding: 0.75em 0 0;
    font-weight: bold;
    border-top: 1px dotted #999;
}

.comment-post-form dd {
    margin: 0;
}

.comment-post-form input,
.comment-post-form textarea,
.comments-body input,
.comments-body textarea {
    margin: 0 0 8px;
    padding: 3px;
    border: 0;
    border: 1px solid #999;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
}

.comment-post-form textarea,
#comments input[type="text"],
#comments textarea {
    width: 75%;
}

.comments-body img,
.comment-post-form img {
    margin-bottom: 8px;
}

.comment-post-form input#himitu {
    margin-right: 0.5em;
}

.comment-post-form input.CommentForms_pass {
    margin-right: 0.5em;
    width: 25%;
}

.comment-post-form input.form-btn,
#comments .input-submit {
    margin: 5px 5px 5px 0;
    padding: 0.66em 2em;
    border: 1px solid #aaa;
    border-radius: 2px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
    background: -webkit-linear-gradient       (top, #fff, #e6e6e6);
    background:    -moz-linear-gradient       (top, #fff, #e6e6e6);
    background:      -o-linear-gradient       (top, #fff, #e6e6e6);
    background:         linear-gradient( to bottom, #fff, #e6e6e6);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 0 0 3px #fff;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
}

.comment-post-form input.form-btn:hover,
#comments .input-submit:hover {
    border: 1px solid #333;
    cursor: pointer;
}

/* トラックバックURL */

#trackback-url {
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 0 20px;
}

#trackback-url input {
    margin: 0 0 10px;
    padding: 3px;
    border: 0;
    border: 1px solid #999;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
}

#trackback {
    color: #222;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

#trackback hr {
    height: 1px;
    border: 0;
    background: #999;
}

/* トラックバック一覧 */

#trackback-list {
    margin: 0;
}

h4.trackback-title {
    margin: 14px 0 7px;
    padding: 0;
    border-left: none;
    color: #222;
    text-align: left;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    font-size: 1.4rem;
}

h4.trackback-title a {
    color: #222;
    text-decoration: none;
}

#trackback-list p {
    margin: 0 0 12px;
    color: #333;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

.trackback-list-footer {
    margin: 0 0 10px;
    padding: 0 0 10px;
    color: #666;
    text-align: right;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.618;
    border-bottom: solid 1px #ccc;
}

.trackback-list-footer li {
    display: inline;
    margin: 0;
    list-style-type: none;
    text-align: right;
    zoom: 1;
}

.trackback-list-footer img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.trackback-list-footer a {
    color: #333;
    text-decoration: none;
}

.trackback-list-footer a:hover {
    color: #999;
    text-decoration: underline;
}

/* so-net */

.so-net #comments {
    margin: 20px 0;
    padding: 10px 0 0;
    border: none;
    border-top: 3px #ccc solid;
    box-shadow: none;
}

.so-net #comments h4 {
    margin: 0 0 14px;
    padding: 0;
    color: #666;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.so-net #comments form {
    margin: 12px 0;
}

.so-net #comments a {
    color: #666;
}

.so-net input.link-del,
.so-net .comment-button,
.so-net .link-del,
.so-net .trackback-button {
    margin: 5px 5px 5px 0;
    padding: 0.66em 2em;
    border: 1px solid #aaa;
    border-radius: 2px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
    background: -webkit-linear-gradient       (top, #fff, #e6e6e6);
    background:    -moz-linear-gradient       (top, #fff, #e6e6e6);
    background:      -o-linear-gradient       (top, #fff, #e6e6e6);
    background:         linear-gradient( to bottom, #fff, #e6e6e6);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 0 0 3px #fff;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
}

.so-net input.link-del:hover,
.so-net .comment-button:hover,
.so-net .link-del,
.so-net .trackback-button:hover {
    border: 1px solid #666;
    cursor: pointer;
}

.so-net .each-comment {
    clear: both;
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-align: left;
    border-bottom: solid 1px #ccc;
}

.so-net .each-comment img {
    float: left;
    margin: 0 10px;
}

.so-net .each-comment input {
    margin: 0;
    padding: 0;
}

.so-net * html .each-comment input {
    margin-bottom: -2px;
}

.so-net .comments-body {
    margin: 0 0 0 60px;
    color: #333;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

.so-net .comments-body .caption {
    margin: 10px 0 0;
    display: block;
    color: #666;
    text-align: left;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.618;
}

.so-net #comments .delete {
    margin-left: 60px;
}

.so-net #myblog-comment-delete-area {
    display: block;
    margin: 0 0 20px;
    text-align: left;
}

.so-net .link-del:hover {
    border: 1px solid #333;
    cursor: pointer;
}

/* コメントを書く */

.so-net #comment-write {
    margin: 20px 0;
    padding: 10px 0 0;
    border-top: 3px #ccc solid;
}

.so-net #comment-write h4 {
    margin: 0 0 14px;
    padding: 0;
    color: #666;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.so-net #comment-write dl {
    margin: 0 0 20px;
    padding: 0 0 8px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}

.so-net #comment-write dt {
    float: left;
    clear: left;
    margin: 0;
    padding: 8px 0 0;
    width: 100px;
    font-weight: bold;
}

.so-net #comment-write dd {
    margin: 8px 0 8px;
    padding: 8px 0 0;
    border-top: 1px #999 dotted;
}

.so-net #comment-write textarea {
    width: 400px;
    height: 150px;
    margin: 0;
    padding: 3px;
    border: 0;
    border: solid 1px #999;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
}

/* トラックバックを書く */

.so-net #trackback-write {
    margin: 20px 0;
    padding: 10px 0 0;
    border-top: 3px #ccc solid;
}

.so-net #trackback-write h4 {
    margin: 0 0 14px;
    padding: 0;
    color: #666;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.so-net .trackback-url {
    color: #444;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.so-net #trackback-write p {
    margin: 0;
    text-align: left;
}

.so-net #trackback-write form {
    margin: 12px 0;
    text-align: left;
}

.so-net .myblog-tb-regist-area {
    text-align: left;
}

.so-net .each-trackback {
    margin: 15px 0;
}

.so-net .trackback-url input {
    width: 98%;
}

.so-net #myblog-tb-regist-area {
    display: block;
    margin: 0 0 20px;
    text-align: left;
}

/* 関連記事
   ========================================================================== */

/* FC2 */

dl.relate_dl {
    margin: 0 0 20px;
}

dt.relate_dt {
}

dd.relate_dd {
    margin: 0;
}

/* JUGEM */

.related-articles {
    margin: 30px 0;
}

.related-articles h3 {
    margin: 10px 0 0;
    color: #222;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.related-articles ul {
    margin: 5px 0 10px 15px;
    padding: 0;
    list-style-type: disc;
    text-align: left;
}

.related-articles ul li {
    margin: 0 0 2px;
    padding: 0;
    color: #444;
    text-align: left;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.618;
}

.related-articles ul li a {
    color: #444;
}

/* Livedoor, Seesaa */

.listCategoryArticle {
    margin: 30px 0;
    padding: 0;
}

.listCategoryArticle ul {
    margin: 0 0 0 30px;
    padding: 0;
}

.listCategoryArticle ul li {
    margin: 0 0 5px;
    color: #444;
    text-align: left;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.618;
}

.listCategoryArticle ul li a {
    color: #444;
}

/* so-net */

#relating-word {
    border-top: 1px dotted #999;
}

#relating-word h4 {
    color: #222;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

/* ソーシャルボタン
   ========================================================================== */

/* FC2 */

.fc2_footer {
    margin: 30px 0;
}

.fc2_footer table {
    width: auto;
}

.fc2_footer th,
.fc2_footer td {
    padding: 5px 5px 0 0;
}

/* Livedoor, Seesaa */

.bookmark {
    margin: 30px 0;
}

/* so-net */

#nice {
    margin: 20px 0;
    padding: 10px 0 0;
    border-top: 3px #ccc solid;
}

#nice h4 {
    margin: 0 0 14px;
    padding: 0;
    color: #666;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

#nice form {
    margin-bottom: 10px;
}

#nice ul {
    margin-bottom: 10px;
}

#nice li {
    display: block;
    float: left;
    overflow: hidden;
    padding: 5px 0;
    width: 67px;
    list-style: none;
    text-align: center;
    white-space: nowrap;
    font-size: x-small;
    line-height: 1.333;
}

/* 広告
   ========================================================================== */

/* so-net */
/* ６０日書かないと出る広告 */

.squareAd-articletop {
    margin: 0 0 20px;
    padding: 20px;
    background-color: #fff;
}

.squareAd-articletop p {
    color: #666;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

/* ページャー（番号）
   ========================================================================== */

/* FC2 NINJA */

.page-navi-number {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

.page-navi-number span,
.page-navi-number b {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 7px 10px;
    border: 1px solid #444;
    border-radius: 2px;
    background: #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #555), color-stop(1.00, #777));
    background: -webkit-linear-gradient       (top, #555, #777);
    background:    -moz-linear-gradient       (top, #555, #777);
    background:      -o-linear-gradient       (top, #555, #777);
    background:         linear-gradient( to bottom, #555, #777);
    box-shadow: 0 2px 3px rgba(0,0,0,0.5) inset;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 2px black;
    line-height: 1.1;
}

.page-navi-number a {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 7px 10px;
    border: 1px solid #b0b0b0;
    border-radius: 2px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
    background: -webkit-linear-gradient       (top, #fff, #e6e6e6);
    background:    -moz-linear-gradient       (top, #fff, #e6e6e6);
    background:      -o-linear-gradient       (top, #fff, #e6e6e6);
    background:         linear-gradient( to bottom, #fff, #e6e6e6);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    color: #333;
    text-decoration: none;
    line-height: 1.1;
}

.page-navi-number a:hover {
    border: 1px solid #aaa;
    background: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ddd), color-stop(1.00, #bbb));
    background: -webkit-linear-gradient       (top, #ddd, #bbb);
    background:    -moz-linear-gradient       (top, #ddd, #bbb);
    background:      -o-linear-gradient       (top, #ddd, #bbb);
    background:         linear-gradient( to bottom, #ddd, #bbb);
    color: #000;
}

/* blogoo, seesaa */

.navi {
    margin: 0 auto 12px;
    padding: 10px 10px 10px;
    border-bottom: 1px #f3f3f3 solid;
    background-color: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ccc), color-stop(1.00, #e6e6e6));
    background: -webkit-linear-gradient       (top, #ccc, #e6e6e6);
    background:    -moz-linear-gradient       (top, #ccc, #e6e6e6);
    background:      -o-linear-gradient       (top, #ccc, #e6e6e6);
    background:         linear-gradient( to bottom, #ccc, #e6e6e6);
    box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

.navi a {
    color: #333;
}

/* Livedoor */

ul.index-navigator {
    margin: 0 0 0 -5px;
    padding: 0 1em 0 0;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

.paging-number li,
.paging-next,
.paging-last {
    display: block;
    float: left;
}

.paging-next {
    margin-left: 5px !important;
}

.paging-number a,
.paging-next a,
.paging-prev a,
.paging-first a,
.paging-last a {
    display: block;
    float: left;
    margin: 0 5px 0 0 !important;
    padding: 7px 10px !important;
    border: 1px solid #b0b0b0;
    border-radius: 4px;
    background: #f3f3f3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
    background: -webkit-linear-gradient       (top, #fff, #e6e6e6);
    background:    -moz-linear-gradient       (top, #fff, #e6e6e6);
    background:      -o-linear-gradient       (top, #fff, #e6e6e6);
    background:         linear-gradient( to bottom, #fff, #e6e6e6);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    color: #222;
    text-decoration: none;
    line-height: 1.1;
}

.paging-number a:hover,
.paging-next a:hover,
.paging-prev a:hover,
.paging-first a:hover,
.paging-last a:hover {
    border: 1px solid #aaa;
    background: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ddd), color-stop(1.00, #bbb));
    background: -webkit-linear-gradient       (top, #ddd, #bbb);
    background:    -moz-linear-gradient       (top, #ddd, #bbb);
    background:      -o-linear-gradient       (top, #ddd, #bbb);
    background:         linear-gradient( to bottom, #ddd, #bbb);
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.paging-number .current {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 7px 10px;
    border: 1px solid #444;
    border-radius: 4px;
    background: #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #555), color-stop(1.00, #777));
    background: -webkit-linear-gradient       (top, #555, #777);
    background:    -moz-linear-gradient       (top, #555, #777);
    background:      -o-linear-gradient       (top, #555, #777);
    background:         linear-gradient( to bottom, #555, #777);
    box-shadow: 0 2px 3px rgba(0,0,0,0.5) inset;
    color: #fff;
    text-decoration: none;
    line-height: 1.1;
}

/* ページャー（前後）
   ========================================================================== */

/* FC2 JUGEM Livedoor NINJA */

.page-navi-next_prev {
    clear: both;
    margin: 0 auto;
    width: 100%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.page-navi-next_prev .previous {
    float: left;
    overflow: hidden;
    text-align: left;
}

.page-navi-next_prev .next {
    float: right;
    overflow: hidden;
    text-align: right;
}

.page-navi-next_prev a {
    color: #333;
}

.page-navi-next_prev a:hover {
    color: #444;
}

/* So-net */

.archive-title {
    display: none;
}

.archive-bottom {
    margin: 0 auto;
    width: 100%;
    color: transparent;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.archive-bottom .previousLink {
    float: left;
    text-align: left;
}

.archive-bottom .previousLink a:before {
    content: "<< ";
}

.archive-bottom .nextLink {
    float: right;
    text-align: right;
}

.archive-bottom .nextLink a:after {
    content: " >>";
}

.archive-bottom a {
    color: #333;
}

.archive-bottom a:hover {
    color: #444;
}

.archive-bottom .archive-links {
    display: none;
}

/* ページャー（前後と番号）
   ========================================================================== */

/* JUGEM */

.page-navi-next_number_prev {
    margin: 0;
    padding: 0 1em 0 0;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

.page-navi-next_number_prev .previous a,
.page-navi-next_number_prev .next a {
    display: block;
    float: left;
    margin: 0 5px 0 0 !important;
    padding: 7px 10px !important;
    border: 1px solid #b0b0b0;
    border-radius: 4px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
    background: -webkit-linear-gradient       (top, #fff, #e6e6e6);
    background:    -moz-linear-gradient       (top, #fff, #e6e6e6);
    background:      -o-linear-gradient       (top, #fff, #e6e6e6);
    background:         linear-gradient( to bottom, #fff, #e6e6e6);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    color: #222;
    text-decoration: none;
    line-height: 1.1;
}

.page-navi-next_number_prev .previous a:hover,
.page-navi-next_number_prev .next a:hover {
    border: 1px solid #aaa;
    background: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ddd), color-stop(1.00, #bbb));
    background: -webkit-linear-gradient       (top, #ddd, #bbb);
    background:    -moz-linear-gradient       (top, #ddd, #bbb);
    background:      -o-linear-gradient       (top, #ddd, #bbb);
    background:         linear-gradient( to bottom, #ddd, #bbb);
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.page-navi-next_number_prev .number {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 7px 10px;
    border: 1px solid #444;
    border-radius: 4px;
    background: #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #555), color-stop(1.00, #777));
    background: -webkit-linear-gradient       (top, #555, #777);
    background:    -moz-linear-gradient       (top, #555, #777);
    background:      -o-linear-gradient       (top, #555, #777);
    background:         linear-gradient( to bottom, #555, #777);
    box-shadow: 0 2px 3px rgba(0,0,0,0.5) inset;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 2px black;
    line-height: 1.1;
}

/* ==========================================================================
   サイド
   ========================================================================== */

.myd-side { /*base*/
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

/* プラグイン（ウィジェット）
   ========================================================================== */

.side_in,
.side-inner-header,
.side-inner-footer,
.side-body {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.sidebar ul,
.side-body ul {
    margin: 0;
    padding: 0;
}

.sidebar li,
.side-body li {
    margin: 0;
    padding: 5px 5px 5px 15px;
    border-bottom: 1px dotted #999;
    list-style: none;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.sidebar li a:before,
.side-body li:before {
    display: block;
    float: left;
    margin: 6px 0 0 -12px;
    background: none;
    color: #999;
    content: "\25B6";
    font-size: 9px;
    font-size: 0.9rem;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 9px;
}

/* カレンダー
   ========================================================================== */

/* blogoo */

.blogoo .calender {
    margin: 0 0 15px;
    padding: 10px
}

.blogoo .calendarhead {
    overflow: hidden;
    margin: 0 auto 10px;
    color: #222;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.1;
}

.blogoo .calendartable {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px #ccc solid;
    background-color: #fff;
    color: #222;
}

.blogoo .calendartable th,
.blogoo .calendartable td {
    padding: 5px 0;
    border-bottom: 1px #ccc solid;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
}

.blogoo .calendartable th {
    background: #f3f3f3;
    font-weight: bold;
}

.blogoo .calendartable th.sun {
    color: #f00;
}

.blogoo .calendartable th.sat {
    color: #00f;
}

/* FC2 */

.calender {
    margin: 0 auto;
    width: 100%;
    background: #fff;
    color: #222;
}

.calender caption {
    padding: 5px 0 15px;
    color: #222;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.1;
}

.calender th,
.calender td {
    padding: 5px 0;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
}

.calender th {
    background: #f3f3f3;
    font-weight: bold;
}

.calender th#sun {
    color: #f00;
}

.calender th#sat {
    color: #00f;
}

/* JUGEM */

.calendar {
    margin: 0 0 15px;
}

.calendar table {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px #ccc solid;
    background: #fff;
    color: #222;
}

.calendar th,
.calendar td {
    padding: 5px 0;
    border-bottom: 1px #ccc solid;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
}

/* Livedoor */

.calendarheadbody {
    padding: 5px 0 15px;
    color: #222;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.1;
}

.calendartable {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px #ccc solid;
    background-color: #fff;
    color: #222;
}

.caltblday {
    margin: 0 0 15px;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
}

.caltblwk td {
    padding: 5px 0;
    border-bottom: 1px #ccc solid;
    background: #f3f3f3;
    font-weight: bold;
}

.caltblwk .sun {
    color: #f00;
}

.caltblwk .sat {
    color: #00f;
}

.caltblday td {
    padding: 5px 0;
    border-bottom: 1px #ccc solid;
}

/* NINJA */

.ninja .CalendarMoveTable {
    margin: 10px auto 10px;
    color: #222;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.1;
}

.ninja .CalendarPrevTd {
    text-align: left;
}

.ninja .CalendarNowTd {
    padding: 0 1em;
    text-align: center;
}

.ninja .CalendarNextTd {
    text-align: right;
}

.ninja .CalendarTable {
    margin: 0 auto;
    color: #222;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.1;
    width: 100%;
}

.ninja .CalendarWdayTr th {
    padding: 5px 0;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    background: #f3f3f3;
    text-align: center;
    font-weight: bold;
}

.ninja .CalendarWdaySun {
    color: #f00;
}

.ninja .CalendarWdaySat {
    color: #00f;
}

.ninja .CalendarTr td {
    padding: 5px 0;
    border-bottom: 1px #ccc solid;
    text-align: center;
}

/* Seesaa, So-net */

#calendar {
    margin: 0 0 15px;
}

#calendar table {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px #e6e6e6 solid;
}

#calendar th,
#calendar td {
    padding: 5px 0;
    border-bottom: 1px #ccc solid;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
}

#calendar .calendar-date,
#calendar .calendarhead {
    margin: 0 auto 10px;
    padding: 5px 0;
    color: #222;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.1;
}

#calendar .calendar-date a,
#calendar .calendarhead a {
    color: #222;
}

#calendar .calendar-date a:hover,
#calendar .calendarhead a:hover {
    color: #444;
}

#calendar table th {
    margin: 1px;
    height: 14px;
    background-color: #e6e6e6;
    font-weight: normal;
}

#calendar .calendarday {
    text-align: center;
}

#calendar .sunday {
    color: #f00;
}

#calendar .saturday {
    color: #00f;
}

#calendar table td {
    background-color: #fff;
    color: #222;
}

/* フォーム
   ========================================================================== */

.plugin-search input[type="text"],
.search-tbox ,
.side input.sf,
.blogsearch input[type="text"],
.side input[type="text"],
.sidebody input[type="text"] {
    margin: 0 5px 5px 0;
    width: 100% !important;
}

/* RSS
   ========================================================================== */

.syndicate {
    margin: 0 0 15px;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

/* タグクラウド
   ========================================================================== */

.tag_list,
.tagcloud,
.tag-word,
.side-tag,
.tag_cloud {
    color: #444;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.tag_list a,
.tagcloud a,
.tag-word a,
a._tag,
.tag_cloud a {
    margin: 0 2px 2px 0;
    color: #444;
}

/* 広告
   ========================================================================== */

/* FC2 */

.ads div {
    text-align: left !important;
    margin: 0;
}

/* NINJA */

#PR2 a {
    color: #666;
    text-decoration: none;
}

/* Livedoor, Seesaa */

.seesaa .powered {
    margin: 0 0 15px;
}

/* ブックマーク
   ========================================================================== */

/* So-net */

.bookmark ul {
    margin: 30px 0;
    padding: 0;
}

.bookmark ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.bookmark li {
    float: left;
    margin-right: 7px;
    height: 20px;
    list-style: none;
}

/* ==========================================================================
   フッター
   ========================================================================== */

.myd-footer {
    clear: both;
    background: #369;
    box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset;
}

.myd-footer-inner {
    margin: 0 auto;
    padding: 20px 0;
    text-align: right;
}

.myd-footer p,
.myd-footer address {
    padding: 5px 0 0;
    color: #fff;
    text-align: right;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.618;
}

.myd-footer p {
    display: inline;
    margin: 0 0 0 1em;
}

.myd-footer address {
    margin: 0;
}

.myd-footer p a,
.myd-footer address a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.myd-footer p a:hover,
.myd-footer address a:hover {
    text-decoration: underline;
}

/* So-net */

.so-net #footer {
    padding: 0 0 20px;
    background: #369;
}

.so-net #footer p {
    float: none !important;
    margin: 0 auto !important;
    padding: 5px 0 0 !important;
    color: #ccc;
    text-align: right;
    font-style: normal;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.618 !important;
}

.so-net #footer p a {
    color: #fff;
    text-decoration: none;
}

.so-net #footer p a:hover {
    color: #fff;
    text-decoration: underline;
}

/* ==========================================================================
   カスタマイズ
   ========================================================================== */

/* アドセンス ２カラム */

.adsense-2c {
    margin: 0 !important;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: none !important;
    border-left: none !important;
    background: #fff;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.adsense-2c td {
    padding: 0 10px 0 0 !important;
    border-right: none !important;
    border-bottom: none !important;
    vertical-align: top;
}

/* 最新情報 */

ul.recent-entry {
    margin: 0;
    padding: 0;
    list-style-type: disc;
    text-align: left;
}

ul.recent-entry li {
    clear: both;
    margin: 0;
    padding: 5px 5px 5px 15px;
    border-bottom: 1px #999 dotted;
    list-style: none !important;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.333;
    zoom: 1;
}

ul.recent-entry li:after {
    display: block;
    clear: both;
    content: "";
}

ul.recent-entry li:before {
    display: block;
    float: left;
    margin: 0 0 0 -14px;
    background: none;
    color: #999;
    content: "\25B6";
    font-size: 9px;
    font-size: 0.9rem;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
}

.recent-entry-title {
    float: left;
}

.recent-entry-date {
    float: right;
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
}

/* タイトルバナー化 */

#site-title-image .site-title {
    margin: 0;
    text-align: center;
}

#site-title-image .site-description {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}

/* ==========================================================================
   Helper
   ========================================================================== */

/* Clear */

.cf:before,.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

.cl { clear: both; }

/* Visually hidden */

.visuallyhidden,
.vh {
    position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

/*-------------------------------------------------------------------------------------------

    Skin

-------------------------------------------------------------------------------------------*/

body {
    background: #333;
    background: -webkit-linear-gradient       (top, #444 0%, #222 100%);
    background:         linear-gradient( to bottom, #444 0%, #222 100%);
}

/* ==========================================================================
   タイトルとナビゲーション
   ========================================================================== */

/* サイトタイトル、サイトの説明
   ========================================================================== */

.myd-header {
    min-height: 13em;
    background-color: #369;
    box-shadow: 0 0 15px rgba(000,000,000,.4) inset;
}

.site-title,
.site-title-description h1 {
    margin: 0 20px 5px 0;
    padding: 0;
    color: #fff;
}

.site-title a,
.site-title-description h1 a {
    color: #fff;
    text-decoration: none;
}

.site-title a:hover,
.site-title-description h1 a:hover {
    text-decoration: underline;
}

.site-description,
.site-title-description .description,
.site-title-description #lead {
    color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* グローバルメニュー
   ========================================================================== */

.myd-menu {
    min-height: 28px;
    background-color: #369;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAyCAYAAACUEBHwAAAAnklEQVR42l3K0QoBUQBF0fvrNBKRiMikEYmIRqOJSETE5/iBq/26T62X3Qkxxp8Rv0b8GPFtxJcRn0Z8GPFuxJsRr0a8GPFsxJMRj0YsjXgwYmHEvRFzI+6MuDXixohrI66MuDTiwohzI86MODViZsSJEVMjjo04MuLQiAMj9o3YM2LXiB0jto3YMmLTiA0j1o1YM2JixKoRKxY0TuEPOxx/UYXzSwcAAAAASUVORK5CYII=);
    background-position: center top;
    background-repeat: repeat-x;
    box-shadow: 0 1px 0 rgba(000,000,000,.1), 0 1px 4px rgba(000,000,000,.6);
}

.myd-menu ul {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    border-left : 1px solid rgba(000,000,000,.2);
    list-style-type: none;
}

.myd-menu li {
    float: left;
    margin: 0;
    padding: 14px 0;
    border-right: 1px solid rgba(000,000,000,.2);
    border-left : 1px solid rgba(255,255,255,.4);
    /*IE6 IE7 IE8 */
    _border-right: 1px solid #ccc;
    *border-right: 1px solid #ccc;
     border-right: 1px solid #ccc\9;
}

.myd-menu li { /*base*/
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1;
}

.myd-menu li a {
    display: block;
    padding: 0 1.5em;
    color: #333;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

.myd-menu li a:hover {
    color: #555;
}

.myd-menu li a:before {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #369;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAPElEQVR42nXN0Q0AEAwE0G7AJmxgFN3USEY4VyKk4pL300uuAsBEIyvztotCnfQtThrlX5H8VPVTwdzPB4uVY1fAusuvAAAAAElFTkSuQmCC);
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 2px rgba(000,000,000,.3) inset;
    content: "";
}

/* パンくずリスト
   ========================================================================== */

.breadcrumbs li a {
    color: #ccc;
}

.breadcrumbs li a:after {
    color: #999;
}

.breadcrumbs li ,
.breadcrumbs li strong {
    color: #999;
}

/* ==========================================================================
     コンテンツ
   ========================================================================== */

.myd-container-bottom {
}

/* アーカイブページのタイトル
   ========================================================================== */

.page-title {
    border-top: 1px solid #666;
    color: #ddd;
}

/* ==========================================================================
   メイン
   ========================================================================== */

.myd-main-inner > *:last-child {
    margin-bottom: 0 !important;
}

.article,
.articles,
.blog,
#comments,
#trackback {
    margin: 0 0 20px;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(000,000,000,.2);
}

    .c3 .article,
    .c3 .articles,
    .c3 .blog,
    .c3 #comments,
    .c3 #trackback {
        margin: 0 0 15px;
    }

/* 見出し */
/* ※h3を消してはいけない - seesaa, sublime */

h3.title,
.articles-title,
.entry-title {
    margin: -21px -21px 21px;
    padding: 1em;
    border-radius: 5px 5px 0 0;
    background-color: #369;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA8CAYAAABfESsNAAAAmklEQVR42o3DUSoEAABAwYlIJJGIIhFFIpJEJGm33UQRiSQ+3f8ArvCmBt1EbDI2FZuOzcRmY3Ox+dhCbDG2FFuOrcRWY2ux9dhGbDO2FduO7cR2Y3ux/dhB7DB2FDuOncROY2ex89hF7DJ2FbuO3cRuY3ex+9ggNoyNYuPYQ+wx9hR7jr3EXmNvsffYR+wz9hX7jv3EfmN/5T+P/nTrkTUphAAAAABJRU5ErkJggg==);
    background-position: left bottom;
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(000,000,000,.3) inset, 0 1px 0 0 rgba(255,255,255,.3) inset;
    color: #fff;
    text-shadow: 0 1px 2px rgba(000,000,000,.7);
    letter-spacing: 1px;
}

h3.title,
.articles-title,
.entry-title { /*base*/
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.333;
}

    h3.title:before,
    .articles-title:before,
    .entry-title:before {
        display: block;
        float: left;
        margin: 0 7px 0 0;
        padding: 0;
        width: 29px;
        height: 29px;
        border-radius: 100%;
        background-color: #369;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAFoUlEQVR42p2We0yVdRzG1WmZ06zWTe7hBWUEpjaJUeIal4aErVarRht/QNIfjC0G/uPYoraGDm3U8DIL1mhxBqiHKSj3MVCuigw4iiCXnR+IiCgDUZH1PL+d79l7PEeizvbs3N73/fye7+/5ft93ybp16xajlT4+Pm9v3rw5zt/fPzkoKOinrVu3ZuH9B3738/P73MvLyx/HrVjM9Rb8083NbfWGDRuiQ0NDD6elpRXW1tY29/X1WR48eDD85MkTNTU1NXjjxg3LuXPnGlNSUv4KDg7OxvGROHf5/4KuX7/+Q1zk8PHjx8tnZmaG5ufnFUGiubk5rcePH9t17969waysLPOOHTsO+fr6hv4n6KZNm2Li4uJ+v3PnTj9hlBH26NEj9fDhQzU7O0vxs4Ou4RUdHZ1L14uBEvjx/v37TTh5WICuYHCvpqenWWKRw2/Dw8ODWHgewB8tCMUB4QkJCfkAWAUIEegSKrDJyUk1MTGhUBmKn7UG8dqzZ89RlPp9l1BPT0+3iIiIX3GBAYGJy6egBAqU+6ju3r2rYSMjI3SoNTo6qr83Nzf3MhtgrHKCIvafnj59uv4poBPUWNr79+/TpQbeunVLw/r7+7mnCilXAwMDWpmZmWXsAgeou7v7a3v37j2KBFoXSildol0cXLKMt2/fVlarVQN6e3tVV1eXunr1qrJYLFrt7e1DaLsj4tae1oKCgiqBiIxAcUkohgRdSll1KYeGhjSwu7tbA1tbW7U6OjrUlStXVHp6ulm3kUADAgLScNJ1XtyVCDS65Dnbt293KCvLSVcEtrW1qUuXLqn6+nrV1NSklZ+f347FJgh0VVhY2BEpnwuJQymrhgrYWNbOzk6WkhANxARTdXV1WpWVlYOBgYE/aqgnXhwEkkoBUBIaCY7so0AFLPvIMgqwpqZGVVRUqAsXLmhVVVWpXbt25WC0rlmCQb1x3759f8qFDRIQZUyqQI1gAtkeqqGhgQ41sKysTGEuq9LSUv05PDw8F6F9lU594uPj86R0RghFZwIbHx/nHjpBmd6WlhbV2NjoACRMRPju3bt/g9OXlpAcExOTS1dGCJPJdhDY2NiYNL8DFP89E3jmzBkj2Lpt27ZDvAPxxGUoz0GsdlBgAqIDOuOLMLYFU/oMIMOiysvLNQSDRhUXF3MBWnl5eRZ0yff2lkGU47HCVgGKKyZTYDdv3tSB6enpUVJS7qERKA4FyHcJ0oEDB2ox9T6xQ/FUEJSammpCOQVKGAe2huFGzR5kQtns/F9S6lTSU6dOqaKiImUymQjTKT5//rzCFv6B0HoL1F5ilKqHDigCCeMclSlz+fJl7e7ixYvSFrywA5AOCeR3HkNlZ2e3sZrG2Stud6J1CriHdMLS0h0bnu3AkUZ3bAk2e3V1NYFMpZNDgLkwTiUeY42MjDzh7e29xQlKsebHjh2r5X5KeOiQMHFnDAyBZrPZDiwsLOQCGC6OQr3fSUlJpZjtsS7vp3K3QawPlpSUtBMoYnh4AZkyBJ49e1YDcSyBDA2P4SK573qhGRkZ9bxlsk1cQkV8lOSDVU5OTh1DJOnlfGWp6ZgjjWDuJUvN0jNk/J9iRZKTk8sI5MPBoh7MPDw83sRN97PExMQiAPq4t2wXhoqfGSyB0JmI7k6ePHktNja2gOfjWmugpf8GXQY9D70CuWPzv8Sd4QRuCBW5ubnXsYfcU4oAOmZQGB4+HfTgQaAc7n5Gtb7A+d7QGzbwCsJdQZfa/lwLvQW9A70HhaFE3+E5+Bc81ZtCQkLM6LlqqCYqKqoKzz9mTJq/cYPORia+xfEfQKHQu9AWG3ilQBdy+jKdQr6QH+QPBUIhGNgRWMTXcPMN3r/Cb5HQTigICrCBNtqcvg6tZpAWgopjwpfTuW0Rq2xletGmtSJ+N4iAF6DnbOcuc7Wn/wDOgkZP4eecmAAAAABJRU5ErkJggg==);
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
    }

h3.title a,
.articles-title a,
.entry-title a {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

h3.title a:hover,
.articles-title a:hover,
.entry-title a:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

/* ページャー（前後）
   ========================================================================== */

/* FC2 JUGEM Livedoor NINJA */

.page-navi-next_prev a {
    color: #999;
}

.page-navi-next_prev a:hover {
    color: #ccc;
}

/* So-net */

.archive-bottom a {
    color: #999;
}

.archive-bottom a:hover {
    color: #ccc;
}

/* ==========================================================================
   サイド
   ========================================================================== */

.myd-side {
}

.myd-side { /*base*/
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.618;
}

.myd-side-inner > *:last-child {
    margin-bottom: 0 !important;
}

/* プラグイン（ウィジェット）
   ========================================================================== */

/* 枠 */

.sidebar,
.jugem .side-body,
.ninja .side-body,
.fc2 .side,
.seesaa .side,
.blogoo .side,
.livedoor .sidewrapper,
.side-tag,
.syndicate,
#calendar,
.so-net #powered,
.blogoo .ad,
.blogoo div.rss {
    margin: 0 0 20px;
    padding: 12px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(000,000,000,.2);
}

    .c3 .sidebar,
    .c3.jugem .side-body,
    .c3.ninja .side-body,
    .c3.fc2 .side,
    .c3.seesaa .side,
    .c3.blogoo .side,
    .c3.livedoor .sidewrapper,
    .c3 .side-tag,
    .c3 .syndicate,
    .c3 #calendar,
    .c3.so-net #powered,
    .c3.blogoo .ad,
    .c3.blogoo div.rss {
        margin: 0 0 15px;
    }

/* タイトル */

.sidebar-title,
.sidetitle,
.side-title {
    margin: -13px -13px 13px;
    padding: 12px 15px;
    border-radius: 5px 5px 0 0;
    background-color: #369;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAoCAYAAADHVmuAAAAAcUlEQVR42pXD0QaDAABA0RtNkpnZmBJLkplZzJJMZhrppf//nH7hdjhsEciEMjuZSCaWSWT2MgeZo8xJ5ixzkUllMplc5ipTyJQylUwtc5O5yzxknjKNzEvmLdPKdDK9zEdmkPnK/GRGmb/MJDPLLOYK/YQ6Ax+pYWcAAAAASUVORK5CYII=);
    background-position: left bottom;
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(000,000,000,0.25) inset, 0 1px 0 0 rgba(255,255,255,0.25) inset;
    color: #fff;
    text-shadow: 0 1px 1px rgba(000,000,000,0.66);
    letter-spacing: 1px;
    font-weight: bold;
}

.sidebar-title,
.sidetitle,
.side-title { /*base*/
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.333;
}

    /* タイトルが枠の外側にある : jugem, seesaa系, blogoo */

    .jugem .side-body,
    .seesaa .side,
    .blogoo .side {
        border-radius: 0 0 5px 5px;
    }

    .jugem .side-title,
    .seesaa .sidetitle,
    .blogoo .sidetitle {
        margin: 0;
        box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    }

.sidebar-title a,
.sidetitle a,
.side-title a {
    color: #fff;
}

/* 広告
   ========================================================================== */

/* FC2 */

.ads,
.ads a {
    color: #ccc;
}

/* NINJA */

#PR2,
#PR2 a {
    color: #ccc;
}

/* Livedoor, Seesaa */

.seesaa .powered,
.seesaa .powered a {
    color: #ccc;
}

/* ==========================================================================
   フッター
   ========================================================================== */

.myd-footer {
    background: #333;
    box-shadow: 0 0 15px rgba(000,000,000,.4) inset;
}

.myd-footer p,
.myd-footer address {
    color: #ccc;
}

.myd-footer p a,
.myd-footer address a {
    color: #fff;
}

/* So-net */

.so-net #footer {
    background: #454545;
}

.so-net #footer p {
    color: #ccc;
}

.so-net #footer p a {
    color: #fff;
}

.so-net #footer p a:hover {
    color: #fff;
}

/* end */ */

/*  全体の基本設定
    ------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: Arial, "メイリオ", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #eeeeee;
  padding-top: 0;
}
a {
  color: #0099dd;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  color: #2bbeff;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
p {
  margin: 0 0 10px;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
cite {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1,
h2,
h3 {
  line-height: 25px;
}
h1 {
  font-size: 17.5px;
}
h2 {
  font-size: 15.959999999999999px;
}
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 20px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
dl {
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 20px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 10px;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
blockquote {
  padding: 0 0 0 1em;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}
blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
form {
  margin: 0 0 20px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
input,
button,
select,
textarea {
  font-family: Arial, "メイリオ", sans-serif;
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
label {
  display: block;
  margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"] {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  vertical-align: middle;
  border-radius: 2px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"] {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  width: 100%;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);
  box-shadow: 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: auto;
}
select,
input[type="file"] {
  height: 30px;
  line-height: 30px;
}
select {
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
button,
input {
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
  height: 6em;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

/*  印刷用の設定
    ------------------------------------------------------- */
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
}

/*  アイコンの設定
    ------------------------------------------------------- */
@font-face {
  font-family: 'awesome';
  src: url('/admin/font/pc/awesome.eot?v=3.0.1');
  src: url('/admin/font/pc/awesome.eot?#iefix&v=3.0.1') format('embedded-opentype'),
       url('/admin/font/pc/awesome.woff?v=3.0.1') format('woff'),
       url('/admin/font/pc/awesome.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'awesome';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  display: inline;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
.icon-home:before {
  content: '\f230';
}
.icon-edit:before {
  content: '\270d';
}
.icon-comment:before {
  content: '\e718';
}
.icon-chevron-left:before {
  content: '\e75d';
}
.icon-chevron-right:before {
  content: '\e75e';
}
.icon-double-angle-up:before {
  content: '\f102';
}
.icon-user:before {
  content: '\f464';
}
.icon-folder-close:before {
  content: '\f4c1';
}
.icon-calendar:before {
  content: '\f4c5';
}
.icon-search:before {
  content: '\f50d';
}
.icon-clock:before {
  content: '\f554';
}
/*  ボタンの設定
    ------------------------------------------------------- */
.btn {
  display: inline-block;
  padding: 4.06px 12.04px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-radius: 3px;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
  opacity: 0.75;
  -ms-filter: "alpha(opacity=75)";
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:active {
  background-image: none;
  outline: 0;
}
.btn-primary {
    text-align: center;
}
.btn-primary .btn {
  padding: 11px 19px;
  font-size: 16px;
  background: #0099dd;
  color: #ffffff;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
button.btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/*  ヘッダー、メニュー部分の設定
    ------------------------------------------------------- */
/* ヘッダー全体の設定 */
.header {
  margin-left: auto;
  margin-right: auto;
  width: 1090px;
  min-height: 150px;
}
/* ヘッダーの見出し部分の設定 */
.headerTitle {
  margin: 0;
  padding-top: 49px;
  min-height: 48px;
}
/* ヘッダーの見出し文字の設定 */
.headerTitleLink {
  font-size: 24.5px;
  line-height: 36.75px;
  font-weight: bold;
  color: #666666;
}
.headerTitleLink:hover,
.headerTitleLink:focus {
  color: #a6a6a6;
}
.headerTitleLink:active {
  color: #666666;
}
/* ヘッダーの見出し下の文章の設定 */
.headerDesc {
    margin-bottom: 2em;
    color: #737373;
}
/* メニュー部分の設定 */
.nav:before,
.nav:after {
  display: table;
  content: "";
}
.nav:after {
  clear: both;
}
.headerNavList {
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
  background: #666666;
  color: #ffffff;
}
.headerNavList > li {
  display: inline-block;
  float: left;
  width: auto;
}
.headerNavList > li > a {
  padding: 14px 28px;
  display: inline-block;
  word-wrap: break-word;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
.headerNavList > li > a:hover,
.headerNavList > li > a:focus {
  background: #8c8c8c;
  color: #ffffff;
  text-decoration: none;
}
/* メニューの検索窓部分の設定 */
.headerNavList .search {
  float: right;
}
.navbarSearch {
  margin: 9px 0 0;
  padding: 0 28px 0 0;
}
.navbarSearch .searchQuery {
  margin-bottom: 0;
  margin-left: 4px;
  padding: 4px 7px;
  width: 200px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
}

/*  記事、サイドバーなどページ内のメインブロックの設定
    ------------------------------------------------------- */
#MainContainer {
  width: 1090px;
  margin-left: auto;
  margin-right: auto;
}
#MainContainer:before,
#MainContainer:after {
  display: table;
  content: "";
}
#MainContainer:after {
  clear: both;
}

/* メインコンテンツ部分の設定 */
#ArticleBlock {
  margin: 20px 0;
  width: 706px;
  float: left;
}
/* コメント編集の時のコンテンツ部分の設定 */
#ArticleBlock.commentEdit {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* カテゴリー一覧・検索結果・日付別一覧のタイトル上の表示の設定 */
.listTitle {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 20px;
}
/* カテゴリー一覧・検索結果・日付別一覧のタイトル上のアイコンの設定 */
.listTitle [class^="icon-"] {
  display: inline-block;
  width: 17.5px;
  vertical-align: top;
  padding-right: 0.5em;
}

/* 記事タイトルの設定 */
.articleTitle {
  margin: 0;
  padding: 28px 28px 0 !important;
  background: #ffffff;
  font-weight: bold;
  font-size: 24.5px;
  line-height: 1.4em;
}

/* 記事詳細、ページの本文部分全体の設定 */
#EntryTextBox {
  padding: 0 28px 28px;
  background: #ffffff;
}
/* 記事詳細のコメント部分の設定 */
#CommentBlock {
  background: #ffffff;
}

/* 本文部分の設定 */
.entryText {
  padding-top: 20px;
  margin-bottom: 20px;
}
/* 本文中の画像の設定 */
.entryText img {
  margin-bottom: 10px;
  margin-right: 10px;
}
/* 本文中のリンクの設定 */
.entryText a,
.entryText a:link,
.entryText a:visited {
  text-decoration: underline;
}
.entryText a:focus {
  text-decoration: underline;
  color: #2bbeff;
}
/* 本文中のテキストの設定 */
.entryText h1,
.entryText h2,
.entryText h3,
.entryText h4,
.entryText h5,
.entryText h6,
.entryText strong,
.entryText b {
  font-weight: bold;
}
.entryText h1 {
  font-size: 1.75em;
}
.entryText h2 {
  font-size: 1.5em;
}
.entryText h3 {
  font-size: 1.25em;
}
.entryText h4 {
  font-size: 1.15em;
}
.entryText h5 {
  font-size: 1.05em;
}
.entryText h6 {
  font-size: 1em;
}

/* 一覧ページの設定 */
.entryList {
  margin-left: 0;
  list-style: none;
}
/* 一覧ページの記事部分の設定 */
.entryList > li {
  margin-bottom: 28px;
  padding: 28px;
  background: #ffffff;
}
/* 一覧ページの記事タイトルリンクの設定 */
.entryListTitle {
  font-size: 24.5px;
  line-height: 1.4em;
  font-weight: bold;
  color: #333333;
}
.entryListTitle:link,
.entryListTitle:visited {
  color: #333333;
}
.entryListTitle:hover,
.entryListTitle:active,
.entryListTitle:focus {
  color: #8c8c8c;
}
/* 一覧ページの「つづきを読む」部分の設定 */
.entryPsLink {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* 拍手部分の設定 */
.NinjaClap {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* 記事フッター部分の設定 */
.entryFooter {
  margin-top: 28px;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
  font-size: 10.5px;
  color: #b3b3b3;
}
.entryFooter li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.entryFooter li:last-child {
  margin-right: 0;
}
.entryFooter a {
  display: inline-block;
  padding: 0 5px;
  line-height: 20px;
  border-radius: 2px;
}
.entryFooter a:link,
.entryFooter a:visited {
  color: #a6a6a6;
  border: 1px solid #e5e5e5;
}
.entryFooter a:hover,
.entryFooter a:active,
.entryFooter a:focus {
  color: #666666;
  border: 1px solid #bfbfbf;
}
.entryFooter a [class^="icon-"] {
  color: #cccccc;
}
.entryFooter a span {
  display: inline-block;
  padding-left: 5.25px;
  line-height: 20px;
}

/* 記事詳細のコメント部分全体の設定 */
#CommentBlock {
  background: transparent;
  padding-top: 28px;
}
/* 記事詳細のコメント部分全体のタイトルの設定 */
.commentBlockTitle {
  margin-top: 0;
  font-weight: bold;
  font-size: 125%;
}
/* 記事詳細のコメント部分全体のタイトル用アイコンの設定 */
.commentBlockTitle:before {
  font-family: 'awesome';
  content: '\e718';
  display: inline-block;
  padding-right: 0.5em;
}
/* 記事詳細の各コメント部分全体の設定 */
.commentTextBox {
  margin-bottom: 28px;
  padding: 14px 28px;
  background: #ffffff;
}
/* 記事詳細の各コメントのタイトルの設定 */
.commentTitle,
[id^="commentRes"]{
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
}
/* 記事詳細の各コメントのフッター部分の設定 */
.commentTextBox .entryFooter {
  margin-top: 0;
  margin-bottom: 14px;
}
.commentTextBox .entryFooter .user a {
  border: 0;
  padding-left: 0;
}
.commentTextBox .entryFooter [class^=icon-] {
  margin-right: .5em;
}
.commentTextBox .entryFooter .user [class^=icon-] {
  padding-left: 0;
}
/* 記事詳細の管理者コメント部分の設定 */
.commentResBlock {
  margin: 20px 0;
  padding: 10px 15px;
  color: #737373;
  border-left: 7px solid #d9d9d9;
}
[id^=CommentRes] {
  margin: 0;
}

/* コメントフォーム部分の設定 */
#CommentForm {
  padding: 28px;
  background: #ffffff;
}
#CommentForm form {
  margin-bottom: 0;
}
.commentFormBlock label {
    display: inline-block;
    cursor: default;
}
.commentFormBlock input[type="text"],
.commentFormBlock input[type="password"],
.commentFormBlock textarea {
  margin-bottom: 20px;
  height: 28px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/* コメント入力欄の設定 */
#CommentText {
  height: 15em;
}

/* コメント編集のフォームの設定 */
.commentEdit label {
  width: 18%;
  display: inline-block;
  text-align: right;
  margin-right: 2%;
  cursor: default;
  vertical-align: top;
  line-height: 30px;
}
.commentEdit input[type="text"],
.commentEdit input[type="password"],
.commentEdit textarea {
  width: 75%;
  display: inline-block;
  margin-bottom: 2em;
}

/* ページャーの設定 */
.pager {
  margin: 20px 0;
  list-style: none;
  display: table;
  width: 100%;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: table-cell;
  color: #cccccc;
  text-align: center;
  vertical-align: middle;
}
.pager li.prev {
  text-align: left;
}
.pager li.next {
  text-align: right;
}
.pager a,
.pager li > span {
  display: inline-block;
  padding: 10px 7px;
  background: #d5d5d5\9;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.pager a,
.pager a:link,
.pager a:visited {
  background: #a6a6a6\9;
  background: rgba(0, 0, 0, 0.3);
}
.pager a:hover,
.pager a:focus {
  background: #bebebe\9;
  background: rgba(0, 0, 0, 0.2);
}
.pager [class^=icon-] {
    margin-right: .5em;
}
.pager .next [class^=icon-] {
    margin-right: 0;
    margin-left: .5em;
}

/* ページトップのリンク部分の設定 */
.pager.pagetop {
  margin-bottom: 0;
}
.pager.pagetop li {
  padding-right: 14px;
  text-align: right;
}
.pager.pagetop a {
  background: #444444;
  color: #ffffff;
  font-size: 11.9px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: .5em 1em;
}

/* サイドバーの設定 */
.pluginBlock {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 356px;
  padding: 0;
  float: right;
}

/* 各プラグイン部分の設定 */
.plugin {
  margin-bottom: 28px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  background: #ffffff;
  border: 0;
  border-radius: 0;
}
/* プラグインのタイトルの設定 */
.pluginTitle {
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 28px;
  padding-right: 28px;
  line-height: 20px;
  font-weight: bold;
  font-size: 17.5px;
  word-wrap: break-word;
}
/* プラグインのコンテンツ部分の設定 */
.pluginBody {
  overflow: hidden;
  padding: 9px 28px;
}

/*各プラグイン処理内の基本デザイン*/
.plugin_data,
.plugin_data * {
  line-height: 20px;
}
.plugin_data + .plugin_data {
  margin-top: 7px;
}
/* 各プラグイン処理内基本デザインの下に記載する日付など */
.plugin_data_date {
  font-size: 11.9px;
  color: #737373;
  margin-bottom: 7px;
}

.plugin_data .right {
  float: right;
}
.plugin_data .right:before,
.plugin_data .right:after {
  display: table;
  content: "";
}
.plugin_data .right:after {
  clear: both;
}

/* プラグインのカレンダー用テーブル */
.CalendarMoveTable,
.CalendarTable {
  width: 100%;
}
.CalendarMoveTable td,
.CalendarTable th,
.CalendarTable td {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #bfbfbf;
}
/* カレンダー日付移動部分のデザイン */
.CalendarMoveTr {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.CalendarMoveTr a:link,
.CalendarMoveTr a:visited,
.CalendarMoveTr a:hover {
  display: inline-block;
  text-decoration: none;
  margin-top: -5px;
  margin-bottom: -5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.CalendarMoveTr a:hover,
.CalendarMoveTr a:active {
  color: #b3b3b3;
}
/* カレンダー日付移動用左側部分のデザイン */
.CalendarMoveTr td {
    border-bottom: 0;
}
.CalendarMoveTr .CalendarPrevTd {
  text-align: left;
  border-right: 0;
}
.CalendarPrevTd a {
  padding-left: 10px;
  color: #999999;
}
.CalendarPrevTd a:before {
  font-family: 'awesome';
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  content: "\e75d";
  color: #cccccc;
  margin-right: 14px;
}
/* カレンダー日付移動中央部分のデザイン */
.CalendarMoveTr .CalendarNowTd {
  text-align: center;
  border-left: 0;
  border-right: 0;
}
/* カレンダー日付移動用右側部分のデザイン */
.CalendarMoveTr .CalendarNextTd {
  text-align: right;
  border-left: 0;
}
.CalendarNextTd a {
  padding-right: 10px;
  color: #999999;
}
.CalendarNextTd a:after {
  font-family: 'awesome';
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  content: "\e75e";
  color: #cccccc;
  margin-left: 14px;
}
/* 曜日表示部分のデザイン */
.CalendarWdayTr th {
  text-align: center;
  font-weight: normal;
  color: #333333;
  background: #efefef;
}
/* 日付表示部分のデザイン */
.CalendarTr td {
  text-align: center;
  color: #737373;
}
/* 記事が存在する場所の設定 */
.CalendarTdLink a {
  display: inline-block;
  min-width: 14%;
  padding: 5px;
  margin: -5px;
  text-align: center;
  font-weight: bold;
}
/* ブログ内検索用デザイン */
.blogsearch:before,
.blogsearch:after {
  display: table;
  content: "";
}
.blogsearch:after {
  clear: both;
}
.blogsearch .box {
  width: 70%;
  float: left;
}
.blogsearch .btn {
  width: 22%;
  float: right;
  text-align: center;
}
/* コメント用デザイン */
.plugin_cm_with_res img {
  margin-left: 7px;
  vertical-align: text-top;
}
/* プロフィール用デザイン */
.profile_image {
  margin-bottom: 10px;
}
/* バーコード用デザイン */
.qrcode_image {
  text-align: center;
}

/*  フッターの設定
    ------------------------------------------------------- */
#FooterBlock {
  margin-bottom: -3px;
  padding-bottom: 3px;
  padding-top: 20px;
  text-align: center;
  font-size: 11.9px;
  color: #ffffff;
  background: #444444;
}
#FooterBlock ul {
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  list-style: none;
}
/* フッター内のリンクの設定 */
#FooterBlock a {
  margin-right: .5em;
  display: inline-block;
  color: #ffffff;
  border-radius: 2px;
}
#FooterBlock a:link,
#FooterBlock a:visited {
  text-decoration: underline;
}
#FooterBlock a:focus {
}
#FooterBlock a:hover,
#FooterBlock a:focus {
  color: #ffffff;
  text-decoration: none;
}