@charset "utf-8";
/* CSS Document */

@import url(/slick.css);
@import url(/slick-theme.css);
@import url(/styles_common.css);

/*
RESET
---------------------------------------------*/
/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* !HTML5 reset
---------------------------------------------------------- */
body, div, pre, p, blockquote, dl, dt, dd, ul, img, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td { margin: 0; padding: 0; }

figure { margin: 0; padding: 0; }

input, textarea { margin: 0; font-size: 100%; }

label { cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }

fieldset, img { border: 0; }

img { vertical-align: bottom; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:after, q:before { content: ''; }

a, input { /* outline: none; */ }

abbr, acronym { border: 0; }


/*
LAYOUT
---------------------------------------------*/

html, body {
    background-color: #ffffff;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-family: "メイリオ", Meiryo, sans-serif;
    height: 100%;
}

#main-frame {
    width: 960px;
    background-color: #FFF;
    padding: 0px;
    margin: 0 auto;
    position: relative;
}

div[role=main] {
    width: 740px;
    text-align: left;
    font-size: 14px;
    clear: both;
    float: left;
    margin: 0 0 30px 0;
    padding: 0;
}
.related {
  width: 195px;
    margin: 0 0 15px 25px;
    padding: 0 0 30px 0;
    float: left;
}

#one-column {
    width: 100%;
    text-align: left;
    font-size: 14px;
    clear: both;
    margin: 0 0 0 0;
    padding: 0;
}
.related {
    width: 195px;
    margin: 0 0 15px 25px;
    padding: 0 0 30px 0;
    float: left;
}

/*
a
---------------------------------------------*/


a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: underline;
}
a:visited {
    color: #000;
    text-decoration: none;
}
a.headerNavigation {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
a.headerNavigation:hover {
    text-decoration: none;
    color: #bec964;
}
a.headerNavigation:visited {
    color: #ffffff;
    text-decoration: none;
}


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/*
共通
---------------------------------------------*/


ul {
    list-style-type: disc;
    margin-top: 15px;
    margin-bottom: 30px
}
ul li {
    margin: 0 0 15px 30px;
}
ul.list-normal  li {
    margin: 0 0 15px 30px !important;
    list-style-type: disc !important;
    margin-top: 15px !important;
}



/*
styles_common.css import
---------------------------------------------*/

.attention {
  margin: 20px 0;
  border: none;
  padding: 0;
  background: none;
}
ul.attention {
  margin: 10px 0 30px 0;
  list-style-type: none;
}
ul.attention li {
  margin-left: 1em;
  margin-bottom: 10px;
  text-indent: -1em;
}
ul.attention li * {
  text-indent: 0em;
}
blockquote {
  border: 1px solid #333333;
  background: #f9f9f9;
  padding: 20px 30px;
  margin: 15px 0 40px;
}
blockquote ul.attention,
blockquote ol.attention {
  margin-top: 0;
  margin-bottom: 0;
}
blockquote ul.attention li:last-child,
blockquote ol.attention li:last-child {
  margin-top: 0;
  margin-bottom: 0;
}

dt {
  font-size: 1.4rem;
  padding: 10px 0 0;
}
dd {
  font-size: 1.4rem;
  padding: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: normal;
}

.img-only img {
    width: auto;
    height: auto;
}


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

  .img-only img {
      width: 100%;
      height: auto;
  }

}