body {  
  background-attachment: fixed;     
background-color:black !important;
  background-image: url(https://h1g.jp/saoal/image/wp.jpg);
     background-repeat: repeat-x;
  overflow-x: hidden;
  background-position: center;
}
/*◆メインコンテンツ背景色変更*/
div.mainbody{
background-color: rgb(207, 204, 217,0.95)!important;
    border: 1px solid #ccc !important;
    box-shadow: 0 2px 0 #ccc !important;
}
ul.breadcrumb li{
  color:#424242;
  background-color:rgba(255,255,255,0.5);
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 1px gray;/*線の種類 太さ 色*/
}
.menu_body #body{
  background: #fcfcfc;/*背景色*/
  background-color:rgba(255,255,255,0.8);
  padding: 3em 0.5em 3em 2em;/*ボックス内の余白*/
  margin: 0.5em;/*ボックス内の余白*/
  border: solid 1px gray;/*線の種類 太さ 色*/
}
div#menubar{
background: linear-gradient(90deg, rgba(25, 22, 35, 0.9) 0%, rgba(57, 46, 96, 0.5) 100%)!important;
    border: 1px solid #403861!important;
}

#menubar h2{
background-color: #402b32!important;
    background-image: url(https://h1g.jp/saoal/image/h2.jpg)!important;
    background-position: top left!important;
    background-repeat: no-repeat!important;
    padding: 8px 10px 8px 23px!important;
    text-shadow: 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32!important;
}
#menubar h5{
color:#fff!important;
}
#menubar{
color:#fff!important;
}

#menubar a:visited {
    color: #9f6cca!important;
}
#menubar a:link {
color: #cea1b6!important;
    text-decoration: none!important;
}
#menubar ul li {
color: #fff!important;
}
.mainbody h2 {    
background-color: #513f46!important;
    background-image: url(https://h1g.jp/saoal/image/h2.jpg)!important;
    background-position: top left!important;
    background-repeat: no-repeat!important;
    color: #fff!important;
    width: 100%!important;
    position: relative!important;
    font-size: 19px!important;
    font-weight: bold!important;
    line-height: 100%!important;
    margin: 20px 0px 20px -21px!important;
    padding: 9px 19px 9px 20px!important;
    text-shadow: 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32, 0 0 3px #402b32!important;
}
.mainbody h3 {
    padding: 5px 5px 0px 20px!important;
    margin-left: -5px!important;
    background: linear-gradient(to right,#4c3c86 0,#74506a 30%,rgba(125,185,232,0) 150%)!important;
    font-size: 17px!important;
    color: #fff!important;
    text-shadow: 1px 1px 0 #4e5568,-1px -1px 0 #4e5568,-1px 1px 0 #4e5568,1px -1px 0 #4e5568,0 1px 0 #4e5568,0-1px 0 #4e5568,-1px 0 0 #4e5568,1px 0 0 #4e5568!important;
}

/*◆左メニューバー（黒背景色時）テーブル色*/
#menubar .style_table {
    border: 1px #494c54 solid;
    background-color: #2e3136;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px auto;
}
#menubar .style_td {
    padding: 5px;
    border: 1px #494c54 solid;
    background-color: #2e3136;
    border-width: 0 0 1px 1px;
    text-align: left;
    color:#dadbdf;
}
#menubar .style_th {
    padding: 8px;
    font-size: 1.1em;
    border: #41434a solid;
    border-width: 0 0 1px 1px;
    background: #1b1e23!important;
    color: #b9bcc0!important;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}


/*◆左メニューバー（黒背景色時）テーブルリンク色*/
#menubar .style_table .style_td a:link {
    color: #dcb1ce;
}
#menubar .style_table .style_td a:visited  {
    color: #b16bed;
}
#menubar .style_th a:link {
    color: #dcb1ce;
}
#menubar .style_th a:visited  {
    color: #b16bed;
}

.mainbody ul li:before {
    color: #8d84aa !important;

}