@charset "UTF-8";
i.i-accept, i.i-card, i.i-convini, i.i-netbank, i.i-bank{
 background: url('../img/i-indexcheck.png') no-repeat;
 display:block;
 margin: 2px auto;
}

i.i-accept {
  background-position: 0 -120px;
   height: 30px;
   width: 32px;

}

i.i-bank {
  background-position: 0 0;
   height: 30px;
 width: 100px;

}

i.i-card {
  background-position: 0 -60px;
 height: 30px;
 width: 100px;

}

i.i-convini {
  background-position: 0 -90px;
   height: 30px;
 width: 60px;
}

i.i-netbank {
  background-position: 0 -30px;
   height: 30px;
 width: 100px;

}

.table th small {
 font-size:82% !important;
 letter-spacing:0 !important;
 /*font-weight:normal !important;*/
}
/*
.table td.none ,
td > i.i-accept, td > i.i-card, td > i.i-convini, td > i.i-netbank, td > i.i-bank{
 margin-left:5px !important;
}
*/
/* 2014-11*/
.table th {
 padding:6px 0px !important;
 /*border-left:1px solid #fff !important;*/
 line-height:1.2 !important;
}
.table th:after {
 content: "  ";
}
.table td{
 padding:8px 0 !important;
 text-align:center;
}
.table{
 font-size:106%;
}

.table td a.btn{
 font-size:100% !important;
}
.table td a.disabled{
 font-weight:normal !important;
 font-size:80% !important;
}
.table a.btn-success > small{
 color:#FFF !important;
 text-shadow:none;
 padding-left: 5px;
  padding-right: 9px;
}
.table a.btn-primary > small{
 color:#FFF !important;
 text-shadow:none;
 padding-left: 5px;
  padding-right: 9px;
}
.table a.btn-non{
  width:168px;
  background-color: #e6e6e6 !important;
  padding-left: 5px;
  padding-right: 9px;
  opacity: 0.9;
}

/* //2014-11*/
#tbl td.univleft {
  text-align:left;
 padding-left:6px !important;
}
tr.odd td.sorting_1 {
 background-color:#FBF9C7;
}
tr.even td.sorting_1 {
  background-color:#FBF9C7;
}

.table tbody tr:hover:nth-child(odd){
 background-color: #FFFBC9;
 cursor: default;
}
.table tbody tr:hover:nth-child(even){
 background-color:#FBF9C7;
 cursor:default;
}
.table thead th.sorting_desc,
.table thead th.sorting_asc{
 background-color: #FBF9C7 !important;
 color: #000000 !important;
 border-left: 1px solid #FAFBE7 !important;
}

.table th.sorting_asc {
  background-image: url('../img/sort_asc.png') !important;
 }

.table th.sorting_desc {
  background-image: url('../img/sort_desc.png') !important;
}

.table th.sorting {
  background-image: url('../img/sort_both.png') !important;
}

/*!
* custom2
*/

@charset "UTF-8";
i.i-accept,
i.i-card,
i.i-convini,
i.i-netbank,
i.i-bank{
  background:url('../img/i-indexcheck.png') no-repeat;
  display:block;
  margin:2px auto
}
i.i-accept{
  background-position:0 -120px;
  height:30px;
  width:32px
  }
i.i-bank{
  background-position:0 0;
  height:30px;
  width:100px
  }
i.i-card{
  background-position:0 -60px;
  height:30px;
  width:100px
}
i.i-convini{
  background-position:0 -90px;
  height:30px;
  width:60px
}
i.i-netbank{
  background-position:0 -30px;
  height:30px;width:100px
}
.table th small{
  font-size:82%!important;
  letter-spacing:0!important
}
.table th{
  padding:6px 0!important;
  /*border-left:1px solid #a3e8f7!important;*/
  line-height:1.2!important
}
.table th:after{
  content:"  "
}
.table td{
  padding:8px 0!important;
  text-align:center
}
.table{
  font-size:106%
  }
.table td a.btn{
  font-size:100%!important
}
.table td a.disabled{
  font-weight:normal!important;
  font-size:80%!important
}
.table a.btn-success>small{
  color:#FFF!important;
  text-shadow:none
}
.table a.btn-primary>small{
  color:#FFF!important;
  text-shadow:none
}
.table p.btn-non{
  color:#484848!important;
  text-shadow:none
}
#tbl td.univleft{
  text-align:left;padding-left:6px!important
}
tr.odd td.sorting_1{
  background-color:#FBF9C7
}
tr.even td.sorting_1{
  background-color:#FBF9C7
}
.table tbody tr:hover:nth-child(odd){
  background-color:#FBF9C7;
  cursor:default
}
.table tbody tr:hover:nth-child(even){
  background-color:#FBF9C7;
  cursor:default
}
.table thead th.sorting_desc,
.table thead th.sorting_asc{
  background-color:#FBF9C7!important;
  color:#000!important;
  border-left:1px solid #fafbe7!important
}
.table th.sorting_asc{
  background-image:url('../img/sort_asc.png')!important
}
.table th.sorting_desc{
  background-image:url('../img/sort_desc.png')!important
}
.table th.sorting{
  background-image:url('../img/sort_both.png')!important
}
.table a.btn-success,
.table a.btn-primary{
  width:168px;
  text-align:center!important;
  padding:6px 6px 2px
}

.table p.btn-non{
  width:168px;
  text-align:center!important;
  padding:6px 6px 2px
  background-color:#aaaaaa!important;
}

/*body {
  background-color: #F9F9F9 !important;
}*/

.page-header {
    background-color:#58ABDA;
    border-radius:8px 8px 0 0;
    /*background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);  */
}
.page-header h1 {
  padding:20px 10px 0;
  color:#FFF;
}
.page-header h1 small {
  padding:20px 10px;
  color:#FFF;
}


p.lead {
  font-size:16px;
  float:right;
  vertical-align:bottom;
  padding:12px;
}
ul.namelist {
  clear: both;
}
ul.namelist li { /* tag */
  float: left;
  list-style: none;
  line-height: 140%;
  margin: 0 6px;
  display: block;
}
h1, h2, h3, h4 {
  text-shadow: 0 1px 1px rgba(100, 100, 100, 0.5);
}
.nav-pills a {
  text-shadow: 0 1px 1px rgba(000, 000, 000, 0.1);
}

.alert-danger {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}

h1, h2, h3, h4, p, table, li, .alert, strong {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p, table, li, .alert {
  font-size: 110%;
}
p {
  line-height: 160%;
}
h2.shutugan, h3.shutugan {
  color: #039;
}
h2.kentei, h3.kentei {
  color: #360;
}
h3.shutugan, h3.kentei {
  font-size:17px;
  letter-spacing:0;
}

h2.shutugan {
  border-bottom: dotted 1px #039;
  margin-bottom: 5px;
}
h2.kentei {
  border-bottom: dotted 1px #360;
  margin-bottom: 5px;
}

li > a.nuvarrowdown  {
  background-image:url(../../images/arrow-down.png);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:16px;
  padding-right: 2px;
}

input.searchbox {
  padding:6px !important;
  height:24px;
  font-size:16px !important;
  width:280px;
}


#tbl th {
  font-size: 100%;
  vertical-align: middle;
  text-align: center;
  background-color: #58ABDA;
  color: #FFF;
  cursor: pointer;
  /*text-shadow: 0 1px 1px rgba(000, 000, 000, 0.5);*/
}
#tbl td small {
  font-size: 11px;
  color: #666;
}
#tbl td.center {
  color: #666;
}
#tbl td {
  vertical-align: middle;
  text-align:center;
  color: #333;
}
#tbl td strong {
  text-align:left;
  font-size: 110%;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
  white-space: nowrap;
}
#tbl td.univleft {
  text-align:left;
}
#tbl td.none {
  color:#AAA;
}
table#tbl caption p.left {
  font-size:12px;
  text-align:left;
  float:left;
  padding-top:30px;
  margin-bottom:2px;
}
table#tbl caption p.right {
  font-size:12px;
  text-align:right;
  padding-top:12px;
  margin-bottom:2px;
}
ul.line-over li {
  line-height: 200%;
}
div#toolTip {
  margin: 0 1em 0 0;
  padding:8px;
  color: #FFF;
  background-color:#000;
  opacity:0.85;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  border-radius:8px;
 border-left:5px solid #C00;
}

.twipsy.left .twipsy-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #690;
}

.ftr {
  margin-top: 20px;
  padding-top: 20px;
  background-color: #EEE;
}

div#gHeader p.groupLogo{
  line-height:1
  }

p small{
  line-height:100%
}
h3.shutugan small,
h3.kentei small{
  font-size:11px;
  font-weight:normal;
  text-shadow:none
}dl.notice{
  font-size:12px;
  font-family:inherit;
  color:#999;
  margin-top:0;
  clear:both
}
dl.notice dt{
  width:24px;
  font-weight:normal;
  float:left
}
dl.notice dd{
  margin-left:24px
}
div.logo-marks img{
  float:left;margin-right:10px
}
@media screen and (max-width:460px){
.page-header h1 {
  font-size:20px;
  }
.page-header h1 small {
  display: block;
  padding:0;
  font-size:16px;
  }
}

.logo-marks {
  display: block;
  min-height:60px;
}
@media screen and (max-width:970px){
  .overflow .scroll {
    overflow-x:scroll!important;
    -webkit-overflow-scrolling:touch;
  }
img.logo{
  max-width:100%;
  height:auto}
}
@media only screen and (max-width: 970px) {
  .overflow {
    position:relative;
    }
  .overflow::before{
    position: inherit;
    content:' ＜＜ 表を左右にスライドしてご確認ください ＞＞ ';
    display:block;
    border-radius:2px 0 0 2px;
    background-color:#B94A4D;
    text-align:center;
    top:1px;
    right:1px;
    color:white;
    /*color:#855D9D;*/
    font-size:11px;
    font-weight:bold;
    padding:5px;
  }
}
h1.sitename {
  font-size:1em;
  line-height: 1;
  display: block;
}
h1.sitename a,
h1.sitename small {
  line-height: 1;
  margin:0;
  padding:0;
}
h1.sitename img{
  margin-right: 6px;
}
h1.sitename small img{
  padding-bottom: 9px;

}

ul.banner {
  width:776px;
  margin:20px auto -20px;
  list-style: none;
  text-align: center;
  display: table;
}
ul.banner li {
  display: table-cell;
  padding:3px 5px 2px;
}

@media only screen and (max-width: 970px) {
  ul.banner {
  width:100%;
}
ul.banner li {
  display: block;
}
}

/*!
 *  File:         demo_table_jui.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

.en{
  display:none
}
.paging_two_button .ui-button{
  float:left;
  cursor:pointer;
  * cursor:hand
}
.paging_full_numbers .ui-button{
  padding:2px 6px;
  margin:0;cursor:pointer;
  * cursor:hand
}
.ui-buttonset .ui-button{
  margin-right:-0.1em!important
}
.paging_full_numbers{width:350px!important}
.ui-toolbar{padding:5px}
.dataTables_paginate{width:auto}
.dataTables_info{padding-top:3px}
table.display thead th{padding:3px 0 3px 8px;cursor:pointer;* cursor:hand}
.dataTables_wrapper{position:relative;min-height:302px;_height:302px;clear:both}
.dataTables_processing{position:absolute;top:0;left:50%;width:250px;margin-left:-125px;border:1px solid #ddd;text-align:center;color:#999;font-size:11px;padding:2px 0}
.dataTables_length{width:40%}
.dataTables_filter{
  margin:20px auto;
  text-align: center;
}
.dataTables_filter strong.searchlabel::before{
  content:url(../../images/icon-search.png);
  background-repeat:no-repeat;
  vertical-align: text-bottom !important;
}
.dataTables_filter strong.searchlabel{
  font-size:18px;
  }

@media only screen and (max-width: 970px) {
  .dataTables_filter strong.searchlabel{
    display: block;
  }
}
@media only screen and (max-width: 470px) {
  .dataTables_filter strong.searchlabel{
    font-size:16px;
  }
  input.searchbox {
  font-size:14px !important;
  width:260px;
  margin:0;
}

}

small.nohover {
  cursor: default;
  vertical-align:text-top;
}
small.btn-primary:hover,
small.btn-primary:active{
    background-color: #006DCC !important;
}
small.btn-success:hover,
small.btn-success:active{
  background-color: #5BB75B !important;
}
/*btn-non:hover,
btn-non:active,
btn-non:link,
btn-non:visited{
background-color: #aaaaaa !important;
}*/


/* table */

.dataTables_info{width:50%;float:left}
.dataTables_filter input{font-size:120%;color:#333}
.dataTables_paginate{float:right;text-align:right}
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next{height:19px;width:19px;margin-left:3px;float:left}
.paginate_disabled_previous{background-image:url('../../images/back_disabled.jpg')}
.paginate_enabled_previous{background-image:url('../../images/back_enabled.jpg')}
.paginate_disabled_next{background-image:url('../../images/forward_disabled.jpg')}
.paginate_enabled_next{background-image:url('../../images/forward_enabled.jpg')}
table.display{margin:0 auto;width:100%!important;clear:both;border-collapse:collapse}
table.display tfoot th{font-weight:bold;text-align:center}
table.display tr.heading2 td{border-bottom:1px solid #FFF}
table.display td{padding:3px}
table.display td.center{text-align:center}
.table td{padding:8px 4px!important}
.sorting_asc{background:url('../../images/sort_asc.png') no-repeat center right;}
.sorting_desc{background:url('../../images/sort_desc.png') no-repeat center right;}
.sorting{background:url('../../images/sort_both.png') no-repeat center right;}
table.display tr.odd.gradeA{background-color:#6CF}
table.display tr.even.gradeA{background-color:#efe}
table.display tr.odd.gradeA{background-color:#dfd}
table.display tr.even.gradeA{background-color:#efe}
table.display tr.odd.gradeC{background-color:#ddf}
table.display tr.even.gradeC{background-color:#eef}
table.display tr.odd.gradeX{background-color:#fdd}
table.display tr.even.gradeX{background-color:#fee}
table.display tr.odd.gradeU{background-color:#ddd}
table.display tr.even.gradeU{background-color:#eee}
tr.odd{
  background-color:#FFFDD6;
}
tr.even{
  background-color:white;
}
.dataTables_scroll{clear:both}
.top,
.bottom{padding:15px;background-color:#f5f5f5;border:1px solid #FFF}
.top .dataTables_info{float:none}
.clear{clear:both}
.dataTables_empty{text-align:center}
tfoot input{margin:.5em 0;width:100%;color:#444}
tfoot input.search_init{color:#999}
td.group{background-color:#d1cfd0;border-bottom:2px solid #a19b9e;border-top:2px solid #a19b9e}
td.details{background-color:#d1cfd0;border:2px solid #a19b9e}
.example_alt_pagination div.dataTables_info{width:40%}
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active{border:1px solid #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;padding:2px 5px;margin:0 3px;cursor:pointer;*cursor:hand}
.paging_full_numbers span.paginate_button{background-color:#ddd}
.paging_full_numbers span.paginate_button:hover{background-color:#ccc}
.paging_full_numbers span.paginate_active{background-color:#99b3ff}
/*table.display tr.even.row_selected td{background-color:#FBF9C7}
table.display tr.odd.row_selected td{background-color:#FBF9C7}*/
tr.odd td.sorting_1{background-color:#FFFCB9}
/*tr.odd td.sorting_2{background-color:#dadcff}
tr.odd td.sorting_3{background-color:#e0e2ff}
*/tr.even td.sorting_1{background-color:#FFFDD6}
/*tr.even td.sorting_2{background-color:#f2f3ff}
tr.even td.sorting_3{background-color:#f9f9ff}
tr.odd.gradeA td.sorting_1{background-color:#c4ffc4}
tr.odd.gradeA td.sorting_2{background-color:#d1ffd1}
tr.odd.gradeA td.sorting_3{background-color:#d1ffd1}
tr.even.gradeA td.sorting_1{background-color:#d5ffd5}
tr.even.gradeA td.sorting_2{background-color:#e2ffe2}
tr.even.gradeA td.sorting_3{background-color:#e2ffe2}
tr.odd.gradeC td.sorting_1{background-color:#c4c4ff}
tr.odd.gradeC td.sorting_2{background-color:#d1d1ff}
tr.odd.gradeC td.sorting_3{background-color:#d1d1ff}
tr.even.gradeC td.sorting_1{background-color:#d5d5ff}
tr.even.gradeC td.sorting_2{background-color:#e2e2ff}
tr.even.gradeC td.sorting_3{background-color:#e2e2ff}
tr.odd.gradeX td.sorting_1{background-color:#ffc4c4}
tr.odd.gradeX td.sorting_2{background-color:#ffd1d1}
tr.odd.gradeX td.sorting_3{background-color:#ffd1d1}
tr.even.gradeX td.sorting_1{background-color:#ffd5d5}
tr.even.gradeX td.sorting_2{background-color:#ffe2e2}
tr.even.gradeX td.sorting_3{background-color:#ffe2e2}
tr.odd.gradeU td.sorting_1{background-color:#c4c4c4}
tr.odd.gradeU td.sorting_2{background-color:#d1d1d1}
tr.odd.gradeU td.sorting_3{background-color:#d1d1d1}
tr.even.gradeU td.sorting_1{background-color:#d5d5d5}
tr.even.gradeU td.sorting_2{background-color:#e2e2e2}
tr.even.gradeU td.sorting_3{background-color:#e2e2e2}
*//*.ex_highlight #example tbody tr.even:hover,
#example tbody tr.even td.highlighted{background-color:#ecffb3}
.ex_highlight #example tbody tr.odd:hover,
#example tbody tr.odd td.highlighted{background-color:#e6ff99}
*/