@charset "UTF-8";

H1{
  color: #e85298;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
}

H2{
  color: #000000;
  font-size: 16px;
  margin: 0px auto;
}

H3{
  color: #000000;
  font-size: 14px;
  margin: 0px auto;
}

img {
    max-width: 100%;
    height: auto;
}

BODY, P, TD, DIV{
  font-size: 16px;
  font-family: Verdana, "Droid Sans", Roboto, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  line-height:1.5em;
}

BODY{
  color: #000000;
  background-color: #FFFFFF;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -o-text-size-adjust: 100%;
        text-size-adjust: 100%;
}
.u{
  border-bottom: 1px solid;
  padding-bottom: 1px;
}

#zero{
  font-size: 14px;
}

.rectangle{
  border: solid 1px;
}

.kon {
  color: #000099
}
.red{
       color: #ff4d4d;
}

.size_18{
  font-size: 18px;
}

.size_18mono{
  font-size: 18px;
}

.size_14{
  font-size: 14px;
}

.size_12{
  font-size: 12px;
}

.size_10{
  font-size: 10px;
}

.gray{
       color: #C0C0C0;
}

A:link{
  color: #167AC6;
  text-decoration: none;
  font-weight:bold;
}

A:visited{
  color: #167AC6;
  text-decoration: none;
}

A:hover{
  color: #FF0000;
  text-decoration: underline;
}

table{
       width:100%;
       table-layout: fixed;
       border-collapse: collapse;
       border: 1px #000 solid;
}

td {
       border-collapse: collapse;
       border: 1px #000 solid;
       text-align: left;
       vertical-align: middle;
       height: 50px;
}

p.right {
       text-align: right;
}

p.center {
       text-align: center;
}

p.haba_14 {
       margin-top: 0;
       margin-left: 14px;
}

p.haba_17 {
       margin-top: 0;
       margin-left: 17px;
}

p.rin {
       margin-bottom: 10px;
}

p.takasa15 {
       line-height: 1.7em
}

.kasen {
     border-bottom:1px solid;
     padding-bottom:1px;
}

.btn {
       background: #EEE;
       border: 1px solid #DDD;
       border-radius: 4px;
       -moz-border-radius: 4px;
       -webkit-border-radius: 4px;
       color: #111;
       width: 100px;
       padding: 10px;
}

a.kakomi {
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.4em 0.9em;
   margin: 0px 0.3em;
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼空白・改行の扱い */
   white-space: nowrap;
}

header {
  width: 980px;
  margin: 0 auto;
}

#global_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}
#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#global_navi ul li {
  width: 195px;
  float: left;
  margin-right: 1px;
  text-align: center;
}
#global_navi ul li a {
  display: block;
  padding: 16px;
  background-color: #000080;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s linear;
}
#global_navi ul li.current a {
  background-color: #b7a077;
}
#global_navi ul li a:hover {
  background-color: #8c7a5b;
}

.marker_yellow {
background: linear-gradient(transparent 70%, #ffff66 70%);
}

.marker_lime {
background: linear-gradient(transparent 70%, #66ffcc 70%);
}

.marker_water {
background: linear-gradient(transparent 70%, #66ccff 70%);
}

.marker_pink {
background: linear-gradient(transparent 70%, #ffdfef 70%);
}

/* -???- */
@media screen and (max-width : 767px){
  img {
    max-width: 100%;
  }
  p {text-align: left; }
  header,
  #global_navi,
  #sidebar,
  #wrapper{
    width: 100%;
  }
  #logo {
    float: none;
    text-align: center;
  }
  #global_navi ul li {
    width: 50%;
    padding: 0.5px;
    margin: 0;
    box-sizing: border-box;
  }
  #global_navi ul li a {
    margin: 0;
  }
  #global_navi ul li:last-child {
    width: 100%;
  }
  #main h2 {
  font-size: 20px;
  border: 1px solid #b7a077;
  text-align: center;
  border-radius: 5px;
  }
  #main {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }
  #main_visual {
    width: 100%;
    height: auto;
  }

  .mondai {font-size: 12px;}
}

.kome {text-align: left}

li {
       list-style: none;
       margin-top: -1px;
       margin-left: -40px;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 5px;
       border-top:1px solid #CCC;
       border-bottom:1px solid #CCC;
}

/*ACCORDION*/
div.accordion {
  width: 100%;
}
div.accordion > ul > li > a {
  display: block;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background-color: #6a86c8;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #000099;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #a2d1dd;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li > a{
  display: block;
  color: #fff;
  font-size: 14px;
  background-color: #79c9b8;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}
div.accordion > ul > li > ul > li > a:hover{
  background-color: #67ab9c;
}