@charset "UTF-8";

html, body, div, main, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, svg, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, figcaption, figure, footer, header, hgroup, menu,
nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent
}

main, section, nav, article, aside, hgroup, menu, summary, svg, header,
footer, figure, figcaption, details {
    display: block
}

video, audio, canvas {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    * vertical-align: auto;
    zoom: 1;
    * display: inline
}

audio:not([controls]) {
    display: none
}

[hidden] {
    display: none
}

html {
    overflow-y: scroll
}

body {
    line-height: 1.8;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 12px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-print-color-adjust: exact
}

* html body {
    font-size: 84%
}

* :first-child + html body {
    font-size: 84%
}

a {
    color: #2139C9;
    text-decoration: none
}

a:link, a:visited {
    color: #2139C9;
    text-decoration: none
}

a:hover, a:focus {
    text-decoration: underline;
    outline: none
}

a:active {
    color: #50A6D4;
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
    font-size: 100%
}

em {
    font-style: normal;
    font-weight: bold
}

strong, b {
    color: #2139C9
}

sup {
    position: relative;
    top: -2px;
    vertical-align: middle;
    line-height: 0;
    font-size: 65%
}

sub {
    position: relative;
    top: 2px;
    vertical-align: middle;
    line-height: 0;
    font-size: 65%
}

pre {
    font-family: monospace, sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word
}

hr {
    display: none
}

img {
    border: 0;
    vertical-align: bottom
}

svg:not(:root) {
    overflow: hidden
}

ul, ol {
    list-style: none
}

table {
    border: 0 none;
    border-collapse: collapse;
    width: 100%
}

table th, table td {
    border: 0 none;
    vertical-align: top;
    font-size: 1em;
    text-align: left;
    font-weight: normal
}

fieldset {
    border: 0 none
}

legend {
    display: none
}

label {
    cursor: pointer
}

/* button input */
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */

  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

  vertical-align: baseline;
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */

}
button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE6/7 */

}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  margin-top: 30px;
  border: 0px;
  border-radius: 5px;
  background: #E3E3E3;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 90%;
  line-height: 1;
  color: #666;
  padding: 1.12em 1.5em 1em;
}


button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  text-decoration: none;
  -ms-filter: "alpha( opacity=60 )";
   filter: alpha( opacity=60 );
   opacity: 0.6;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  -ms-filter: "alpha( opacity=80 )";
   filter: alpha( opacity=80 );
   opacity: 0.8;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */

  padding: 0;
  /* Addresses excess padding in IE8/9 */

}
input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

  border: 0;
  padding: 0;
}
input[type=text],
input[type=email],
textarea {
  color: #666;
  border: 2px solid #dddddd;
  border-radius: 5px;
  
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  color: #101010;
  outline: none;  
}
input[type=text],
input[type=email] {
  padding: 3px;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding: 10px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */

  width: 85%;
}


/* -------------------------------------------- */

#container {
    position: relative;
    width: 100%;
    min-height: 100%
}

#header {
    background-color: #fff
}

.container { /* -------------------------------------------- */
  max-width: 900px;
  padding: 0px 20px 0 20px;
  margin: 0 auto;
  position: relative;
}

/* Custom banner
-------------------------------------------------------------- */
article .the-content .banner {
  margin-bottom: 0; 
  width: 100%;
  height: 80px;
  border: 1px #eeeeee solid;
  vertical-align: top;
  overflow: hidden;
}

a:hover img, a:active img {
  -webkit-transition: 0.4s ease-in-out;  
  -moz-transition: 0.4s ease-in-out;  
  -o-transition: 0.4s ease-in-out;  
  transition: 0.4s ease-in-out; 
  -ms-filter: "alpha( opacity=20 )";
  filter: alpha( opacity=20 );
  opacity: 0.2;
}

/* Posts/Articles
-------------------------------------------------------------- */
article {
  background: transparent;
  padding: 0;
  margin-bottom: 20px;
}
article .title { 
  color: #666;
  font-size: 130%;
  line-height: 100%;
  margin: 10px 0 10px 0;
}
article .title a {
  text-decoration: none;
  color: #999;
}
article .title a:hover {
  color: rgba(229, 229, 229, 0.5);
}
article .the-content a {
  color: #999;
  text-decoration: none;
}
article .the-content a:hover  {
  color: rgba(229, 229, 229, 0.5);
}
article .the-content p {
  line-height: 180%;
  font-size: 138%;
}
article .the-content img.disc {
  width: 100%;
  height: auto;
  margin-top: 10px;
}
article .the-content p img.icon {
  width: 100px;
  height: auto;
  margin-top: 10px;
}

/* Contact Form
-------------------------------------------------------------- */
#contactForm dt {
  width: 90%;
  color: #666;
  font-size: 130%;
}

#contactForm dd {
  color: #666;
  font-size: 135%;
}

#contactForm textarea {
  color: #666;
  font-size: 100%;
}

#contactForm .entry {
  width: 85%;
  color: #666;
  font-size: 100%;
}

#contactForm span {
 color: #ff0000;
}

.errormesse {
  color: #ff0000;
}



#header #header-block-01 {
    border-bottom: 0px solid #f1f1f1
}

#header #header-block-01 #header-block-01-inner {
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    width: 1170px;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#header #header-block-01 #header-block-01-inner #site-logo-01 {
    padding-top: 24px;
    width: 110px
}

#header #header-block-01 #header-block-01-inner #site-logo-01 a {
    display: block
}

#header #header-block-01 #header-block-01-inner #site-logo-01 a img {
    width: 100%
}


#header #header-block-01 #header-block-01-inner #btn-compact {
    display: none
}

#header #header-block-01 #header-block-01-inner #btn-compact img {
    width: 23px
}

#header #header-block-01 #header-block-01-inner #compact-menu {
    position: absolute;
    top: 36px;
    left: 185px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#header #header-block-01 #header-block-01-inner #compact-menu #nav-global {
    margin-top: 3px;
    float: left
}

#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
    margin-right: 40px;
    position: relative;
    float: left;
    font-size: 115%
}

#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li a {
    display: block;
    color: #000;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li a:hover,
#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li a:focus {
    color: #2139C9;
    text-decoration: none
}

#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li a:active {
    color: #50A6D4;
    text-decoration: underline
}

#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li.current a {
    color: #2139C9
}

#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li .current a {
    color: #2139C9
}

#header.type-02 #header-block-01 #header-block-01-inner #site-logo-02 {
    left: 185px;
    width: 306px
}

#header.type-02 #header-block-01 #header-block-01-inner #compact-menu {
    left: 540px;
    right: auto
}

#header.type-02 #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
    margin-right: 30px
}

@media screen and (max-width: 1186px) {
    #header #header-block-01 #header-block-01-inner {
        width: 100%
    }

    #header #header-block-01 #header-block-01-inner #compact-menu {
        left: 175px
    }

    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
        font-size: 100%
    }

    #header.type-02 #header-block-01 #header-block-01-inner #compact-menu #nav-global {
        margin-top: 7px
    }
}

@media screen and (max-width: 1064px) {
    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
        margin-right: 20px
    }

    #header.type-02 #header-block-01 #header-block-01-inner #compact-menu #nav-global {
        margin-top: 8px
    }

    #header.type-02 #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
        margin-right: 15px;
        font-size: 86%
    }
}

@media screen and (max-width: 940px) {
    #header #header-block-01 #header-block-01-inner #site-logo-02 {
        top: 36px;
        right: 84px
    }

    #header #header-block-01 #header-block-01-inner #site-logo-02.minimal-header {
        right: 30px
    }

    #header #header-block-01 #header-block-01-inner #btn-compact {
        position: absolute;
        top: 41px;
        right: 30px;
        display: block;
        cursor: pointer;
        width: 23px;
        height: 19px;
        background: url("/top_assets/img/btn_menu.png") no-repeat 0 0;
        -webkit-background-size: 23px 19px;
        -moz-background-size: 23px 19px;
        -o-background-size: 23px 19px;
        background-size: 23px 19px
    }

    #header #header-block-01 #header-block-01-inner #btn-compact.open {
        background: url("/top_assets/img/btn_menu_close.png") no-repeat 0 0;
        -webkit-background-size: 23px 19px;
        -moz-background-size: 23px 19px;
        -o-background-size: 23px 19px;
        background-size: 23px 19px
    }

    #header #header-block-01 #header-block-01-inner #compact-menu {
        padding: 10px 10px 0;
        display: none;
        border-bottom: 1px solid #ddd;
        position: absolute;
        z-index: 10000;
        display: none;
        top: 100px;
        left: 0;
        width: 100%;
        background-color: #fff
    }


    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global {
        margin-top: 0;
        position: static;
        top: 0;
        left: 0;
        width: 100%
    }

    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul {
        background: none
    }

    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
        margin: 0;
        border-top: 1px solid #ddd;
        float: none;
        width: 100%;
        background: none
    }

    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li:first-child {
        border-top: none
    }

    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li a {
        padding: 12px 11px 9px
    }

    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li a:hover,
    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li a:focus {
        color: #2139C9
    }

    #header.type-02 #header-block-01 #header-block-01-inner #compact-menu {
        left: auto;
        right: 0;
        width: 100%
    }

    #header.type-02 #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
        margin-left: 0
    }
}

@media screen and (max-width: 660px) {
    #header #header-block-01 #header-block-01-inner {
        padding: 0 15px;
        height: 50px
    }

    #header #header-block-01 #header-block-01-inner #site-logo-01 {
        padding-top: 13px;
        width: 52px
    }

    #header #header-block-01 #header-block-01-inner #site-logo-02 {
        top: 6px;
        right: 56px;
        width: 80px
    }

    #header #header-block-01 #header-block-01-inner #site-logo-02.minimal-header {
        right: 15px
    }

    #header #header-block-01 #header-block-01-inner #btn-compact {
        top: 16px;
        right: 15px
    }

    #header #header-block-01 #header-block-01-inner #compact-menu {
        top: 50px
    }


    #header.type-02 #header-block-01 #header-block-01-inner #site-logo-02 {
        top: 5px;
        left: 82px;
        width: 190px
    }
}



#content-container {
    padding-bottom: 50px;/*112px*/
    position: relative;
    width: 100%
}

#content-container #content {
    margin: 0 auto;
    padding: 50px 30px 11px;
    width: 1170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#content-container #content #main {
    float: left;
    width: 100%
}

#content-container #content #main #main-inner {
    margin-right: 270px
}

@media screen and (max-width: 1186px) {
    #content-container #content {
        width: 100%
    }
}

@media screen and (max-width: 940px) {
    #content-container #content {
        padding: 25px 15px 6px
    }

    #content-container #content #main {
        float: none;
        width: 100%
    }

    #content-container #content #main #main-inner {
        margin-right: 0
    }
}

@media screen and (max-width: 660px) {
    #content-container {
        padding-bottom: 196px
    }

    
}


.lyt-column-01 {
    margin-left: -1.315789473684211%;
    width: 102.7027027027027%
}


.lyt-column-01.lyt-result .image {
    width: 100%;
    overflow: hidden;
    text-align: center
}

.lyt-column-01.lyt-result .image img {
    width: auto !important;
    height: 143px
}

.lyt-column-01.no-setheight .column {
    height: auto !important
}

.lyt-column-01 .column {
    padding-bottom: 26px;
    float: left
}

.lyt-column-01 .column .block-link {
    display: block
}

.lyt-column-01 .column .block-link .doc-plain-01 {
    color: #333
}

.lyt-column-01 .column .block-link:hover, .lyt-column-01 .column .block-link:focus {
    text-decoration: none
}

.lyt-column-01 .column .block-link:hover .link-title, .lyt-column-01 .column .block-link:focus .link-title {
    text-decoration: underline
}

.lyt-column-01 .column .block-link:active .link-title {
    color: #50A6D4;
    text-decoration: none !important
}


.lyt-column-01 .column .block-link.support:hover, .lyt-column-01 .column .block-link.support:focus {
    text-decoration: underline
}

.lyt-column-01 .column .block-link.support:active {
    text-decoration: none
}

.lyt-column-01 .column .image {
    margin-bottom: 15px
}

.lyt-column-01 .column .image img {
    width: 100%
}

.lyt-column-01.col-4 .column {
    margin: 0 1.315789473684211%;
    width: 22.36842105263158%
}

@media screen and (max-width: 660px) {
    .lyt-column-01 {
        margin-left: 0;
        width: 100%
    }

    .lyt-column-01 .column {
        margin-left: 0 !important;
        padding-bottom: 13px;
        width: 100% !important;
        float: none
    }

    .lyt-column-01 .column .block-link.support {
        padding: 11px 0;
        float: left;
        width: 50%
    }

    .lyt-column-01 .column .block-link.support .image img {
        width: 50px
    }

    .lyt-column-01 .column .link-title {
        margin-bottom: 5px
    }

    .lyt-column-01 .column .img-float .image {
        margin-bottom: 0;
        padding-right: 0;
        float: none;
        width: 100%
    }

}

.none {
    display: none
}

div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset,
legend, header, footer, nav, section, main {
    zoom: 1
}

ul li, ol li {
    zoom: 0
}

.clearfix:after, #header #header-block-01 #header-block-01-inner #compact-menu:after,
#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul:after,
#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li .megadrop-container .megadrop-box:after,
#header #header-block-01 #header-block-01-inner #compact-menu #site-search-container #site-search form .pc-input:after,
#header #header-block-02 #header-block-02-inner #nav-local-01 ul:after,
#header #header-block-03 #header-block-03-inner #nav-local-02 ul:after,
#content-container #content:after, #content-container #nav-location ul:after,
#footer #footer-inner #nav-footer-01:after, #footer #footer-inner #nav-footer-01 .nav-01:after,
#footer #footer-inner #nav-footer-01 .nav-02:after, #footer #footer-inner #nav-footer-02 ul:after,
.hdg-level1-01-container .list-container ul:after, .list-bullet-01.bullet-col2:after,
.list-bullet-01.bullet-col3:after, .list-bullet-01.bullet-col4:after,
.list-bullet-01.bullet-col5:after, .list-link-01.link-col2:after,
.list-link-01.link-col3:after, .list-link-01.link-col4:after, .list-link-01.link-col5:after,
.list-link-01.sp-col2:after, .list-link-02.link-col2:after, .list-link-02.link-col3:after,
.list-link-02.link-col4:after, .list-link-02.link-col5:after, .list-link-02.sp-col2:after,
.list-link-right-01:after, .list-news-01 li .no-link .content:after,
.list-news-01 li a .content:after, .list-news-01 li .no-link .content .date:after,
.list-news-01 li a .content .date:after, .list-category-01:after, .list-category-01 dd ul:after,
.lyt-image-01 ul:after, .lyt-image-02:after, .lyt-image-02 .block-link:after,
.lyt-index-01:after, .lyt-column-01:after, .lyt-column-01.sp-float .column .block-link:after,
.lyt-column-01 .column:after, .lyt-column-01 .column .category-list:after,
.lyt-column-01 .column .category-list dd ul:after, .lyt-column-01 .column .img-float:after,
.lyt-visual-slide-02 .lyt-visual-slide-02-inner .visual-slide-02:after,
.lyt-visual-slide-02 .lyt-visual-slide-02-inner .pager:after, .box-content-02 .category-list-title:after,
.nav-tab-01 .tab-btns:after, .nav-tab-01-static .tab-btns:after,
.nav-utility-01 ul:after, .nav-local-04 .nav-local-04-inner .nav-list:after,
.nav-category-01 .nav-category-01-inner ul:after, .nav-category-04 ul:after,
.nav-anchor-01 ol:after, .form-radio-01:after, .form-checkbox-01:after,
.form-search-01 p:after, .lyt-contact-01:after, .lyt-contact-01 .column:after {
    content: "";
    display: table;
    clear: both
}


.mb15 {
    margin-bottom: 15px !important
}


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

    .mb15 {
        margin-bottom: 7.5px !important
    }



.small {
    font-size: 84% !important
}

.none {
    display: none
}


@media print {
    * html body {
        zoom: .7
    }
}

@charset "UTF-8";

@media screen and (max-width: 1064px) {
    .lyt-column-01.lyt-result .image img {
        height: 100px
    }

    .lyt-column-01 .column .block-link.support .text {
        font-size: 86%
    }

    .lyt-column-01 .column .title-01 {
        font-size: 100%
    }

    .lyt-column-01 .column .title-01 .notice {
        display: block
    }
}

@media screen and (max-width: 660px) {
    .lyt-column-01 {
        margin-left: 0;
        width: 100%
    }

    .lyt-column-01.sp-col2 {
        margin-left: -1.315789473684211%;
        width: 102.7027027027027%
    }

    .lyt-column-01.sp-col2 .column {
        margin: 0 1.31579% !important;
        float: left;
        width: 47.36842% !important
    }

    .lyt-column-01 .column {
        margin-left: 0 !important;
        padding-bottom: 13px;
        width: 100% !important;
        float: none
    }

    .lyt-column-01 .column .block-link.support .image img {
        width: 50px
    }

    .lyt-column-01 .column .link-title {
        margin-bottom: 5px
    }

}



#header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
    margin-right: 30px
}



@media screen and (max-width:1186px) {
    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
        font-size: 93%
    }
}

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

    #header #header-block-01 #header-block-01-inner #site-logo-01 {
        width: 78.75px;
        padding-top: 30px
    }

    #header #header-block-01 #header-block-01-inner #site-logo-02 {
        top: 34px;
        width: 119.25px
    }

    #header #header-block-01 #header-block-01-inner #compact-menu {
        left: 149px
    }

    #header #header-block-01 #header-block-01-inner #compact-menu #nav-global ul li {
        margin-right: 18px
    }

    
}

@media screen and (max-width:940px) {
    #header #header-block-01 #header-block-01-inner #site-logo-02 {
        top: 33px
    }

    #header #header-block-01 #header-block-01-inner #btn-compact {
        top: 40px
    }

    #header #header-block-01 #header-block-01-inner #compact-menu {
        left: 0
    }

    
}

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

    #header #header-block-01 #header-block-01-inner #site-logo-01 {
        width: 52px;
        padding-top: 13px
    }

    #header #header-block-01 #header-block-01-inner #site-logo-02 {
        width: 80px;
        top: 6px
    }

    #header #header-block-01 #header-block-01-inner #btn-compact {
        top: 16px;
        right: 15px
    }

}