/* ============================================ */
/*  Browser Reset                               */
/* ============================================ */
html, body, h1, h2, h3, h4, h5, h6, ul, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure,
figcaption, nav {
  margin: 0;
  padding: 0;
}

body {
  line-height: 1.0;
  -webkit-text-size-adjust: none;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
   display: block;
}

img {
  border: 0;
  vertical-align: bottom;
}

ul, ol {
  list-style: none;
}

table {
  border-spacing: 0;
  empty-cells: show;
}

input[type="text"],
input[type="submit"],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

form {
  margin:0px;
  padding:0px;
}

/* ============================================ */
/*  Base Style for iPad                         */
/* ============================================ */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body,
button {
  font-family: /*-apple-system, BlinkMacSystemFont, 'Helvetica Neue', */'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
  font-size: 100%; /*16px;*/
/*
40px---font-size:2.5rem;
30px---font-size:1.845rem;
24px---font-size:1.5rem;
20px---font-size:1.25rem;
18px---font-size:1.125rem;
16px---font-size:1rem;
15px---font-size:0.9375rem;
14px---font-size:0.875rem;
13px---font-size:0.8125rem;
12px---font-size:0.75rem;
11px---font-size:0.6875rem;
10px---font-size:0.625rem;
*/
  color:#282828;
  line-height: 1.5;
}

/* CA証明書、ログオンページ */
.wrapperSurface {
  color:#FFF;
}

/* 通常ページ */
.wrapperNormal {
}

.contentNormal {
  position: relative;
  -webkit-margin-collapse: separate;
  margin: 0;
  padding: 0 0 25px 0;
  width: 100%;
  overflow-x: hidden;
}

.contentBox {
  width:600px;
  padding:0px;
}

.contentBoxSurface {
  margin:0 auto 0 auto;
  text-align:center;
}

.contentBoxNormal {
  margin:25px auto 0px auto;
  text-align:left;
  background-color:#FFF;
  box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.contentBoxOther,
.contentBoxRegisterd {
  margin:25px auto 0px auto;
  padding:0 0 10px 0;
  text-align:left;
  background-color:#FFF;
  box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.contentBoxRegisterd {
  padding:0;
}

.contentBox #information-area {
  background-color:#F4F4F4;
  margin:0px 10px 0 10px;
  padding:25px;
}

p.message{
  /*color: #5055ea;*/
  color:#0065ae;
  font-weight: bold;
  margin:25px 15px 0 15px;
}

p.error{
  color: #ea5550;
  font-weight: bold;
}

/*
.portalContent{
  margin:auto 5px;
  background-color:#FFFFFF;
  position:relative;
}

.portalContent .btn{
    display: block;
    margin: 5px;
    right: 0;
    margin: 10px auto 5px;
}

.portalContent .icon {
    width:100px;
    height:100px;
    position:relative;
}

.portalContent a{
    font-size:1.5em;
    display: block;
    margin: 10px auto 5px;
    width: 150px;
}

.portalBox{
  border:solid 1px;
  margin:0 0 auto 0;
  background-color:#EEEEEE;
}

.portalBox span{
  padding:5px;
  margin:0 0 0 105px;
  right:0;
  position:absolute;
}

.portalBox img{
    padding:5px;
    left:0;
}

.container_Desktop {
    display: grid;
    display: -ms-grid;
    -ms-grid-rows: 1fr 10px 1fr;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template:
      "container1 container2" 1fr
      "container3 container4" 1fr /
      1fr 1fr;
    grid-gap: 10px;
    gap: 10px;
    text-align: center;
    padding: 0 50px 50px;
}

.container_Desktop2 {
    display: grid;
    display: -ms-grid;
    -ms-grid-rows: 1fr 10px 1fr;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template:
      "container1 container2" 1fr /
      1fr 1fr;
    grid-gap: 10px;
    gap: 10px;
    text-align: center;
    padding: 0 50px 50px;
}

.container1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: container1;
}

.container2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: container2;
}

.container3 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: container3;
}

.container4 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: container4;
}

.container_Desktop .icon, .container_Desktop2 .icon {
    width: 100px;
    height: 100px;
}

.arbutton {
    font-size: 1.25em;
    display: inline-block;
    width: 122px;
    height: 36px;
    line-height: 30px;
    margin: 5px auto;
    text-align: center;
    border: 0px solid;
    border-radius: 5px;
    background-color: #000000;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    cursor: pointer;
}

.container_Desktop div, .container_Desktop2 div {
    -webkit-box-shadow: 2px 2px 5px;
    box-shadow: 2px 2px 5px;
    border: solid 1px #CCCCCC;
    background-color: #EEEEEE;
}
*/

.contentBoxTileList {
  margin:0 auto;
  text-align:center;
  vertical-align:top;
  max-width:800px;
}

.contentBoxTile,
.container_Desktop div.contentBoxTile {
  display:inline-block;
  position:relative;
  width:300px;
  height:300px;
  background-color:#FFF;
  text-align:center;
  margin:5px;
  vertical-align:top;
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

/* ============================================ */
/*  Text for iPad                               */
/* ============================================ */


.textBox {
  margin:0;
  padding:25px;
  text-align:left;
}

.textBoxT0 {
  margin:0;
  padding:0 25px 25px 25px;
  text-align:left;
}

.textBox_formNaviBtm {
  padding:15px 50px 25px 50px;
}

.text_note {
  margin-top:10px;
}

/*-- caption Mailaddress --*/
.text_captionMail {
  display:block;
}

.text_emphasize,
.text_caption {
  margin:0;
  padding:0;
  font-size:20px;
  font-size:1.25rem;
  font-weight:bold;
}

.text_msg {
  margin:0;
  padding:0;
  font-size:1rem;
}

.text_err {
  margin:0;
  padding:0;
  color:#DE2726;
  font-size:1rem;
}

.text_keymanagerLink:link,
.text_keymanagerLink:visited,
.text_keymanagerLink:hover,
.text_keymanagerLink:active {
  display:block;
  margin:0;
  padding:0 0 20px 0;
  text-decoration: underline;
  color:#282828;
}

/* ============================================ */
/* Header for iPad                              */
/* ============================================ */

.head {
}

.headNormal {
  height:55px;
  box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.85);
  -moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.85);
  -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.85);
}

.headSurface {
  height:130px;
}

.head_caption {
  margin:0 134px 0 134px;
  padding:0;
  font-size:30px;
  font-size:1.845rem;
  line-height:55px;
  font-weight:bold;
  text-align:center;
  color:#FFF;
  overflow:auto;
  white-space: nowrap;
}

.headSurface .head_caption {
  line-height:130px;
  font-size:40px;
  font-size:2.5rem;
  margin:0 59px 0 59px;
}

#head_captionImg {
  margin:0 auto 0 auto;
  padding:0;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-align-items:center;
  align-items:center;
  height:55px;
}

#head_captionImg img {
  max-width:500px;
  max-height:45px;
}

.headSurface #head_captionImg {
  padding-top:40px;
}

.headSurface #head_captionImg img {
  max-width:650px;
  max-height:60px;
}

.navBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.navBox_left {
  position: absolute;
  top: 0px;
  left: 0px;
}

.navBox_right {
  position: absolute;
  top: 0px;
  right: 0px;
}

.navBtn {
  position: absolute;
  top: 0px;
  margin:0px;
  padding:0px;
  width:60px;
  height:55px;
  background-repeat:no-repeat;
  text-align:center;
  color:#FFF;
  text-decoration:none;
}

.navBtn_logoff {
  right: 60px;
  background-image:url(/Images/icon_logoff.svg);
  -moz-background-size:32px 26px;
  -webkit-background-size:32px 26px;
  -o-background-size:32px 26px;
  -ms-background-size:32px 26px;
  background-position:center 7px;
}
/*--IE10以下--*/
.navBtn_logoff {
  background-image:url(/Images/icon_logoff.png)\9;
}
/*--IE10以上--*/
@media all and (-ms-high-contrast: none) {
  .navBtn_logoff {
    background-image:url(/Images/icon_logoff.png);
  }
}

.navBtn_home {
  left: 0px;
  background-image:url(/Images/icon_home.svg);
  -moz-background-size:30px 26px;
  -webkit-background-size:30px 26px;
  -o-background-size:30px 26px;
  -ms-background-size:30px 26px;
  background-position:center 7px;
}
/*--IE10以下--*/
.navBtn_home {
  background-image:url(/Images/icon_home.png)\9;
}
/*--IE10以上--*/
@media all and (-ms-high-contrast: none) {
  .navBtn_home {
    background-image:url(/Images/icon_home.png);
  }
}

.navBtn_tx {
  position: absolute;
  bottom:2px;
  font-size:0.625rem;
  display:block;
  padding:0px;
  width:100%;
  text-align:center;
  color:#FFF;
}

/* ============================================ */
/*  Footer for iPad                             */
/* ============================================ */

.foot {
  width: 100%;
  margin:0;
  padding-top:25px;
  text-align:center;
  color:#FFF;
  font-weight:normal;
}

.foot_copyright {
  margin:10px 0 0 0;
  padding:0 0 25px 0;
  font-size:0.75rem;
}

/*-- Footer Contact --*/
#contact-area {
  margin:0 100px 0 100px;
  padding:0 0 15px 0;
  font-size:0.875rem;
  border-bottom:1px solid #FFF;
}

#contact-area dl {
}

#contact-area dt {
  display:inline-block;
  padding:0 10px 0 0;
}

#contact-area dt:after {
  content: ":";
  display: inline-block;
  padding-left: 8px;
}

#contact-area dd {
  display: inline-block;
  padding: 0 15px 0 0;
  word-break: break-all;
  word-wrap: break-word;
}

#contact-area a,
#contact-area a:visited {
  color:#FFF;
  text-decoration:underline;
}
#contact-area a:hover {
  color:#FFF;
  text-decoration:none;
}

/* ============================================ */
/*  Button Style for iPad                       */
/* ============================================ */

/* button box style
---------------------------*/
.btnBox {
  text-align:center;
  margin:0px;
  padding:25px 0 25px 0;
}

/* button base style
---------------------------*/
.btn {
  display:inline-block;
  text-align:center;
  color:#FFF;
  font-weight:normal;
  border:none;
  -webkit-appearance:none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  text-decoration:none;
}

/* button margin style
---------------------------*/

.btn_lineH {
  margin-right:10px;
  margin-left:10px;
}

.btn_lineHR {
  margin-right:10px;
}

.btn_lineHL {
  margin-left:10px;
}

.btn_lineV {
  margin-top:10px;
}

.btn_lineMarginA {
  margin-right:10px;
  margin-left:10px;
}

.btn_lineMarginB {
  margin-top:10px;
}

.btn_lineSelfMaintenance {
  margin:0 10px 0 0;
}

.btn_MarginMail {
  margin-top:10px;
}

/* button size style
---------------------------*/
.btn_sizeS {
  width:120px;
  height:36px;
  font-size:1rem;
  line-height:36px;
}

.btn_sizeM {
  width:150px;
  height:42px;
  font-size:1rem;
  line-height:42px;
}

.btn_sizeL {
  width:200px;
  height:50px;
  font-size:1.375rem;
  line-height:50px;
}

/* button color style
---------------------------*/
.btn_default {
  background-color:#E3DFDC;
  color:#141414;
  border-radius: 3px;
  box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.75);
}

.btn_primary {
  background-color:#748188;
}

.btn_cancel {
  background-color:#9C9C9C;
}

.btn_warning {
  background-color:#DD552C;
}

.btn_crossmark {
  background-color:transparent;
  background-image:url(/Images/icon_crossmark.svg);
  background-repeat:no-repeat;
  -moz-background-size:30px 30px;
  -webkit-background-size:30px 30px;
  -o-background-size:30px 30px;
  -ms-background-size:30px 30px;
  background-position:left center;
  border:none;
  color:#0a0a0a;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}

/*--IE10以下--*/
.btn_crossmark {
  background-image:url(/Images/icon_crossmark.png)\9;
}
/*--IE10以上--*/
@media all and (-ms-high-contrast: none) {
  .btn_crossmark {
    background-image:url(/Images/icon_crossmark.png);
  }
}

/* button logon style
---------------------------*/
.btn_logon {
  font-weight:bold;
  background-color:transparent;
  border:2px solid #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  width:400px;
  height:50px;
  font-size:1.5rem;
  line-height:50px;
}

/* button selfMaintenance style
---------------------------*/

.btn_sizeSelfMaintenance {
  font-size:15px;
  font-size:0.9375rem;
  height:initial;
  padding-right:3px;
  padding-left:3px;
}

form.btnBox_selfMaintenance {
  display:inline-block;
}

.executionMessage {
  display: block;
  font-size:11px;
  font-size:0.6875rem;
  line-height: 14px;
  margin:-5px auto 4px auto;
}

/*--IE10以下--*/
.btn_sizeSelfMaintenance {
  height:auto\9;
  vertical-align:top\9;
}

.table_device_contentsBtn .btn_default {
  vertical-align:top\9;
}

/*--IE10以上--*/
@media all and (-ms-high-contrast: none) {
  .btn_sizeSelfMaintenance {
    height:auto;
    vertical-align:top;
  }

  .table_device_contentsBtn .btn_default {
    vertical-align:top;
  }
}

/* ============================================ */
/* Logon for iPad */
/* ============================================ */

.logon {
  margin-top:20px;
}

.logon_caption {
  display:inline-block;
  width:115px;
  text-align:left;
}

.logon_captionId::before,
.logon_captionPass::before {
  display:inline-block;
  width:21px;
  height:24px;
  padding-right:6px;
  vertical-align:-3px;
}

.logon_captionId::before {
  content:url(/Images/icon_id.svg);
}

.logon_captionPass::before {
  content:url(/Images/icon_pass.svg);
}

.logon_input {
  display:inline-block;
}

.logon_formInput {
  padding:5px;
  border:1px solid #FFF;
  background-color:rgba(255,255,255,0.25);
  font-size:1rem;
  color:#FFF;
  width:350px;
}

.logon_btnBox {
  text-align:center;
  margin:0px;
  padding:50px 0 50px 0;
}

.logon_profile {
  margin:0 40px 0 40px;
  padding:50px 0 50px 0;
  border-top:1px solid #FFF;
  text-align:center;
}

.logon_profile_link,
.logon_profile_link:hover {
  color:#FFF;
  text-decoration:underline;
}

/* ============================================ */
/* CA cert for iPad */
/* ============================================ */

.contentBox_cacert {
  margin:0 40px 0 40px;
  padding-bottom:60px;
  border-top:1px solid #FFF;
  font-size:18px;
  font-size:1.125rem;
  width:auto;
}

.textBox_cacert {
  margin:0;
  padding:25px 0 25px 0;
  text-align:center;
}

.contentBox_cacert_btn {
  display:inline-block;
  width:160px;
  height:160px;
  vertical-align: top;
}

.contentBox_cacert_arrow {
  display:inline-block;
  width:90px;
  height:160px;
  vertical-align: top;
  background-image:url(/Images/icon_arrowRight.svg);
  background-repeat:no-repeat;
  background-position:center center;
  -moz-background-size:60px 50px;
  -webkit-background-size:60px 50px;
  -o-background-size:60px 50px;
  background-size:60px 50px;
}

.btn_tapCircle {
  display:inline-block;
  box-sizing:border-box;
  width:160px;
  height:160px;
  font-size:18px;
  font-size:1.125rem;
  font-weight:normal;
  background-image:url(/Images/icon_tap.svg);
  background-size:50px;
  background-repeat:no-repeat;
  background-position:center bottom;
  -webkit-border-radius:80px;
  -moz-border-radius:80px;
  border-radius:80px;
  -moz-background-size:40px 48px;
  -webkit-background-size:40px 48px;
  -o-background-size:40px 48px;
  -ms-background-size:40px 48px;
  border:3px solid #FFF;
  text-decoration:none;
  color:#FFF;
}

.btn_tapCircle:hover {
  color:#FFF;
}

.btn_tapCircle_step {
  display:block;
  font-size:24px;
  font-size:1.5rem;
  font-weight:bold;
  padding:15px 10px 0 10px;
}

.btn_tapCircle_text {
  display:block;
  padding:0 10px 0 10px;
}

/* ============================================ */
/* cacertFromIOSKeyManager for iPad */
/* ============================================ */

.contentBox_cacertSKM {
  text-align:center;
  padding-top:25px;
}

.contentBox_cacertSKM_btn {
  display:inline-block;
  width:160px;
  height:160px;
  vertical-align: top;
}

.btn_tapCircleSKM {
  display:inline-block;
  box-sizing:border-box;
  width:160px;
  height:160px;
  font-size:18px;
  font-size:1.125rem;
  font-weight:normal;
  background-image:url(/Images/icon_tap_g.svg);
  background-repeat:no-repeat;
  background-position:center bottom;
  -webkit-border-radius:110px;
  -moz-border-radius:110px;
  border-radius:110px;
  -moz-background-size:40px 48px;
  -webkit-background-size:40px 48px;
  -o-background-size:40px 48px;
  -ms-background-size:40px 48px;
  border:3px solid #585858;
  text-decoration:none;
  color:#282828;
}

.btn_tapCircleSKM_text {
  display:block;
  padding:20px 10px 0 10px;
}

.btn_tapCircleSKM_textEn {
  display:block;
  padding:15px 0 0 0;
}

/* ============================================ */
/*  FormNavi Style for iPad                     */
/* ============================================ */

.formNaviBox {
  width:100%;
  margin:0px;
  padding:20px 0 20px 0;
  text-align:center;
}

.formNavi {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

.formNavi_list,
.formNavi_list_select,
.formNavi_listEnd,
.formNavi_listEnd_select {
  margin:0px;
  padding:0px;
  display:inline-block;
  height:100px;
  background-position:left center;
  background-repeat:no-repeat;
  vertical-align:middle;
  text-align:left;
  width:150px;
}

.formNavi_list {
  background-image:url(/Images/parts_formNaviA_default.svg);
  -moz-background-size:145px 80px;
  -webkit-background-size:145px 80px;
  -o-background-size:145px 80px;
  -ms-background-size:145px 80px;
}

.formNavi_list_select {
  background-image:url(/Images/parts_formNaviA_select.svg);
  -moz-background-size:145px 100px;
  -webkit-background-size:145px 100px;
  -o-background-size:145px 100px;
  -ms-background-size:145px 100px;
}

.formNavi_listEnd {
  width:100px;
  background-image:url(/Images/parts_formNaviB_default.svg);
  -moz-background-size:80px 80px;
  -webkit-background-size:80px 80px;
  -o-background-size:80px 80px;
  -ms-background-size:80px 80px;
}

.formNavi_listEnd_select {
  width:100px;
  background-image:url(/Images/parts_formNaviB_select.svg);
  -moz-background-size:100px 100px;
  -webkit-background-size:100px 100px;
  -o-background-size:100px 100px;
  -ms-background-size:100px 100px;
}

.formNavi_text {
  display: table-cell;
  vertical-align: middle;
  font-size:0.875rem;
  text-align:center;
  width:80px;
  height:100px;
  line-height:1.3;
}

.formNavi_list_select .formNavi_text,
.formNavi_listEnd_select .formNavi_text {
  font-size:1rem;
  width:100px;
  font-weight:bold;
}

/* ============================================ */
/*  FormObj Style for iPad                      */
/* ============================================ */

.formObj {
  background-color:#F4F4F4;
  margin:10px 10px 0px 10px;
  padding:25px;
}

.formObj:first-child {
  background-color:#F4F4F4;
  margin:0px 10px 0px 10px;
  padding:25px;
}

.formObj_caption {
  display:inline-block;
  font-size:1rem;
  font-weight:bold;
  color:#5796CE;
  width:130px;
  vertical-align:top;
}

.formObj_contents {
  display:inline-block;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:top;
  width:360px;
  margin-left:25px;
}

.formObj_inputTextarea,
.formObj_textarea {
  background-color:#FFF;
  border:1px solid #595757;
  padding:6px;
  color:#141414;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: /*-apple-system, BlinkMacSystemFont, 'Helvetica Neue', */'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
  font-size:18px;
  font-size:1.125rem;
  width:95%;
}

.formObj_inputTextarea {
  overflow-y: hidden;
  overflow-x: scroll;
  resize: none;
  height:1.75rem;
}

.formObj_textarea {
  height:100px;
}

.formObj_inputTextarea[readonly],
.formObj_textarea[readonly] {
  background-color:#EFEFEF;
  border:1px solid #C5C6C6;
}

/* ============================================ */
/*  Table Layout Style for iPad                 */
/* ============================================ */

.tableBox {
  margin:0;
  padding:0 10px 0 10px;
}

.table_history,
.table_device,
.table_app {
  width:100%;
  table-layout: fixed;
  word-wrap: break-word;
}

.table_history tr {
  background-color: #ECECEB;
}
.table_history tr:nth-child(2n) {
  background-color: #F2F2F2;
}

.table_history th,
.table_history td{
  border: 1px solid #FFF;
  font-size:1rem;
  padding:10px;
}

.table_history th {
  background-color:#DADADA;
}

.table_history th.sorted a {
  color:#191919;
  text-decoration:underline;
}

.table_history th.sorted a:hover {
  color:#191919;
  text-decoration:none;
}

.table_device tr {
  background-color:#F4F4F4;
}

.table_device_icon {
  width:115px;
  vertical-align: top;
  border-bottom:10px solid #FFF;
}

.table_device_contents {
  padding:20px 20px 20px 0px;
  vertical-align: top;
  border-bottom:10px solid #FFF;
}

.table_device_iconImg {
  margin:20px;
  width:74px;
  height:74px;
}

.table_device_textProduct {
  display:inline-block;
  float:left;
  text-align:left;
  font-size:16px;
  font-size:1rem;
  font-weight:bold;
}

.table_device_textCreation {
  display:inline-block;
  float:right;
  text-align:right;
  font-size:14px;
  font-size:0.875rem;
}

.table_device_contentsBtn {
  clear:both;
  padding-top:15px;
}

.table_deviceBox {
  margin-bottom:15px;
  padding:20px;
  text-align:left;
  background-color:#FFF;
  box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.table_deviceBox p {
  margin:15px 0 0 0 ;
}

.table_app {
  background-color:#F4F4F4;
  margin-top:10px;
}

.table_app:first-child  {
  margin-top:0;
}

.table_app td {
  padding:20px;
}

.table_app_icon {
  float:left;

}

.table_app_title {
  float:left;
  font-weight:bold;
  padding-left:20px;
}

.table_app_btn {
  float:right;
}

.table_app_clear {
  clear: both;
}

.table_app td.table_app_description {
  padding:0 20px 20px 20px;
}

/* ============================================ */
/*  List Style for iPad              */
/* ============================================ */

.profileList {
  margin:0 0 0 25px;
}

.nomsagariList {
  margin:0 0 0 25px;
  padding:25px 0 15px 0;
}

.profileList li,
.nomsagariList li {
  margin-bottom:10px;
}

.profileList li a,
.profileList li a:hover,
.nomsagariList li a,
.nomsagariList li a:hover {
  text-decoration:underline;
  color:#282828;
}

/* ============================================ */
/*  Onboard Style for iPad                      */
/* ============================================ */

.onboard {
  text-align:center;
}

.onboard_tileList {

}

.onboard .contentBoxTile h3 {
  margin:15px 15px 0 15px;
}

.onboard_contentBoxTile_btn {
  position:absolute;
  bottom:0;
  width:100%;
  text-align:center;
}

.onboardBtn_Soliton {
  width:122px;
  margin-bottom:10px;
}

.onboardBtn_GooglePlay {
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center center;
  width:122px;
  height:40px;
  margin:0 auto 10px auto;
}

.onboardBtn_AppStore {
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center center;
  width:135px;
  height:40px;
  margin:0 auto 3px auto;
}

.onboardBtn_Next {
  display:block;
  cursor:pointer;
  border:none;
  width:122px;
  height:38px;
  margin:0 auto 10px auto;
  background-repeat:no-repeat;
  background-position:center center;
}

.onboardBtn_New,
.onboardBtn_Update {
  display:block;
  cursor:pointer;
  border:none;
  width:122px;
  height:38px;
  margin:0 auto 10px auto;
  background-repeat:no-repeat;
  background-position:14px center;
  background-color:#040000;
  color:#FFF;
  font-size:18px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.onboard .textBox {
  text-align:center;
}

.onboardIcon {
  width:80px;
  height:80px;
  margin:15px auto 0 auto;
}

.onboard .text_msg {
  text-align:left;
  margin:15px 15px 0 15px;
}

/* ============================================ */
/*  Modal window Style for iPad                 */
/* ============================================ */
div.modalBox{
  display:none;
  position:fixed;
  top:50px;
  z-index:120;
  width:600px;
  padding:25px;
  text-align:left;
  background-color:#FFF;
  box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

@media screen and (orientation:landscape) {
  div.modalBox{
    width:700px;
  }
}

.text_modal {
  font-size:16px;
  font-size:1rem;
  font-weight:normal;
  color:#1E1E1E;
}

.modalCheck {
  display:block;
  margin-top:15px;
}

.modal-check {
  width: 16px;
  height: 16px;
  vertical-align:middle;
}

.modal-open {
}

.modal-open:hover{
}

.modal-close {
}

.modal-close:hover{
  cursor:pointer;
}

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

/* ============================================ */
/*  Color Style                                 */
/* ============================================ */

/*---------------*/
/* Gray          */
/*---------------*/

/*--Base background--*/
/*--Header background--*/
/*--Footer background--*/
.color-style-gray,
.color-style-gray .headNormal,
.color-style-gray .foot {
  background-color:#AAABAB;
}
/*--Wrapper background--*/
.color-style-gray .wrapperNormal {
  background-color:#F4F4F4;
}
/*--Surface background--*/
.color-style-gray .wrapperSurface {
  background-color:#898989;
}
/*--Text--*/
/*--FormObject caption text--*/
body.color-style-gray .text_caption,
body.color-style-gray .formObj_caption {
  color:#231815;
}
/*--Button primay background--*/
body.color-style-gray .btn_primary {
  background-color:#748188;
}

/*---------------*/
/* Blue          */
/*---------------*/

/*--Base background--*/
/*--Header background--*/
/*--Footer background--*/
.color-style-blue,
.color-style-blue .headNormal,
.color-style-blue .foot {
  background-color:#9ABEE4;
}
/*--Wrapper background--*/
.color-style-blue .wrapperNormal {
  background-color:#F2F5F7;
}
/*--Surface background--*/
.color-style-blue .wrapperSurface {
  background-color:#5294CE;
}
/*--Text--*/
/*--FormObject caption text--*/
body.color-style-blue .text_caption,
body.color-style-blue .formObj_caption {
  color:#5796CE;
}
/*--Button primay background--*/
body.color-style-blue .btn_primary {
  background-color:#4A7EB8;
}

/*---------------*/
/* Orange        */
/*---------------*/

/*--Base background--*/
/*--Header background--*/
/*--Footer background--*/
.color-style-orange,
.color-style-orange .headNormal,
.color-style-orange .foot {
  background-color:#F8B856;
}
/*--Wrapper background--*/
.color-style-orange .wrapperNormal {
  background-color:#FAF3EF;
}
/*--Surface background--*/
.color-style-orange .wrapperSurface {
  background-color:#EBA244;
}
/*--Text--*/
/*--FormObject caption text--*/
body.color-style-orange .text_caption,
body.color-style-orange .formObj_caption {
  color:#662812;
}
/*--Button primay background--*/
body.color-style-orange .btn_primary {
  background-color:#A37B51;
}

/*---------------*/
/* Green         */
/*---------------*/

/*--Base background--*/
/*--Header background--*/
/*--Footer background--*/
.color-style-green,
.color-style-green .headNormal,
.color-style-green .foot {
  background-color:#BCD680;
}
/*--Wrapper background--*/
.color-style-green .wrapperNormal {
  background-color:#EBEFE9;
}
/*--Surface background--*/
.color-style-green .wrapperSurface {
  background-color:#8EC156;
}
/*--Text--*/
/*--FormObject caption text--*/
body.color-style-green .text_caption,
body.color-style-green .formObj_caption {
  color:#426828;
}
/*--Button primay background--*/
body.color-style-green .btn_primary {
  background-color:#6CAC44;
}