/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2014/02/25, 9:35:07
    Author     : y.kanemi
*/
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px}
p,label{margin: 0px;}
.row{margin: 0px;}
html,body{height: 100%; position: relative;}
table{word-wrap: break-word;}
th{text-align: center;}
/*  カレンダー崩れ対応
td,th{
    word-break: break-all;
}
*/
body{
    font-weight:bold;
}
img {max-width: 100%; height: auto; width: auto;}

.form-control{
    font-size: 1em;/* 文字のサイズ */
    font-weight:bold;
    padding: 2px 3px;
    height: 24px;
}
#container{height:100%;}
#header{min-height:8%;background:#FFFAF0;paddin:5px;margin-bottom: 20px;}
#main{min-height:87%;background:#FFFAF0;padding:5px;}
#footer{min-height:30px; padding-top: 10px; padding-bottom: 6px; background:#FFFAF0; position: relative; bottom: 0;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7,
.col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11,
.col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
    padding: 0px;
}
button{
 width:85px;
  }

.button_sm{
      width: 70px;
      height: 30px;
  }
.inline{display: inline;}
.float_left{float: left;}
.float_right{float: right;}
.clear_left{clear: left;}
.clear{clear:both;}

.pager{margin: -1px;}

.header_logo img {
    max-height: 50px;
    width: auto;
}

#heder_logo{
    margin-left: 5em;
}
#heder_user{
    margin-top: 0.5em;
    margin-left: 1em;
}
#heder_menu{
    margin-top: 0.2em;
    margin-left: 1em;
    margin-bottom: 0.1em;
}

#title{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 35px;
}
.complete_msg{margin-top: 5%;}
.btn-wide{width: 8em;}
.width_0{width: 0px}
.width_1par{width: 1%;}
.width_2par{width: 2%;}
.width_4par{width: 4%;}
.width_5par{width: 5%;}
.width_6par{width: 6%;}
.width_7par{width: 7%;}
.width_8par{width: 8%;}
.width_9par{width: 9%;}
.width_10par{width: 10%;}
.width_11par{width: 11%;}
.width_11_5par{width: 11.5%;}
.width_12par{width: 12%;}
.width_12par{width: 14%;}
.width_15par{width: 15%;}
.width_18par{width: 18%;}
.width_20par{width: 20%;}
.width_21par{width: 21%;}
.width_22par{width: 22%;}
.width_23par{width: 23%;}
.width_24par{width: 24%;}
.width_25par{width: 25%;}
.width_30par{width: 30%;}
.width_33par{width: 33%;}
.width_35par{width: 35%;}
.width_40par{width: 40%;}
.width_45par{width: 45%;}
.width_50par{width: 50%;}
.width_55par{width: 55%;}
.width_60par{width: 60%;}
.width_65par{width: 65%;}
.width_70par{width: 70%;}
.width_75par{width: 75%;}
.width_80par{width: 80%;}
.width_85par{width: 85%;}
.width_90par{width: 90%;}
.width_95par{width: 95%;}
.width_100par{width: 100%;}
.width_73px{width: 73px;}

.width_9em{width: 9em;}

.margin_1par{margin: 1%;}
.marginleft_1par{margin-left: 1%;}
.marginleft_2par{margin-left: 2%;}
.marginleft_3par{margin-left: 3%;}
.marginleft_4par{margin-left: 4%;}
.marginleft_5par{margin-left: 5%;}
.marginleft_10par{margin-left: 10%;}
.marginleft_20par{margin-left: 20%;}
.marginright_3par{margin-right: 3%;}
.margintop_1par{margin-top: 1%;}
.margintop_2par{margin-top: 2%;}
.margintop_10par{margin-top: 10%;}
.marginbottom_1par{margin-bottom: 1%;}
.margintopbottom_5par{
    margin-top: 5%;
    margin-bottom: 5%;
}

.yyddnn{
    height: 24px;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.padding_0{padding: 0;}
.paddingright_harf{padding-right: 0.5em;}
.paddingright_1par{padding-right: 1%;}
.paddingright_2par{padding-right: 2%;}
.paddingright_1em{padding-right: 1em}
.paddingtop_1par{padding-top: 1%;}
.paddingbottom_1par{padding-bottom: 1%;}
.paddingtopbottom_1par{
    padding-top: 1%;
    padding-bottom: 1%;
}
.paddingtopright_1par{
    padding-top: 1%;
    padding-right: 1%;
}

.car_number_1{width: 5em;}
.car_number_2{width: 4em; margin-left: 4px;}
.car_number_3{width: 2.5em; margin-left: 4px;}
.car_number_4{width: 6em; margin-left: 4px;}

.display_none{display: none;}

.checkbox_format {
    height: 26px;
    display: table-cell;
    vertical-align: middle;
}
.input_lg_nonpadding{
    height: 45px;
    font-size: 18px;
}

.fontsize_5px{font-size: 5px;}
.fontsize_1_5em{font-size: 1.5em;}
.fontsize_1_2em{font-size: 1.2em;}

.font_msgothic{
    font-family:"ＭＳ ゴシック",sans-serif;
}

.fontcolor_red {color: #FF0000;}
.fontcolor_orange {color: #FF4500;}
.fontcolor_white {color: #FFFFFF;}

.textalign_right{text-align: right;}
.textalign_left{text-align: left;}

.checkbox_large{
    width: 1em;
    height: 1em;
}

.radio_format{
    height: 18px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em;
}

.panel-group > .panel > .panel-heading {
  padding: 0;
}

.panel-group > .panel > .panel-heading a:active,
.panel-group > .panel > .panel-heading a:hover,
.panel-group > .panel > .panel-heading a:focus {
  text-decoration: none;
}

a.accordion-toggle {
  display: block;
  padding: 8px 15px;
}

a.accordion-toggle::after {
    content: "▲";
    color: #CCC;
    font-size: small;
}

a.accordion-toggle.collapsed::after {
    content: "▼";
}

#box_whole { /*画面を分割しない*/
    margin-left: 5%;
    width: 90%;
    margin-right: 5%;
    text-align: left;
    min-width: 750px;
}

#box_left { /*画面を左右(均等)に分割 左側*/
    margin-left: 1%;
    margin-right: 1%;
    width: 48%;
    float: left;
}

#box_right { /*画面を左右(均等)に分割 右側*/
    margin-left: 1%;
    margin-right: 1%;
    width: 48%;
    float: left;
    position: relative;
}
@media screen and (max-width:959px) {
    #box_left, #box_right {
        width: 98%;
        float: none;
    }
}
#box_left_reservationset { /*画面を左右に分割 左側*/
    margin-left: 7%;
    margin-right: 3%;
    width: 40%;
    float: left;
}

#box_right_reservationset { /*画面を左右に分割 右側*/
    margin-right: 7%;
    margin-left: 3%;
    width: 40%;
    float: left;
}

.box_style {
    width: 100%;
    text-align: left;
}

.labelformat {
    width: 162px;
    height: 26px;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.labelformathp {
    height: 40px;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.textlabelformat {
    width: 100%;
    margin-top: 10px;
    vertical-align: middle;
}

.labelformat_little {
    width: 162px;
    height: 24px;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.align_middle {
    height: 45px;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

td {
    text-align: center;
    vertical-align: top;
}

td.text_right { text-align: right; }

table.numbering {
    counter-reset: numbering;
}
table.numbering tbody th:before {
    counter-increment: numbering;
    content: counter(numbering);
}

@media only screen and (max-width:1200px){
.table {
 width: 100%;
}
}

.vertical_middle{
    vertical-align: middle;
    text-align:center;
}

.pagination{
margin-top: -5px;
margin-bottom: -5px;
}

.input-lg {
   /*角丸とる
   border-radius: 0px;
   */
   height:24px;
   font-size: 1.2em;/* 文字のサイズ */
   line-height: 1.2;
   padding: 1px;
   border-radius: 4px;
}

select.input-lg{
   height:24px;
   font-size: 1.2em;/* 文字のサイズ */
   line-height: 1.2;
   padding: 1px;
}

.modal-lg {
width: 900px;
}

.modal-md {
width: 700px;
}

.modal-full {
    width: 80%;
}

.pointer {
    cursor: pointer;
}

@media screen and (max-width: 1599px) {
    body{
        font-size: 1.2em;/* 文字のサイズ */
    }
}

@media screen and (min-width: 1600px) {
    body{
        font-size: 1.45em;/* 文字のサイズ */
    }
}

.day > th,.day > td{
    padding:2%;
    text-align: center;
    vertical-align: middle;
}

.btn-pc{
    width: 10em;
}

.btn-right{
    height: 45px;
    text-align: right;
    vertical-align: middle;
}

.control-label{
    color: #0011FF;
    font-size:1em;
}

.btn {
    margin: 10px;
    padding: 2px 6px;
    height: 38px;
    font-size: 18px;
    border-radius: 8px;
}

@media screen and (min-width:768px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (min-width:1400px) {
    .container {
        width: 90%;
        max-width: 90%;
    }
}

/* 2016 redesign
 * reservation/reservationlist ,
 * customer/addcustomaer ,
 * car/listcar
 */

.reservationlist-title,
.addcustomer-title,
.car-title {
    width: 10em;
    float: left;
    box-sizing: border-box;
    clear: both;
}
.reservationlist-form,
.addcustomer-form,
.car-form {
    width: calc(100% - 11em);
    margin-left: 11em;
    box-sizing: border-box;
}

@media screen and (max-width:640px) {
    .reservationlist-title,
    .addcustomer-title,
    .car-title {
        width: 100%;
        float: none;
        text-align: left;
    }
    .reservationlist-title .labelformat,
    .addcustomer-title .labelformat,
    .car-title .labelformat {
        text-align: left;
        height: 1em;
        padding-top: 10px;
    }
    .reservationlist-form,
    .addcustomer-form,
    .car-form {
        width: 100%;
        margin-left: 0;
    }
    .reservationlist-form .labelformat,
    .addcustomer-form .labelformat,
    .car-form .labelformat {
        padding-right: 0;
    }
}

.reservationlist-form-gengou,
.addcustomer-form-gengou,
.car-form-gengou {
    width: 5em;
    float: left;
    box-sizing: border-box;
}
.reservationlist-form-year,
.addcustomer-form-year,
.car-form-year {
    width: 3.5em;
    float: left;
    margin-left: 4px;
}
.reservationlist-form-month,
.addcustomer-form-month,
.car-form-month {
    width: 3.5em;
    float: left;
    margin-left: 4px;
}
.reservationlist-form-day,
.addcustomer-form-day,
.car-form-day {
    width: 3.5em;
    float: left;
    margin-left: 4px;
}
.car-form-birthday-month {
    width: 3.5em;
    float: left;
}
.birthday_from_to{
    width: 2.5em;
    text-align: center;
    float: left;
    margin-top: 4px;
}
.reservationlist-form input[type="radio"],
.addcustomer-form input[type="radio"] {
    margin: 0 4px 0 10px;
}
.car-form input[type="checkbox"] {
    margin: -3px 4px 0 10px;
}
.selection {
    border-left: 2px solid #d6e9c6;
    border-right: 2px solid #d6e9c6;
    border-collapse: separate;
}
.selection th {
    background-color: #dff0d8;
    padding: 6px 0;
    border-top: 1px solid #d6e9c6;
    border-bottom: 1px solid #d6e9c6;
}
.selection td {
    border-right: 1px solid #DDD;
    padding: 6px 2px;
}
.trtop td {
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}
.trbottom td {
    border-bottom: 1px solid #DDD;
}
/* 車両登録・編集 */
/* 車検証画面（モバイルファーストデザインで作成）
   .exam_系列は特殊グリッドシステム。（examinationのexam。車検証専用のグリッド）
　最後の数字がexamグリッドの母数に占める割合。
　母数は_sp_　が6、_tab_　は18、_pc_　は30グリッド。（6の倍数）
*/
.page-header {
    border-bottom: none;
}
.page-header {
    border-radius: 0;
}
.exam_container {
    padding: 0;
    border_radius: 0;
    box-shadow: 0 2px 3px #999;
    background-color: #9FA;
}
.exam_main {
    width: 100%;
    float: left;
    margin: 0 0 6px 0;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: stretch;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}
.exam_main > div {
    float: left;
}
.exam_main2 {
    width: 100%;
    margin: 4px 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border-top: 2px solid #999;
    border-bottom: 1px solid #999;
}
.exam_sub {
    display: none;
}
.exam_main > div, .exam_main2 > div {
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    box-sizing: border-box;
    margin: 0;
}
.exam_sp_2 {
    width: 33.33%;
}
.exam_sp_3 {
    width: 50%;
}
.exam_sp_4 {
    width: 66.66%;
}
.exam_sp_6 {
    width: 100%;
}
.exam_title {
    text-align: center;
    border-bottom: 1px dotted #999;
    font-weight: normal;
}
.exam_title label {
    font-size: 12px;
    font-weight: normal;
}
.exam_name {
    width: 100%;
}
.exam_box {
    width: 100%;
    padding: 2px 6px;
    border-bottom: 1px solid #999;
}
.exam_box::after {
    content: " ";
    display: block;
    clear: both;
    line-height: 0;
}

.exam_main .addcar_user1_btn {
    float: right;
    width: 100%;
    text-align: right;
}
.exam_memo {
    width: 100%;
    border-top: 1px solid #999;
}
.exam_memo_title {
    text-align: center;
    border-bottom: 1px dotted #999;
}
.exam_memo_title label {
    font-size: 12px;
    font-weight: normal;
}
.exam_name_title {
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    height: 20px;
    clear: left;
}
.exam_name_title label {
    font-size: 12px;
    font-weight: normal;
}
.exam_name_form {
    width: 100%;
}
.exam_gengou {
    float: left;
    width: 25%;
    max-width: 5em;
}
.exam_gengou2 {
    float: left;
    width: 33.3%;
}
.exam_date_form {
    float: left;
    width: calc(25% - 1.5em);
    max-width: 5em;
}
.exam_date_form2 {
    float: left;
    width: calc(33.3% - 1.5em);
    max-width: 5em;
}
.exam_input_1 {
    float: left;
    width: calc(100% - 1.5em);
}
.exam_input_2 {
    float: left;
    width: calc(50% - 1.5em);
}
.exam_input_3 {
    float: left;
    width: calc(33% - 1.5em);
}
.exam_input_unit, .exam_date_unit, .exam_input_unit > .label_format, .exam_date_unit > .label_format {
    float: left;
    width: 1.5em;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.exam_checkbox_label, .exam_checkbox_label > .label_format {
    float: left;
    height: 24px;
    line-height: 24px;
    vertical-align: bottom;
    margin: 0;
    padding: 0 0 0 6px;
}
.exam_user1_form {
    width: 100%;
    float: left;
}
@media screen and (min-width:639px) {
    .exam_main {
        width: 100%;
    }
    .exam_tab_2 {
        width: 11.11%;
    }
    .exam_tab_3 {
        width: 16.66%;
    }
    .exam_tab_4 {
        width: 22.22%;
    }
    .exam_tab_6 {
        width: 33.33%;
    }
    .exam_name_title {
        display: block;
        width: 20%;
        height: 24px;
        float: left;
    }
    .exam_name_form {
        width: 80%;
        float: left;
    }
    .exam_main .addcar_user1_btn {
        width: 66.66%;
        height: 43px;
        text-align: left;
        padding-top: 10px;
    }
}
@media screen and (min-width:1199px) {
    .exam_pc_2 {
        width: 6.666%;
    }
    .exam_pc_3 {
        width: 10%;
    }
    .exam_pc_4 {
        width: 13.33%;
    }
    .exam_pc_5 {
        width: 16.66%;
    }
    .exam_pc_6 {
        width: 20%;
    }
    .exam_pc_8 {
        width: 26.66%;
    }
    .exam_name {
        width: 60%;
        float: left;
    }
    .exam_memo {
        width: 40%;
        float:left;
        height: 168px;
    }
    .exam_main .exam_memo {
        border-bottom: none;
        border-top: none;
    }
    .exam_name_title {
        display: block;
        width: 20%;
        float: left;
    }
    .exam_name_form {
        width: 80%;
        float: left;
    }
    .exam_main .addcar_user1_btn {
        width: 40%;
        padding-top: 0;
        text-align: right;
    }
}
@media screen and (min-width:1600px) {
    .exam_main {
        width: 100%;
        float: none;
    }
    .exam_sub {
        display: none;
    }
}
/* 車検証以外の画面 */

.addcar .page-header {
    margin-top: 10px;

}
.addcar input, .addcar select {
    height: 24px;
    font-size: 14px;
    border-radius: 4px;
    width: 100%;
}
.addcar input[type="checkbox"] {
    margin: 0 6px 0 0;
    width: 1em;
}

.addcar_title, .addcar_form {
    width: 100%;
}
.addcar_num {
    padding-right: 6px;
    float: left;
    width: 20%;
    min-width: 170px;
}
.addcar_date {
    float: left;
    width: 20%;
    min-width: 220px;
}
.addcar_date_form {
    float: left;
    width: calc(25% - 1.5em);
}
.addcar_date_unit {
    float: left;
    width: 1.5em;
}
.addcar_date2 {
    float: left;
    width: 15%;
    min-width: 220px;
}
.addcar_type {
    float: left;
    width: 5%;
    min-width: 50px;
}
.addcar_use {
    float: left;
    width: 10%;
    min-width: 80px;
}
.addcar_use2 {
    float: left;
    width: 10%;
    min-width: 70px;
}
.addcar_style {
    float: left;
    width: 10%;
    min-width: 100px;
}
.addcar_spec {
    float: left;
    width: 10%;
}
.addcar_spec_half {
    float: left;
    width: 5%;
    min-width: 75px;
}
.addcar_attr {
    float: left;
    width: 10%;
}
.addcar_email {
    float: left;
    width: 40%;
    margin-bottom: 6px;
}
.addcar_phone_main,
.addcar_send_box {
    float: left;
    width: 30%;
    margin-bottom: 6px;
}
.addcar_phone {
    float: left;
    width: 15%;
    min-width: 120px;
}

.addcar_space_right {
    padding-right: 4px;
}
.addcar_user1 {
    float: left;
    width: 80%;
}
.addcar_user1_title {
    float: left;
    width: 9em;
}
.addcar_user1_form {
    width: 40%;
    float: left;
}
.addcar_user1_address {
    float: left;
    width: 100%;
}
.car_bikou {
    width: 80%;
    float: left;
}
.car_bikou textarea {
    max-width: 580px;
    width: 100%;
    border-radius: 4px;
}
.addcar_form .label_format {
    height: 24px;
}
.addcar_user2 {
    width: 100%;
    clear: both;
}
.addcar_user2_name {
    float: left;
    width: 50%;
    max-width: 12em;
}
.addcar_address_1 {
    float: left;
    width: 100%;
    max-width: 8em;
}
.addcar_address_2 {
    float: left;
    width: 100%;
    max-width: 16em;
}

.addcar_form_email, .addcar_phone_num {
    width: calc(100% - 9em);
}
.addcar_form_btn {
    width: 8em;
    margin: 4px 4px 0 0;
    float: left;
}
.addcar_cheack_inline {
    float: left;
    padding-right: 15px;
}
.addcar_space_right5par {
    margin-right: 5%;
}
.addcar_space_right15par {
    margin-right: 15%;
}
.addcar_container {
    width: 80%;
    margin: auto;
}
@media screen and (max-width:1700px) {
    .addcar_container {
        width: 100%;
    }
}
@media screen and (max-width:1599px) {
    .addcar_space_right5par, .addcar_space_right15par {
        margin-right: 0;
    }
}
@media screen and (max-width:1199px) {
    .addcar_attr, .addcar_spec {
        width: 33%;
    }
    .addcar_num {
        width: 25%;
    }
    .addcar_date {
        width: 33%;
    }
    .addcar_date2 {
        width: 33%;
    }
    .addcar_type {
        float: left;
        width: 25%;
    }
    .addcar_use {
        width: 25%;
    }
    .addcar_use2 {
        width: 25%;
    }
    .addcar_style {
        width: 25%;
    }
    .break_1 {
        clear: both;
    }
}
@media screen and (max-width:960px) {
    .addcar_send_box,
    .addcar_email,
    .addcar_phone_main,
    .addcar_phone {
        width: 100%;
    }
}

@media screen and (max-width:640px) {
    .car_bikou {
        margin-top: 0.5em;
        width: 100%;
        clear: both;
    }
    .addcar_attr,
    .addcar_date,
    .addcar_num {
        width: 50%;
    }
    .addcar_spec {
        width: 50%;
    }
    .addcar_email {
        width: 100%;
    }
    .break_2 {
        clear: both;
    }
}

.addcar_num-1 {
    float: left;
    min-width: 3.5em;
    width: 25%;
}
.addcar_num-2 {
    float: left;
    min-width: 3em;
    width: 25%;
}
.addcar_num-3 {
    float: left;
    min-width: 2em;
    width: 15%;
}
.addcar_num-4 {
    float: left;
    width: 4.5em;
    width: 35%;
}

@media screen and (max-width:470px) {
    .addcar_num,
    .addcar_date,
    .addcar_user1,
    .addcar_email,
    .addcar_phone_main,
    .addcar_phone,
    .addcar_send_box,
    .addcar_user1_title {
        width: 100%;
    }
    .addcar_type,
    .addcar_use,
    .addcar_use2,
    .addcar_spec {
        width: 50%;
    }
    .addcar_spec_half {
        width: 25%;
    }
    .addcar_user1_form {
        width: calc(100% - 9em);
    }
}

/* 履歴画面 */
.sms_title {
    width: 9em;
    float: left;
    clear: both;
}
.sms_form {
    width: calc(100% - 9em);
    float: left;
}
.sms_gengou {
    width: auto;
    max-width: 25%;
    float: left;
}
.sms_date_form {
    float: left;
    width: calc(25% - 2em);
}
.sms_date_unit {
    float: left;
    width: 2em;
}
.sms_radiolist, .sms_radiolist input[type="radio"], .sms_radiolist label {
    padding-top: 0px;
    line-height: 22px;
    margin-right: 6px;
}
.sms_radiolist::after {
    contet: " ";
    clear: both;
    display: block;
    line-height: 0;
}

.sms_radiolist input[type="radio"] {
    margin: -2px 2px 0 0;
}

@media screen and (max-width:470px) {
    .sms_title {
        width: 100%;
        float: none;
        clear: both;
        margin-top: 6px;
    }
    .sms_form {
        width: 100%;
        float: none;
    }
    .sms_title .labelformat {
        text-align: left;
        height: 1em;
    }
}

.bg-service{
	display: block;
	padding-top: 17%;
	width: 100%;
	height: 100%;
	border-radius: 21px;
	background-size: cover;
    background-repeat: no-repeat;
    border: 3px solid lightblue;
    box-shadow: #444 0 0 2px 1px inset;
}

/* data-linkage upfile.smarty */
.linkage-upload {
    display: table;
}

.linkage-upload-box {
    max-width: 1000px;
    margin: auto;
}

.linkage-store {
    display: table-cell;
    vertical-align: top;
}
.linkage-file {
    display: table-cell;
    vertical-align: bottom;
    padding: 17px 0 0 10px;
}

.linkage-submit {
    padding: 0;
    text-align: right;
}

.linkage-result-table {
    margin: 5px auto 20px;
    font-size: 16px;
}
.linkage-result-table th {
    background-color: #dff0d8;
    border: 1px solid #FFF;
    padding: 2px 6px;
}

.linkage-result-table td {
    padding: 2px 6px;
    border: 1px solid #dff0d8;
}

.linkage-filedata-title{
    color: #428bca;
    text-align: center;
    margin-top: 20px;
}

.linkage-error-title {
    color: #FF4500;
    text-align: center;
    margin: 20px 0 10px;
}

.linkage-error-box {
    display: table;
    margin: 10px auto;
}

.linkage-error-excerpt {
    width: 50%;
    float: left;
    padding: 0 10px;
}
.linkage-error-detail {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.linkage-error-list {
    padding-left: 2em;
}
.linkage-error-list li {
    line-height: 1.4;
    margin: 2px 0;
    font-size: 16px;
    font-weight: normal;
}

.error-title-h3 {
    text-align: center;
    margin: 10px 0;
}

.linkage-devide {
    clear: both;
}

.linkage-detail-scroll {
    padding: 0;
    height:250px;
    overflow:scroll;
    border:1px solid #999;
}

.linkage-detail-table {
    font-size: 14px;
}

.linkage-detail-table th {
    background-color: #dff0d8;
    border: 1px solid #FFF;
    text-align: center;
    padding: 2px 4px;
    max-width: 50%;
}

.linkage-detail-table td {
    border: 1px solid #dff0d8;
    text-align: left;
    padding: 2px 4px;
}

@media screen and (max-width: 800px){
    .linkage-error-excerpt,
    .linkage-error-detail {
        max-width: 100%;
        float: none;
        padding: 0 10px;
    }
}

.pagination2 li {
    display: inline;
}