#contents {
    padding: 0;
    top: 0em;
    margin-left:26.0em;
    background-color: white;
    position: relative
}

.ts_title {
    width: 100%;
    border-bottom: 1px solid #666;
    font-weight: bold;
    color: darkblue;
}

.ts_detail {
    padding: 0.5em 1.0em 1.0em 1.0em;
}

#contents #sub_title {
    position:absolute;
    background-color: #E6E6E6;
    width: 100%; 
    padding: 0.4em 0 0.4em 1.0em;
    box-sizing: border-box;
    text-align: left;
    font-size: 1.2em;
}

#contents .message {
    padding: 2.5em;
    padding-bottom: 6.8em;
    font-size:1.6em;
    min-height: 28.0em;
    position: relative;
    min-height: 675px;
}


#contents .info_logo {
    padding-right: 0.6em;
    float:left;
}

#contents .message .info_title {
    font-size: 1.5em;
    border-bottom: 2px solid #9AF;
    margin-bottom: 0.7em;
    padding: 0.3em 0;
}

#contents .message .separater {
    cursor: pointer;
    margin-right: 0.6em;
    margin-bottom: 1.0em;
    border-radius: 0.5em;
}

#contents .message .separater:hover {
    box-shadow: 0.1em 0.1em 0.2em rgba(128, 128, 128, 0.8);
}

#contents .message .selected {
    box-shadow: 0 0 0.4em rgba(200, 200, 60, 0.8);
}

#contents .message #detail {
    width: 100%;
    border: 1px solid #CDE;
    padding: 0.5em;
}

#contents .message .taglabel {
    width: 4.8em; 
    height: 1.3em; 
    padding: 0.2em 0.4em;
    float: left;
    position: relative;
    border-radius: 2px 2px 0 0 / 2px 2px 0 0;
    border: 1px solid #666;
    border-bottom: none;
    background-color: gray;
    color: white;
}

#contents .message .tagcontents {
    border: 1px solid #05A;
    border-top: none;
    width: 916px;
    box-sizing: border-box;
    padding: 0.7em 0.5em;
    border-radius: 2px 2px 2px 2px/ 2px 2px 2px 2px;
}

/* タブ */
#support_tabs {
    position: relative;
    padding: .2em;
    border: 1px solid #a6c9e2;
    border-radius: 5px;
}

.tab_lists::before {
    content: "";
    display: table;
    border-collapse: collapse; 
    line-height: 1.3;
    font-size: 100%;
    list-style: none; 
}

.tab_lists::after {
    clear: both;
    content: "";
    display: table;
    border-collapse: collapse;  
}
.tab_lists {
    margin: 0;
    padding: .2em .2em 0;
    border: 1px solid #14609a;
    background: #141E32;
    color: #eaf5f7;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    line-height: 1.3;
}
.tab_list {
    list-style: none;
    float: left;
    position: relative;
    white-space: nowrap;
    top: 0;
    border-bottom-width: 0;
    border: 1px solid #0f759a;
    border-radius: 5px;
    background: #1664AE;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    padding: .4em 0.7em;
    text-decoration: none;
    margin: 1px .2em 1px 0;
}

.tab_list:hover {
    border: 1px solid #a6c9e2;
    background: #a6c9e2;
    color: #222;
}

.active_tab_list {
    border: 1px solid #17c5a8;
    border-bottom-width: 1px;
    background: #00B2A1;
    font-weight: normal;
    color: #fff;
}

.active_tab_list:hover {
    border: 1px solid #17c5a8;
    background: #00B2A1;
    color: #fff;
}

.tab_detail_ja,
.tab_detail_en {
    padding: 0.5em 0.7em;
}

/*******************************************
 * for Tablet 
 *******************************************/

@media ( max-width: 1259px) and (min-width: 768px) {
}


/*******************************************
 * for Smartphone 
 *******************************************/

@media ( max-width:767px) {
    
    #contents .message {
        padding: 2.5em 0.5em;
    }
    
}