@charset "UTF-8";
html{
    font-size:100%;
}

body {
    line-height: 180% !important;
    font-size: 86%;
    color: #222 !important;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, メイリオ, Meiryo, ＭＳＰゴシック, MS PGothic, Arial, Sans-serif;
	overflow-x: hidden;

}

a {
    color: #222;
}

/* margin */

.mrb4 { margin-bottom: 4px;}
.mrb10 { margin-bottom: 10px;}
.mrb15 { margin-bottom: 15px;}
.mrb20 { margin-bottom: 20px;}
.mrb30 { margin-bottom: 30px;}
.mrb40 { margin-bottom: 40px;}
.mrb60 { margin-bottom: 60px;}

/* Pagetop */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#page-top a {
background: #666;
    opacity: 0.6;
    text-decoration: none;
    color: #fff;
    width: 40px;
    padding: 5px 0;
    text-align: center;
    display: block;
    border-radius: 0px;
}

#page-top a:hover {
    text-decoration: none;
    opacity: .6;
}

/* ------------------
	IE,chorme対策
 ------------------ */

b,
strong,
.bold {
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

_:lang(x)::-ms-backdrop,
body {
    font-family: "メイリオ", Meiryo, sans-serif;
}

/* ------------------
	IE10+（Edgeも全て含む） ハック
 ------------------ */

_:-ms-lang(x),
.topictab-content > li ul li:hover {}


/* ------------------
	Edgeのみ（Edge全て） ハック
 ------------------ */

@supports (-ms-ime-align: auto) {}

/* ------------------
	IE11のみ
 ------------------ */

@media all and (-ms-high-contrast: none) {

    *::-ms-backdrop,
    .lapnav {
        padding-top: 8px;
    }

    *::-ms-backdrop,
    .lapnav li:last-child a {
        margin-top: -11px;
    }
}

/* ------------------
	firefox
 ------------------ */

@-moz-document url-prefix() {}

/* ------------------
	Chrome
 ------------------ */

@media screen and (-webkit-min-device-pixel-ratio:0) {}


/* ------------------
	tablet css
 ------------------ */

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