@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


body {
  margin: auto;
  width: 900px;
  background: linear-gradient(rgba(104, 247, 255, 0.4), #ffffff);
}

.background{
  background-color: #ffffff
}
/* start header */

.header_main {
  background-image: url("./img/header_back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 4rem;
  height:70px;
  border-bottom: 3px solid;
  border-color: #68f7ff;
  margin-bottom: 1.5rem;
}

.header_title p{
  padding-top: 0.8rem;
  margin-left: 1rem;
}

.header_title h1{
  font-size: 2rem;
  font-weight: bold;
  margin-left: 1rem;
  margin-bottom: 1rem;
  color:#ffffff;
}

.header_main h2{
  font-size: 1.3rem;
  margin-right: 2rem;
  color:#ffffff;
  font-weight: bolder;
  text-align: right;
}

/* end header */

/* start side */

.sidebar{
  float:left;
  width :190px;
  padding:10px;
  font-size: 0.9rem;
}

.side_title{
  padding: 5px;
  font-weight: bold;
  color:#ffffff;
  background: linear-gradient(to bottom, #68f7ff, #68bdff)
}

.fa-chevron-right{
  color:#68bdff;
}
.side_list ul{
  list-style: none;
  margin-bottom: 10px;
  border-bottom: 1px solid;
  border-color: #bfbfbf;
}

.side_list ul li{
  padding:8px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: 2px solid;
  border-right: 2px solid;
  border-color: #bfbfbf;
}

.side_list ul a{
  text-decoration: none;
  color: #000000;
}

.side_list ul a:hover{
  color:#68f7ff;
}

/* end side */

/* start main */

main{
  margin-left: 210px;
  padding:10px;
  min-height:800px;
}

.bold{
  font-weight: bold;
}

.wrapper h3{
  padding-left: 10px;
  border-left: 3px solid;
  border-color: #68f7ff;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 5px;
}

.wrapper h4{
  font-weight: bolder;
  font-size: 1.1rem;
  color: #68bdff;
}

.contents{
  padding:5px 0px 20px 15px;
}

.contents a{
  text-decoration: none;
}

.contents a:hover{
  color:#68f7ff;
}

.contents p{
  padding:3px 0px;
  line-height: 170%;
}

.contents dl{
  height:200px;
  overflow: auto;
}
.contents dt{
  width: 170px;
  float: left;
  color: #68bdff;
  font-weight: bold;
}

.contents dd{
  padding-left: 170px;
}

.contents tr{
  height:30px;
}

.contents ul li{
  margin-bottom: 0.8rem;
}

.anchor{
  pointer-events: none;
}

.font-arrange{
  font-weight: bold;
  color: #ff0000;
  text-decoration:underline;
}

.parti_table{
  border-collapse: collapse;
  width:80%;
  margin: 15px auto;
}

.parti_table th{
  text-align: center;
  vertical-align: middle;
  border: 1px solid #000000
}

.parti_table td{
  text-align: center;
  vertical-align: middle;
  border: 1px solid #000000
}

.parti_table_2{
  width: 100%;
}

.parti_table_2 th{
  font-weight: bold;
  width:13%;
}

.link_contents p{
  margin-bottom: 15px;
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 1rem;
}

#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 20px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a:hover {
  text-decoration: none;
  background: #999;
}

/* end main */

/* start footer */

#footer{
  text-align: center;
  border-top: 3px solid;
  border-color: #68f7ff;
}

/* end footer */