@charset "UTF-8";
/*--------------------------------*/
.title_update {
	display: table;
	width: 100%;
	text-align: center;
	margin: 0px 0px 20px 0px;
	text-decoration: none
}
#b_txt_base_update {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 80px;
	box-sizing: border-box;
	width: 100%;
	background: rgb(213,210,221);
	background: -moz-linear-gradient(-45deg, rgba(213,210,221,1) 0%, rgba(213,210,221,1) 19%, rgba(231,228,240,1) 50%, rgba(231,228,240,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(213,210,221,1) 0%, rgba(213,210,221,1) 19%, rgba(231,228,240,1) 50%, rgba(231,228,240,1) 100%);
	background: linear-gradient(135deg, rgba(213,210,221,1) 0%, rgba(213,210,221,1) 19%, rgba(231,228,240,1) 50%, rgba(231,228,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d2dd', endColorstr='#e7e4f0', GradientType=1 );
}
.title_update .i_icon {
	vertical-align: middle;
	display: inline-block;
	width: 70px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	overflow: hidden
}
.title_update .b_txt {
	padding: 0px 4px 0px 0px;
	display: inline-block;
	vertical-align: middle;
	font-size: 90%;
	font-feature-settings : "palt";
	font-weight: bold;
}
.b_base_update a {
	display: table;
	height: 80px;
	margin: 15px auto 15px auto;
	width: 90%;
	text-align: center;
	text-decoration: none
}
.b_txt_base {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	border: #aaa 1px solid;
	border-radius: 4px;
	width: 100%;
	background-color: #fff;
	transition: .2s background-color linear;
}
.b_txt_base:hover {
	background-color: #e7e4f0;
}
.p_pro {
	vertical-align: middle;
	display: inline-block;
	padding: 0px 0px 0px 5px;
	width: 93px;
	height: 70px;
}
.b_txt02 {
	padding: 0px 10px 0px 0px;
	display: inline-block;
	font-size: 80%;
	font-feature-settings : "palt";
	font-weight: bold;
}
.b_arr {
	display: inline-block;
	padding: 0px 2px 4px 0px;
	height: 18px;
	width: 18px;
	vertical-align: middle;
}
/*--------------------------------*/
#app_version {
	margin-top: -80px; 
	padding-top: 80px;}

.txt_pro_area {
	display: table;
	 border-collapse: separate;
  border-spacing: 6px 0px;
	height: 70px;
	width: 96%;
	text-align: left;
	margin: 0px auto 10px auto;
		padding: 0px 0px 4px 0px;
}
.ps_pro {
	vertical-align: middle;
	display: table-cell;
	width: 97px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	overflow: hidden
}
/*
.ps_pro.tate{
          overflow: hidden;
          position: relative;
          width: 60px;
        }

.ps_pro.tate img{
          left: 50%;

          -webkit-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
          position: absolute;
        }
*/



.ps_pro_icon {
    vertical-align: middle;
    display: table-cell;
    width: 90px;
    height: 90px;
    margin: 0px 10px 0px 0px;
    overflow: hidden
}
.txt_pro {
	padding: 0px 0px 0px 10px;
	vertical-align: middle;
	display: table-cell;
	font-size: 90%;
	font-feature-settings : "palt";
	font-weight: bold;
	text-align: left
}
.table_update {
	width: 96%;
	border-collapse: separate;
	

	margin: 0px auto 0px auto;
	background-color: #D8D0F2
}
.table_update_2nd {
	width: 100%;
	border-collapse: separate;
	margin: 0px auto 0px auto;
	background-color: #D8D0F2
}


.brd	{width: 60%;
	border-top: #D8D0F2 2px dotted;
	margin: 30px auto 50px auto;

}
.notice	{color: #FF0004;
	font-weight: bold

}
th.cell00 {
	display: block;
	font-size: 90%;
	font-weight: bold;
	padding: 1em;
	text-align: left;
	border-top: #D8D0F2 2px solid;
	background-color: #D8D0F2
}

th.cell01 {
	display: block;
	font-size: 90%;
	font-weight: bold;
	padding: 1em;
	text-align: left;
	border-top: #D8D0F2 2px solid;
	background-color: #F8F6FF
}
td.cell02 {
	display: block;
	font-size: 90%;
	line-height: 24px;
	padding: 1em;
	text-align: left;
	background-color: #fff
}
td.cell02 li {
	padding: 6px 0px 6px 0px;
}
th.cell03 {
	display: block;
	font-size: 100%;
	font-weight: bold;
	padding: 0.6em;
	text-align: left;
	border-bottom: #D8D0F2 1px solid;
	background-color: #fff
}
th.cell04 {
	display: block;
	border-top: #D8D0F2 1px solid;
	font-size: 100%;
	line-height: 22px;
	padding: 0.6em;
	text-align: left;
	background-color: #F8F6FF
}
td.cell05 {
	display: block;
	font-size: 100%;
	line-height: 24px;
	padding: 0.6em;
	text-align: left;
	background-color: #fff
}
td.cell05 li, td.cell02 li{line-height:2.2em;}

.b_connect {
	border-radius: 4px;
	padding: 4px 6px 4px 6px;
	margin: 0px 4px 0px 2px;
	background-color: #D8D0F2;
	white-space: nowrap;
	text-decoration: none
}
.b_connect:hover {
	background-color: #C3B5F0;
	text-decoration: none
}
.b_ht {
	border-radius: 4px;
	padding: 4px 6px 4px 6px;
	margin: 0px 4px 0px 2px;
	background-color: #ABC8FF;
	white-space: nowrap;
	text-decoration: none
}
.b_ht:hover {
	background-color: #7BA9FF;
	text-decoration: none
}
.servicecenter a {
	border-radius: 4px;
	padding: 4px 6px 4px 6px;
	margin: 0px 4px 0px 2px;
	background-color: #ddd;
	white-space: nowrap;
	text-decoration: none
}
.servicecenter a:hover {
	background-color: #ccc;
	text-decoration: none
}
.win_i {
	display: inline-block;
	width: 20px;
	height: 14px;
}

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

.bd{
	border-bottom:  #BFB0F0 2px solid;
}

.b_back_area{

   display: table-cell;
	 vertical-align: middle;
    margin: 0px 0px 0px 0px;
	
}
.b_back_area a{

	text-decoration: none
}
.b_back_area .b_back {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    height: 28px;
    box-sizing: border-box;
    border-top: #eee 2px solid;
    border-bottom: #aaa 2px solid;
    border-right: #aaa 2px solid;
    background-color: #eee;

	text-decoration: none
}
.b_back_area .b_back:hover {
    background-color: #f9f9f9;
    text-decoration: none
}
.b_back_area .bs_txt {
    text-align: left;
    display: inline-block;
    font-size: 70%;
    padding: 0px 4px 0px 0px;
    font-feature-settings : "palt";
    font-weight: bold;
	text-decoration: none
}
.b_back_area .b_arr {
    display: inline-block;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
    width: 6px;
    height: 6px;
}

.base_txt_area {
    width: 90%;
    margin: 20px auto 30px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
 
}
.txt_ch_lead {
    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 28px;
    font-weight: bold;
    margin: 30px auto 20px auto;
    padding: 0px 0px 6px 0px;
    color: #000;
    border-bottom: #ccc 1px solid;
}

.txt_ch_lead_02 {
width: 90%;
    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 28px;
    font-weight: bold;
    margin: 10px auto 0px auto;
    padding: 6px 10px 6px 10px;
    color: #000;
    border: #666 1px solid;
}
.txt_ch_lead_03 {
width: 90%;
    font-size: 100%;
    font-feature-settings : "palt";
    line-height: 28px;
    font-weight: bold;
    margin: 10px auto 0px auto;
    padding: 6px 10px 6px 10px;
    color: #fff;
    border: #333 1px solid;
	border-radius: 2px;
	background-color: #666
}

.txt_01 {
    font-size: 90%;
    font-feature-settings : "palt";
    line-height: 24px;
}

ul.txt_list li {
	 font-size: 90%;
    font-feature-settings : "palt";
    line-height: 24px;
      padding: 0px 0px 8px 0px;
	 margin: 0px 0px 0px 24px;
	list-style-type:disc;
	list-style-position: outside
}
ul.txt_list_02 li {
	 font-size: 90%;
    font-feature-settings : "palt";
    line-height: 24px;
      padding: 0px 0px 8px 0px;
	 margin: 0px 0px 0px 24px;
	list-style-type:decimal;
	list-style-position: outside
}

ul.txt_list_02 li a{
	color: #7650FF
}
ul.txt_list_02 li a:hover{text-decoration: underline;
	color: #7650FF
}

ul.txt_list_03 li {
	 font-size: 90%;
    font-feature-settings : "palt";
    line-height: 24px;
      padding: 4px 0px 4px 0px;
	 margin: 0px 0px 0px 24px;
	list-style-type:disc;
	list-style-position: outside
}

.p_cap {
display: block;
  	margin: 10px auto 0px auto;
	vertical-align: top
}
.t_cap {
    font-size: 90%;
}
.p_android {
display: block;
    width: 270px;
    height: 480px;
    margin: 10px auto 30px auto;
   border: #ccc 1px solid;
	vertical-align: top
}
.p_android_02 {
display: block;
    width: 270px;
    height: 462px;
    margin: 10px auto 30px auto;
   border: #ccc 1px solid;
	vertical-align: top
}
.p_android_03 {
display: block;
    width: 270px;
    height: 551px;
    margin: 10px auto 30px auto;
   border: #ccc 1px solid;
	vertical-align: top
}
.p_ios {
display: block;
    width: 270px;
    height: 584px;
    margin: 10px auto 30px auto;
   border: #ccc 1px solid;
	vertical-align: top
}
.p_ios_02 {
display: block;
    width: 270px;
    height: 557px;
    margin: 10px auto 30px auto;
   border: #ccc 1px solid;
	vertical-align: top
}

.flame {
	margin: 0px 0px 30px 0px;
      padding: 1px 10px 10px 10px;
background-color: #ddd
}
.flame02 {
	margin: 0px 0px 30px 0px;
      padding: 10px 10px 10px 10px;
background-color: #ddd
}
.nb {

   border: none;
}
#side-L {

	margin-top: -80px; 
	padding-top: 80px;
}
/*--------------------------------*/

.service_base {
	position: fixed;
	top: 0px;
	right: -150%;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 21;
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000', GradientType=1 );
}
.app {
	right: 0%;
}
#service_area {
	position: absolute;
	top: 20px;
	bottom: 60px;
	left: 50%;
	width: 90%;
	margin-left: -45%;
	border-radius: 4px;
	overflow: auto;
	background-color: #fff;
}
#b_close {
	position: absolute;
	bottom: 0px;
	bottom: -2px;
	left: 50%;
	margin-left: -50px;
	font-feature-settings : "palt";
	font-size: 70%;
	line-height: 40px;
	width: 100px;
	color: #000;
	background-color: #e8e8e8;
	border: #999 1px solid;
	border-radius: 4px 4px 0px 0px;
	cursor: pointer
}