/*Last Edited 180529*/
/*for img hover 170627*/
 a:hover img{
    filter: alpha(opacity=80);
    opacity: 0.8;
    }

/*for GDPR 180515*/
.base{
   font-family: 'Helvetica Neue','Helvetica','Avenir','Arial','小塚ゴシック Pr6N','小塚ゴシック Pro','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo, sans-serif;
   color:#141823;
   font-size: 1.4em;
   font-feature-settings : "palt";
}

/*for GDPR 180515*/
h1{
    font-size: 2.3em;
    letter-spacing: 0em;
}

h2{
    font-size: 1.6em;
    letter-spacing: 0em;
}

h3{
    font-size: 1.4em;
    letter-spacing: 0em;
}

h4{
    font-size: 1.0em;
    letter-spacing: 0em;
    line-height: 1.7;
}

h5{
    font-size: 1.0em;
    letter-spacing: 0em;
    line-height: 1.6;
}

p{
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.6;
}

/*for template font red*/
.h1r{
    color: #FF0000;
    font-size: 2.3em;
    letter-spacing: 0em;
}

.h2r{
    color: #FF0000;
    font-size: 1.6em;
    letter-spacing: 0em;
}

.h3r{
    color: #FF0000;
    font-size: 1.4em;
    letter-spacing: 0em;
}

.h4r{
    color: #FF0000;
    font-size: 1.0em;
    letter-spacing: 0em;
    line-height: 1.7;
}

.h5r{
    color: #FF0000;
    font-size: 1.0em;
    letter-spacing: 0em;
    line-height: 1.6;
}

.pr{
    color: #FF0000;
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.6;
}


/*for GDPR 180515*/
.box7 {
    padding: 0.1em 1em;
    margin: 2em 0;
    color: #232323;
    background: #98FB98;
    border-left: solid 10px #228B22;
}
.box7 p {
    margin: 0; 
    padding: 0;
}

.box8 {
    padding: 0.1em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #FF0000;
}
.box8 p {
    margin: 0; 
    padding: 0;
}


/*for blockquote 160712*/
.solution-block blockquote.upper-index {
  border-left:5px solid #ED1C24;
}

/*for index 160712*/
div.upper-index{
  padding: 10px 20px;
  margin: 0 0 20px!important;
  font-size: 21px;
  border-left: 5px solid #ED1C24;
  }

div.lower-index{
  padding: 10px 20px;
  margin: 0 0 20px!important;
  font-size: 15px;
  border-left: 5px solid #CCC;
  }

div.lower-r-index{
  padding: 10px 20px;
  margin: 0 0 20px!important;
  font-size: 15px;
  border-left: 5px solid #ED1C24;
  }

div.lower-b-index{
  padding: 10px 20px;
  margin: 0 0 20px!important;
  font-size: 15px;
  border-left: 5px solid #333366;
  }

div.lower-index-edit{
  padding: 1px 15px;
  margin: 0 0 20px!important;
  font-size: 1.0em;
  border-left: 7px solid #CCC;
  }

/*for well 160712*/
.well{
  margin-bottom: 20px!important;
}

/*for answer a.k.a.well 160712*/
.answer{
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/*for font-size 160712*/
.sub-lead {
  font-size:18px;
}

.font-mod {
  font-size:15px;
}

/*for img-thumbnail 160712*/
.row.solution-block .img-thumbnail img{
  margin:0;
}

.row.solution-block div.img-thumbnail {
  border-radius: 0;
}

/*for new panels 16712*/
.panel-gocyui {
  color: #a94442;
  background-color: #FFF7F7;
  border-color: #ebccd1;
  border-radius: 0px;
}
.panel-gocyui .panel-heading{
 border-bottom: solid 1px #ebccd1;
}
.gocyui:before {
  font-family: FontAwesome;
  content: "\f071";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 100;
}
.gocyui{
  font-weight: 900;
}

.panel-hint {
  color: #31708f;
  background-color: #f0f7fa;
  border-color: #9acfea;
  border-radius: 0px;
}
.panel-hint .panel-heading{
 border-bottom: solid 1px #9acfea;
}
.hint:before {
  font-family: FontAwesome;
  content: "\f05a";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 100;
}
.hint{
  font-weight: 900;
}

.panel-check {
  color: ;
  background-color: #e7d9ff;
  border-color: #ccc;
  border-radius: 0px;
}
.panel-check .panel-heading{
 border-bottom: solid 1px #ccc;
}
.check:before {
  font-family: FontAwesome;
  content: "\f046";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 100;
}
.check{
  font-weight: 900;
}

.panel-ac {
  color: ;
  background-color: #edfaef;
  border-color: #ddd;
  border-radius: 0px;
}
.panel-ac .panel-body{
 background-color: #fff;
}
.ac .panel-title{
  font-weight: 900;
}
.ac div{
  margin-bottom: 0;
}

/*for former accordion 160712*/
#ac1 div{
  margin-bottom: 0;
}

#ac2 div{
  margin-bottom: 0;
}

#ac3 div{
  margin-bottom: 0;
}

/*for former panels 160712*/

.exclamation:before {
  font-family: FontAwesome;
  content: "\f071";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

/*for links 160712*/
a.int-link:before {
  font-family: FontAwesome;
  content: "\f0a9";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.int-links li:before {
  font-family: FontAwesome;
  content: "\f0a9";
  color:#428bca;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

a.ext-link:before {
  font-family: FontAwesome;
  content: "\f08e";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.ext-links li:before {
  font-family: FontAwesome;
  content: "\f08e";
  color:#428bca;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.rel-links:before {
  font-family: FontAwesome;
  content: "\f0c5 ";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

a.modal-link:before {
  font-family: FontAwesome;
  content: "\f196";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.modal-links li:before {
  font-family: FontAwesome;
  content: "\f196";
  color:#428bca;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

a.modal-link, .modal-links:hover{cursor:pointer;
}

ul.int-links, ul.ext-links, ul.modal-links{
  list-style-type: none;
  padding-left:0;
}

/*for buttons 160712*/
.btn-download{
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download.active, .open .dropdown-toggle.btn-download {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925;
}

/*for hr 160712*/
hr.upper-solid{
  border-top:1px solid #333;
}

hr.lower-solid{
  border-top:1px solid #ddd;
}

hr.double{
  border-top:3px double #999;
}

hr.upper-dashed{
  border-top:1px dashed #999;
}

hr.upper-double{
  border-top:3px double #999;
}

hr.lower-dashed{
  border-top:1px dashed #ddd;
}

hr.endline{
  border-top:1px solid #ddd;
}

/* for mg pd 180529*/
.mgt-0{
  margin-top: 0px;
}
.mgt-5{
  margin-top: 5px;
}
.mgt-10{
  margin-top: 10px;
}
.mgt-15{
  margin-top: 15px;
}
.mgt-20{
  margin-top: 20px;
}
.mgt-25{
  margin-top: 25px;
}
.mgt-30{
  margin-top: 30px;
}
.mgt-35{
  margin-top: 35px;
}
.mgt-40{
  margin-top: 40px;
}
.mgt-45{
  margin-top: 45px;
}
.mgt-50{
  margin-top: 50px;
}
.mgt-55{
  margin-top: 55px;
}
.mgt-60{
  margin-top: 60px;
}


.mgb-0{
  margin-bottom: 0px;
}
.mgb-5{
  margin-bottom: 5px;
}
.mgb-10{
  margin-bottom: 10px;
}
.mgb-15{
  margin-bottom: 15px;
}
.mgb-20{
  margin-bottom: 20px;
}
.mgb-25{
  margin-bottom: 25px;
}
.mgb-30{
  margin-bottom: 30px;
}
.mgb-35{
  margin-bottom: 35px;
}
.mgb-40{
  margin-bottom: 40px;
}
.mgb-45{
  margin-bottom: 45px;
}
.mgb-50{
  margin-bottom: 50px;
}
.mgb-55{
  margin-bottom: 55px;
}
.mgb-60{
  margin-bottom: 60px;
}

.mgl-0{
  margin-left: 0px;
}
.mgl-5{
  margin-left: 5px;
}
.mgl-10{
  margin-left: 10px;
}
.mgl-15{
  margin-left: 15px;
}
.mgl-20{
  margin-left: 20px;
}
.mgl-25{
  margin-left: 25px;
}
.mgl-30{
  margin-left: 30px;
}
.mgl-35{
  margin-left: 35px;
}
.mgl-40{
  margin-left: 40px;
}
.mgl-45{
  margin-left: 45px;
}
.mgl-50{
  margin-left: 50px;
}
.mgl-55{
  margin-left: 55px;
}
.mgl-60{
  margin-left: 60px;
}

.mgr-0{
  margin-right: 0px;
}
.mgr-5{
  margin-right: 5px;
}
.mgr-10{
  margin-right: 10px;
}
.mgr-15{
  margin-right: 15px;
}
.mgr-20{
  margin-right: 20px;
}
.mgr-25{
  margin-right: 25px;
}
.mgr-30{
  margin-right: 30px;
}
.mgr-35{
  margin-right: 35px;
}
.mgr-40{
  margin-right: 40px;
}
.mgr-45{
  margin-right: 45px;
}
.mgr-50{
  margin-right: 50px;
}
.mgr-55{
  margin-right: 55px;
}
.mgr-60{
  margin-right: 60px;
}

.pdt-0{
  padding-top: 0px;
}
.pdt-5{
  padding-top: 5px;
}
.pdt-10{
  padding-top: 10px;
}
.pdt-15{
  padding-top: 15px;
}
.pdt-20{
  padding-top: 20px;
}
.pdt-25{
  padding-top: 25px;
}
.pdt-30{
  padding-top: 30px;
}
.pdt-35{
  padding-top: 35px;
}
.pdt-40{
  padding-top: 40px;
}
.pdt-45{
  padding-top: 45px;
}
.pdt-50{
  padding-top: 50px;
}
.pdt-55{
  padding-top: 55px;
}
.pdt-60{
  padding-top: 60px;
}

.pdb-0{
  padding-bottom: 0px;
}
.pdb-5{
  padding-bottom: 5px;
}
.pdb-10{
  padding-bottom: 10px;
}
.pdb-15{
  padding-bottom: 15px;
}
.pdb-20{
  padding-bottom: 20px;
}
.pdb-25{
  padding-bottom: 25px;
}
.pdb-30{
  padding-bottom: 30px;
}
.pdb-35{
  padding-bottom: 35px;
}
.pdb-40{
  padding-bottom: 40px;
}
.pdb-45{
  padding-bottom: 45px;
}
.pdb-50{
  padding-bottom: 50px;
}
.pdb-55{
  padding-bottom: 55px;
}
.pdb-60{
  padding-bottom: 60px;
}


.pdl-0{
  padding-left: 0px;
}
.pdl-5{
  padding-left: 5px;
}
.pdl-10{
  padding-left: 10px;
}
.pdl-15{
  padding-left: 15px;
}
.pdl-20{
  padding-left: 20px;
}
.pdl-25{
  padding-left: 25px;
}
.pdl-30{
  padding-left: 30px;
}
.pdl-35{
  padding-left: 35px;
}
.pdl-40{
  padding-left: 40px;
}
.pdl-45{
  padding-left: 45px;
}
.pdl-50{
  padding-left: 50px;
}
.pdl-55{
  padding-left: 55px;
}
.pdl-60{
  padding-let: 60px;
}


.pdr-0{
  padding-right: 0px;
}
.pdr-5{
  padding-right: 5px;
}
.pdr-10{
  padding-right: 10px;
}
.pdr-15{
  padding-right: 15px;
}
.pdr-20{
  padding-right: 20px;
}
.pdr-25{
  padding-right: 25px;
}
.pdr-30{
  padding-right: 30px;
}
.pdr-35{
  padding-right: 35px;
}
.pdr-40{
  padding-right: 40px;
}
.pdr-45{
  padding-right: 45px;
}
.pdr-50{
  padding-right: 50px;
}
.pdr-55{
  padding-right: 55px;
}
.pdr-60{
  padding-right: 60px;
}

/*for former mgn 160712*/
p.mgn-0{
  margin-bottom: 0;
}
p.mgn-5{
  margin-bottom: 5px;
}
p.mgn-15{
  margin-bottom: 15px;
}
p.mgn-20{
  margin-bottom: 20px;
}

/*for pre 160712*/
.solution-block pre{
  margin-bottom: 30px;
}

/*for 5 columns 160712*/
.col-xs-5ths,.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*icon 161005-*/
.icon_vup, .icon_inst, .icon_topten, .icon_qanda, .icon_info, .icon_cmnty, .icon_email, .icon_chat, .icon_tel, .icon_cart {
    display: block;
    padding-left: 1.6em;
    position: relative;
}

.icon_vup:before {
    font-family: FontAwesome;
    content: "\f0ed";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_inst:before {
    font-family: FontAwesome;
    content: "\f019";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_5play {
  background:url(/media/13701783/icon_5play.png) top left no-repeat;
  padding-left:40px;
  display:block;
  min-height:30px;
  }

.icon_topten:before {
    font-family: FontAwesome;
    content: "\f046";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_qanda:before {
    font-family: FontAwesome;
    content: "\f059";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_info:before {
    font-family: FontAwesome;
    content: "\f05a";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_dls {
  background:url(/media/13701801/icon_dls.png) top left no-repeat;
  padding-left:55px;
  padding-top: .35em;
  display:block;
  min-height:50px;
  }

.icon_sup {
  background:url(/media/13701789/icon_sup.png) top left no-repeat;
  padding-left:55px;
  padding-top: .35em;
  display:block;
  min-height:50px;
  }

.icon_as {
  background:url(/media/13726748/icon_as.png) top left no-repeat;
  padding-left:55px;
  padding-top: .35em;
  display:block;
  min-height:50px;
  }

.icon_line {
  background:url(/media/13726778/icon_line.png) top left no-repeat;
  padding-left:48px;
  display:block;
  min-height:50px;
  }

.icon_email:before {
    font-family: FontAwesome;
    content: "\f199";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_chat:before {
    font-family: FontAwesome;
    content: "\f086";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_cmnty:before {
    font-family: FontAwesome;
    content: "\f0e6";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_tel:before {
    font-family: FontAwesome;
    content: "\f098";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

.icon_cart:before {
    font-family: FontAwesome;
    content: "\f07a";
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.4em;
    color: #ED1E26;
    position: absolute;
    left: 0;
}

/*new_contact added 170530*/
.c-title{
  font-size:1.6em;
  line-height: 1.3em;
}

.c-title:before{
  font-size: 2.2em\9;
}
.font-sm {
    font-size: 0.85em;
}

#new_contact .row {
    padding: 0;
}

#new_contact .btn-default {
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

#new_contact .btn-default {
    border: 3px solid #ccc;
}

#new_contact ul.list-group {
    list-style: none;
}

#new_contact a.list-group-item:hover {
    cursor: pointer;
}

#new_contact .list-group-item {
    margin-bottom: -3px;
    border: 3px solid #ddd;
}

#new_contact .well {
    margin-bottom: 0 !important;
}

.indent-2 {
    padding-left: 1em;
    text-indent: -1em;
}

/*arrow_box*/
.arrow_box {
    padding: 10px;
    margin-bottom: 20px !important;
}

.arrow_box {
    position: relative;
    background: #FCEFFC;
    border: 4px solid #fceffc;
}

.arrow_box:after,
.arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(252, 239, 252, 0);
    border-left-color: #FCEFFC;
    border-width: 15px;
    margin-top: -15px;
}

.arrow_box:before {
    border-color: rgba(252, 239, 252, 0);
    border-left-color: #fceffc;
    border-width: 21px;
    margin-top: -21px;
}

.bs-callout {
    font-size: 1.2em;
    padding: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    margin-bottom: 30px !important
}

/*bs-callout*/
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout+.bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-asking {
    border-left-color: #ED1C24;
    background-color: #FBFBFB;
}

.bs-callout-asking h4 {
    color: #d9534f;
}


/** BS btn 170822**/
.btn{
white-space: normal;
}

/** BlankContent arrowbox 170822**/
.arrow_box ul{
  padding-left:20px;
}

.arrow_box{
  margin-top:10px;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
