@charset "utf-8";

body {
  font-family: Verdana, "Droid Sans", Roboto, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  padding: 10px;
  font-size: 16px;
}

a:link {
  color: #0E1BBB; 
  text-decoration: underline;
}
a:visited {
  color: #0E1BBB; 
  text-decoration: underline;
}
a:hover {
  color: #988564;
  font-weight: bold;
  text-decoration: none;
}

#top {
  text-align: right;
}

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


/*文字のサイズ*/

h1 {
  font-size: 16px;
}

h2 {
  font-size: 14px;
}

.small {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-13 {
  font-size: 13px;
}


/*文字の色*/

.red {
  color: #cc0000
}

.red2 {
  color: #ff0000
}

.kon {
  color: #000099
}

.mura {
  color: #8000FF
}

.ao {
  color: #009999
}

.ao2 {
  color: #0000ff
}


/*文字位置*/

.center {
  text-align: center
}


/*背景の色*/

.b-pink {
  background-color: #ffd9d9;
}

.b-mizu {
  background-color: #edf4f9;
}


/*画像サイズ*/

.meishi {
  width: 20px;
  height: 20px;
}

.apple {
  width: 100%;
  height: 100%;
}

.note {
  width: 15.5px;
  height: 14.5px;
}

.arrow {
  width: 16px;
  height: 16.8px;
}

#footimg {
  max-width: 100%;
}

#k36 {
  max-width: 100%;
}

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.3em 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;
}

hr.shita {
  height: 1px;
  border: none;
  border-top: 1px #c0c0c0 solid;
  margin-bottom: 3px 0;
}

hr.ue {
  height: 1px;
  border: none;
  border-top: 1px #c0c0c0 solid;
  margin-top: 3px 0;
}

footer {
  background-color: #352b23;
  text-align: center;
}
footer #footer_nav {
  background-color: #efefef;
  padding: 10px 0;
}
footer #footer_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer #footer_nav li {
  display: inline;
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller;
}
footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}
footer small {
  display: block;
  padding: 8px 0;
  color: #fff;
}

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;
}

@media screen and (max-width : 767px){

  img {
    max-width: 100%;
  }

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;
}