@charset "utf-8";

/*------------------------------
        detail PC New
------------------------------*/

#mainCont01 .breadcrumbs a {
    color: #034c91;
    font-size: 13px;
}

#mainCont01 .detail {
    background: #fff none repeat scroll 0 0;
    border-color: #b4b4b4;
    border-style: solid;
    border-width: 1px;
}

#mainCont01 .titleArea p,
#mainCont01 .titleArea h1 {
    padding: 10px 20px;
}

#mainCont01 .articleArea div a img {
    width: 100%;
    height: auto;
}

#mainCont01 .titleArea {
    border-bottom: 3px solid #5AB6D8;
    margin-bottom: 5px;
    overflow: hidden;
}

#mainCont01 .titleArea img {
    width: 768px !important;
}

#mainCont01 .titleArea .breadcrumbs {
    margin-bottom: 10px;
}

#mainCont01 .titleArea .breadcrumbs a {
    color: #034c91;
    font-size: 13px;
}

#mainCont01 .titleArea .title {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#mainCont01 .titleArea .title_sub {
    background-color: #0099cc;
    border: 1px solid #0099cc;
    color: #ffffff;
    display: inline-block;
    font-family: Verdana, Arial;
    font-size: 13px;
    margin-top: 5px;
    padding: 5px 5px 2px;
}

#mainCont01 .titleArea .left {
    display: inline-block;
    text-align: left;
}

#mainCont01 .titleArea .right {
    display: inline;
    float: right;
    text-align: right;
}

#mainCont01 .titleArea .tag {
    float: left;
}

#mainCont01 .titleArea .tag,
#mainCont01 .titleArea .date {
    font-size: 14px;
}

#mainCont01 .titleArea .tag {
    color: #034c91;
    margin-right: 5px;
}

#mainCont01 .titleArea .date {
    margin-left: 10px;
}

#mainCont01 .articleArea .nnm_box {
    border: 1px solid #999;
    padding: 20px;
    margin: 20px;
    word-wrap: break-word;
}
#mainCont01 .articleArea .nnm_box ul{
    margin-bottom: 0;
}
#mainCont01 .articleArea .nnm_box a {
    word-break: break-all;
}

#mainCont01 .articleArea .nnm_box:first-line {
    font-weight: bold;
    color: #034c91;
    margin-bottom: 0.6em;
}


.detailSns {
    display: inline-block;
    padding: 10px 10px 10px 15px;
}

.detailSns li {
    float: left;
    margin-right: 5px;
    width: 25px;
}

.detailSns img {
    width: 100%;
}

.detailSns img:hover {
    opacity: 0.7;
}

.hash_tag {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
	width: 60%;
	margin-bottom: 20px;
	text-align: right;
}

.hash_tag a {
    background-color: #ddd;
    border-radius: 4px;
    /*! color: #04c; */
    font-size: 9pt;
    padding: 0 4px;
    text-decoration: none;
    font-weight: normal !important;
	margin-bottom: 2px;
	display: inline-block;
}

.leadText::before {
    border-bottom: 2px solid #5AB6D8;
    bottom: 0;
    content: "";
    margin-bottom: -2px;
    position: absolute;
    right: 0;
    width: 5%;
}

.leadText {
    background-color: #f7fafb;
    border-bottom: 2px solid #dcdcdc;
    border-top: 2px solid #dcdcdc;
    font-size: 14px;
    line-height: 22px;
    margin: 20px;
    padding: 20px;
    position: relative;
    display: inline-flex;
    width: 730px;
}

.leadText::after {
    border-bottom: 2px solid #5AB6D8;
    content: "";
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 0;
    width: 5%;
}

.leadText .text {
    margin-right: 0;
    width: 100%;
    text-align: left;
}

#mainCont01 .leadText .text a {
    font-weight: normal;
}

.companyLogo {
    width: 100px;
    height: 60px;
    background: white;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    vertical-align: middle;
    margin-right: 10px;
}

.companyLogo img {
    margin: auto;
}

.leadArea {
    text-align: center;
}

.leadArea .imageList {
    display: inline-block;
    width: 370px;
    padding: 0 10px 0px 10px;
    vertical-align: top;
}

.leadArea img {
    border: 1px solid #dcdcdc;
    width: 350px;
}


/*.leadArea figure{
    margin-bottom: 20px;
}*/

.leadArea figure#img_3,
.leadArea figure#img_4 {
    margin-top: 20px;
}

.leadArea figcaption {
    color: #787878;
    line-height: 1.8em;
    font-size: 12px;
    display: inline-flex;
    padding-top: 10px;
}

.leadArea figcaption a {
    color: #000;
}

.leadArea figcaption a:visited {
    color: #000;
}

.detail .info {
    display: none;
}

.detail>a {
    font-weight: bold;
}

.detail>a:visited {
    color: #34689a;
    text-decoration: none;
}

.detail>a:hover {
    color: #0bb597;
}

.detail>a:active {
    color: #cc3300;
    /* font-weight: bold; */
    text-decoration: none;
}

.detail h3 {
    background: #F5F5F5;
    padding: 10px;
    border-left: solid #5AB6D8;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}

.supplement {
    border: 1px solid #CCC;
    padding: 9px 16px;
    border-radius: 9px;
    margin-bottom: 20px;
}

.aligncenter {
    text-align: center;
    margin: auto;
    display: table;
}

.alignleft {
    margin: 0 8px 2px 0;
    display: block;
    float: left;
}

.alignright {
    margin: 0 0 2px 8px;
    display: block;
    float: right;
}

div.wp-caption a img {
    display: block;
    border: 0;
}

.wp-caption-text {
    text-align: left;
    font-size: 12px;
    line-height: 1.8em;
    color: #787878;
    margin-top: 10px;
}

#mainCont01 .articleArea {
    margin: 0;
    padding: 0px 20px 0;
}

#mainCont01 .articleArea hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

.subTitle {
    color: #034c91;
    font-size: 18px;
    margin-bottom: 5px;
    margin-left: 20px;
}

#mainCont01 .articleArea .subTitle {
    color: #034c91;
    font-size: 18px;
    letter-spacing: 0.04em;
    margin-bottom: 5px;
    margin-left: 0;
}

#mainCont01 .articleArea .text {
    color: #333;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 30px;
}

#mainCont01 .articleArea .writer {
    border-top: 1px solid #dcdcdc;
    font-size: 12px;
    line-height: 1.8em;
    color: #787877;
    margin: 0;
    padding: 10px 0;
    text-indent: 0;
    text-align: left;
    margin-top: 20px;
}


#mainCont01 .articleArea .writer a {
    color: #787878;
    font-weight: inherit;
}

#mainCont01 .articleArea .cite a {
    color: #787878;
}

#mainCont01 .pagination a:hover {
    text-decoration: none;
    color: rgb(30, 100, 120) !important;
    background: rgb(250, 250, 250) !important;
}

#mainCont01 .pagination {
    background: #f7f7f7 none repeat scroll 0 0;
    display: block;
    padding: 0 !important;
}

#mainCont01 .pagination .previousPage,
#mainCont01 .pagination .nextPage {
    border-right: 1px solid #ebebeb;
    display: table-cell;
    height: 40px;
    margin: 5px 0 5px 0;
}

#mainCont01 .pagination .previousPage {
    float: right;
}

#mainCont01 .pagination .nextPage {
    float: left;
}

#mainCont01 .pagination .pageNumber {
    color: #b4b4b4;
    float: left;
    line-height: 50px;
    padding-left: 10px;
    text-align: center;
}

#mainCont01 .pagination .current a {
    background: #2c679a none repeat scroll 0 0;
    border: 1px solid #2c679a;
    border-radius: 0 !important;
    padding: 0 10px;
}

#mainCont01 .pagination .pagination-wrapper {
    text-align: center;
}

#mainCont01 .pagination ul {
    display: table;
    margin: auto;
    list-style: outside none none;
}

#mainCont01 .pagination a {
    color: #2c679a;
    font-size: 14px;
    display: block;
    width: auto;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
}

#mainCont01 .detailPageN ul {
    clear: both;
    position: static;
    transform: none;
}

#mainCont01 .detailPageN li a {
    color: #2c679a;
    float: left;
    font-size: 14px;
}

#mainCont01 .detailPageN li:last-child {
    float: right;
}

#mainCont01 .detailPageN li a img {
    margin: 0 10px;
}

#mainCont01 .detailPageN .nextArticle {
    border: 1px solid #5AB6D8;
    border-radius: 6px;
    display: block;
    height: 50px;
    margin: auto;
    text-align: center;
    width: 90%;
    vertical-align: middle;
    background: #5AB6D8 none repeat scroll 0 0;
}

#mainCont01 .detailPageN .nextArticle a {
    display: table;
    height: 100%;
    width: 100%;
}

#mainCont01 .detailPageN .nextArticle #left {
    background: #5AB6D8 none repeat scroll 0 0;
    color: white;
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    border-radius: 5px 0px 0px 5px;
}

#mainCont01 .detailPageN .nextArticle #right {
    background: white none repeat scroll 0 0;
    border: 1px solid #5AB6D8;
    border-radius: 0 5px 5px 0;
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    color: #2c679a;
    padding: 10px;
}

#mainCont01 .detailPageN .nextArticle #end {
    display: block;
    position: relative;
    top: 25%;
    color: white;
}

#mainCont01 .detailPageN .nextArticle a:hover #right {
    background: rgb(250, 250, 250) none repeat scroll 0 0 !important;
    color: rgb(30, 100, 120) !important;
}

#mainCont01 .detailPageN .nextArticle a:hover #left {
    background: rgb(3, 76, 145) none repeat scroll 0 0 !important;
}


#mainCont01 .detailPageN .nextArticle img {
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
    width: 15px;
}

#mainCont01 .outdetailPageN a:hover {
    /*! background: rgb(250, 250, 250) none repeat scroll 0 0 !important; 
    /*! color: rgb(30, 100, 120) !important; */
}

#mainCont01 .outdetailPageN a {
    color: #2c679a;
    font-size: 14px;
}

#mainCont01 .outdetailPageN #previousArticle a {
    padding-left: 40px;
    background: url(../images/common/ico_arrow_left.png) 0 no-repeat;
    background-position: left;
}

#mainCont01 .outdetailPageN #nextArticle {
    padding: 0 40px;
}

#mainCont01 .outdetailPageN #nextArticle a {
    background: url(../images/common/ico_arrow_right.png) 0px no-repeat;
    padding-right: 40px;
    background-position: right;
}

#mainCont01 .outdetailPageN ul {
    padding: 20px 0;
    display: table;
    margin: 0 auto;
}

#mainCont01 .outdetailPageN ul li {
    color: #b4b4b4;
    display: table-cell;
    line-height: 19px;
    vertical-align: middle;
    padding: 0 50px;
}

#mainCont01 .outdetailPageN ul li:first-child {
    float: left;
    padding-left: 40px;
}

#mainCont01 .outdetailPageN ul li:last-child {
    float: right;
}

.related {
    background-color: #fff;
    margin-bottom: 18px;
}

.related .inner {
    border-color: #034c91 #b4b4b4 #b4b4b4;
    border-style: solid;
    border-width: 3px 1px 1px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.related h1 {
    margin-top: 30px;
}

.related li {
    display: inline-block;
    width: 175px;
    margin-right: 7px;
    vertical-align: top;
}

.related li img {
    border: 1px solid #dcdcdc;
    margin-top: 10px;
    min-height: 131px;
    width: 175px;
}

#mainCont01 .related li a {
    color: #5a5a5a;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    width: 175px;
}

.related li #related-title {
    overflow: hidden !important;
}

#mainCont01 .articleArea .centerimg {
    margin-bottom: 20px;
    text-align: center;
}

#mainCont01 .articleArea .boldblue {
    color: #1d489b;
    font-weight: bold;
}

#mainCont01 .articleArea .textproduct {
    color: #333;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

#mainCont01 .articleArea .spec {
    border: 1px solid #f0f0f0;
    margin-bottom: 40px;
}

#mainCont01 .articleArea>p {
    margin-top: 20px;
    margin-bottom: 20px;
    text-indent: 1em;
    text-align: left;
}


#mainCont01 .articleArea p a img.alignleft {
    padding-right: 25px;
    margin-bottom: 10px;
}

#mainCont01 .articleArea p a img.alignright {
    padding-left: 20px;
    margin-bottom: 10px;
}

#mainCont01 .articleArea p iframe {
    margin: 0 auto;
    display: block;
}


#mainCont01 .articleArea div.annotation {
    width: 200px;
    padding: 8px;
    margin: 20px 0px 8px 8px;
    font-size: 11px;
    line-height: 1.5em;
    float: right;
    background-color: #ddd;
    text-indent: 0;
    clear: both;
}

#mainCont01 .articleArea .spec {
    margin-bottom: 40px;
    border: 1px solid #F0F0F0;
    padding: 10px;
}

#mainCont01 .articleArea h1 {
    border-bottom: 1px solid #034c91;
    color: #034c91;
    font-size: 24px;
    letter-spacing: 0.04em;
    margin-bottom: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
}

#mainCont01 .articleArea ul {
    margin-left: 2em;
    margin-bottom: 20px;
}

#mainCont01 .articleArea h2 {
    border-bottom: 1px solid;
    border-top: 1px solid;
    margin: 20px 0 20px;
    padding: 15px 0;
    font-size: 18px;
    color: #034c91;
    border-color: #5AB6D8;
}

#mainCont01 .articleArea hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

#mainCont01 .articleArea .url_box {
    font-size: 12px;
    padding: 15px;
    margin: 20px;
    background-color: #f0f0f0;
    letter-spacing: .04em;
    word-wrap: break-word;
    line-height: initial;
}

#mainCont01 .articleArea .url_box a {
    word-break: break-all;
}

table th,
table td,
table.imgbox th,
table.imgbox td,
table.imgbox1 th,
table.imgbox1 td,
table.imgbox2 th,
table.imgbox2 td,
table.imgbox3 th,
table.imgbox3 td,
table.imgboxc1 th,
table.imgboxc1 td,
table.imgboxc2 th,
table.imgboxc2 td,
table.imgboxc3 th,
table.imgboxc3 td {
    vertical-align: middle;
    text-align: center;
    width: 50%;
    color: #676767;
    font-size: 12px;
    margin-top: 20px;
}

table tbody tr td.valignmiddle,
table.imgbox tbody tr td.valignmiddle,
table.imgbox1 tbody tr td.valignmiddle,
table.imgbox2 tbody tr td.valignmiddle,
table.imgbox3 tbody tr td.valignmiddle,
table.imgboxc1 tbody tr td.valignmiddle,
table.imgboxc2 tbody tr td.valignmiddle,
table.imgboxc3 tbody tr td.valignmiddle {
    vertical-align: middle;
}

table td.gray {
    background: #ddd;
}

.articleArea table,
table.imgbox,
table.imgbox1,
table.imgbox2,
table.imgbox3,
table.imgboxc1,
table.imgboxc2,
table.imgboxc3 {
    border-collapse: collapse;
    display: table;
    margin-bottom: 10px;
}

table tr td:not(:last-child),
table.imgbox tr td:not(:last-child),
table.imgbox1 tr td:not(:last-child),
table.imgbox2 tr td:not(:last-child),
table.imgbox3 tr td:not(:last-child),
table.imgboxc1 tr td:not(:last-child),
table.imgboxc2 tr td:not(:last-child),
table.imgboxc3 tr td:not(:last-child) {
    padding-right: 20px;
}

table tr:not(:last-child) td,
table.imgbox tr:not(:last-child) td,
table.imgbox1 tr:not(:last-child) td,
table.imgbox2 tr:not(:last-child) td,
table.imgbox3 tr:not(:last-child) td,
table.imgboxc1 tr:not(:last-child) td,
table.imgboxc2 tr:not(:last-child) td,
table.imgboxc3 tr:not(:last-child) td {
    padding-bottom: 10px;
}

.imgbox1,
.imgbox2,
.imgbox3,
.imgboxc1,
.imgboxc2,
.imgboxc3 {
    width: 620px;
}

.imgbox1 .caption_img,
.imgbox2 .caption_img,
.imgbox3 .caption_img {
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.8em;
    color: #676767;
}

.imgboxc1 .wp-caption-text,
.imgboxc2 .wp-caption-text,
.imgboxc3 .wp-caption-text {
    margin-top: 10px;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
    line-height: 1.8em;
    color: #676767;
}

.imgbox4 {
    width: 450px;
    text-align: center
}

.imgbox4 th {
    background: #000033;
    text-align: center;
    color: #fff;
}

.imgbox4 td.left {
    width: 250px;
    text-align: center;
    vertical-align: middle;
}

.imgbox4 td.right {
    text-align: center;
    vertical-align: middle;
    background: #F2F2F2;
}

.spacer {
    height: 20px;
}


.archive_ad_pressrelease {
    margin-left: 35px;
    margin-bottom: 30px;
}

.archive_ad_pressrelease #ad1 {
    float: left;
}

.archive_ad_pressrelease #ad2 {
    margin-left: 30px;
    margin-right: : 30px;
}

.imgbox th,
.imgbox td {
    width: 50%!important;
    color: #676767;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 10px;
    text-align: left;
}

.imgbox td:nth-child(odd) {
    padding-right: 10px
}

.imgbox td:nth-child(even) {
    padding-left: 10px
}

.imgbox tr td:last-child {
    padding-right: 0px!important;
}


.clear {
    clear: left;
}

.column_box {
    font-size: 14px;
    background-color: #F2F2F2;
    margin-bottom: 10px;
    line-height: 140%;
    text-align: left;
    float: none;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    width: 100%;
}

.column_box img {
    float: left;
    width: 255px;
    margin-right: 10px;
}

table.style1 {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 6px;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
}

.style1 th {
    text-align: left;
    background-color: #66CCFF;
    vertical-align: top;
    padding: 6px;
    font-size: 12px;
    border: 1px solid #666666;
}

.style1 td {
    padding: 6px;
    border: 1px solid #666666;
    line-height: 140%;
}

table.column1 {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 6px;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
}

table.column2 {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 6px;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
}

.column1 th {
    text-align: left;
    background-color: #66CCFF;
    border: 1px solid #66CCFF;
    vertical-align: top;
    padding: 6px;
    font-size: 14px;
}

.column2 th {
    text-align: left;
    background-color: #dcdcdc;
    border: 1px solid #dcdcdc;
    vertical-align: top;
    padding: 6px;
    font-size: 14px;
}

.column1 td {
    padding: 8px;
    border: 1px solid #66CCFF;
    line-height: 140%;
}

.column2 td {
    padding: 8px;
    border: 1px solid #dcdcdc;
    line-height: 140%;
}

#mainCont01 .articleArea  ul.dashed {
    list-style-type: none;
    margin: 0 auto;
    padding: 20px;
}

ul.dashed li {
    text-indent: -5px;
    padding: 0px 10px;
}

ul.dashed>li:before {
    content: "━";
    text-indent: -5px;
    padding: 5px;
}


div.stylebox {
    display: table;
    margin: 0 auto;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    margin-bottom: 30px;
}

div.stylebox_row {
    display: table-row;
}

div.stylebox_row:not(:last-child) {
    border-bottom: 1px solid #999999;
}

div.stylebox_td {
    line-height: 140%;
}

div.stylebox_td,
div.stylebox_th {
    border-bottom: 1px solid #999999;
    display: table-cell;
    padding: 6px;
    font-size: 12px;
}

div.stylebox_td:not(:last-child),
div.stylebox_th:not(:last-child) {
    border-right: 1px solid #999999;
}

div.stylebox_th {
    background-color: #66CCFF;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}

div.stylebox_body {
    display: table-row-group;
    border: 1px solid #66CCFF;
}

div.columnbox1,
div.columnbox2 {
    display: table;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

div.columnbox1 {
    border: 1px solid #66CCFF;
}

div.columnbox2 {
    border: 1px solid #dcdcdc;
}

div.columnbox1_row,
div.columnbox2_row {
    display: table-row;
}

div.columnbox1_th,
div.columnbox1_td,
div.columnbox2_th,
div.columnbox2_td {
    display: table-cell;
}

div.columnbox1_th,
div.columnbox2_th {

    text-align: left;
    font-size: 14px;
    padding: 6px;
    vertical-align: top;
    background: #66CCFF;
    font-weight: bold;
    border-left: 1px solid #66CCFF;
    border-right: 1px solid #66CCFF;
}

div.columnbox1_th {
    background: #66CCFF;
    border-left: 1px solid #66CCFF;
    border-right: 1px solid #66CCFF;
    border-bottom: 1px solid #66CCFF;
}

div.columnbox2_th {
    background: #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

div.columnbox1_td,
div.columnbox2_td {
    padding: 8px;
    line-height: 140%;
}

div.columnbox1_body,
div.columnbox2_body {
    display: table-row-group;
}

.lead_spacer {
    height: 20px;
    background: #fff;
}