h1, h2, h3, h4, h5, h6, p, blockquote, div, object, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}
h2, h3, h4, h5, h6 {
  margin: 15px 0 10px;
}

@media screen and (min-width: 769px) {
  #main {
    float: left;
    width: 693px;
    margin-bottom: 10px;
  }
  #sub {
    margin: -25px 0 10px;
    float: right;
    width: 240px;
    font-size: 92.8%;
  }
  #contents {
    margin: 0 auto;
    width: 950px;
    z-index: 80;
    background-color:#fff;
    padding: 30px 10px;
  }
  #contents:after {
    content: '';
    display: block;
    clear: both;
  }
}

.hdg-l1-02 {
  margin-bottom: 22px;
  font-size: 150%;
  font-weight: bold;
  color: #039;
}
.hdg-l2-01 {
  background: url(images/bg_hdg-l2-01_01.png) no-repeat 0 .15em;
  padding-left: 14px;
  font-size: 121.4%;
  font-weight: bold;
}
.doc-rss-02 {
  margin: -33px 0 17px 0;
  text-align: right;
}
.section {
  margin-bottom: 20px;
}
.hdg-l3-01 {
  background: #ecf3f8;
  padding: .3em 0 .2em 9px;
  font-weight: bold;
  margin: 15px 0 10px;
}
.lay-col2-01 {
  margin: 0 -24px 0 0;
  clear: both;
}
.lay-col2-01:after {
  content: '';
  display: block;
  clear: both;
}

.lay-col2-01 .col {
  margin: 0 17px 10px 0;
  width: 338px;
  float: left;
}
.list-plugin-01 {
  margin-right: -5px;
}
.list-plugin-01 li {
  margin-right: 5px;
  display: inline;
}
.more {
  text-align: right;
}
a:visited {
  text-decoration: none;
  color: #c651d2;
}
a:link {
  color: #039;
  text-decoration: none;
}
.more a {
  background: url(images/icon_link_01.png) no-repeat 0 0.45em;
  padding-left: 12px;
  text-decoration: none;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}

/* box-pagenav-01
---------------------------------------------------*/
.box-pagenav-01{
  background:url("images/bg_line_01.png") no-repeat 0 0;
  margin-top:20px;
  padding-top:30px;
  text-align:center;
  }
  .box-pagenav-01 li{
  display:inline-block;
  /display:inline;
  /zoom:1;
  /margin:0 2px;
  vertical-align:middle;
  }
  .box-pagenav-01 li .current_page,
  .box-pagenav-01 li em,
  .box-pagenav-01 li a{
  border:1px solid #d7d7d7;
  padding:2px 6px 0;
  _width:10px;
  display:block;
  /display:inline;
  /zoom:1;
  }
  .box-pagenav-01 li .current_page,
  .box-pagenav-01 li em{
  background:#f1f1f1;
  border:1px solid #09f;
  font-weight:normal;
  }
  .box-pagenav-01 li a:hover,
  .box-pagenav-01 li a:focus{
  background:#f1f1f1;
  border-color:#09f;
  color:#333;
  }
  .box-pagenav-01 .new{
  margin:0 10px 0 -4em;
  _margin-left:0;
  border:none;
  text-decoration:underline;
  width:auto;
  }
  .box-pagenav-01 .new:hover,
  .box-pagenav-01 .new:focus{
  background:none;
  color:#00b2d8;
  text-decoration:none;
  }
  .box-pagenav-01 .link_next,
  .box-pagenav-01 .next{
  background:url("images/icon_link_01.png") no-repeat 100% 58%;
  border:none;
  padding-right:9px;
  width:auto;
  }
  .box-pagenav-01 .link_next:hover,
  .box-pagenav-01 .link_next:focus,
  .box-pagenav-01 .next:hover,
  .box-pagenav-01 .next:focus{
  background:url("images/icon_link_01.png") no-repeat 100% 58%;
  color:#00b2d8;
  }
  .box-pagenav-01 .link_before,
  .box-pagenav-01 .back{
  background:url("images/icon_link_03.png") no-repeat 0 58%;
  border:none;
  padding-left:9px;
  width:auto;
  }
  .box-pagenav-01 .link_before:hover,
  .box-pagenav-01 .link_before:focus,
  .box-pagenav-01 .back:hover,
  .box-pagenav-01 .back:focus{
  background:url("images/icon_link_03.png") no-repeat 0 58%;
  color:#00b2d8;
  }
  

  /* nav-local
---------------------------------------------------*/
#nav-local{
  margin-bottom:22px;
}
#nav-local dl{
  margin:0;
}
#nav-local dl dt{
  background:url("images/sub/bg_nav-local_head_02.png") no-repeat 0 100%;
  margin-bottom:0;
  padding:25px 3px 4px 6px;
  line-height:0;
  position:relative;
  zoom:0;
}
#nav-local.simple dl dt{
  background-image:url("images/sub/bg_nav-local_head_01.png");
}
#nav-local dl dd{
  background:url("images/sub/bg_nav-local_01.png") no-repeat 0 100%;
  margin-bottom:0;
  /margin-bottom:11px;
  padding:0 7px 11px;
}
#nav-local dl dd dl{
  /margin-bottom:-10px;
}
#nav-local dl dd dt{
  background:#fff url("images/sub/bg_nav-local_subhead_01.png") repeat-x 0 100%;
  margin-bottom:1px;
  padding:10px 3px 10px 8px;
  height:auto;
  /*font-size:92.3%;*/
  font-weight:bold;
  line-height:1.2;
}
#nav-local.simple dl dd dt{
  background-image:url("images/sub/bg_nav-local_subhead_01.png");
}
#nav-local dl dd dd{
  background:none;
  padding:0;
}
#nav-local dl dd ul{
  margin:0;
}
#nav-local dl dd dd ul,
#nav-local dl dd ul ul{
  margin-top:0;
}
#nav-local dl dd ul li{
  border-bottom:1px solid #d2d2d2;
  padding:0;
  /*font-size:92.3%;*/
}
#nav-local dl dd ul .last-child{
  margin-bottom:0;
  border:none;
}
#nav-local dl dd ul .active,
#nav-local dl dd ul .current{
  background:#e7f9ff;
}
#nav-local dl dd ul .current a{
  background:#37bff0 url("images/icon_link_02.png") no-repeat 9px 1.2em;
  color:#fff;
}
#nav-local dl dd ul .active li a,
#nav-local dl dd ul .current li a{
  background:url("images/sub/icon_nav-local_01.png") no-repeat 20px .8em;
  color:#0092d8;
}
#nav-local dl dd ul .active li a:hover,
#nav-local dl dd ul .current li a:hover,
#nav-local dl dd ul .active li a:focus,
#nav-local dl dd ul .current li a:focus{
color:#fff;
}
#nav-local dl dd a{
  background:url("images/icon_link_01.png") no-repeat 9px 1.2em;
  padding:.7em 3px .7em 21px;
  display:block;
  font-weight:bold;
  text-decoration:none;
  zoom:1;
}
#nav-local dl dd a:hover,
#nav-local dl dd a:focus{
  background:#37bff0 url("images/icon_link_02.png") no-repeat 9px 1.2em;
  color:#fff;
}
#nav-local dl dd ul li li{
  border:none;
  font-size:100%;
  zoom:1;
}
#nav-local dl dd ul li li a{
  background:url("images/sub/icon_nav-local_01.png") no-repeat 20px 50%;
  padding:.2em 3px .2em 33px;
  font-weight:normal;
}
#nav-local dl dd ul .active .current a,
#nav-local dl dd ul li li a:hover,
#nav-local dl dd ul li li a:focus{
  background:#37bff0 url("images/sub/icon_nav-local_02.png") no-repeat 20px .8em;
  color:#fff;
}
#nav-local dl dd a {
  background: url(images/icon_link_01.png) no-repeat 9px 1.2em;
  padding: .7em 3px .7em 21px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  zoom: 1;
}
#nav-local dl>dd>dl>dd {
  overflow:hidden;
}
#nav-local img.area_blog_pc_only {
  display: inline-block;
}
#nav-local img.area_blog_sp_only {
  display: none;
}



@media screen and (max-width: 768px) {
  #main {
    width: 100%;
  }
  #sub {
    width: 100%;
  }
  #contents {
    margin: 0 auto;
    width: 100%;
    z-index: 80;
    background-color:#fff;
    padding: 30px 10px;
    box-sizing: border-box;
  }

  .hdg-l1-02 img {
    width: 100%;
  }
  #nav-local img.area_blog_sp_only {
    width: 100%;
    height: auto;
    display: inline-block;
  }
  #nav-local img.area_blog_pc_only {
    display: none;
  }

  #nav-local dl dt {
    background: none;
    margin-bottom: 0;
    padding: 25px 3px 4px 6px;
    line-height: 0;
    position: relative;
    zoom: 0;
  }
  #nav-local dl dd {
    background: none;
  }

  .box-pagenav-01 {
    width: 100%;
  }
  .box-pagenav-01 li{
    display: inline-block;
    margin-bottom: 10px;
  }
  .box-pagenav-01 li:first-child {
    display: block;
  }
  .box-pagenav-01 ul li a {
    padding: 2px 3px 0;
  }
  .box-pagenav-01 ul li .current_page {
    padding: 2px 3px 0;
  }
  .box-pagenav-01 .new{
    margin: 0 10px 0 0;
  }

  .list-bnr-01 img {
      width: 100%;
      height: auto;
  }
  #nav-local dl>dd>dl>dt {
    cursor: pointer;
  }

  #nav-local dl>dd>dl>dd {
    overflow:hidden;
    height: 0px;
  }
}