@charset "UTF-8";
html#top-files{ /* index-type1 部分はカラーを適応させるページのhtmlのidを設定 */
  --headerBackgroundColor: #bd3e47;/* ヘッダー背景色（変更可能）ADEACデフォルト（#3153BC）、アクセントカラー */
  --accentColor: #bd3e47;/* アクセントカラー コンテンツ入り口タイトル背景*/
  --accentColorRGB: 189, 62, 71;/* アクセントカラーrgb コンテンツ入り口タイトル背景*/
  --borderColor:#717375;/* 枠線 1アクセントカラー、グレー（#717375）、黒（#262626）のいずれか */
  --backgroundColor: transparent;/* 背景色 */
  --subColor: #4366b0;/*都立大ブルー*/
  --subColorRGB: 67 102 176;
}

h1, h2, h3, h4, h5, h6 {
  margin:0;
  padding:0;
}

.container {
    max-width: 1280px;
    margin-right:auto;
    margin: 0 auto;
    padding:0 2rem;
    margin-bottom:6em;
}

html, body {
        font-family: sans-serif;
            margin:0;
    padding:0;
    }

body {
   background-image: url(../../../top/images/bg/bg02-50.png);
   background-repeat: repeat;
    }
a{
  color:#337ab7;
  text-decoration:none
}
a:focus,a:hover{
  color:#23527c;text-decoration:underline
}
a:focus{
  outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px
}

/* h1 */
#page-title{
  padding: 0.5rem 4.0em;
/*  padding: 0.5rem 1rem;*/
    background: var(--headerBackgroundColor);
  margin:0;
}

#page-title h1{
  font-size:1.2rem;
  color:#ffffff;
}

@media (max-width:999px) {
    #page-title {
    padding: 0.5rem 0.5rem;
    }
    #page-title > .container{
    padding: 0 1rem;
    margin: 0 auto;
  }
}

/*.kikantop {
  margin-top: 1em;
  margin-left: 15px;
  font-size:20px;
  text-align:left;
}*/

#pagetop {
  display: block;
  width: 42px;
  height:42px;
  position: fixed;
  right: 40px;
  bottom: 20px;
  z-index: 5500;
  background: rgba(0,0,0,.5);
}

#pagetop span {
  top: 14px;
  left: 11px;
  position: fixed;
  content:"";
  display: block;
  width:18px;
  height:18px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  position: absolute;
}

.title_box {
    display:inline-block;
    width:100%;
    border-bottom:solid 2px var(--accentColor);
    /*color: #696969;*/
    color:#262626;
    font-size:2.0em;
/*    font-weight:bold;*/
    text-align: left;
    margin: 2em auto .5em 0;
}

.link_blue{
    color:#337ab7;
}


h3{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.0;
	background-color:#eee;
	padding:0.5em 0.5em 0.5em 22px;
	/*position:relative;*/
	margin:1.5em 0 0.5em 0em;
    position:relative;
}

h3::before {
 position: absolute;
  background-color: var(--accentColor);
  content: "";
  left: 0%;
  top: 0%;
  bottom: 10%;
  width: .2em;
  height: 100%;
}

h4 {/*---■の小見出し---*/
    font-weight:bold;
    font-size:1.1em;
    margin-left:2em;
    text-indent:-1em;
}

h4::before {
   content:"■";
   color:var(--accentColor);
   font-size:1.2;
}

h5 {
    font-weight:bold;
    font-size:1.0em;
    margin-left:2.0em;
    text-decoration: underline;
}

h6 {
    font-weight:bold;
    font-size:1.0em;
    margin:0;
    padding:0;
    margin-left:2.5em;
}

.ml-2 {
  margin-left:2em;
}

.ml-3 {
  margin-left:3em;
}

.lead{
    margin-bottom:0.5em;
    margin-left:2.0em;
}

.mokuji{
    line-height: 2.0;
}

.mokuji > ul {
    padding:0;
    margin-bottom:2em;
}

.mokuji > ul > li {
    list-style-type:none;
}

ul, ol {
    padding: .5em 0.5em;
    /*margin-left:4em;*/
    margin-left:2em;
    margin-top:0em;
}

ul > li, ol > li {
 /*   line-height:2.0;*/
 line-height:1.5;
  padding-top:1rem;
 /*   margin-bottom: 1.0em;*/
}

ul > li {
 list-style-type: disc;
}

ul.none li, ol.none li {
  list-style-type: none;
}

ul li img {
    margin: -5px 0;
    max-width: 100%;
}

ul > li > ul > li {
    list-style-type: disc;
}

ul > li > ul > li > span::after {
    content: "→";
    padding: .5% 2%;
}

.example {
  margin-left:3em;
  margin-bottom:1em;
}

.example span {
  text-decoration: underline;
}

ul.example li {
  list-style-type: none;
}

.sitemap-image{
    width:720px;
    height:auto;
    border:solid 1px #696969;
    margin-left:2.0em;
    margin-bottom:0.5em;
}

.chui{
    margin-left:4em;
}

#pagetop {
    display: block;
    width: 42px;
    height: 42px;
    position: fixed;
    right: 40px;
    bottom: 20px;
    z-index: 5500;
    background: rgba(0,0,0,0.5);
}

#pagetop span {
    top: 14px;
    left: 10px;
    position: fixed;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    position: absolute;
}