/* Chromeのテキストエリア過剰フォーカス対策 */
textarea:focus {
    outline: none;
}

/* ここに独自CSSを記載して「更新」ボタンをクリックしてください */

div#menubar {
font-size: 12px;
}

div#sidebar div.spacer {
font-size: 6px;
}

div#wrap_content {
    width: 85%;
}

div#wrap_sidebar {
    width: 15%;
}

div#logo {
font-weight: bold;
}

div#body p {
margin: 0px 0px 0px 0px;
}

/* 画像 ヘッダー背景 */
div#header {
    background-image: url();
}

/* 画像マージン調整 */
div.img_margin {
margin: 0px 0px 0px 0px;
}


/* ヘッダー wikiタイトル */
div#header a:link, div#header a:visited, div#header a:active {color:#376f05;}
div#header a:hover {color:#b4c894; background:#376f05;}

/* ツール色 */
div#navigator2 {
    border: 1px #376f05 solid;
}
div#navigator2, td.navimenu {
    background-color: #5c9d2b;
}
td.navimenu a:link, td.navimenu a:visited, td.navimenu a:active {
    color:#ffffff; border: 1px #5c9d2b solid;
}
td.navimenu a:hover {
    color:#ffffff; background: #5c9d2b; border: 1px #e0f0c0 solid;
}



/* リンク文字色 */
a:link {color:#376f05;}
a:visited {color:#885544;}
a:hover {color:#ffffff; background:#376f05;}
a:active {color:#885544;}



/* 検索色 */
div#page_action, div#search_form, span.noexists {
    background-color: #e0f0c0;
}



/* メニュー色 */
div#menubar, div#header {
    background-color: #b4c894;
}

div#sicebar h1, div#sidebar h2, div#sidebar h3, div#sidebar h4, div#sidebar h5 {
    color: #376f05;
}



/* *系色 */
div#content h1.title, div#content h1.title a:link, div#content h1.title a:visited, div#content h1.title a:active, div#footer a:link {
    color:#376f05; background:#ffffff;
}
div#content h1.title a:hover {
    color:#ffffff; background:#376f05;
}

div#body h1, div#body h1 a, div#body h2, div#body h2 a, div#body h3, div#body h3 a, div#footer a {
    color: #376f05;
}

div#body h1 a:hover, div#body h2 a:hover, div#body h3 a:hover, div#body h4 a:hover, div#footer a:hover {
    color:#ffffff; background:#376f05;
}

div#body h4, div#body h4 a {
    color: #376f05;
    text-decoration-color: #376f05;
}



/* *調整 */
div#body h2 {
    border-bottom: solid 2px;
    border-left: solid 10px;
}

div#body h3 {
    border-left: solid 10px;
}

div#body h4 {
margin: 1em 0 0px;
text-decoration: underline dotted;
border-width: 1px;
}



.style_table {
    background-color: #d5ddcc;
}

thead th.style_th, thead td.style_td {
    text-align: center;
    background-color: #e8f0e0;
}

tbody th.style_th {
    text-align: center;
    background-color: #ecffe5;
}

tbody td.style_td {
    background-color: #f5ffee;
}

tfoot th.style_th, tfoot td.style_td {
    background-color: #fcfffc;
}

div.ie5 {margin: 0.2em 0.5em;}

div.contents {
    border: solid 1px #5c9d2b;
}

div.contents::before {
    width: 4em;
    content: "目次けん";
    color: #ffffff;
    background-color: #5c9d2b;
}

.nenkai {
  background: linear-gradient(to right,#ff0000,#00ff00,#0000ff);
}



/* 各種ツール用 */
.style_table.tool {
    background-color: #000000;
}

thead th.tool.style_th, thead td.tool.style_td {
    text-align: center;
    color: #ffffff;
    background-color: #666666;
}

tbody th.tool1.style_th {
    text-align: center;
    background-color: #bbbbbb;
}

tbody th.tool2.style_th {
    text-align: center;
    background-color: #dddddd;
}

tbody th.tool2-2.style_th {
    text-align: center;
    background-color: #eeeeee;
}

tbody td.tool.style_td {
    background-color: #ffffff;
}

tfoot th.tool.style_th, tfoot td.tool.style_td {
    background-color: #fffbf6;
}

.pointer {
    cursor : pointer;
}

.noborder {
    border: 0px none;
}

.dreamstairwayselect td a:link, .dreamstairwayselect td a:visited, .dreamstairwayselect td a:hover, .dreamstairwayselect td a:active {
    display: inline-block;
    padding: 0.4em;
    width: 9em;
    height: 2em;
    line-height: 2em;
    color: #ffffff;
    background: rgba(0,0,0,0);
    text-decoration: none;
}

.dreamstairwayselect table {
    border-spacing: 30px 0px;
    background-color: rgba(0,0,0,0);
    width: 624px;
    height: 2em;
}

.dreamstairwayselect td {
    border: 8px #eeeeff solid;
    border-radius: 30px;
    width: 9em;
    height: 2em;
    line-height: 2em;
}

.dreamstairwayselect tbody td.style_td {
    background-color: #0077cc;
    text-align: left;
    font-size: 24px;
    vertical-align: top;
}



.balloonoya {
  position   : relative;                /* 指定した分だけ相対的に移動 */
}
.balloonoya:hover .balloon {
  display: inline;                /* インライン要素として表示 */
}
.balloon {
  position   : absolute;                /* 親要素を基準 */
  display: none;                        /* 要素を非表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: #ffffff;       /* 背景色（透明度） */
  width:180px;                          /* 吹き出し全体の幅 */
  left : 30%;                           /* 表示位置 */
  bottom : 100%;                        /* 表示位置 */
  margin-bottom : 12px;                 /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
}
.balloon:after{
  border-top: 12px solid #ffffff;    /* 吹き出し口の高さ・色 */
  border-left: 10px solid transparent;    /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  bottom: -12px;                          /* 吹き出し口の位置調整 */
  left : 5%;                              /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
}