@charset "utf-8";

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                Basic Settings
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* */
html, body, div, applet, object, iframe, h1, h2,  h3, h4, h5, h6, p,  pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd,  ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, blockquote, figure {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: normal;
        font-style: normal;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display:block;
}

body {
        font-size: 0;
        line-height: 0;
}

/*
サイトのフォント設定（フォントサイズの変更） */

body #container {
        font-family: Haettenschweiler,"Lucida Console",Courier;
/*        font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif; */
        color: #333333;
        line-height: 1.6;
        font-size: 12px;
}

a { 
color: #006699;
text-decoration: none;
}

a:hover { 
color: #0099CC; 
text-decoration: underline;
}

strong { font-weight: 700; }

ol, ul { list-style: none; }

img { 
    vertical-align: bottom; 
border-top: 1px #aaaaaa dotted;
border-right: 1px #aaaaaa dotted;
border-bottom: 1px #aaaaaa dotted;
border-left: 1px #aaaaaa dotted;
}

.clr { width:100%; }

.clr:after {
        content: "";
        display: block;
        clear: both;
}

.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }

/* -------- Syntaxhighlighter -------- */

/* 枠線 */
.class_name_synborder { 
/*
border: 1px solid #aaaaaa; 
*/
border: 1px dotted #aaaaaa; 
padding-top: 20px;
padding-right: 1px;
padding-bottom: 20px;
padding-left: 5px; 
}

/* -------- /Syntaxhighlighter -------- */

/* -------- My table 20130926 -------- */
table {
        border: #cccccc 1px solid;
        border-collapse: collapse;
        font: bold;
        font-size: 100%;

/* syntaxhighriter の行番号が消えてしまう */
 /*       table-layout: fixed;
*/
        width: 100%;
        padding: 10px;
        color: #000000; 
} 
th.t_top {
        border: #cccccc 1px solid;
        background-color: #f5f5f5;
        text-align: left;
        padding: 10px;
        font: bold;
}
th.t_top_left {
        border: #cccccc 1px solid;
        background-color: #f5f5f5;
        text-align: left;
        padding: 10px;
        font: bold;
        word-break: break-all;
        width: 21%;
}
th.t_top_center {
        border: #cccccc 1px solid;
        background-color: #f5f5f5;
        text-align: left;
        padding: 10px;
        font: bold;
        width: 30%;
} 
 
td.t_line00 {
        border: #cccccc 1px solid;
        background-color: #ffffff;
        vertical-align: top;
        text-align: left;
        padding: 10px;
        width: 40%;
}
td.t_line02 {
        border: #cccccc 1px solid;
        background-color: #ffffff;
        vertical-align: top;
        text-align: left;
        padding: 10px;
        /*overflow-wrap: break-word;*/
        /*word-break: break-all*/
        width: 40%;
}

td.t_line01 {
        border: #cccccc 1px solid;
        background-color: #ffffff;
        vertical-align: top;
        text-align: left;
        padding: 10px;
        /*overflow-wrap: break-word;*/
        word-break: break-all
}


/* -- 20150119 add -- */
table td.col_black {
        background-color: black;
        color: white;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_gray {
        background-color: gray;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_silver { 
        background-color: silver;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_white { 
        background-color: white;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_red { 
        background-color: red;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_lime { 
        background-color: lime;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_blue { 
        background-color: blue;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_yellow { 
        background-color: yellow;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_aqua { 
        background-color: aqua;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_fuchsia { 
        background-color: fuchsia;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_maroon { 
        background-color: maroon;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_orange { 
        background-color: orange;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_olive { 
        background-color: olive;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_purple { 
        background-color: purple;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_green { 
        background-color: green;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_navy { 
        background-color: navy;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
table td.col_teal { 
        background-color: teal;
        border: #cccccc 1px solid;
        vertical-align: top;
        text-align: left;
        padding: 10px;
}
/* -------- /My table 20130926 --------*/



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                Blog Base Color
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/*
サイトメインカラー
下記サイトで色を確認して好きな色に変更する
http://www.scollabo.com/banban/lectur/websafe.html */

#headerGlobal,
#footerGlobal,
#contentsMain article,
.sidetitle {
        background:#993333;
        /* background: #CC0000; */
}

/*
サイトメインカラーの上の文字色
基本「#ffffff（白）」でいいが、背景色が淡い色だと目立たないので、
「#333333（黒）」にしたほうが目立つ */

#headerGlobal,
#footerGlobal,
#contentsMain article,
.sidetitle,
#headerGlobal a,
#footerGlobal a,
#contentsMain article .headerArticle h1 a,
#contentsMain article .headerArticle time {
        color: #ffffff;
}

/*
サイドナビの囲み枠線色
サイトメインカラーに合わせたほうが見やすい */

/* .side{
        border: 1px solid #CC0000;
} */

/*
サイドナビテキスト下の破線色
サイトメインカラーに合わせたほうが見やすい */

.sidebody{
        border-bottom: 1px dotted #FF6666;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                Header
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#headerGlobal hgroup {
        width: 960px;
        margin: 0 auto;
        padding: 35px 0 37px;
}

/*
ブログタイトルの設定（フォントサイズの変更） */

#headerGlobal h1 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
}

/*
ブログタイトルの設定（フォントサイズの変更） */

#headerGlobal h1 a {
        font-size: 24px;
        font-weight: bold;
        text-decoration: none;
}

#headerGlobal h2 {
        width: 614px;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                Nav Directory
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#navDirectory {
        width: 960px;
        margin: 10px auto 15px;
}

#navDirectory li {
        display: inline;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                Ccontents Layout
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#contents {
        width: 960px;
        margin: 0 auto;
        padding: 0 0 20px 0;
}

#contentsMain {
        float: left;
        /* width: 614px; */
        width: 697px;
}

#contentsSub {
        float: right;
        /* width: 336px; */
        width: 260px;
}

#subBlockA {
        float: left;
        width: 163px;
        margin-top: 6px;
}

#subBlockB {
    /*    float: right;
        width: 163px;
        margin-top: 6px; */
    display:none;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                Ccontents Style
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#contentsMain article {
/*---   border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px; ---*/
/*---   padding: 8px; ---*/
        padding: 5px;
        margin-bottom: 30px;
}

#contentsMain article .headerArticle {
        margin-bottom: 10px;
}

#contentsMain article .headerArticle h1 {
        float: left;
        width: 440px;
        line-height: 1.1;
        font-size: 18px;
        font-weight: bold;
}

#contentsMain article .headerArticle h1 a {
        font-size: 10px;
        font-weight: bold;
}

#contentsMain article .headerArticle time {
        float: right;
        width: 150px;
        font-size: 10px;
/*      font-weight: bold; */
        text-align: right;
}

#contentsMain article section {
/*--    border-radius: 5px; 
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px; --*/
/*--    (20150330) メインコンテンツの背景色 --*/
       background: #ffffff;
        padding: 10px;
        color: #333333;
        overflow: auto;
}

/*
記事タイトルの設定（フォントサイズの変更） */

#contentsMain article section h1 {
        margin: 0 0 20px 0;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.1;
}

/*
記事タイトルの設定（フォントサイズの変更） */

#contentsMain article section h1 a {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.1;
}

.entrybottom {
        margin: 30px 0 0 0;
}

/*
.readMore {
        float: left;
        width: 150px;
        background: #069;
        background: -moz-linear-gradient(top,#09C 0%,#09C 50%,#069 50%,#069);
        background: -webkit-gradient(linear, left top, left bottom,from(#09C), color-stop(0.5,#09C), color-stop(0.5,#069),  to(#069));
        border: 1px solid #DDD;
        text-align: center;
        margin-top: 30px;
}
.readMore:hover {
        background: #09C;
        background: -moz-linear-gradient(top,#069 0%,#069 50%,#09C 50%,#09C);
        background: -webkit-gradient(linear, left top, left bottom,from(#069), color-stop(0.5,#069), color-stop(0.5,#09C),  to(#09C));
}
*/

.readMore a {
        display: block;
        color: #006699;
        /* font-weight: bold; */
        font-style: nomal;
        padding: 10px 0;
        text-decoration: none;
}

.commentsBox {
        float: right;
        display: block;
        width: 65px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 5px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        background: #993333;
        /* background: #006699; */
}

.commentsBox dt {
        color: #ffffff;
        font-weight: bold;
        margin-bottom: 5px;
}

.commentsBox dd {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        background: #ffffff;
        padding: 10px;
        font-weight: bold;
}

.commentsBox:hover {
        background: #0099CC;
}

#footerContents {
        width: 500px;
        height: 40px;
        margin: 20px auto 0;
        position: relative;
}

#footerContents #prevPage {
        position: absolute;
        left: 0;
        top: 0;
        width: 150px;
        background: #069;
        background: -moz-linear-gradient(top,#09C 0%,#09C 50%,#069 50%,#069);
        background: -webkit-gradient(linear, left top, left bottom,from(#09C), color-stop(0.5,#09C), color-stop(0.5,#069),  to(#069));
        border: 1px solid #DDD;
        text-align: center;
}

#footerContents #brogTop {
        position: absolute;
        left: 174px;
        top: 0;
        width: 150px;
        background: #069;
        background: -moz-linear-gradient(top,#09C 0%,#09C 50%,#069 50%,#069);
        background: -webkit-gradient(linear, left top, left bottom,from(#09C), color-stop(0.5,#09C), color-stop(0.5,#069),  to(#069));
        border: 1px solid #DDD;
        text-align: center;
}

#footerContents #nextPage {
        position: absolute;
        right: 0;
        top: 0;
        width: 150px;
        background: #069;
        background: -moz-linear-gradient(top,#09C 0%,#09C 50%,#069 50%,#069);
        background: -webkit-gradient(linear, left top, left bottom,from(#09C), color-stop(0.5,#09C), color-stop(0.5,#069),  to(#069));
        border: 1px solid #DDD;
        text-align: center;
}

#footerContents #prevPage:hover,
#footerContents #brogTop:hover,
#footerContents #nextPage:hover {
        background: #09C;
        background: -moz-linear-gradient(top,#069 0%,#069 50%,#09C 50%,#09C);
        background: -webkit-gradient(linear, left top, left bottom,from(#069), color-stop(0.5,#069), color-stop(0.5,#09C),  to(#09C));
}

#footerContents #brogTop a,
#footerContents #prevPage a,
#footerContents #nextPage a {
        display: block;
        color: #ffffff;
        font-weight: bold;
        padding: 10px 0;
        text-decoration: none;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                comments Style
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.comments-head {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background: #006699;
        text-align: center;
        font-weight: bold;
        padding: 5px;
        margin: 20px 0 10px;
        color: #ffffff;
}

.comments-body {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border: 1px solid #006699;
        padding: 10px;
}

.comments-post {
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        background: #006699;
        padding: 5px 10px;
        text-align: right;

        color: #ffffff;
        font-size: 12px;
        margin-bottom: 10px;
}

#commentTable {
        width: 100%;
        margin: 30px 0 0 0;
}

#commentTable th {
        width: 30%;
        padding: 5px 10px;
        border-top: 3px solid #006699;
        vertical-align: middle;
        font-weight: bold;
}

#commentTable td {
        width: 70%;
        padding: 5px 10px;
        border-top: 1px solid #006699;
}

#commentTable input,
#commentTable textarea {
        border: 1px solid #cccccc;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
}

#commentTable input#submit {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #006699;
        padding: 5px 10px;
        color: #ffffff;
        cursor: pointer;
}

#commentTable input#submit:hover {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #ffffff;
        border: 1px solid #006699;
        color: #006699;
}

#commentTable .comments-body {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border: none;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                contentsSub style
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.side{
        border-top: none;
        border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        padding: 5px 5px 3px;
        margin-bottom: 10px;
}

.sidetitle{
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        font-weight: bold;
        font-size: 12px;
        padding: 5px 5px 3px;
}

.sidebody{
        padding-bottom: 3px;
        margin-bottom: 3px;
        font-size: 13px;
        line-height: 1.1;
}

ul.rss{
        text-align: center;
        margin-top: 5px;
        margin-bottom: 10px;
}
ul.rss li{
        display: inline;
        margin-left: 10px;
        font-weight: bold;
}

/* 大枠 */
.calender{
        text-align: center;
        margin-bottom: 10px;
}
/* 上部年月日表示 */
.calendarhead{
        font-weight: bold;
        margin-bottom: 3px;
        font-size: 11px;
}
/* 枠 */
.calendartable{
        border: 1px solid #7A8A59;
        font-size: 12px;
        width: 160px;
        margin-right: auto;
        margin-left: auto;
}
/* 曜日枠 */
.calendarwd{
        background-color: #7A8A59;
        padding: 5px;
}
/* 曜日 */
.calendarweek{}
/* 日付枠 */
.calendard{
        text-align: center;
        border: 1px solid #CCCCCC;
}
/* 日曜日 */
.sun{
        color: #CC0000;
}
/* 土曜日 */
.sat{
        color: #0099FF;
}
/* 今日 */
.today{
        font-weight: bold;
}

.search input.text,
.subscription input.text {
        width: 93px !important;
}

.profile .nickname {
        margin: 5px 0;
        text-align: center;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                Footer
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#footerGlobal {
        text-align: center;
        padding: 35px 0 37px;
}

.adFooter {
        margin-top: 10px;
}

#page-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        font-size: 77%;
}

#page-top a {
        background: #006699;
        text-decoration: none;
        color: #fff;
        width: 100px;
        padding: 30px 0 20px;
        text-align: center;
        display: block;
        border-radius: 60px 60px 10px 10px;
        -webkit-border-radius: 60px 60px 10px 10px;
        -moz-border-radius: 60px 60px 10px 10px;
        border: 3px solid #ffffff;
}

#page-top a:hover {
        text-decoration: none;
        background: #0099CC;
}

#contentsMain div{display:none;}
#contentsMain article div{display:block;}

/*-- >> 20140806 --*/

blockquote {
  background: #f5f5f5;
  /*border-left: 5px solid #ccc; */
  /*border-right: 5px solid #ccc; */
  margin: 21px 3px 3px 3px;
  padding: 9px 6px 9px 6px;
  /* font-weight: bolder; */
  /*quotes: "\201C""\201D""\2018""\2019";*/
  border-radius: 3px;
}
li > blockquote {
  padding: 9px 6px 9px 21px;
  margin: 12px 0px 12px 0px;
}
/*-- << 20140806 --*/

/*-- >> 20160312 --*/
/*
h3{ margin: 5px 5px 1px 5px; }
*/
/*-- << 20160312 --*/



/* -------- /My heading 20130927 -------- */

.my_heads00 {
    border-left:7px solid #993333;
    padding:.8em .9em;  
}  

.my_heads01 {
padding: 5px 10px;
/* --
border-top: 1px solid #cc0000;
-- */
border-right: none;
border-bottom: 3px solid #993333;
/*
border-left: 8px solid #993333;
*/
background-color: none;
font-size: 18px;
font-weight: bold;
}

.my_heads02 {
padding: 5px 10px;
border-right: none;
/*
border-left: 8px solid #993333;
*/
border-bottom: 1px solid #993333;
background-color: none;
font-size: 15px;
font-weight: bold;
}

.my_heads03 {
width: 48%;
padding: 5px 10px;
border-right: none;
border-bottom: 1px solid #993333;
background-color: none;
font-size: 12px;
font-weight: bold;
}

.my_heads04 {
width: 36%;
padding: 5px 10px;
border-right: none;
border-bottom: 1px solid #993333;
background-color: none;
font-size: 12px;
font-weight: bold;
}

ul { list-style: disc; }
/*
ol { list-style: decimal-leading-zero; }
*/
ol { list-style: decimal; }


ul, ol {
  /* background: #fcfcfc;/*背景色*/ */
  background: transparent;/*背景色*/
  padding-top: -20em;
  padding-right: 2em;
  padding-left: 2em;
  padding-bottom -20em;/*ボックス内の余白*/
}

ul li, ol li{
  line-height: 1.5; /*文の行高*/
  padding-top: 0.5em;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom 0.5em;/*前後の文との余白*/

}

ul br, ol br{
  /*display: none;*/
  /*display: inherit;*/
  display: block;
  content: "";
  margin: 1px 0;
}

.none_lists {
  content: "\200B";
  list-style: none;
}

.ichioshi { display: none }

.LlamaImage {
  display: block;
}

code {
  background-color: #E8E8E8;
}

dl {
  /* background: #fcfcfc;/*背景色*/ */
  background: transparent;/*背景色*/
  padding-top: -20em;
  padding-right: 2em;
  /*padding-left: 2em;*/
  padding-bottom -20em;/*ボックス内の余白*/
}

dl dt {
  line-height: 1.5; /*文の行高*/
  padding-top: 2em;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom 0.5em;/*前後の文との余白*/

}
dl dd{
  line-height: 1.5; /*文の行高*/
  padding-top: 0.5em;
  padding-right: 1em;
  padding-left: 3em;
  padding-bottom 0.5em;/*前後の文との余白*/

}

dl br{
  display: none;
  /*display: inherit;*/
}

ul.nonedot {
        list-style:none;
	}
ul.nonedot li { padding-left:15px;
         padding-bottom:10px;
}
p.margin20 { margin: 10px 5px 10px 5px}