@charset "utf-8";
/* CSS Document */
{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
dl.enc_main{margin-top: 3px; position: relative; height: 300px; width: 950px; background-image: url(../encrypt_img/m_bg.jpg); background-repeat: repeat;}
dl.enc_main dt.enc_news{left: 80px; top: 0px; position: absolute;}
dl.enc_main dt.enc_ttl{left: 80px; top: 160px; position: absolute; font-size: 38px; font-weight: bold;}
dl.enc_main dt.enc_copy{width: 520px; font-size: 28px; font-weight: bold; left: 40px; top: 180px; position: absolute;}
dl.enc_main dt.enc_copy p{ font-size: 16px; font-style: normal; font-weight: normal;}

#enc_ccontents{width: 890px; margin: 0 auto;}


dl.enc_main dt.enc_im{right: 50px; bottom: 50px; position: absolute;}
.b_ttl{ width: 100%; float: left; position: relative; margin-bottom: 15px; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; padding-top: 30px; font-size: 30px; font-weight: bold;}
.b_im{ bottom: 0px; right: 0px; position: absolute; }
ul.enc_screen{padding-top: 10px; clear: both;}
ul.enc_screen li{float: left; padding-right: 30px; width: 430px;}
ul.enc_screen li:nth-child(2n){padding-right: 0px;}
ul.enc_screen li dt{margin-top: 8px; padding: 8px; text-align: center; background-color: #DDDDDD; line-height: 18px; font-size: 18px; font-weight: bold;}
ul.enc_screen li dd{padding-bottom: 8px; padding-top: 8px;}
.enc_ca{ height: 550px; width: 890px; background-repeat: repeat; background-color: #D7EBDC;}
.enc_ca .inner{width: 840px; margin: 0 auto;}
.enc_ca .inner .inner_ttl{padding-top: 15px; padding-bottom: 15px; font-size: 26px; font-weight: bold;}
.enc_ca .inner p{padding-bottom: 15px;}
.prd_ttl{padding-top: 15px; padding-bottom: 15px; font-size: 26px; font-weight: bold;}

dl.enc_prd dt{width: 430px; float: left;}
dl.enc_prd dd.series{font-weight: bold; font-size: 18px; width: 430px; float: right; margin-top: 100px;}
dl.enc_prd dd.series p{font-size: 28px;}
dl.enc_prd dd.prd_btn a{width: 200px; text-align: center; color: white; padding: 10px; margin-top: 100px; background-color: #7f7f7f; float: right;}
dl.enc_prd dd.prd_btn a:hover{text-decoration: none;}
.b_sttl{ margin-top: 20px; margin-bottom: 20px; clear: both; padding: 8px; width: 260px; font-size: 16px; text-align: center; font-weight: bold; background-color: #D7EBDC;}

p.copy{font-size: 16px;}

dl.cn_an{ padding-top: 25px; float: left; width: 100%; margin-bottom: 30px;}
dl.cn_an dt.cn_ttl{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}
dl.cn_an dt.cn_im{ width: 160px; float: left; vertical-align: bottom;}

dl.cn_an dt.cn_im_r{ width: 160px; float: right; vertical-align: bottom;}
dl.cn_an dt.cn_bl{ padding-right: 500px; width: 90px; float: left; }
dl.cn_an dt.cn_cp{ padding-left: 20px; color: #087BBB; font-size: 24px; font-weight: bold; float: left; }
dl.cn_an dt.balloon-l {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #e0edff;
  color: #000;
  font-size: 16px;
  border: solid 3px #e0edff;
  box-sizing: border-box;
  border-radius: 15px;
  width: 700px;
}

.dl.cn_an dt.balloon-l:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #e0edff;
  z-index: 2;
}

dl.cn_an dt.balloon-l:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #e0edff;
  z-index: 1;
}

dl.cn_an dt.balloon-l p {
  margin: 8px;
  padding: 0;
  font-size: 18px;
}


dl.cn_an dt.balloon-r {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #000;
  font-size: 16px;
  background: #feeddb;
  border: solid 3px #feeddb;
  box-sizing: border-box;
  border-radius: 15px;
}

dl.cn_an dt.balloon-r:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #feeddb;
  z-index: 2;
}

dl.cn_an dt.balloon-r:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #feeddb;
  z-index: 1;
}

dl.cn_an dt.balloon-r p {
  margin: 8px;
  padding: 0;
  font-size: 24px;
}
