@charset "utf-8";
/**------------------------------
 * accessibility.htmlのテーブルCSS
 * ------------------------------ */

.table_acess td,th {padding:8px;
                    border:1px solid #ccc;}

.table_acess td:first-child {
  background: #FCE78E;
}

.table_acess .table_head {
  background: #FCE78E !important;
}

.table_acess tr:nth-of-type(2n) {
    background-color: #FDF3DA;
}

.table_title {font-weight:bold;}

@media screen and (max-width: 640px) {

  .table_acess {
    width: 100%;
  }
  .table_acess tr:nth-of-type(2n) {
    background-color:#FDF3DA;
  }
  .table_acess .table_head {
    display: none;
  }
  .table_acess tr {
    width: 100%;
    border:1px solid #ccc;
  }
  .table_acess td {
    display: block;
    /* text-align: right; */
    width: 100%;
  }
  .table_acess td {border:none;}
  .table_acess td:first-child {
    background: none !important;
    color: #000;
    /* font-weight: bold; */
    /* text-align: center; */
  }
  .table_acess td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
  .pc { display:none; }
  .sp { display:block; }

  .pc2 { display:block; }
  .sp2 { display:none; }

  .table_header {background:#FCE78E;
                 width:100%;
                 border-top:1px solid #ccc;
                 border-left:1px solid #ccc;
                 border-right:1px solid #ccc;}

  .table_header td {padding:8px;
                    font-weight:bold;}

}

@media screen and (min-width: 641px){   
  .pc { display:block; }
  .sp { display:none; }

  .pc2 { display:none; }
  .sp2 { display:block; }
}

/**------------------------------
 * johoteikyotokiroku.htmlのテーブルCSS
 * ------------------------------ */

.table03 th {vertical-align: top;
	     background-color: #FCE78E;
	     font-weight:bold;}

.table03 td {padding:.25em;
             border:1px solid #ccc;}

/**------------------------------
 * imgのCSS
 * ------------------------------ */

.container img {/* width:auto; */
                max-width:100%;
                height:auto;}

/**------------------------------
 * browser_setting_mac.html,
 * browser_setting_win.htmlの画像等中央寄せのCSS
 * ------------------------------ */

.myportal-section ul li img {margin-right: auto;}
.caution01 {margin-right:auto;width:280px;}

@media screen and (max-width: 640px) {
.caution01 {margin:0 auto;}
.myportal-section ul li img {margin:0 auto;
                            display:block;}
}