@font-face {
    font-family: 'icomoon';
    src: url("https://kabutan.jp/hikaku/wp-content/themes/kabutan_hikaku_theme/fonts/icomoon-08a78c3f.eot?qrn51l");
    src: url("https://kabutan.jp/hikaku/wp-content/themes/kabutan_hikaku_theme/fonts/icomoon-08a78c3f.eot?qrn51l#iefix") format("embedded-opentype"),url("https://kabutan.jp/hikaku/wp-content/themes/kabutan_hikaku_theme/fonts/icomoon-c44fd873.ttf?qrn51l") format("truetype"),url("/hikaku/fonts/icomoon-af26a892.woff?qrn51l") format("woff"),url("https://kabutan.jp/hikaku/fonts/icomoon-6f507fc4.svg?qrn51l#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-beginner:before {
    content: "\e902"
}

.icon-checkmark2:before {
    content: "\e904"
}

.icon-coinpig:before {
    content: "\e909"
}

.icon-coins:before {
    content: "\e90c"
}

.icon-face-smile:before {
    content: "\e90d"
}

.icon-new_releases:before {
    content: "\e031"
}

.icon-cake:before {
    content: "\e7e9"
}

.icon-menu2:before {
    content: "\e5d3"
}

.icon-home:before {
    content: "\e901"
}

.icon-office:before {
    content: "\e903"
}

.icon-bullhorn2:before {
    content: "\e91b"
}

.icon-paste:before {
    content: "\e92d"
}

.icon-display:before {
    content: "\e956"
}

.icon-user-tie:before {
    content: "\e976"
}

.icon-equalizer:before {
    content: "\e992"
}

.icon-cog:before {
    content: "\e994"
}

.icon-pie-chart:before {
    content: "\e99a"
}

.icon-stats-bars:before {
    content: "\e99c"
}

.icon-list-numbered:before {
    content: "\e9b9"
}

.icon-tree:before {
    content: "\e9bc"
}

.icon-sphere:before {
    content: "\e9c9"
}

.icon-bookmarks:before {
    content: "\e9d3"
}

.icon-point-up:before {
    content: "\ea03"
}

.icon-point-right:before {
    content: "\ea04"
}

.icon-plus:before {
    content: "\ea0a"
}

.icon-minus:before {
    content: "\ea0b"
}

.icon-info:before {
    content: "\ea0c"
}

.icon-cross:before {
    content: "\ea0f"
}

.icon-filter:before {
    content: "\ea5b"
}

.icon-table2:before {
    content: "\ea71"
}

.icon-new-tab:before {
    content: "\ea7e"
}

.icon-minkabu_logo:before {
    content: "\e900";
    color: #e60012
}

.icon-rising:before {
    content: "\e925"
}

.icon-ipo:before {
    content: "\e926"
}

.icon-candlestick:before {
    content: "\e927"
}

.icon-coinpurse:before {
    content: "\e928"
}

.icon-handshake:before {
    content: "\e929"
}

.icon-sprout:before {
    content: "\e92a"
}

.icon-tool:before {
    content: "\e92b"
}

.icon-forward3:before {
    content: "\ea20"
}

.icon-yen:before {
    content: "\e905"
}

.icon-crown:before {
    content: "\e808"
}

.icon-news_new:before {
    content: "\e800"
}

.icon-minkabu:before {
    content: "\e60e"
}

.icon-check-alt:before {
    content: "\e60f"
}

.icon-image:before {
    content: "\e61e"
}

.icon-newspaper:before {
    content: "\e627"
}

.icon-pencil:before {
    content: "\e628"
}

.icon-bullhorn:before {
    content: "\e63d"
}

.icon-book:before {
    content: "\e642"
}

.icon-bell:before {
    content: "\e5d2"
}

.icon-mobile2:before {
    content: "\e67c"
}

.icon-bubble:before {
    content: "\e68e"
}

.icon-spinner11:before {
    content: "\e6a7"
}

.icon-search:before {
    content: "\e6a9"
}

.icon-trophy:before {
    content: "\e6c1"
}

.icon-gift:before {
    content: "\e6c2"
}

.icon-list:before {
    content: "\e6dd"
}

.icon-menu:before {
    content: "\e6e0"
}

.icon-star-empty:before {
    content: "\e6fa"
}

.icon-star-half:before {
    content: "\e6fb"
}

.icon-star-full:before {
    content: "\e907"
}

.icon-enter:before {
    content: "\e736"
}

.icon-exit:before {
    content: "\e737"
}

.icon-arrow-up2:before {
    content: "\e75d"
}

.icon-arrow-down2:before {
    content: "\e761"
}

.icon-play3:before {
    content: "\ea1c"
}

.icon-steps:before {
    content: "\f0c7"
}

.icon-checkmark:before {
    content: "\e733"
}

.icon-minkabu2:before {
    content: "\e610"
}

.icon-chevron-down:before {
    content: "\f0a3"
}

.icon-chevron-left:before {
    content: "\f0a4"
}

.icon-chevron-right:before {
    content: "\f078"
}

.icon-chevron-up:before {
    content: "\f0a2"
}

.icon-upicon:before {
    content: "\e910"
}

.icon-rank1:before {
    content: "\e911"
}

.icon-rank2:before {
    content: "\e912"
}

.icon-rank3:before {
    content: "\e913"
}

.icon-rank4:before {
    content: "\e914"
}

.icon-rank5:before {
    content: "\e915"
}

.icon-rank6:before {
    content: "\e916"
}

.icon-rank7:before {
    content: "\e917"
}

.icon-rank8:before {
    content: "\e918"
}

.icon-rank9:before {
    content: "\e919"
}

.icon-rank10:before {
    content: "\e91a"
}

.icon-minkabu_co_logo:before {
    content: "\e90e"
}

.icon-line_chart:before {
    content: "\e90b"
}

.icon-mountain_chart:before {
    content: "\e90a"
}

.icon-envelope:before {
    content: "\e906"
}

.icon-thumbs-down:before {
    content: "\e924"
}

.icon-thumbs-up:before {
    content: "\e92c"
}

.icon-chevron-thin-down:before {
    content: "\e708"
}

.icon-chevron-thin-left:before {
    content: "\e709"
}

.icon-chevron-thin-right:before {
    content: "\e70a"
}

.icon-chevron-thin-up:before {
    content: "\e70b"
}

.icon-attachment2:before {
    content: "\e710"
}

.icon-help-with-circle:before {
    content: "\e804"
}

.icon-info-with-circle:before {
    content: "\e805"
}

.icon-chevron-right2:before {
    content: "\e908"
}

img {
    max-width: 100%;
	height: auto;
}

dd {
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1__qem;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

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

.nowrap {
    white-space: nowrap
}

p {
    color: #333333;
    margin-top: 0px;
    margin-bottom: 0px
}

span.red {
    color: #E60012;
    font-weight: bold
}

span.underline {
    text-decoration: underline;
    font-weight: bold
}

.mt05 {
    margin-top: 5px !important
}

.mb05 {
    margin-bottom: 5px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mbz {
    margin-bottom: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.ml10 {
    margin-left: 10px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mr5 {
    margin-right: 5px !important
}

.mr15 {
    margin-right: 15px !important
}

.mv5 {
    margin: 5px 0
}

.pt3 {
    padding-top: 3px
}

.pt5 {
    padding-top: 5px
}

.pb3 {
    padding-bottom: 3px
}

.pl5 {
    padding-left: 5px !important
}

.pl8 {
    padding-left: 8px !important
}

.pl15 {
    padding-left: 15px !important
}

.pr5 {
    padding-right: 5px !important
}

.pr8 {
    padding-right: 8px
}

.pr10 {
    padding-right: 10px
}

.p5p {
    padding: 5px !important
}

.p10p {
    padding: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt50 {
    margin-top: 50px !important
}

.m0a {
    margin: 0 auto
}

.mauto {
    margin: auto
}

.pt-1 {
    padding-top: .25rem
}

.pt-3 {
    padding-top: .75rem
}

.pr-1 {
    padding-right: .25rem
}

.pb-1 {
    padding-bottom: .25rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.mt-1 {
    margin-top: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.tal {
    text-align: left !important
}

.tar {
    text-align: right !important
}

.tac {
    text-align: center !important
}

.dpn {
    display: none
}

.dpbl {
    display: block
}

.dflex {
    display: flex
}

.agitm-c {
    align-items: center
}

.float-l {
    float: left
}

.float-r {
    float: right
}

.ly_content_wrapper {
    margin-bottom: 3em
}

.ly_content_wrapper .size_ss {
    margin-bottom: .5em
}

.ly_content_wrapper .size_s {
    margin-bottom: 1em
}

.ly_content_wrapper .size_m {
    margin-bottom: 2em
}

.wsnw {
    white-space: nowrap !important
}

.lineh1 {
    line-height: 1
}

.lineh2 {
    line-height: 2
}

.fcmrd {
    color: #DE4830
}

.fcblk {
    color: #333
}

.fcwt {
    color: #fff
}

.min_w120p {
    min-width: 120px
}

.dptbl {
    display: table !important
}

.dptblc {
    display: table-cell;
    vertical-align: middle
}

.vamd {
    vertical-align: middle !important
}

.vatp {
    vertical-align: top !important
}

.dpib {
    display: inline-block !important
}

.clear {
    clear: both
}

.clearfix {
    _zoom: 1
}

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

.fsxs {
    font-size: 0.6em
}

.fss {
    font-size: 0.8em
}

.fsl {
    font-size: 1.0em;
line-height:1.6;
}

.fsxl {
    font-size: 1.4em
}

.fsxxl {
    font-size: 1.6em
}

.fwb {
    font-weight: bold
}

.fwn {
    font-weight: normal !important
}

.fcgl {
    color: #999 !important
}

.fcwt {
    color: #fff !important
}

.fcrd {
    color: #900 !important
}

.fclbl {
    color: #06c !important
}

.fcdbl {
    color: #a0aec0 !important
}

.fcblk {
    color: #333 !important
}

.fclblk {
    color: #666 !important
}

.fcbl {
    color: #16469f !important
}

.fcmrd {
    color: #DE4830 !important
}

.fcgld {
    color: #ffd700 !important
}

.bggl {
    background: #EEE !important
}

.bgpn {
    background: #FFF0F5 !important
}

.bglgl {
    background-color: #F7F7F7 !important
}

.bglb {
    background: #eef0f5
}

.bglg {
    background: #E0F8EC !important
}

.bglp {
    background: #EEEEFF !important
}

.bgrd {
    background-color: #d00 !important
}

.bgbl {
    background-color: #0d437f !important
}

.bgdbl {
    background-color: #5f717e !important
}

.bgbll {
    background-color: #416c95 !important
}

.bgwt {
    background-color: #ffffff !important
}

.bglbl {
    background-color: #eef0f5 !important
}

.bgyl {
    background-color: #fff9e3 !important
}

.bgbr {
    background-color: #fdf5e6 !important
}

.bggr {
    background-color: #429b45 !important
}

.bgor {
    background-color: #F57C00 !important
}

.bgrank1 {
    background-color: #deb846 !important
}

.bgrank2 {
    background-color: #c0c0c0 !important
}

.bgrank3 {
    background-color: #b0855a !important
}

.bgpyl {
    background-color: #ecead4
}

#page-top {
    z-index: 99999;
    position: fixed;
    bottom: 15px;
    right: 10px
}

#page-top a {
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 4px;
    border: 1px solid #4dd0e1;
    text-align: center;
    color: #4dd0e1;
    background: white;
    line-height: 1.2em;
    padding: 5px;
    box-shadow: 0px 1px 3px #909090;
    -moz-box-shadow: 0px 1px 3px #909090;
    -webkit-box-shadow: 0px 1px 3px #909090
}

#h_top {
    background: #FFF;
    height: 50px;
    width: 100%;
    box-shadow: 0px 1px 3px #909090;
    -moz-box-shadow: 0px 1px 3px #909090;
    -webkit-box-shadow: 0px 1px 3px #909090;
    position: fixed;
    top: 0;
    z-index: 9999
}

#h_top .h_top_menuwrap {
    max-width: 960px;
    margin: 0 auto
}

#margin {
    height: 125px
}

.bottom_icon {
    background-color: #0e2654;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#025592), to(#0e2654));
    background-image: linear-gradient(to bottom, #025592, #0e2654);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#025592, endColorstr=#0e2654);
    border-radius: 3px;
    float: right;
    color: #fff;
    margin: -27px 5px 0;
    cursor: pointer;
    text-align: center;
    padding: 2px;
    z-index: 9999;
    height: 30px;
    width: 85px;
    margin-top: -32px;
    line-height: 30px;
    font-size: 0.7em
}

.bottom_icon a {
    color: #fff
}

@media (max-width: 768px) {
    .pc_icon {
        display:block
    }
}

#nav_s {
    z-index: 9999;
    width: 100%;
    background: #fafafa;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 960px;
    text-align: center;
    border-bottom: 3px solid #025592
}

#nav_s table {
    width: 100%
}

#nav_s td.menu {
    padding: 2px 0;
    border: 1px solid #ccc;
    font-size: 0.6em;
    width: 19.6%;
    text-align: center;
    color: #025592
}

#nav_s td.menu a {
    color: #333
}

#nav_s td.menu.current {
    background: #cadfee
}

#nav_s td.menu img {
    width: 25px
}

#nav_s .nav_s_ti {
    background: #fafafa;
    color: #0e2755;
    border-top: 3px solid #025592;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 2px 2%;
    font-size: 0.8em;
    height: 25px;
    line-height: 25px;
    font-weight: bold
}

.bottom_line {
    z-index: 9999;
    height: 50px;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 960px
}

.rankwrap {
    margin: 0 0 30px;
    padding: .5em
}

#ranking .howto {
    padding: 15px 5px;
    margin: 0 5px 20px;
    border: 1px solid #ccc
}

#ranking .howto .howto-t {
    font-size: 1.2em;
    font-weight: bold
}

#ranking .howto .chart_img {
    margin: 5px auto;
    width: 50%
}

@media (max-width: 768px) {
    #ranking .howto .chart_img {
        margin:5px auto;
        width: 95%
    }
}

#ranking .howto .span_4 {
    padding: 15px;
    margin: 5px auto;
    background: #FFF;
    border: 1px solid #3493d0;
    border-radius: 6px;
    zoom:1;-webkit-box-shadow: 0 1px 1px 1px rgba(153,153,153,0.3);
    box-shadow: 0 1px 1px 1px rgba(153,153,153,0.3)
}

#ranking .howto dl dd h4 {
    width: 95%;
    font-weight: bold;
    font-size: 15px;
    padding: 0 0 0 25px;
    border-bottom: 1px solid #CCC
}

#ranking .howto dl dd h4 a {
    color: #025592
}

#ranking .howto dl dd h4 a:hover {
    color: #3493d0
}

#ranking .howto dl dd p {
    width: 100%;
    margin-top: 5px
}

#ranking .howto .cap {
    color: #666666;
    margin: 5px
}

#officialcomment {
    border: 1px solid #aaa;
    background: #fafafa;
    margin: 0 5px 40px
}

#officialcomment .topimg {
    background: #555;
    padding: 5px 0;
    text-indent: 10px;
    color: #fff
}

#officialcomment p {
    width: 95%;
    margin: 10px auto
}

ul.rank-tbar {
    border: 1px solid #ccc;
    height: 40px;
    background: #e6f8fb
}

ul.rank-tbar li.icon {
    width: 15%;
    min-width: 70px;
    margin-top: -10px
}

ul.rank-tbar li.icon2 {
    width: 15%;
    min-width: 70px;
    margin-top: -10px
}

ul.rank-tbar li.txt {
    font-size: 20px;
    text-align: left;
    font-weight: bold
}

ul.rank-tbar li.txt h3 {
    font-size: 18px
}

ul.rank-tbar li.txt a:hover {
    color: #489dd4
}

.rank {
    margin: 0 auto;
    background: #fff;
    padding: .5em
}

ul.hyoka {
    clear: both;
    text-align: center;
    _zoom: 1;
    border-bottom: 2px solid #eee
}

ul.hyoka:after {
    content: '';
    display: block;
    clear: both
}

ul.hyoka li {
    float: left
}

ul.hyoka li.banner {
    width: 100%;
    text-align: center;
    height: auto
}

ul.hyoka li .label {
    font-size: 95%;
    text-align: right
}

ul.hyoka li.ten {
    height: 50px;
    float: right;
    width: 45%;
    text-align: center
}

ul.hyoka li.star {
    height: 50px;
    float: right;
    width: 45%;
    text-align: right
}

ul.hyoka li.ten span.fig {
    color: #ed682a;
    font-weight: bold;
    font-size: 30px
}

ul.hyoka li.ten span.ten {
    color: #002b5b;
    font-weight: bold;
    font-size: 120%
}

.right {
    margin: 0
}

.data .point {
    width: 100%;
    margin: 5px auto 0
}

.data .point p {
    font-size: 12px;
    color: #333333
}

.data img {
    margin: 5px auto;
}

.point_title {
    text-indent: 3px;
    border-left: solid 5px #4dd0e1;
    padding-left: 5px;
    font-weight: bold;
    margin: .5em auto
}

.point_index {
    font-weight: bold;
    color: #ed682a;
    margin-top: .5em
}

.point_index:before {
    display: inline-block;
    content: "\e904";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    margin-right: .5em
}

.data .point dd.text {
    padding: 0 .5em;
    margin: 0 auto
}

.data .btn {
    border: 1px #ccc solid;
    border-top: none;
    padding: 0 10px;
    margin: 0 auto 10px;
    color: #0e2654;
    background-color: #eeeeee;
    text-align: right;
    font-size: 0.8em
}

.data .btn em {
    font-weight: bold;
    font-size: 1.1em
}

.data .btn a {
    background: url(../img/ico/arr_r_ico.png) no-repeat right center;
    display: inline-block;
    padding: 10px 30px 10px 0px
}

.wrap {
    background: #f2f4f5;
    border: 1px solid #999;
    padding: 10px;
    margin: 0 1% 0
}

#search {
    margin-top: -84px;
    margin-bottom: 30px;
    padding-top: 100px
}

#search .title {
    background: #025592;
    padding: 5px 0 5px 20px;
    border-bottom: 8px solid #002b5b
}

#search .bg-white {
    background: #FFF;
    padding: 5px
}

#search dl {
    float: left;
    margin: 0
}

#search dl dt,#search dl dd {
    float: left
}

#search dl dt {
    width: 50px;
    height: 40px;
    clear: both
}

#search dl dd {
    display: block;
    width: 230px
}

#search dl dt img {
    width: 100%;
    height: auto
}

#search .txt {
    font-size: 120%
}

#search .txt a {
    color: #333
}

#search .txt a:hover {
    color: #489dd4
}

#search .crown {
    background: url(../img/hikaku/search_i_crown.png) no-repeat top left;
    padding: 0 0 3px 23px;
    font-size: 90%
}

#search .crown a {
    color: #3399cc
}

#search .crown a:hover {
    color: #489dd4
}

#hyo {
    margin-top: -74px;
    padding-top: 74px
}

#hyo .title {
    background: #025592;
    padding: 5px 0 5px 20px;
    border-bottom: 8px solid #002b5b;
    color: #fff
}

#hyo #top-fee-list {
    margin: 0 5px
}

#hyo table.compare {
    width: 100%;
    border: 0
}

#hyo table.compare .company {
    font-weight: bold;
    color: #002b5b
}

#hyo table.compare .company a {
    color: #002b5b
}

#hyo table.compare .company a:hover {
    color: #489dd4
}

#hyo table.compare th,table.compare td {
    padding: 10px 0;
    border: 1px solid #9e9e9e;
    border-collapse: collapse
}

#hyo table.compare th {
    background: #ecebea;
    text-align: center
}

#hyo table.compare th.fig {
    background: #d1d1d2
}

#hyo table.compare td {
    background: #FFF
}

#hyo table.compare td.rank {
    text-align: center;
    width: 5%;
    margin: 0;
    padding: 0
}

#hyo table.compare td.currency {
    text-align: center
}

#hyo table.compare td.rank1 {
    background: #fbdeda
}

#hyo table.compare td.rank2 {
    background: #fff1aa
}

#hyo table.compare td.rank3 {
    background: #dbf0fc
}

#hyo table.compare td.feature .data_title {
    font-weight: bold;
    color: #900
}

#hyo table.compare td.feature .data_body {
    float: left
}

#hyo table.compare td.feature .com {
    width: 70%
}

#hyo table.compare td.feature .com a {
    color: #002b5b
}

#hyo table.compare td.feature .com a:hover {
    color: #489dd4
}

#hyo table.compare td.feature .com-rank {
    width: 30%;
    padding-left: 20px;
    background: url(../img/hikaku/hyo_i_crown.png) no-repeat
}

@media (max-width: 768px) {
    #hyo table {
        table-layout:fixed
    }

    #hyo table th,#hyo table td {
        font-size: 13px
    }

    #hyo table.compare th.feature,#hyo table.compare td.feature {
        display: none
    }

    #hyo table.compare th.totalrank {
        width: 10%
    }

    #hyo table.compare th.fee_list_company {
        width: 25%
    }

    #hyo table.compare td {
        text-align: center
    }
}

#match {
    margin-bottom: 30px;
    background: #eee
}

#match #starter,#match #intermediate {
    width: 94%;
    margin: 10px auto
}

#match h3 {
    clear: both;
    border-bottom: 1px solid #ccc
}

#match .row {
    width: 90%;
    margin: 0 auto 40px
}

#match .col {
    float: left
}

#match .logo {
    padding: 15px 0;
    margin: 10px 0 0;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 6px;
    zoom:1;position: relative;
    text-align: center
}

#match .btn {
    margin-top: 10px;
    text-align: center
}

#match p.text {
    margin-top: 10px
}

#match #starter p.text {
    margin: 10px;
    float: left
}

#match p.text a {
    color: #4dd0e1
}

#match #intermediate p.plus {
    padding-top: 40px;
    float: left;
    text-align: center;
    color: #999;
    font-size: 40px;
    font-weight: bold;
    line-height: 1em
}

@media (max-width: 768px) {
    #match #intermediate p.plus {
        padding-top:0
    }
}

#quest {
    margin-top: -74px;
    margin-bottom: 30px;
    padding-top: 104px
}

#quest .title {
    background: #025592;
    padding: 5px 0 5px 20px;
    border-bottom: 8px solid #002b5b
}

#quest .readcopy {
    margin: 15px 5px;
    font-size: 14px;
    line-height: 160%
}

#quest .question {
    margin-bottom: 30px;
    padding: 0 5px
}

#quest ul {
    width: 100%;
    padding-top: 10px;
    float: left
}

#quest .question ul li {
    border-bottom: solid 1px #bbdbec;
    color: #333;
    line-height: 1,7em
}

#quest .question ul li strong {
    color: #002b5b;
    font-weight: bold
}

#quest .question ul li a {
    color: #002b5b
}

#quest .question ul li a:hover {
    color: #489dd4
}

#quest .question ul li .menu_title {
    color: #4dd0e1;
    font-weight: bold;
    margin-right: 10px;
    font-size: 1.5em
}

#quest .data,#quest .question {
    float: left
}

#quest .data {
    background: #FFF
}

#quest img,#quest .data img {
    width: 100%;
    margin: 0 auto
}

#quest .q {
    color: #4dd0e1;
    font-weight: bold;
    margin-right: 10px;
    font-size: 1.5em
}

#quest .qt {
    border-bottom: solid 1px #bbdbec;
    color: #333;
    line-height: 1,7em;
    margin: 5px;
    font-weight: bold
}

#quest .q-cont .img,#quest .q-cont .text {
    float: left
}

#quest .q-cont .text {
    line-height: 180%;
    padding: 10px
}

#quest .q-cont .text strong {
    font-weight: bold;
    color: #002b5b
}

#quest .q-cont .text a {
    color: #45a5ca
}

#quest #q1,#quest #q2,#quest #q3,#quest #q4,#quest #q5,#quest #q6,#quest #q7 {
    clear: both;
    background: #f2f4f5;
    border: 1px solid #999;
    padding: 10px;
    margin: 10px 1% 0
}

#quest #q5 .chart {
    text-align: center
}

#quest #q5 .chart p {
    float: left;
    border: 1px solid #CCC;
    padding: 5px;
    text-align: center;
    width: 25%;
    margin: 5px
}

#quest #q5 .chip {
    clear: both;
    padding: 10px 0px 5px;
    text-align: center;
    margin-top: 10px
}

#quest #q7 table {
    float: left
}

#quest #q7 table strong {
    font-weight: bold;
    color: #002b5b
}

#quest #q7 table a {
    color: #002b5b
}

#quest #q7 table a:hover {
    color: #489dd4
}

#quest #q7 table th,#quest #q7 table td {
    border: 1px solid #CCC;
    border-collapse: collapse;
    height: 30px;
    padding: 10px 0
}

#quest #q7 table th {
    width: 80px;
    text-align: center;
    border-left: 5px solid #45a5ca
}

#quest #q7 table th .crown {
    background: url(../img/hikaku/quest_i_crown.png) no-repeat;
    padding-left: 25px
}

#quest #q7 table .rank1 {
    background: #fbdeda
}

#quest #q7 table .rank2 {
    background: #fff1aa
}

#quest #q7 table .rank3 {
    background: #dbf0fc
}

#summaryOfProducts {
    width: 100%
}

#summaryOfProducts div.title {
    background: #025592;
    padding: 5px 0 5px 20px;
    border-bottom: 8px solid #002b5b
}

#summaryOfProducts h2 {
    background: url(../img/hikaku/ranking_i.png) no-repeat;
    padding: 10px 0 0 65px;
    font-size: 120%;
    color: #FFF;
    float: left
}

#summaryOfProducts .discriptionText {
    line-height: 160%;
    margin-top: 15px;
    text-align: left;
    padding: 10px;
    border-bottom: 5px solid #eee;
    margin: 10px 0px
}

#summaryOfProducts #scoreSummary {
    margin-top: 10px;
    margin-bottom: 0px
}

#summaryOfProducts #scoreSummary dt {
    font-weight: bold;
    float: left;
    padding: 3px 0
}

#summaryOfProducts #scoreSummary dd {
    width: 150px;
    float: left;
    margin: 0 5px;
    padding: 3px 0px;
    text-align: center
}

#summaryOfProducts #scoreSummary .better {
    background-color: #ffa44a
}

#summaryOfProducts #scoreSummary .good {
    background-color: #fff2d9
}

#summaryOfProducts #scoreSummary .best {
    background-color: #ffa44a
}

#comptable {
    margin: 10px 0 30px;
    font-size: 100%;
    width: 100%
}

#comptable h3 {
    font-size: 110%;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 20px;
    background-color: #3262bb;
    color: #fff
}

#comptable h3.total_point {
    background-color: #fff;
    color: #D00;
    margin: 0;
    padding: 5px
}

#comptable table {
    margin-bottom: 0px;
    width: 100%;
    border-collapse: collapse
}

#comptable table tr {
    width: 100%
}

#comptable tr .price {
    background: #cbe0f0;
    font-weight: bold
}

#comptable th,#comptable td {
    border: solid 1px #cccccc;
    width: 12.5%;
    text-align: center;
    padding: 5px 0
}

#comptable td {
    vertical-align: top
}

#comptable td.total_td {
    background: #9f0606;
    color: #fff
}

#comptable td.title {
    color: white;
    background: #1a489c;
    text-align: left;
    vertical-align: middle
}

#comptable tr td.best {
    background-color: #ffa44a
}

#comptable tr td.better {
    background-color: #fff2d9
}

#comptable tr td.good {
    background-color: #FFFACD
}

#comptable tr.company {
    border-bottom: 4px solid #3262bb
}

#comptable tr.company img {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

#comptable tr.rank {
    font-size: 110%
}

#comptable tr td.no1 {
    color: red;
    background: #ffff99;
    font-weight: bold
}

#comptable tr td.no2 {
    color: #3262bb
}

#comptable tr td.subtitle {
    text-align: left;
    background: #cbe0f0;
    font-weight: bold
}

@media only screen and (max-width: 768px) {
    #comptable table {
        width:100%;
        margin: 0 auto;
        font-size: 70%
    }

    #comptable tr {
        width: 100%;
        margin-bottom: 0.5em
    }

    #comptable td {
        width: 109px;
        min-width: 30px
    }
}

div.table_index {
    _zoom: 1;
    margin: 10px auto;
    text-align: left;
    text-indent: 3px;
    border-left: solid 5px #4dd0e1;
    padding-left: 5px;
    font-weight: bold
}

div.table_index:after {
    content: '';
    display: block;
    clear: both
}

div.switch {
    float: right;
    font-size: 0.7em;
    cursor: pointer;
    z-index: 9999;
    margin-right: 5px
}

table.rank_datatable {
    width: 100%;
    margin: 0 auto 10px;
    border: 1px #ccc solid
}

table.rank_datatable td,table.rank_datatable th {
    border: 1px #aaa solid;
    padding: 2px 3px;
    font-size: 0.8em;
    text-align: left
}

table.rank_datatable th {
    background: #e3eff6;
    color: #777;
    border-bottom: none 0
}

table.rank_datatable th.noborder_top {
    border-top: none 0
}

table.rank_datatable td {
    background: #fff
}

table.rank_datatable td.best {
    background-color: #ffa44a;
    font-weight: bold
}

table.rank_datatable td.ti {
    color: #777;
    width: 20%
}

.cv_btn {
    margin: .5em auto;
    border-radius: .5em;
    padding: .5em 0;
    text-align: center;
    border: 1px solid #faae87;
    background: -webkit-gradient(linear, left top, left bottom, from(#f66c25), color-stop(46%, #ee5e23), color-stop(46%, #e64f20), to(#e65224));
    background: linear-gradient(to bottom, #f66c25, #ee5e23 46%, #e64f20 46%, #e65224);
    color: #fff;
    text-shadow: -1px -1px 0 #c64908
}

.cv_btn:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7
}

.cv_btn a {
    color: #fff;
    display: block;
    text-align: center
}

.cv_btn .cv_text {
    font-size: 1.3em;
    line-height: 30px;
    display: inline-block;
    margin: 0 auto
}

.socialbuttons {
    overflow: hidden;
    *zoom:1;padding: 0px;
    margin: 5px auto;
    width: 216px;
    display: table
}

.socialbuttons #social_fb {
    width: 75px;
    height: 95px;
    float: left
}

.socialbuttons #social_g_plus {
    width: 56px;
    height: 64px;
    float: left
}

.socialbuttons #social_hateb {
    width: 85px;
    height: 62px;
    float: left
}

#footerLink {
    padding: 10px 0px;
    background: #edf2f7
}

#footerLink ul {
    margin: 0 auto;
    width: 95%
}

#footerLink li {
    text-align: left;
    float: left;
    width: 25%;
    font-size: 11px;
    padding: 5px 0
}

#footerLink li a:before {
    content: "▶︎";
    font-size: 0.8em;
    margin-right: 5px;
    color: #999
}

@media (max-width: 768px) {
    #footerLink li {
        width:33%
    }
}

.info_wrap {
    margin: 0 5px;
}

.w10per {
    width: 10%
}

.w20per {
    width: 20%
}

.w30per {
    width: 30%
}

.w40per {
    width: 40%
}

.w50per {
    width: 50%
}

.w60per {
    width: 60%
}

.w70per {
    width: 70%
}

.w80per {
    width: 80%
}

.w90per {
    width: 90%
}

.w100per {
    width: 100%
}

.w100p {
    width: 100px
}

.w150p {
    width: 150px
}

.w200p {
    width: 200px
}

.w300p {
    width: 300px
}

i.bgcl_orange {
    background-color: #ffb74d;
    color: #ffffff
}

i.bgcl_bluepurple {
    background-color: #7986cb;
    color: #ffffff
}

i.bgcl_cyan {
    background-color: #4dd0e1;
    color: #ffffff
}

i.bgcl_yellowred {
    background-color: #ff8a65;
    color: #ffffff
}

i.bgcl_greenyellow {
    background-color: #dce775;
    color: #ffffff
}

i.bgcl_gray {
    background-color: #90a4ae;
    color: #ffffff
}

i.bgcl_brown {
    background-color: #a1887f;
    color: #ffffff
}

i.bgcl_yellow {
    background-color: #ffd54f;
    color: #ffffff
}

i.bgcl_yellowgreen {
    background-color: #9ccc65;
    color: #ffffff
}

i.bg_square_l {
    font-size: 1.5em;
    padding: 4px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
    position: absolute
}

.md_tieup_large {
    position: relative;
    border: 1px solid #0e6d4b;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    margin: 15px auto 10px;
    width: 97%;
    background: #fff;
    text-align: center
}

.md_tieup_large a {
    display: block
}

.md_tieup_large a:hover {
    opacity: 0.9
}

.md_tieup_large .tie_up_box_top {
    color: #fff;
    font-size: 1.175em;
    font-weight: bold;
    text-shadow: 1px 2px 0 rgba(0,1,1,0.5);
    text-align: center;
    padding: 8px 0px;
    background-color: #0e6d4b;
    background-image: -webkit-linear-gradient(135deg, #0e6d4b 30%, rgba(255,255,255,0.2) 30%, rgba(255,255,255,0.2) 50%, #0e6d4b 50%, #0e6d4b 80%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2));
    background-size: 4px 4px
}

.md_tieup_large .tie_up_box_top em {
    color: #ffd700;
    font-weight: bold;
    margin: 0 3px
}

.md_tieup_large .tie_up_box_top em .number {
    font-size: 1.5em;
    font-weight: bold
}

.md_tieup_large .tie_up_box_text {
    position: relative;
    left: 0px;
    top: 8px;
    z-index: 2;
    color: #333;
    font-weight: bold
}

.md_tieup_large .tie_up_box_bottom {
    margin: auto;
    width: 300px
}

.md_tieup_large .tie_up_bubble {
    top: -8px;
    left: -3px;
    position: absolute
}

.md_tieup_large .tie_up_bubble span {
    padding: .3em .8em;
    font-size: .985em;
    border-radius: 50px;
    background: #032e4b;
    color: #fff
}

.md_tie_up {
    width: 97%;
    margin: 10px auto 0;
    border: 1px solid #0e6d4b;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    background: #fff;
    text-align: center
}

.md_tie_up .tie_up_title {
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 5px 10px;
    background-color: #0e6d4b;
    background-image: -webkit-linear-gradient(135deg, #0e6d4b 30%, rgba(255,255,255,0.2) 30%, rgba(255,255,255,0.2) 50%, #0e6d4b 50%, #0e6d4b 80%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2));
    background-size: 4px 4px;
    border-radius: 4px 4px 0px 0px;
    text-shadow: 1px 2px 0 rgba(0,1,1,0.5)
}

.md_tie_up .tie_up_title .icon-handshake {
    font-size: 1.125em
}

.md_tie_up .tie_up_title:after,.md_tie_up .tie_up_box:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border-top: 8px solid #0f543a;
    border-right: 23px solid #0f543a;
    border-bottom: 8px solid transparent;
    border-left: 23px solid transparent
}

.md_tie_up .tie_up_text {
    padding: 8px 0;
    color: #333;
    font-size: .93em
}

.md_tie_up .tie_up_text em {
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
    background: linear-gradient(transparent 60%, #ff6 60%);
    margin: 0 3px
}

.md_tie_up .tie_up_text em .number {
    font-size: 1.5em;
    font-weight: bold
}

.ly_vamd {
    width: 100%;
    display: table;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ly_vamd .ly_vamd_inner {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ly_col {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ly_row {
	margin-top: 0;
	margin-bottom: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ly_gutters>.ly_col {
    margin-left: 2%
}

.ly_gutters>.ly_col:first-child {
    margin-left: 0
}

.ly_gutters>.ly_colsize_1,.ly_gutters>.ly_colsize_1_fix {
    width: 6.5% !important
}

.ly_gutters_grid>.ly_colsize_1,.ly_gutters_grid>.ly_colsize_1_fix {
    width: 6.5% !important
}

.ly_gutters>.ly_colsize_2,.ly_gutters>.ly_colsize_2_fix {
    width: 15% !important
}

.ly_gutters_grid>.ly_colsize_2,.ly_gutters_grid>.ly_colsize_2_fix {
    width: 15% !important
}

.ly_gutters>.ly_colsize_3,.ly_gutters>.ly_colsize_3_fix {
    width: 23.5% !important
}

.ly_gutters_grid>.ly_colsize_3,.ly_gutters_grid>.ly_colsize_3_fix {
    width: 23.5% !important
}

.ly_gutters>.ly_colsize_4,.ly_gutters>.ly_colsize_4_fix {
    width: 32% !important
}

.ly_gutters_grid>.ly_colsize_4,.ly_gutters_grid>.ly_colsize_4_fix {
    width: 32% !important
}

.ly_gutters>.ly_colsize_5,.ly_gutters>.ly_colsize_5_fix {
    width: 40.5% !important
}

.ly_gutters_grid>.ly_colsize_5,.ly_gutters_grid>.ly_colsize_5_fix {
    width: 40.5% !important
}

.ly_gutters>.ly_colsize_6,.ly_gutters>.ly_colsize_6_fix {
    width: 49% !important
}

.ly_gutters_grid>.ly_colsize_6,.ly_gutters_grid>.ly_colsize_6_fix {
    width: 49% !important
}

.ly_gutters>.ly_colsize_7,.ly_gutters>.ly_colsize_7_fix {
    width: 57.5% !important
}

.ly_gutters_grid>.ly_colsize_7,.ly_gutters_grid>.ly_colsize_7_fix {
    width: 57.5% !important
}

.ly_gutters>.ly_colsize_8,.ly_gutters>.ly_colsize_8_fix {
    width: 66% !important
}

.ly_gutters_grid>.ly_colsize_8,.ly_gutters_grid>.ly_colsize_8_fix {
    width: 66% !important
}

.ly_gutters>.ly_colsize_9,.ly_gutters>.ly_colsize_9_fix {
    width: 74.5% !important
}

.ly_gutters_grid>.ly_colsize_9,.ly_gutters_grid>.ly_colsize_9_fix {
    width: 74.5% !important
}

.ly_gutters>.ly_colsize_10,.ly_gutters>.ly_colsize_10_fix {
    width: 83% !important
}

.ly_gutters_grid>.ly_colsize_10,.ly_gutters_grid>.ly_colsize_10_fix {
    width: 83% !important
}

.ly_gutters>.ly_colsize_11,.ly_gutters>.ly_colsize_11_fix {
    width: 91.5% !important
}

.ly_gutters_grid>.ly_colsize_11,.ly_gutters_grid>.ly_colsize_11_fix {
    width: 91.5% !important
}

.ly_gutters>.ly_colsize_12,.ly_gutters>.ly_colsize_12_fix {
    width: 100% !important
}

.ly_gutters_grid>.ly_colsize_12,.ly_gutters_grid>.ly_colsize_12_fix {
    width: 100% !important
}

.ly_colsize_1,.ly_colsize_1_fix {
    width: 8.33333% !important
}

.ly_colsize_2,.ly_colsize_2_fix {
    width: 16.66667% !important
}

.ly_colsize_3,.ly_colsize_3_fix {
    width: 25% !important
}

.ly_colsize_4,.ly_colsize_4_fix {
    width: 33.33333% !important
}

.ly_colsize_5,.ly_colsize_5_fix {
    width: 41.66667% !important
}

.ly_colsize_6,.ly_colsize_6_fix {
    width: 50% !important
}

.ly_colsize_7,.ly_colsize_7_fix {
    width: 58.33333% !important
}

.ly_colsize_8,.ly_colsize_8_fix {
    width: 66.66667% !important
}

.ly_colsize_9,.ly_colsize_9_fix {
    width: 75% !important
}

.ly_colsize_10,.ly_colsize_10_fix {
    width: 83.33333% !important
}

.ly_colsize_11,.ly_colsize_11_fix {
    width: 91.66667% !important
}

.ly_colsize_12,.ly_colsize_12_fix {
    width: 100% !important
}

.ly_gutters>.ly_colsize_1,.ly_gutters>.ly_colsize_2,.ly_gutters>.ly_colsize_fifthpart,.ly_gutters>.ly_colsize_3,.ly_gutters>.ly_colsize_4,.ly_gutters>.ly_colsize_5,.ly_gutters>.ly_colsize_6,.ly_gutters>.ly_colsize_7,.ly_gutters>.ly_colsize_8,.ly_gutters>.ly_colsize_9,.ly_gutters>.ly_colsize_10,.ly_gutters>.ly_colsize_11,.ly_gutters>.ly_colsize_12,.ly_gutters_grid>.ly_colsize_1,.ly_gutters_grid>.ly_colsize_2,.ly_gutters_grid>.ly_colsize_fifthpart,.ly_gutters_grid>.ly_colsize_3,.ly_gutters_grid>.ly_colsize_4,.ly_gutters_grid>.ly_colsize_5,.ly_gutters_grid>.ly_colsize_6,.ly_gutters_grid>.ly_colsize_7,.ly_gutters_grid>.ly_colsize_8,.ly_gutters_grid>.ly_colsize_9,.ly_gutters_grid>.ly_colsize_10,.ly_gutters_grid>.ly_colsize_11,.ly_gutters_grid>.ly_colsize_12 {
    width: 100% !important
}

.md_index {
    background: #042f4c;
    color: #fff;
    padding: .5em .5em;
    border-top: 3px solid #a1b0b7;
    display: flow-root;
    margin-bottom: .5em
}

.md_index a {
    color: #fff
}

.sub_index {
    background-color: #025592;
    margin: 10px 0;
    font-size: 1.125em;
    color: #fff;
    border-radius: 2px;
    text-align: left;
    padding: .5em
}

#intro .title {
    padding: 1em .5em;
    line-height: 1.25;
    background: #042d4c;
    color: #fff
}

#intro .title a {
    color: #fff
}

.md_pickup_box {
    position: relative;
    border-width: 3px;
    border-color: #4484b3;
    border-style: solid;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(135deg, #eee 30%, rgba(255,255,255,0.2) 30%, rgba(255,255,255,0.2) 50%, #eee 50%, #eee 80%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2));
    background-size: 4px 4px
}

.md_pickup_box .md_pickup_box_title {
    position: absolute;
    background: #fff;
    top: -1em;
    font-size: 1.125;
    font-weight: bold;
    border-radius: 5px
}

.md_notice_mini {
    position: relative
}

.md_notice_mini .md_notice_mini_inner {
    padding: .25em .5em;
    z-index: 1;
    position: absolute;
    border-radius: 50px;
    background: #4484b3;
    color: #fff;
    border: 2px solid #fff;
    -webkit-box-shadow: 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px rgba(0,0,0,0.3)
}

.md_notice_mini.is_left_top .md_notice_mini_inner {
    top: -.5em;
    left: -.5em
}

.md_notice_mini.is_left_bottom .md_notice_mini_inner {
    bottom: -.5em;
    left: -.5em
}

.md_card {
    margin-bottom: 1em;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,1,2,0.1);
    box-shadow: 0 1px 3px 0 rgba(0,1,2,0.1);
    background: #fff;
    border-radius: 3px
}

.md_box {
    padding: .5em
}

.mini_index {
    border-left: .5em solid #4484b3;
    font-size: 1.125em;
    padding: 0 .5em 0;
    margin: .5em 0;
    font-weight: bold;
    text-align: left
}

.mini_index h1,.mini_index h2,.mini_index h3 {
    font-weight: bold
}

table.ipo_flow_wrap {
    margin: 10px 0;
    border-collapse: separate;
    border-spacing: 10px
}

table.ipo_flow_wrap td {
    vertical-align: top
}

table.ipo_flow_wrap td.ipo_flow {
    width: 300px;
    text-align: center
}

table.ipo_flow_wrap td.ipo_flow .box {
    border: 2px solid #cbe0f0;
    background: #eff7ff;
    text-align: left;
    padding: 10px;
    border-radius: 5px
}

table.ipo_flow_wrap td.ipo_flow .box .udot {
    border-bottom: 1px dotted #ccc;
    padding: 3px 0
}

table.ipo_flow_wrap td.ipo_point .index_box {
    position: relative;
    background: url(../img/company/hyouka_point.png) no-repeat 5px top #cbe0f0;
    position: relative;
    color: #002b5b;
    padding: 5px 10px 5px 40px;
    border: 1px solid #aaa;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px
}

table.ipo_flow_wrap td.ipo_point .index_box:before {
    content: "";
    border-right: 10px solid #aaa;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 7px;
    left: -10px
}

table.ipo_flow_wrap td.ipo_point .index_box:after {
    content: "";
    border-right: 10px solid #cbe0f0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 7px;
    left: -8px;
    display: block;
    clear: both
}

table.ipo_flow_wrap td.ipo_point .index_box img {
    position: absolute;
    right: 10px;
    top: -8px
}

table.ipo_flow_wrap td.ipo_point .index_box span {
    font-size: 16px
}

table.ipo_flow_wrap td.ipo_point .img {
    text-align: center;
    float: left;
    width: 300px;
    margin: 0 10px 5px 0
}

table.ipo_flow_wrap td.ipo_point .txt {
    padding: 0 10px
}

table.ipo_flow_wrap td.ipo_point .arr {
    margin-right: 0
}

.md_rating {
    display: table;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 1em;
    font-size: 20px;
    line-height: 1
}

.md_rating:after {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    background: rgba(255,255,255,0.8);
    height: 2em;
    z-index: 1;
    top: 0;
    right: 0
}

.md_rating.on_20:after {
    width: 80%
}

.md_rating.on_30:after {
    width: 70%
}

.md_rating.on_40:after {
    width: 60%
}

.md_rating.on_50:after {
    width: 50%
}

.md_rating.on_60:after {
    width: 40%
}

.md_rating.on_70:after {
    width: 30%
}

.md_rating.on_80:after {
    width: 20%
}

.md_rating.on_90:after {
    width: 10%
}

.md_rating.on_100:after {
    width: 0
}

.md_rating .icon_wrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #d3b223
}

.com_data_table {
    width: 100%;
    font-size: 14px;
    margin: 10px 0
}

.com_data_table th,.com_data_table td {
    border: 1px #ccc solid;
    padding: 5px 3px;
    text-align: center;
    position: relative
}

.com_data_table th {
    background: #cbe0f0
}

.com_data_table strong {
    font-weight: bold;
    font-size: 1.3em;
    color: #002b5b
}

.com_data_table thead th {
    border-bottom: 2px solid #025592
}

.com_data_table .good {
    font-weight: bold;
    background: #fdfcba;
    font-size: 1.2em
}

.com_data_table .icon_recommend {
    text-align: left;
    position: absolute;
    left: -20px;
    top: 5px;
    min-height: 50px
}

.com_data_table .ipo_company {
    width: 20%;
    font-weight: bold
}

.com_data_table .ipo_company.no1 {
    padding-top: 40px
}

.com_data_table .ipo_coordinator {
    width: 15%
}

.com_data_table .ipo_lots {
    width: 10%
}

.com_data_table .ipo_par {
    width: 15%
}

.com_data_table .ipo_results {
    width: 10%
}

.com_data_table .ipo_point {
    width: 30%;
    text-align: left
}

.info_wrap .left {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    text-align: center
}

.info_wrap .right {
    width: 100%;
    float: right
}

.info_wrap .left img.snap {
    width: 380px;
    padding: 10px;
    height: auto
}

.info_wrap .point {
    width: 100%;
    border: 1px solid #aecae9;
    border-radius: 2px;
    margin-bottom: 30px
}

.md_graphpaper {
    background-color: transparent;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0) 95%, #ddd 50%, #ddd),-webkit-linear-gradient(0deg, rgba(0,0,0,0) 95%, #ddd 50%, #ddd);
    background-size: 12px 12px;
    background-repeat: repeat;
    position: relative
}

#faq {
    margin: 20px 0
}

#faq em {
    font-size: 1.1em;
    font-weight: bold
}

#faq p {
    font-weight: bold;
    color: #999;
    padding: 10px 0;
    text-indent: 0.1em
}

#faq a {
    color: #45a5ca
}

#faq .question {
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    font-size: 15px;
    color: #025592
}

#faq .question span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #AB1245;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
    margin: 0 10px 0 0;
    font-weight: normal
}

#faq .answer {
    text-align: left;
    padding: 10px 0;
    border-bottom: 5px solid #eee;
    padding-left: 2.2em;
    text-indent: -2.2em
}

#faq .answer span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #006157;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
    margin: 0 10px 0 0;
    font-weight: normal;
    text-indent: 0
}

#faq .stock-beginner {
    text-align: right;
    float: right;
    width: 970px;
    padding: 0 0 15px
}

#faq .stock-beginner a {
    color: #0000ff
}

.ol_list {
    padding-left: .5em
}

.ol_list li {
    list-style: decimal;
    list-style-position: inside;
    font-family: Times New Roman;
    font-style: oblique
}

.ol_list li h1,.ol_list li h2,.ol_list li h3,.ol_list li h4,.ol_list li h5,.ol_list li h6,.ol_list li div {
    display: inline
}

.md_list_wrapper {
    overflow-x: scroll;
    overflow-y: hidden
}

.md_list_wrapper .md_list {
    word-break: normal;
    word-break: keep-all;
    display: table
}

.md_list_wrapper .md_list li {
    display: table-cell
}

.md_list_wrapper::-webkit-scrollbar {
    margin-top: 3px;
    width: 0px;
    height: 5px;
    background: #ddd
}

.md_list_wrapper::-webkit-scrollbar-button {
    width: 0px;
    height: 5px
}

.md_list_wrapper::-webkit-scrollbar-thumb {
    width: auto;
    height: 5px;
    border-radius: 5px;
    background: #999
}

.md_list {
    width: 100%
}

.md_list>li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    padding: .5em;
    width: 100%
}

.md_list>li .cell {
    display: table-cell;
    vertical-align: middle
}

.md_list.size_s>li {
    padding: .25em
}

.md_sticky_table {
    display: block;
    position: relative;
    overflow: scroll;
    width: 100%;
    border-collapse: collapse;
    font-size: 0;
    background: #ebf2f7;
    border: 1px solid #ddd
}

.md_sticky_table caption {
    position: sticky;
    left: 0;
    z-index: 1;
    display: block;
    font-weight: bold;
    padding: .25em;
    background-color: #025592;
    color: #fff;
    font-size: 1.0rem
}

.md_sticky_table tr {
    flex-wrap: wrap;
    display: flex
}

.md_sticky_table thead,.md_sticky_table tbody {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.md_sticky_table th,.md_sticky_table td {
    float: left;
    align-items: stretch;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 1.0rem;
    padding: .25em .5em;
    text-align: center;
    width: 8em
}

.md_sticky_table tbody th,.md_sticky_table thead th {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #ebf2f7;
    font-weight: bold
}

.md_sticky_table thead {
    border-bottom: 2px solid #025592;
    font-weight: bold
}

.md_sticky_table tbody td {
    background: #fafafa
}

.md_sticky_table.is_5em th,.md_sticky_table.is_5em td {
    width: 5em
}

.md_scroll_wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap
}

.md_scroll_wrapper .md_scroll,.md_scroll_wrapper .md_table {
    width: 100%;
    word-break: break-all
}

.md_scroll_wrapper .md_scroll th,.md_scroll_wrapper .md_scroll td,.md_scroll_wrapper .md_table th,.md_scroll_wrapper .md_table td {
    min-width: 120px
}

.md_table {
    width: 100%
}

.md_table td,.md_table th {
    padding: .5em;
    border: 1px solid #a9a9a9;
    text-align: center
}

.md_table th {
    color: #666;
    background-color: #e1e7fd
}

.md_table th img {
    display: block;
    margin: 0 auto;
    text-align: center
}

.md_table th.company {
    width: 100px;
    background: #fff;
    padding: 4px 0
}

.md_table th.company span.name {
    font-size: 10px;
    color: #999;
    display: block;
    text-align: center;
    line-height: 10px
}

.md_table th.company span.name a {
    color: #999
}

.md_table th.company img {
    width: 100px
}

.md_table td.txtC {
    vertical-align: bottom
}

.md_table td.column0 {
    vertical-align: top;
    border-top: none;
    border-bottom: none;
    width: 100px;
    text-align: left;
    color: #ffffff;
    background-color: #3262bb
}

.md_table td.column0_w {
    vertical-align: top;
    border-right: solid 1px #a9a9a9;
    border-left: solid 1px #a9a9a9;
    border-top: none;
    border-bottom: none;
    width: 200px;
    text-align: left;
    color: #ffffff;
    background-color: #3262bb
}

.md_table td.column0 p {
    color: #ffffff
}

.md_table td.column1 {
    text-align: center;
    border: solid 1px #a9a9a9;
    border-collapse: collapse
}

.md_table td.md_point {
    width: 95.0px;
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    font-size: 1.5em
}

.md_table td.md_point_1 {
    width: 95.0px;
    text-align: center;
    color: #b22222;
    background-color: #ffffff;
    font-size: 1.5em
}

.md_table td.md_point_2 {
    width: 95.0px;
    text-align: center;
    color: #0000CD;
    background-color: #ffffff;
    font-size: 1.5em
}

.md_table td.no1,.md_table td.best {
    background: #ffccbc
}

.md_table td.no2,.md_table td.better {
    background: rgba(255,204,188,0.5)
}

.md_table td.no3,.md_table td.good {
    background: rgba(255,204,188,0.2)
}

.md_table.theme_vertical {
    border-bottom: 3px solid #3262bb
}

.md_table.theme_horizontal {
    border-right: 3px solid #3262bb
}

.md_table .head {
    background: #e8edff;
    font-weight: bold
}

.md_table .no1 {
    background-color: #ffa44a
}

.md_table .no2 {
    background-color: #FFFACD
}

.md_table.is_fixed {
    table-layout: fixed
}

.md_keywordbox li,.md_keywordbox div,.md_keywordbox p,.md_keywordbox>a {
    display: inline-block;
    overflow: hidden;
    margin: 0 .25em .5em .25em;
    padding: 0.25em 1em;
    background-color: #eff3f5;
    border-radius: 3em;
    float: left
}

.md_keywordbox.theme_link li,.md_keywordbox.theme_link div,.md_keywordbox.theme_link p,.md_keywordbox.theme_link>a {
    background-color: #eef0f5;
    border: 1px solid #95a5b1
}

.md_keywordbox li.label {
    background: none;
    border-width: 0;
    padding: 0.25em .5em .25em 0;
    font-weight: bold;
    color: #666
}

.md_cssBtn {
    border: 1px solid #d5d5d5;
    border-radius: .3em;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f2));
    background: linear-gradient(#fdfdfd, #f2f2f2);
    -webkit-box-shadow: 0 1px 1px 1px rgba(153,153,153,0.3);
    box-shadow: 0 1px 1px 1px rgba(153,153,153,0.3);
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    cursor: pointer;
    display: block
}

.md_cssBtn:hover {
    border: 1px solid #2196f3;
    text-decoration: none;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.md_cssBtn.theme_orange {
    border: 1px solid #faae87;
    background: -webkit-gradient(linear, left top, left bottom, from(#f66c25), color-stop(46%, #ee5e23), color-stop(46%, #e64f20), to(#e65224));
    background: linear-gradient(to bottom, #f66c25, #ee5e23 46%, #e64f20 46%, #e65224);
    color: #fff;
    text-shadow: -1px -1px 0 #c64908
}

.md_cssBtn.theme_orange:hover {
    border: 1px solid #ee5e23
}

.md_cssBtn.theme_dark {
    border-color: #666 #666 #4c4c4c #666;
    color: #fff;
    background: #191919;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#191919));
    background-image: linear-gradient(#4c4c4c, #191919);
    text-shadow: 1px 1px 0 #4c4c4c
}

.md_cssBtn.theme_green {
    border: 1px solid #154c3c;
    background: #2F836B;
    background: -webkit-gradient(linear, left top, left bottom, from(#3caf70), to(#2F836B));
    background: linear-gradient(#3caf70, #2F836B);
    color: #fff;
    text-shadow: 1px 1px 0 #4c4c4c
}

.md_cssBtn.size_ss {
    padding: .5em;
    font-size: 0.75em
}

.md_cssBtn.size_s {
    padding: .5em;
    font-size: 0.875em
}

.md_cssBtn.size_m {
    padding: .5em;
    font-size: 1em
}

.md_cssBtn.size_l {
    padding: .5em;
    font-size: 1.125em
}

.md_cssBtn.size_ll {
    padding: .5em;
    font-size: 1.25em
}

.md_selecter {
    border-radius: .25em;
    background: #f2f2f2;
    overflow: hidden;
    line-height: 2.3;
    padding: 0;
}

.md_selecter select {
    border: none;
    background-color: transparent;
	width: 100%;
	cursor: pointer;
}

.img_radius-full {
    border: 3px solid #bbcad4;
    border-radius: 50%;
    width: 100%;
    height: auto
}

.radius {
    border-radius: .5em;
    border: 2px solid #cdd4df
}

.bl_bdc {
    border-bottom: 3px solid #0d437f
}

.bl_g2_5c {
    border-bottom: 3px solid #cdd4df
}

.qa_radius {
    display: inline-block;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    border-radius: 20%;
    color: #fff;
    font-size: 1.125em;
    font-style: normal;
    text-align: center;
    line-height: 2
}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

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

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

h1 {
    font-size: 2em
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

code,kbd,pre,samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],input[disabled] {
    cursor: default
}

input[type="checkbox"],input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

body {
    -webkit-text-size-adjust: 100%;
    background-color: #fff;
    line-height: 1.75;
    word-wrap: break-word
}

h1,h2,h3,h4,h5,p,ul,ol,li {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #0066CC
}

a:hover {
    color: #0066CC
}

h1,h2 {
    font-size: 1.4rem
}

h3 {
    font-size: 1.125em
}

h4 {
    font-size: 1.125em
}

h5 {
    font-size: 1.125em
}

ul,li {
    list-style: none
}

em {
    font-style: normal
}

.drawer-nav {
    position: fixed;
    top: 0;
    z-index: 10;
    overflow: hidden;
    width: 25rem;
    height: 100%;
    color: #222;
    background-color: #fff
}

.drawer-menu {
    list-style: none;
    color: #333
}

.drawer-menu .diff,.drawer-menu .price {
    text-align: right
}

.drawer-brand {
    display: block;
    text-decoration: none;
    color: #a0aec0;
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 2rem 1.6rem .5rem;
    background-color: #f7fafc;
    border-bottom: 1px solid #e2e8f0
}

.drawer-menu-item {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: #333;
    font-size: 1.5rem;
    padding: 1.2rem 1.6rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 0;
    line-height: 1.5
}

.drawer-menu-item i {
    line-height: 1.5
}

.drawer-menu-item:hover {
    color: #333
}

.drawer-change {
    display: block;
    text-decoration: none;
    line-height: 1.5;
    padding: 2.4rem 1.6rem;
    background-color: #f7fafc;
    border-bottom: 1px solid #cbd5e0
}

.drawer-change-button {
    display: block;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    padding: 1.2rem .5rem;
    background-color: #144484;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,0) 0 0 0 0,rgba(0,0,0,0) 0 0 0 0,rgba(0,0,0,0.1) 0 4px 6px -1px,rgba(0,0,0,0.06) 0 2px 4px -1px;
    box-shadow: rgba(0,0,0,0) 0 0 0 0,rgba(0,0,0,0) 0 0 0 0,rgba(0,0,0,0.1) 0 4px 6px -1px,rgba(0,0,0,0.06) 0 2px 4px -1px
}

.drawer-comment {
    background-color: #e2e8f0
}

.drawer-company {
    background-color: #2d3748
}

.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 8;
    background-color: rgba(0,0,0,0.7)
}

.drawer-open .drawer-overlay {
    display: block
}

.drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}

.drawer--top.drawer-open .drawer-nav {
    top: 0
}

.drawer--top.drawer-open .drawer-hamburger {
    right: 0
}

.drawer--left .drawer-nav {
    left: -25rem;
    -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}

.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0
}

.drawer--left.drawer-open .drawer-hamburger {
    left: 16.25rem
}

.drawer--right .drawer-nav {
    right: -16.25rem;
    -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}

.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 16.25rem
}

.drawer-hamburger {
    display: inline-block;
    color: #144484;
    border: 0;
    outline: 0;
    background-color: transparent
}

.drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent
}

.drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px
}

.drawer-hamburger,.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}

.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    background-color: #222
}

.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: ' '
}

.drawer-hamburger-icon:after {
    top: 10px
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent
}

.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before {
    top: 0
}

.drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.drawer--sidebar,.drawer--sidebar .drawer-contents {
    background-color: #fff
}

@media (min-width: 64em) {
    .drawer--sidebar .drawer-hamburger {
        display:none;
        visibility: hidden
    }

    .drawer--sidebar .drawer-nav {
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: fixed;
        width: 12.5rem;
        height: 100%
    }

    .drawer--sidebar.drawer--left .drawer-nav {
        left: 0;
        border-right: 1px solid #ddd
    }

    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 12.5rem
    }

    .drawer--sidebar.drawer--right .drawer-nav {
        right: 0;
        border-left: 1px solid #ddd
    }

    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 12.5rem
    }

    .drawer--sidebar .drawer-container {
        max-width: 48rem
    }
}

@media (min-width: 75em) {
    .drawer--sidebar .drawer-nav {
        width:16.25rem
    }

    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 16.25rem
    }

    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 16.25rem
    }

    .drawer--sidebar .drawer-container {
        max-width: 60rem
    }
}

.drawer--navbarTopGutter {
    padding-top: 3.75rem
}

.drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.drawer-navbar {
    z-index: 3;
    top: 0;
    width: 100%
}

.drawer-navbar--fixed {
    position: fixed
}

.drawer-navbar-header {
    position: relative;
    z-index: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 .75rem;
    text-align: center
}

.drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none
}

.drawer-navbar .drawer-brand:hover {
    background-color: transparent
}

.drawer-navbar .drawer-nav {
    padding-top: 3.75rem
}

.drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem
}

@media (min-width: 64em) {
    .drawer-navbar {
        height:3.75rem;
        border-bottom: 1px solid #ddd;
        background-color: #fff
    }

    .drawer-navbar .drawer-navbar-header {
        position: relative;
        display: block;
        float: left;
        width: auto;
        padding: 0;
        border: 0
    }

    .drawer-navbar .drawer-menu--right {
        float: right
    }

    .drawer-navbar .drawer-menu li {
        float: left
    }

    .drawer-navbar .drawer-menu-item {
        line-height: 3.75rem;
        padding-top: 0;
        padding-bottom: 0
    }

    .drawer-navbar .drawer-hamburger {
        display: none
    }

    .drawer-navbar .drawer-nav {
        position: relative;
        left: 0;
        overflow: visible;
        width: auto;
        height: 3.75rem;
        padding-top: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .drawer-navbar .drawer-menu {
        padding: 0
    }

    .drawer-navbar .drawer-dropdown-menu {
        position: absolute;
        width: 16.25rem;
        border: 1px solid #ddd
    }

    .drawer-navbar .drawer-dropdown-menu-item {
        padding-left: .75rem
    }
}

.drawer-dropdown-menu {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff
}

.drawer-dropdown-menu>li {
    width: 100%;
    list-style: none
}

.drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: .75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #222
}

.drawer-dropdown-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent
}

.drawer-dropdown.open>.drawer-dropdown-menu {
    display: block
}

.drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.drawer-container {
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 64em) {
    .drawer-container {
        max-width:60rem
    }
}

@media (min-width: 75em) {
    .drawer-container {
        max-width:70rem
    }
}

.bottom-ads,.top-ads {
    text-align: center;
    margin-bottom: 1.5rem
}

.l-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 2px
}

.l-col {
    display: inline-block;
    vertical-align: top;
    margin-left: 1%
}

.l-col:first-child {
    margin-left: 0
}

.l-col.col_12 {
    width: 100%
}

.l-col.col_11 {
    width: 91.575%
}

.l-col.col_10 {
    width: 83.16%
}

.l-col.col_9 {
    width: 74.745%
}

.l-col.col_8 {
    width: 66.33%
}

.l-col.col_7 {
    width: 57.915%
}

.l-col.col_6 {
    width: 49.5%
}

.l-col.col_5 {
    width: 41.085%
}

.l-col.col_4 {
    width: 32.67%
}

.l-col.col_3 {
    width: 24.2385%
}

.l-col.col_2 {
    width: 15.83175%
}

.l-col.col_1 {
    width: 7.41675%
}

.drawer-hamburger-icon {
    height: 3px;
    margin-top: 8px;
    background-color: #144484
}

.drawer-hamburger-icon:before {
    height: 3px;
    top: -9px;
    background-color: #144484
}

.drawer-hamburger-icon:after {
    height: 3px;
    top: 9px;
    background-color: #144484
}

.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before {
    background-color: #fff
}

.drawer-hamburger-text {
    position: absolute;
    top: 3rem;
    right: 1rem;
    font-size: 1rem;
    text-align: center
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 25rem
}

.drawer--right .drawer-nav {
    right: -25rem
}

#footer {
    text-align: center
}

#footer .link_to_pc {
    background: #144484;
    font-size: 1.3rem;
    color: #fff;
    padding: 1.5rem
}

#footer .disclaimer {
    background: #edf2f7;
    text-align: left;
    font-size: 1.1rem;
    padding: .5rem
}

#footer .links {
    background: #edf2f7;
    padding: 1rem;
    font-size: 1.3rem
}

#footer .links li {
    display: inline-block
}

#footer .menu {
    background: #fff;
    padding: 10px;
    font-size: 1.3rem
}

#footer .menu li {
    display: inline-block
}

#footer .delimiter {
    margin: 5px;
    color: #fff
}

.header-top-sticky {
    position: sticky;
    top: 0;
    z-index: 5
}

#header {
    height: 4.5rem
}

#header h1 {
    display: none
}

.l-menu {
    position: absolute;
    right: 4px;
    line-height: .5;
    font-size: 1.1rem
}

.l-menu .img_wf-menu {
    font-size: 3.2rem;
    color: #144484
}

#gnavi {
    background-color: #025592
}

#gnavi .sp_header_current {
    background-color: #57739F
}

.default-btns {
    margin: 8px
}

.default-btns h2 {
    font-weight: 400
}

.default-btns .default-btn {
    line-height: 40px;
    min-height: 40px;
    border-radius: 4px;
    border: 1px solid #4dd0e1;
    text-align: center;
    color: #4dd0e1;
    background: #fff
}

.default-btns .default-btn a {
    color: #4dd0e1;
    display: block
}

.default-btns .default-btn:hover {
    color: #4dd0e1;
    background: #fbebbc
}

.default-btns .default-btn i {
    margin-right: 4px
}

.default-btns .is-active {
    background: #fbebbc
}

.list-more {
    display: block;
    padding: 1rem 0;
    font-size: 1.4rem;
    background: #fafafa;
    border-top: 1px solid #eceff1;
    border-bottom: 1px solid #eceff1
}

.list-more,.news-related-pdf {
    color: #4dd0e1;
    text-align: center
}

.news-related-pdf {
    line-height: 20px;
    min-height: 20px;
    border-radius: 4px;
    border: 1px solid #4dd0e1;
    background: #fff;
    width: 13rem;
    margin-right: 1rem;
    margin-left: auto
}

.news-related-pdf a {
    color: #4dd0e1;
    display: block
}

.news-related-pdf:hover {
    color: #4dd0e1;
    background: #fbebbc
}

.news-related-pdf i {
    margin-right: 4px
}

.square-btns {
    margin: 8px 0;
    border: 1px solid #999
}

.square-btn {
    margin: 0;
    line-height: 40px;
    min-height: 40px;
    border-right: 1px solid #999;
    text-align: center;
    background: #fff
}

.square-btn:last-child {
    border-right: 0
}

.square-btn a {
    display: block;
    background: #eceff1
}

.square-btn a:hover {
    background: #fff
}

.stock-external-link {
    padding: .5rem 2rem
}

.stock-menu-btns {
    border: 1px solid #999;
    text-align: center;
    margin: 1rem auto;
    background: #eceff1
}

.stock-menu-btns h2 {
    font-weight: 400;
    font-size: 1.2rem
}

.stock-menu-btns .stock-menu-btn {
    margin-left: 0;
    border-right: 1px solid #999
}

.stock-menu-btns .stock-menu-btn a {
    font-size: 1.2rem;
    display: block;
    height: 5rem;
    padding: .7rem
}

.stock-menu-btns .stock-menu-btn a:hover {
    background: #fff
}

.stock-menu-btns .stock-menu-btn:last-child {
    border-right: 0
}

.stock-menu-btns .is_active,.view-more {
    background: #fff
}

.view-more {
    margin: .5rem 1rem;
    line-height: 40px;
    min-height: 40px;
    border-radius: 4px;
    border: 1px solid #4dd0e1;
    text-align: center;
    color: #4dd0e1
}

.view-more a {
    color: #4dd0e1;
    display: block
}

.view-more:hover {
    color: #4dd0e1;
    background: #fbebbc
}

.view-more i {
    margin-right: 4px
}

[class^="heading"] i {
    margin-right: 4px;
    color: #144484
}

.heading-white,.heading-white-no-bottom {
    padding: 4px 8px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    margin: 5px
}

.heading-white {
    border-bottom: 1px solid #b0bec5
}

.heading-colored {
    padding: 4px 8px;
    background-color: #e0f7fa;
    border: 1px solid #b0bec5;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    margin: 5px
}

.heading-innertext {
    border-left: solid 5px #4dd0e1;
    padding-left: 5px
}

.heading-normal-font {
    font-weight: 400
}

.heading-innertext-gray {
    border-left: solid 5px #616161;
    padding-left: 5px
}

.heading-gray {
    color: #616161;
    padding-left: 5px;
    margin-left: 5px
}

.heading-innertext-green {
    border-left: solid 5px #2e7d32;
    padding-left: 5px
}

.heading-green {
    color: #2e7d32;
    padding-left: 5px;
    margin-left: 5px
}

.heading-innertext-orange {
    border-left: solid 5px #ef6c00;
    padding-left: 5px
}

.heading-orange {
    color: #ef6c00;
    padding-left: 5px;
    margin-left: 5px
}

.news_evaluation_points {
    line-height: 4rem
}

.triangle-right:before {
    display: inline-block;
    content: "";
    border: 5px solid transparent;
    border-left: 7px solid gold;
    margin-right: -4px
}

.img-logo-kabutan {
    background-image: url(../img/kabutan_sp/logo.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 2pc;
    width: 121px;
    background-size: 121px auto;
    vertical-align: middle
}

.view-more-small {
    text-align: right;
    margin: 0 .5em
}

.yearly-highlow {
    margin: 1rem;
    text-align: center
}

.yearly-highlow .highlow-price {
    text-align: right
}

#pl-table-about-toggle {
    text-align: center;
    border: 1px solid #999;
    margin: .5rem 1rem;
    padding: .5rem;
    color: #06c
}

.pl-table-about {
    text-align: left;
    font-size: 1rem;
    margin: 0 1rem
}

.pl-table-about ul li {
    list-style: disc
}

.pl-table-about .caution,.plus-num {
    color: red
}

.minus-num {
    color: #2196f3
}

.ranking {
    font-size: 2rem;
    font-weight: 700;
    text-align: left;
    padding-left: .6rem
}

.ranking-1 {
    color: gold
}

.ranking-2 {
    color: silver
}

.ranking-3 {
    color: brown
}

#list-tab-swiper,#list-tab-swiper2 {
    position: relative;
    top: 1px;
    height: 3.5rem
}

#list-tab-swiper2 .swiper-slide,#list-tab-swiper .swiper-slide {
    padding: .7rem .5rem 0;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: #999;
    border-radius: 4px 4px 0 0;
    background: #eceff1;
    border-bottom: 1px solid #999;
    text-align: center;
    font-size: 1.4rem
}

#list-tab-swiper2 .is-active,#list-tab-swiper .is-active {
    background: #fff;
    border-bottom: 1px solid #fff
}

#list-tab-swiper2 .warning-tab,#list-tab-swiper .warning-tab {
    width: 7rem
}

#list-tab-swiper2 .tansaku-tab,#list-tab-swiper .tansaku-tab {
    width: 10.5rem
}

#list-content-swiper,#list-content-swiper2 {
    position: relative;
    z-index: 0;
    border-top: 1px solid #999;
    width: 100%
}

.btn.hover,.btn:hover {
    -webkit-box-shadow: inset 0 0 0 #fff,0 0 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0 #fff,0 0 0 rgba(0,0,0,0.1)
}

.btn:active {
    position: relative;
    top: 1px
}

.btn.is-active {
    background-color: #144484;
    color: #fff
}

.btn.is-active a {
    color: #fff
}

.btn.is-invalid {
    background-color: #f5f5f5;
    border-color: #78909c;
    -webkit-box-shadow: inset 0 0 0 #fff,0 0 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0 #fff,0 0 0 rgba(0,0,0,0.1);
    color: #999
}

.btn.is-invalid a {
    color: #999
}

.tab .is-active {
    position: relative;
    top: 1px;
    border-bottom: 2px solid #144484;
    font-weight: 700;
    color: #333
}

.data dd {
    margin: 0
}

#company_page {
    font-size: 14px
}

#company_page .img_box {
    text-align: center;
    margin: 5px
}

#company_page .page_index {
    border-bottom: 1px solid #025592;
    font-size: 13px;
    color: #002b5b;
    border-radius: 2px;
    text-align: left
}

#company_page .page_index .title.main {
    padding: 0;
    height: 40px;
    line-height: 40px;
    position: relative;
    float: left;
    width: 100%
}

#company_page .page_index .title.main h2 {
    margin-left: 5px;
    float: left;
    font-weight: bold
}

#company_page .page_index .title.main .com_menu {
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 6px;
    font-size: 10px;
    border-left: 1px solid #ddd;
    background: url(../img/ico/arr_down_gl.png) no-repeat 96% center
}

#company_page .page_index .com_list li {
    display: inline-block;
    margin-right: 2%;
    padding: 10px 0;
    font-size: 11px;
    text-indent: 10px
}

@media (max-width: 768px) {
    #company_page .page_index .com_list li {
        margin-right:0;
        float: left;
        width: 50%;
        border-top: 1px dotted #ccc
    }
}

#company_page .page_index .com_list li a {
    color: #025592
}

#company_page .page_index .com_list li a:hover {
    color: #d00
}

#company_page .page_index .com_list li.cur a {
    color: #999
}

#company_page .page_index .com_list li span {
    font-size: 8px;
    color: #d00;
    margin-right: 2px
}

#company_page .sub_index {
    background-color: #025592;
    background: -moz-linear-gradient(right, #025592, #002b5b);
    background: -webkit-gradient(linear, left top, right top, from(#025592), to(#002b5b));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ff025592,EndColorStr=#ff002b5b);
    background: linear-gradient(to right, #025592, #002b5b);
    border-bottom: 3px #002b5b solid;
    font-size: 18px;
    margin: 10px 0;
    color: #fff;
    border-radius: 2px;
    text-align: left
}

#company_page .sub_index .title.signup {
    background: url(../img/company/card.png) no-repeat 10px 5px;
    padding: 10px 0 5px 50px;
    font-weight: bold
}

#company_page .sub_index .title.topic {
    background: url(../img/company/buil.png) no-repeat 10px 2px;
    padding: 10px 0 5px 50px;
    font-weight: bold
}

#company_page .mini_index {
    border-bottom: 1px dotted #025592;
    border-left: 8px solid #025592;
    font-size: 15px;
    padding: 3px 5px;
    margin: 10px 0 10px;
    font-weight: bold;
    text-align: left
}

#company_page .analyze ul.com-tbar {
    background: url(../img/hikaku/rank_title_bg.png) no-repeat;
    height: 50px
}

@media (max-width: 768px) {
    #company_page .analyze ul.com-tbar {
        background-color:#025592;
        background: -moz-linear-gradient(right, #025592, #002b5b);
        background: -webkit-gradient(linear, left top, right top, from(#025592), to(#002b5b));
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ff025592,EndColorStr=#ff002b5b);
        background: linear-gradient(to right, #025592, #002b5b);
        border-bottom: 3px #002b5b solid;
        height: 50px
    }
}

#company_page .analyze ul.com-tbar li.icon {
    padding-left: 10px;
    height: 50px;
    margin-top: -10px
}

#company_page .analyze ul.com-tbar li.txt {
    text-align: left;
    line-height: 48px;
    color: #FFF;
    font-size: 15px
}

#company_page .analyze ul.com-tbar li.txt div {
    float: left
}

#company_page .analyze ul.com-tbar li.txt a {
    color: #FFF;
    font-size: 17px;
    font-weight: bold
}

#company_page .analyze ul.com-tbar li.txt a:hover {
    color: #489dd4
}

#company_page .analyze ul.com-tbar li.logo {
    text-align: right;
    padding-right: 15px;
    height: 50px
}

@media (max-width: 768px) {
    #company_page .analyze ul.com-tbar li.logo {
        display:none
    }
}

#company_page .analyze ul.com-tbar li.logo img {
    height: 50px;
    width: auto
}

.analyze .comarea {
    border-bottom: #073878 6px solid
}

.analyze .comarea .logo {
    font-size: 35px;
    color: #073878;
    line-height: 90px;
    font-weight: bold
}

@media (max-width: 768px) {
    .analyze .comarea .logo {
        display:none
    }
}

#company_page .analyze .comarea .logo a {
    color: #073878
}

#company_page .analyze .comarea .logo img {
    padding-top: 10px;
    height: 60px
}

#company_page .analyze .comarea .banner {
    text-align: right;
    margin: 10px 0px;
    text-align: center
}

#company_page .analyze .comarea .banner img {
    width: 90%
}

#company_page .analyze dl.data .left {
    margin: 10px 0;
    padding: 0;
    text-align: center
}

#company_page .analyze dl.data .right {
    margin: 10px 0;
    padding-top: 0
}

#company_page .analyze dl.data img.snap {
    width: 80%;
    padding: 5%;
    height: auto;
    background: url("../img/company/bg_pattern.gif") repeat
}

@media (max-width: 768px) {
    #company_page .analyze dl.data img.snap {
        width:70%
    }
}

#company_page .analyze dl.data .point {
    width: 90%;
    border: 1px solid #aecae9;
    border-radius: 2px;
    margin-bottom: 20px
}

#company_page .analyze dl.data .point dt {
    background: url("../img/company/bg_pattern.gif") repeat;
    color: #073878;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding: 3px;
    -webkit-filter: dropshadow(color=#fff,offX=0,offY=-2) dropshadow(color=#fff,offX=2,offY=0) dropshadow(color=#fff,offX=0,offY=2) dropshadow(color=#fff,offX=-2,offY=0);
    filter: dropshadow(color=#fff,offX=0,offY=-2) dropshadow(color=#fff,offX=2,offY=0) dropshadow(color=#fff,offX=0,offY=2) dropshadow(color=#fff,offX=-2,offY=0);
    -webkit-text-stroke-color: #ffffff;
    -webkit-text-stroke-width: 0px;
    text-shadow: #ffffff 2px 2px 0px, #ffffff -2px 2px 0px,#ffffff 2px -2px 0px, #ffffff -2px -2px 0px
}

#company_page .analyze dl.data .point dt img {
    margin-top: -10px
}

#company_page .analyze dl.data .point dt em {
    font-size: 1.2em;
    font-weight: bold
}

#company_page .analyze dl.data .point dd {
    text-align: left;
    border: none;
    margin-top: 0;
    padding: 5px 10px
}

#company_page .analyze dl.data .point h4 {
    background: url(../img/company/hyouka_point.png) no-repeat left top;
    font-size: 16px;
    font-weight: bold;
    color: #9c1517;
    padding: 4px 0 2px 40px
}

#company_page .analyze dl.data .point p {
    color: #333333;
    padding-left: 40px
}

#company_page .analyze dl.data .btn {
    margin: 10px auto 20px;
    text-align: center
}

#company_page .howtobuy {
    border: 2px solid #b5c9df;
    border-radius: 3px;
    background: #eff7ff;
    position: relative;
    padding: 10px
}

#company_page .howtobuy:before {
    content: "";
    border-bottom: 20px solid #b5c9df;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    right: 120px;
    top: -20px
}

#company_page .howtobuy:after {
    content: "";
    border-bottom: 20px solid #eff7ff;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    right: 120px;
    top: -18px
}

#company_page .howtobuy .index {
    color: #104a8e;
    padding: 5px 10px 5px 30px;
    font-size: 15px;
    border-bottom: 1px dotted #025592;
    background: url(../img/ico/arr_skip_rbl_30.gif) no-repeat 10px center
}

#company_page .howtobuy .txt {
    padding: 10px
}

#company_page .howtostep ul.step {
    margin: 10px 0
}

#company_page .howtostep ul.step li {
    border: 2px solid #025592;
    border-radius: 3px;
    float: left;
    height: 120px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 292px;
    text-shadow: 2px 2px 0px white;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
    background-image: linear-gradient(to bottom, #fff, #fafafa);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#fafafa);
    box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px #ccc
}

@media (max-width: 768px) {
    #company_page .howtostep ul.step li {
        width:100%;
        margin-right: 0
    }
}

#company_page .howtostep ul.step li .index_box {
    background: url(../img/company/hyouka_point.png) no-repeat 5px top #eff7ff;
    position: relative;
    color: #104a8e;
    padding: 5px 10px 5px 40px;
    border-bottom: 1px dotted #025592;
    font-weight: bold;
    font-size: 15px
}

#company_page .howtostep ul.step li .index_box img {
    position: absolute;
    right: 10px;
    top: -8px
}

#company_page .howtostep ul.step li .index_box span {
    font-size: 16px
}

#company_page .howtostep ul.step li .txt {
    padding: 10px;
    font-size: 14px
}

#company_page .howtostep ul.step li .arr {
    margin-right: 0
}

#company_page .kaisetu_step li {
    border-radius: 3px;
    float: left;
    min-height: 225px;
    text-shadow: 2px 2px 0px white
}

@media (max-width: 768px) {
    #company_page .kaisetu_step li {
        min-height:0;
        height: auto
    }
}

#company_page .kaisetu_step li .index_box {
    position: relative;
    color: #104a8e;
    padding: 5px;
    border: 1px dotted #b5c9df;
    font-weight: bold;
    font-size: 15px;
    background: #eff7ff
}

#company_page .kaisetu_step li .txt {
    padding: 10px;
    font-size: 14px
}

#company_page .kaisetu_step.three li {
    width: 300px;
    min-height: 150px
}

#company_page .kaisetu_step.three li .index_box {
    background: url(/images/ico/arr_skip_rbl_30.gif) no-repeat 270px 5px #eff7ff
}

#company_page .cv_btn {
    width: 90%;
    margin: 10px auto 20px;
    border-radius: 5px;
    text-align: center;
    padding: 15px 0;
    -webkit-box-shadow: 0 1px 1px 1px rgba(153,153,153,0.3);
    box-shadow: 0 1px 1px 1px rgba(153,153,153,0.3);
    text-decoration: none;
    display: block;
    font-weight: normal;
    text-shadow: -1px -1px 0 #c58d5f;
    color: #FFFFFF;
    background-color: #fe9900;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9900), to(#d42e04));
    background-image: linear-gradient(to bottom, #fe9900, #d42e04);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fe9900, endColorstr=#d42e04)
}

#company_page .cv_btn:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7
}

#company_page .cv_btn a {
    color: #fff
}

#company_page .arr_down {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #104a8e
}

#company_page section {
    margin: 40px 0
}

#company_page #tabnavi {
    margin: 20px 0 0;
    padding: 0
}

#company_page #tabnavi li {
    display: inline;
    margin-left: 4px;
    margin-right: 4px
}

#company_page #tabnavi li a {
    width: 129px;
    text-align: center;
    line-height: 1.2;
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 0;
    border-radius: 4px 4px 0 0;
    position: relative;
    behavior: url("PIE.htc");
    text-decoration: none;
    vertical-align: bottom;
    background: #8fb8e4;
    color: #fff
}

#company_page #tabnavi li a:hover,#company_page #tabnavi li a.active {
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
    background: #025592;
    border: none
}

#company_page #tabnavi li small {
    display: block;
    font-size: 13px
}

#company_page #tabcontent {
    background: #fff;
    padding: 0
}

#company_page .vi {
    background: #025592;
    font-size: 150%;
    padding: 5px 10px
}

.vi p {
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 3px #666
}

#company_page #tabcontent .sub_index {
    background: url(../img/company/hyouka_point.png) no-repeat 10px center #025592;
    padding: 5px 20px 5px 50px;
    margin: 5px
}

#company_page #tabcontent .info_wrap img.snap {
    width: 80%;
    padding: 5%;
    height: auto;
    margin: 20px 0
}

@media (max-width: 768px) {
    #company_page #tabcontent .info_wrap img.snap {
        width:70%
    }
}

#company_page #tabcontent .note {
    color: #999;
    text-align: right;
    padding: 10px;
    border-top: 1px #ccc dotted;
    margin-top: 10px;
    font-size: 12px
}

#company_page #tabcontent .note a {
    color: #104a8e
}

#company_page .com_data_table table {
    width: 100%;
    font-size: 14px;
    margin: 10px 0
}

#company_page .com_data_table table th,.com_data_table table td {
    border: 1px #ccc solid;
    padding: 5px 1%;
    text-align: left
}

#company_page .com_data_table table th {
    background: #cbe0f0;
    font-size: 12px
}

#company_page .com_data_table table strong {
    font-weight: bold;
    font-size: 1.3em;
    color: #002b5b
}

#company_page .info_wrap .left {
    padding: 0;
    text-align: center
}

#company_page .info_wrap .right {
    margin: 0px 0px 10px
}

#company_page .info_wrap .left img.snap {
    width: 80%;
    padding: 5%;
    height: auto;
    background: url("../img/company/bg_pattern.gif") repeat scroll 0 0 rgba(0,0,0,0)
}

@media (max-width: 768px) {
    #company_page .info_wrap .left img.snap {
        width:70%
    }
}

#company_page .info_wrap .point {
    width: 100%;
    border: 1px solid #aecae9;
    border-radius: 2px;
    margin-bottom: 30px
}

#company_page .info_wrap em {
    font-weight: bold;
    color: #9c1517;
    font-size: 1.1em;
    text-decoration: underline
}

.kuchikomi {
    overflow: hidden;
    padding-bottom: 10px;
    border-top: 2px solid #073878;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfebef), to(#fff));
    background-image: linear-gradient(to bottom, #dfebef, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#dfebef, endColorstr=#fff)
}

.kuchikomi .kuchikomi-column {
    margin-bottom: 5px
}

.kuchikomi h4 {
    background: url("../img/company/comment.png") no-repeat 15px center;
    color: #073878;
    padding: 5px 0 0 50px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    -webkit-filter: dropshadow(color=#fff,offX=0,offY=-2) dropshadow(color=#fff,offX=2,offY=0) dropshadow(color=#fff,offX=0,offY=2) dropshadow(color=#fff,offX=-2,offY=0);
    filter: dropshadow(color=#fff,offX=0,offY=-2) dropshadow(color=#fff,offX=2,offY=0) dropshadow(color=#fff,offX=0,offY=2) dropshadow(color=#fff,offX=-2,offY=0);
    -webkit-text-stroke-color: #ffffff;
    -webkit-text-stroke-width: 0px;
    text-shadow: #ffffff 2px 2px 0px, #ffffff -2px 2px 0px,#ffffff 2px -2px 0px, #ffffff -2px -2px 0px
}

.kuchikomi .arrow_box_R:before {
    border-left-color: #aecae9
}

.kuchikomi .arrow_box_R:after,.kuchikomi .arrow_box_R:before {
    top: 20%
}

.arrow_box_R:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #aecae9;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: " ";
    height: 0;
    margin-top: -7px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.arrow_box_R:after,.arrow_box_R:before {
    left: 100%;
    top: 50%
}

.kuchikomi .arrow_box_R:after,.kuchikomi .arrow_box_R:before {
    top: 20%
}

.arrow_box_R:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #fff;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.arrow_box_R:after,.arrow_box_R:before {
    left: 100%;
    top: 50%
}

.kuchikomi .arrow_box_R {
    border: 1px solid #ccc;
    float: left;
    margin-left: 10px;
    width: 70%;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px;
    position: relative
}

.kuchikomi .img-character {
    display: inline-block
}

.kuchikomi .hyouka {
    color: #073878;
    padding: .5em;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 30px
}

.kuchikomi .hyouka li {
    float: left;
    height: 34px
}

.kuchikomi .kuchikomi-area {
    background: url(../img/company/bg_pattern.gif) repeat;
    padding: 8px 3px;
    height: 350px;
    width: 94%;
    margin: 0 auto 30px;
    overflow-y: scroll;
    border-radius: 2px;
    border: 1px solid #aecae9;
    -webkit-box-shadow: 0px 0px 3px 1px #8fa5bd inset;
    box-shadow: 0px 0px 3px 1px #8fa5bd inset
}

.kuchikomi .kuchikomi-column .arrow_profile {
    width: 18%;
    float: left;
    padding: 2px 0;
    font-size: 11px;
    text-align: center;
    line-height: 22px
}

.kuchikomi .kuchikomi-column .arrow_box {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-left: 5px;
    width: 75%;
    padding: 5px 6px;
    display: inline-block;
    font-size: 12px;
    position: relative
}

.uline {
    border-right: 2px solid #dbe0e8 !important
}

.uline_b {
    border-bottom: 2px solid #dbe0e8 !important
}

.ly_grid {
    margin-top: 6px;
    border: 2px solid #dbe0e8 !important;
    border-radius: 5px
}

.ly_grid li:hover {
    background-color: #eef2f6
}

.ly_grid i {
    font-size: 40px
}

.ly_grid .title {
    font-size: 16px !important;
    font-weight: bold !important
}

.unit_select select {
    font-weight: bold;
    height: 1.75em;
    font-size: 1.25em;
    max-width: 100%;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    width: 100px;
    display: inline-block;
    border: 1px solid #aaaaaa;
    padding: 0px 4px;
    margin: 0 3px
}

.price_table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    border-spacing: 0px 0px;
    margin: 20px auto;
    margin-top: 0;
    width: 100%
}

.price_table th,.price_table td {
    padding: .5em .25em;
    border: 1px solid #e6e6e6;
    text-align: center;
    vertical-align: middle;
    font-size: 13px
}

.price_table th {
    white-space: nowrap;
    background: #e4e4e4;
    font-size: 12px;
    line-height: 1;
    background: #355982;
    color: #fff
}

.price_table th.min_fee {
    background: #fbf0f3;
    border: 2px solid #e85050;
    border-bottom: 1px solid #dcbbbc;
    color: #d00
}

.price_table td.min_fee {
    border-left: 2px solid #e85050;
    border-right: 2px solid #e85050;
    border-bottom: 1px solid #dcbbbc
}

.price_table tr:last-child td.min_fee {
    border-bottom: 2px solid #e85050
}

.price_table tr:last-child td.min_price {
    position: relative
}

.price_table tr:last-child td.min_price:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    background: #dcbbbc
}

.price_table tr:last-child td.min_price:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    height: 1px;
    background: #fff
}

.price_table td.com a {
    font-weight: bold;
    line-height: 1.4
}

.price_table td.table_rank {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    background: #bababa
}

.price_table td.com,.price_table td.com_link {
    min-width: 100px
}

.price_table td.unit_price div {
    text-align: center;
    font-weight: bold
}

.price_table td.min_price {
    font-weight: bold
}

.price_table td.min_price * {
    font-weight: bold
}

.price_table td.symbol {
    background: none;
    font-size: 1.25em;
    font-weight: bold;
    border: none;
    width: 40px;
    text-align: center
}

.price_table td.min_fee {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 70px;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    vertical-align: middle;
    font-size: 12px
}

.price_table td.min_fee span:first-child {
    font-size: 16px;
    font-weight: bold;
    color: #d00
}

.price_table td.min_fee span:first-child {
    font-size: 16px;
    font-weight: bold
}

.price_table td.unit_price {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    vertical-align: middle;
    font-weight: bold
}

.cur_price {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 21px;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.price_table .diff {
    color: #D00
}

#fee_evalPoints h4 {
    position: relative;
    padding-left: 10px;
    font-weight: bold;
    color: #9c1517;
    text-shadow: -1px 0 0 rgba(0,0,0,0.3)
}

#fee_evalPoints h4:not(:empty):before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border: 6px solid #000;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #0f2b5e
}

.md_table_wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    position: static
}

#loadingDiv {
    margin-top: 150px;
    margin-bottom: 150px
}