*{
  padding:0;
  margin:0;
  box-sizing: border-box;
}
body{
  padding:0;
  display:flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  height:100%;
  overflow:hidden;
}

/* ------------------------ TYPEFACE */

@font-face {
  font-family: Read;
  src: url(../fonts/Read-Light_V1100.woff2);
}
@font-face {
  font-family: Nissan;
  src: url(../fonts/NissanBrandW01-Light.ttf);
}
@font-face {
  font-family: NotoSans;
  src: url(fonts/NotoSansCJKjp-DemiLight.otf);
}


p, table, button, input, li{
  font-size:1.3vw;
}
h1, h2, h3, h4, h5, h6{
  margin: 0 0 1vw 0;
  padding: 1vw;
  line-height: 1em;
}
h1{
  font-size:3vw;
  background-color: #ff0000
}
h2{
  font-size:2.3vw;
  background-color: #0068b7
}
h3{
  font-size:1.8vw;
  background-color: #808080
}
h4{
  font-size:1.8vw;
  background-color: #c0c0c0
}

h5{
  font-size:1.8vw;
  background-color: #e0e0e0
}

h6{
  font-size:1.6vw;
  background-color: #eeeeee
}


small{
  font-size:1.1vw;
}
i{
  font-size:1.8vw;
  margin:0.2vw
}

ul{
/*  list-style: none;*/
list-style-position: outside;
list-style-type:disc;
margin:2vw
}

li{
/*  list-style: none;*/
list-style-position: outside;

}

a, a:visited, a:active{
  color: inherit;
  text-decoration: none;
}
/* ------------------------ TABLES */
table{
  width:100%;
  border-collapse: collapse;
  margin:1vw 0;
}

tr{
  min-height:4vw;
}

table th{
  padding:1vw;
}

table td{
  padding: 0.5vw 2.5vw;
  box-sizing:border-box;
}

table td i{
  width:100%;
  text-align: center;
}

/*追加　共通　テーブル内改行指定*/
table tr,td{
	overflow-wrap: break-word;
}

/* ------------------------ BUTTONS/INPUT */
button{
  padding:1vw;
  text-align: center;
  border:none;
  max-width:25vw;
  margin:1vw 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height:4vw;
  font-family: inherit;
}
button:focus {outline:0;}
input{
  min-height:4vw;
  padding:1vw;
  margin:1vw 0;
  font-family: inherit;
}
/* ------------------------ COSMETICS */
hr{
  clear:both;
  margin:1vw 0;
  height:0.1vw;
}
img{
  clear:both;
  margin:1vw 0;
  max-width:100%;
  max-height: 100%;
}
.alert{
  clear:both;
  height:4vw;
  padding:1vw;
  margin:1vw 0;
}
.info-bar{
  clear:both;
  height:4vw;
  padding:1vw;
  margin:0 -1vw -1vw -1vw;
}
.alert p, .alert i, .info-bar p, .info-bar i{
    float:left;
}
.alert p, .info-bar p{
  margin-top:0.25vw;
  margin-left:1vw;
}
/* ------------------------ LAYOUT */
iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.viewer{
  position: fixed;
  left: 25%;
  /*width: 100%;　レイアウト調整のため削除*/
  overflow-y: scroll;
  height: 100%;
  border:none;
}

.link-list{
  /*position: fixed;　レイアウト調整のため削除*/
  /*display:flex;*/
  left: 0;
  width: 25%;
  flex-grow: 0;
  overflow-y: scroll;
  height: 100%;
  z-index: 200;
}
.link-list .group-header{
  font-weight: bold;
  padding:0.5vw 1vw 0.5vw 1vw;
}
.link-list li{
  padding:0.5vw 1vw 0.5vw 2vw;
}


.document-area{
  padding: 1vw;
  position: fixed;
  /*left: 0; 削除　レイアウト調整のため*/
  width: 75%;
  /*width:100%;　削除　レイアウト調整のため*/
  flex-grow: 0;
  overflow-y: scroll;
  height: 100%;
}

.full-width{
  width:100%;
  margin:0 1vw;
}
.half-left{
  float:left;
  width: 49%;
  margin: 1vw 0.5vw 1vw 0;
}
.half-right{
  float:right;
  width: 49%;
  margin: 1vw 0 1vw 0.5vw;
}
.half-middle{
  clear:both;
  width:50%;
  margin:0 25%;
}
.push-right{
  float:right;
}
.pull-left{
  float:left;
} 


.list0 {
    background-color: #fbfaf5;
}
.list1 {
    border: 0px none;

}


/*削除　レイアウト調整のため
.list-margin{
    margin-left: 2%;
}*/


.index-list-t1, .index-list-t2, .index-list-t3, .index-list-t4{
  margin-top:0;
  margin-bottom:0.2vw;
  margin-right:0;

  padding: 0.5vw;
  line-height: 1em;
  /*width: 100vw;　削除　目次のリンク帯幅調整のため*/
  list-style: none;
}

.index-list-t1{
  font-size:2vw;
  background-color: #ff0000;
}
.index-list-t2{
  font-size:1.7vw;
  background-color: #0068b7;

}
.index-list-t3{
  font-size:1.5vw;
  background-color: #808080;
}
.index-list-t4{
  font-size:1.3vw;
  background-color: #c0c0c0;
}

/*追加　テーブルレイアウト調整*/
.box01 td:first-child,
.box06 td:last-child {
  width: 250px;
}
.box02 td:first-child{
  width: 125px;
}
.box02 td:nth-child(2){
  width: 100px;
}
/*.box02 td:nth-child(2) img{
  width: 28px;
  height:28px;
}
*/
.box03 {
  table-layout:fixed;
}
.box04 td:last-child{
  width: 300px;
}
.box05 td:last-child{
  width: 310px;
}
.box07 td:first-child{
  width: 90px;
}
.box08 td:nth-child(3){
  width:150px;
}
.box09 td:first-child{
  width:100px;
}


/*追加　共通*/
.note{
  margin-bottom:10px;
  font-weight:bold;
  font-size:20px;
}

.note img{
    width:28px;
    height:28px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right: 8px;
    vertical-align:text-bottom;
}
.btn,
.d_icon {
  vertical-align:bottom;
  margin:0px 5px;
}
.d-icon02{
  width:28px;
  height:30px;
  margin:0px 5px;
}
.list-margin02{
  margin-left:15px;
}
.list-margin02 li{
  padding-left:5px;
}