@charset "utf-8";

/*************************************************************************
 * GLOBAL
 *************************************************************************/
* {
margin:0;
padding:0;
}
body {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
  color: #555;
  background-color: #F8F8F9;
}
#wrap {
  background-color: #D8D8D8;
}
#content {
  font-size: small;
  min-width: 65em;
  background-color: #F8F8F9;
  padding: 0 20px 15px 20px;
}
h1, h2 {
margin: 0 0 10px 0;
}
h3 {
margin: 0 0 10px 0;
}
p {
margin: 10px 0 10px 0;
letter-spacing: 1px;
}
ul, ol, {
margin: 0 0 10px 0;
letter-spacing: 1px;
}
dl {
margin: 0 0 10px 0;
}
dt {
font-weight: normarl;
margin: 0 0 5px 0;
}
dd {
margin: 0 0 8px 1em;
letter-spacing: 1px;
}

pre {
margin: 5px 0;
font-family: monospace;
}

img {
border:none;
vertical-align:middle;
}

img.external_link{
margin-right:.5em;
margin-left:.2em;
}
em {
font-style:italic;
}

strong {
font-weight:bold;
font-size: 100%;
}

code {
  font-size: inherit;
}

a:link {
	text-decoration: underline;
}

a:active {
	/* color:#215dc6; */
    color: #258;
	background-color:#CCDDEE;
	text-decoration:none;
}

a:visited {
	text-decoration: underline;
}

a:hover {
text-decoration:underline;
}

h1.title {
font-size: 30px;
}

/*************************************************************************
 * TABLE
 *************************************************************************/
thead td.style_td,
tfoot td.style_td {
background: #aaa;
}
thead th.style_th,
tfoot th.style_th {
background: #aaa;
}
.style_table {
margin: 10px 0;
//background: #fff;
border-collapse: separate;
border-spacing: 2px;
}
.style_th {
padding: 2px 5px;
background-color: #ccc;
}
.style_td {
padding: 2px 5px;
background: #fff;
}

div.ie5 { text-align:center; }

span.noexists {
	color:inherit;
	background-color:#FFFACC;
}

.small { font-size:80%; }

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

a.note_super {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

div.jumpmenu {
display: none;
text-align:right;
}

/*************************************************************************
 * HR
 *************************************************************************/
hr.full_hr {
margin: 0;
border-width:1px 0px;
visibility: hidden;
}
hr.note_hr {
  width: 90%;
  text-align: center;
  margin: 1em auto 0em auto;
}

/*******************************************************************************
 #body
*******************************************************************************/
#body {
  font-size: small;
  line-height: 110%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}

#body a {
  word-break: break-all;
}

#body em {
    font-style: normal;
    color: #000;
    background-color: #E0ECFF;
    border: 1px solid #cdf;
    border-radius: 2px;
    padding: 0 5px;
    font-size: 90%;
    margin: 0 4px;
    quotes: "”" "”";
}

#body strong {
  text-decoration: underline 3px #bef;
}

#body h2 em,
#body h3 em,
#body h4 em {
    border: 0;
    background-color: transparent;
    margin: 0 0 0 -6px;
    letter-spacing: 1px;
}

#body h2 em:before,
#body h3 em:before,
#body h4 em:before {
    font-style: italic;
    content: open-quote;
    margin-right: 5px;
    font-size: 130%;
}

#body h2 em:after,
#body h3 em:after,
#body h4 em:after {
    font-style: italic;
    content: close-quote;
    margin-left: -2px;
    font-size: 130%;
}

#body hr.full_hr {
  margin: 3px auto;
  border: 1px solid #ccc;
  visibility: visible;
  width: 100%;
  text-align: center;

}
#body p {
  line-height: 140%;
  margin: 5px 0;
}
#body img {
  margin: 0 10px 10px 0;
}
#body ul, ol {
  margin: 0;
  padding: 0 0 0 5px;
  line-height: 140%;
}
#body li {
  margin: 0 0 5px 0;
  padding: 0;
  letter-spacing: 0.5px;
}
#body dl {
  margin: 10px 0;
}
#body dt {
  font-weight: normal;
  margin: 0 0 5px 0;
  text-decoration: underline;
}
#body dd {
  margin: 0 0 10px 1em;
  line-height: 140%;
}
#body ol.list1 {
  margin: 10px 0 10px 0;
  padding: 0 0 0 2em;
}
#body ol li {
  margin-left: 0.5em;
}
#body ul.list1 {
  margin: 10px 0 10px 0;
  padding: 0 0 0 1.3em;
}
#body h4 + ul.list1 {
  margin-top: 0;
}
#body ul.list1 li {
  margin: 0;
  line-height: 160%;
}
#body ul.list2 {
  margin: 5px 0;
  padding: 0 0 0 1.3em;
}
#body ul.lsx {
  margin: 0 0 10px 1.3em;
  padding: 0;
  line-height: 100%;
}
#body ul.lsx li {
  margin: 0 0 5px 0;
  padding: 0;
}
#body ul.lsx ul {
  margin: 7px 0 7px 1.3em;
  padding: 0;
  line-height: 100%;
}
#body h2, h3, h4 {
  letter-spacing: 1px;
}
#body h2 {
  margin: 20px 0 25px 0;
  font-size: medium;
  /* padding: 5px 0 5px 29px;
  background: url(../image/myimage/mark_big.gif) no-repeat 0 35% #f99;
  vertical-align: top;
  */
}
/*
#body h2 a {
  color: #2266AA;
  text-decoration: none;
}
*/
#body h3 {
  margin: 15px 0 8px 0;
  /* background: url(/myimage/check-bk-14.gif) no-repeat 5px 60% #fff; */
  /* padding: 3px 0 4px 30px; */
  font-size: small;
  background-color: #FFF;
  border-top: 1px dotted #2266AA;
  border-bottom: 1px dotted #2266AA;
  padding: 6px 2px 3px 2px;
  color: #555;
}
#content_1_1 {
  margin-top: 0;
}
#body h4 {
  font-size: small;
  margin: 15px 0 10px 0;
}
#body h4 {
  color: #555;
  display: inline-block;
  border-bottom: 1px dotted #2266AA;
}
#FrontPage #body h4 {
  display: block;
  border-bottom: none;
  background-color: transparent;
}
#body h4 span {
  padding: 0 0 1px 20px;
  margin: 0 0 0 1px;
  border-bottom: 1px dotted #2266AA;
  background-color: #FFF;
}

#body h3 + h4 {
    margin-top: 5px;
}

#body form {
  margin: 10px 0;
}

#body pre {
  font-family: Consolas, monospace;
  color: #202028;
  background-color: #E0ECFF;
  border: solid 1px #CCC;
  margin: 2px 0;
  padding: 7px 0;
  font-size: small;
  line-height: 125%;
}

#body pre code {
}

#body h4 + pre {
  margin-top: -3px;
}

#body blockquote {
  padding-left: 0.5em;
  border-left: solid 3px #CCC;
  font-style: italic;
  margin: 5px 0;
}

#body>pre + blockquote {
margin-top: 10px;
}

#body thead th {
  font-weight: bold;
  background: #D8D8D8;
  letter-spacing: 1px;
  padding: 5px 5px;
  font-size: 95%;
}
#body thead td {
  font-weight: bold;
  background: #D8D8D8;
  letter-spacing: 1px;
  padding: 5px 5px;
  font-size: 90%;
}
#body td {
  background: #FFF;
  padding: 7px 5px;
  text-align: left;
}
span.size1 {
font-size:xx-small;
}
span.size2 {
font-size:x-small;
}
span.size3 {
font-size:small;
}
span.size4 {
font-size:medium;
}
span.size5 {
font-size:large;
}
span.size6 {
font-size:x-large;
}
span.size7 {
font-size:xx-large;
}

/* html.php/catbody() */
strong.word0 {
background-color:#FFFF66;
color:black;
}
strong.word1 {
background-color:#A0FFFF;
color:black;
}
strong.word2 {
background-color:#99FF99;
color:black;
}
strong.word3 {
background-color:#FF9999;
color:black;
}
strong.word4 {
background-color:#FF66FF;
color:black;
}
strong.word5 {
background-color:#880000;
color:white;
}
strong.word6 {
background-color:#00AA00;
color:white;
}
strong.word7 {
background-color:#886800;
color:white;
}
strong.word8 {
background-color:#004699;
color:white;
}
strong.word9 {
background-color:#990099;
color:white;
}

/* html.php/edit_form() */
.edit_form { 
clear:both;
}
.edit_form input {
margin: 5px 0;
font-size: 95%;
}
.edit_form textarea {
  margin: 5px 0;
  padding: 3px;
  width: 100%;
}

/*************************************************************************
 * Edit page
 *************************************************************************/
.editpage-topicpath {
    margin: 10px 0;
}

/*************************************************************************
 * #header
 *************************************************************************/
#header {
}
#logo {
display: none;
}
#header h1.title {
clear: both;
font-size: 120%;
letter-spacing: 1px;
margin: 0;
padding: 3px 0 0 0;
}
#header a {
color: #2266AA;
}
#header a:visited {
color: #2266AA;
}
#header a span.small {
display: none;
}

#header #navigator {
  clear: both;
}
#FrontPage #header #navigator {
  margin-bottom: 10px;
}
#navigator {
  width: 49%;
  float: left;
}
#navigator-links {
  width: 49%;
  float: right;
  text-align: right;
}
#header #navigator-title {
  padding: 2px 16px 2px 0;
  vertical-align: middle;
}
#navigator-links,
#navigator-title2,
#header #navigator-title a {
  font-family: "Lato", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, sans-serif;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: normal;
  color: #215dc6;
  text-decoration: none;
}
#header #navigator-description {
  font-size: 12px;
  letter-spacing: 1px;
  margin: 0 0 0 14px;
  vertical-align: middle;
}
#header #navigator-description a {
  text-decoration: underline;
  color: #000;
}
td.menubar {
    display: none;
  }

#FrontPage td.menubar {
  padding-top: 0;
}

/*************************************************************************
 * #menubar-right
 *************************************************************************/
.menubar-right {
  width: 190px;
  padding-left: 15px;
}
#menubar-right {
  font-size:  11px;
  width: 100%;
  margin:     10px 0 0 0;
  padding:    0;
  word-break: break-all;
  overflow:   hidden;
  color:      #555;
}

#menubar-right p {
  margin: 0;
  font-size: 90%;
}

#search_word_input {
  display: block;
  width: 95%;
}

/*************************************************************************
 * #menubar
 *************************************************************************/
#menubar {
  font-size:  11px;
  margin:     10px 15px 0 0;
  padding:    0;
  word-break: break-all;
  overflow:   hidden;
  color:      #555;
}
#menubar a {
color: #555;
}
#menubar a:visited {
  color: #555;
}
#menubar ul {
  margin: 0;
  list-style: disc inside;
}
#menubar ul li ul {
  margin: 0 0 0 10px;
}
#menubar div ul {
  margin: 0 0 10px 0;
  list-style: none;
}
#menubar div ul li {
  margin-bottom: 2px;
}
#menubar div strong {
  font-weight: normal;
}
#menubar h5 {
  display: none;
}
#note {
clear:both;
}
#attach {
display:none;
}
.toolbar {
    display: none;
  }
#lastmodified {
clear: both;
color: #444;
font-size: 11px;
}
#related {
font-size: small;
}
#footer {
font-size: 11px;
}
#preview {
background-color:#ccc;
padding: 15px 10px;
}
#preview ul {
padding-left: 1em;
}
img#logo {
display:none;
}

/* aname.inc.php */
.anchor {}
.anchor_super {
font-size:xx-small;
vertical-align:super;
}

/* br.inc.php */
br.spacer {}

/* calendar*.inc.php */
.style_calendar {
padding:0px;
border:0px;
margin:3px;
color:inherit;
background-color:#CCD5DD;
text-align:center;
}
.style_td_caltop {
padding:5px;
margin:1px;
color:inherit;
background-color:#EEF5FF;
font-size:80%;
text-align:center;
}
.style_td_today {
padding:5px;
margin:1px;
color:inherit;
background-color:#FFFFDD;
text-align:center;
}
.style_td_sat {
padding:5px;
margin:1px;
color:inherit;
background-color:#DDE5FF;
text-align:center;
}
.style_td_sun {
padding:5px;
margin:1px;
color:inherit;
background-color:#FFEEEE;
text-align:center;
}
.style_td_blank {
padding:5px;
margin:1px;
color:inherit;
background-color:#EEF5FF;
text-align:center;
}
.style_td_day {
padding:5px;
margin:1px;
color:inherit;
background-color:#EEF5FF;
text-align:center;
}
.style_td_week {
padding:5px;
margin:1px;
color:inherit;
background-color:#DDE5EE;
font-size:80%;
font-weight:bold;
text-align:center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
color:inherit;
background-color:inherit;
margin-top:20px;
margin-bottom:10px;
padding-bottom:10px;
}
span.calendar_viewer_left {
color:inherit;
background-color:inherit;
float:left;
}
span.calendar_viewer_right {
color:inherit;
background-color:inherit;
float:right;
}

/* clear.inc.php */
.clear {
margin:0px;
clear:both;
}

/* counter.inc.php */
div.counter { font-size:70%; }

/* diff.inc.php */
span.diff_added {
color:blue;
background-color:inherit;
}

span.diff_removed {
color:red;
background-color:inherit;
}

/* hr.inc.php */
hr.short_line {
  text-align:   center;
  width:        95%;
  border-style: dotted;
  border-color: #2266AA;
  border-width: 1px 0px;
}

/* include.inc.php */
h5.side_label { text-align:center; }

/* navi.inc.php */
ul.navi {
margin:0px;
padding:0px;
text-align:center;
}
li.navi_none {
display:inline;
float:none;
}
li.navi_left {
display:inline;
float:left;
text-align:left;
}
li.navi_right {
display:inline;
float:right;
text-align:right;
}

/* new.inc.php */
span.comment_date { font-size:x-small; }
span.new1 {
color:red;
background-color:transparent;
font-size:x-small;
}
span.new5 {
color:green;
background-color:transparent;
font-size:xx-small;
}

/* popular.inc.php */
span.counter { font-size:70%; }
ul.popular_list {
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
}

/* ref.inc.php */
div.img_margin {
/* margin-left:32px; */
/* margin-right:32px; */
margin: 0 0 5px 0;
}

/* vote.inc.php */
td.vote_label {
color:inherit;
background-color:#FFCCCC;
}
td.vote_td1 {
color:inherit;
background-color:#DDE5FF;
}
td.vote_td2 {
color:inherit;
background-color:#EEF5FF;
}

/* shell.inc.php */
#body div.shell-and-code {
  border: solid 1px #ccc;
  background-color: #E0ECFF;
}
#body div.shell-and-code pre {
  border: 0;
  margin-left: 3px;
}
#body div.shell-and-code pre.shell {
  padding: 7px 2px 7px 2px;
}
#body div.shell-and-code pre.code {
  border-left: solid 5px #b2d0ff;
  margin-left: 6px;
  padding: 2px 5px 2px 5px;
}
#body div.shell-and-code pre.code:last-child {
  margin-bottom: 6px;
}
#body div.shell-and-code pre.code + pre.shell {
  padding-top: 0;
  margin-top: -1px;
}
#body div.shell-and-code pre.shell + pre.code {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: -4px;
}
#body div.shell-and-code pre.code + pre.shell {
  margin-top: 5px;
}

/*************************************************************************
 * FrontPage
 *************************************************************************/
#FrontPage #body {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
}
#FrontPage h1 {
display: none;
}
#FrontPage #body ul {
margin: 0;
}
#FrontPage #body li {
line-height: 110%;
padding: 0 15px 5px 0;
margin: 0;
width: 47%;
float: left;
}
#FrontPage #body h1, hr {
clear: both;
margin: 15px 0 10px 0;
}

#navigator-links,
#navigator {
    margin-top: 5px;
}
#FrontPage #body h2 {
  clear: both;
  margin: 0;
  padding: 15px 0 10px 0;
}
#FrontPage h2#content_1_0 {
  margin-top: 0;
  padding-top: 10px;
}
#FrontPage #body div.clear {
  clear: both;
}
#FrontPage #body h3 {
  margin: 10px 0 10px 0;
  clear: both;
}
#FrontPage #body h4 {
  margin: 10px 0 5px 0;
  padding: 5px 0 2px 0;
  border-bottom: 1px dotted #2266AA;
  clear: both;
}
#FrontPage #body h4 span {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
#FrontPage #body h4 span a {
  color: #666;
}
#FrontPage #body ul.lsx {
  list-style: none;
  margin: 0;
}
#bottom-box {
  border-top: 1px solid #CCC;
  background-color: #EEE;
}
#bottom-box-inside {
  padding: 10px 0;
  width: 80%;
  margin: 0 auto;
  font-size: 11px;
  min-width: 65em;
}
#topicpath {
  letter-spacing: 0;
  margin-top: 5px;
}

#topicpath+h2 {
  margin-top: 15px;
  margin-bottom: 20px;
  padding-left: 3px;
  font-size: 20px;
}

.twitter-follow-btn::before {
    content: "\f099";
    font-family: "Font Awesome 5 Brands";
}

.twitter-follow-btn {
  font-size: 13px;
  font-weight: bold;
  padding: 2px 3px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

#googleads-01 {
    text-align: center;
}

#googleads-02 {
    width: 100%;
    margin: 15px 0 0 15px;
}