@charset "utf-8";

/*
===============================================================

    1.General Setting
    2.pathArea
    3.contArea
    4.contBlock
    5.sideBlock
    6.sitemap
    7.English
    8.parts

===============================================================
*/

/*======================================
    1.General Setting
======================================*/

section {
    margin: 0 0 4rem;
    padding: 0 16px;
}
section::after {
    display: table;
    clear: both;
    content: '';
}
h1 {
    font-size: 2.9rem;
    line-height: 1.36;
    position: relative;
    margin: 0 0 2rem;
    padding: 1.1rem 16px 1.1rem 4.8rem;
    color: #fff;
    background: #12335f;
}
h1::before {
    position: absolute;
    top: 0;
    left: 1.6rem;
    display: block;
    width: 1.6rem;
    height: 100%;
    content: '';
    background: #d6c843;
}
h2 {
    font-size: 2.02rem;
    line-height: 1.4;
    position: relative;
    margin: 4rem -16px 2rem;
    padding: 1.2rem 16px 1.2rem 3.6rem;
    border-bottom: 2px solid #365f85;
}
h2::before {
    position: absolute;
    left: 1rem;
    display: block;
    width: .6rem;
    height: 30px;
    height: calc(100% - 2.1rem);
    content: '';
    background: #476d92;
}
h3 {
    font-size: 2.02rem;
    line-height: 1.4;
    margin: 3rem -16px 2rem;
    padding: .6rem 16px;
    background: #bfccd8;
}
h4 {
    line-height: 1.4;
    margin: 3rem -16px 2rem;
    padding: 0 16px;
    border-bottom: 2px solid #bfccd8;
}
h5 {
    font-weight: normal;
    line-height: 1.4;
    position: relative;
    margin: 3rem -16px 2rem;
    padding: 0 16px;
}
h5::before {
    position: absolute;
    top: 8px;
    top: calc(50% - 4px);
    left: 0;
    display: block;
    width: .8rem;
    height: .8rem;
    content: '';
    background: #12335f;
}
section > h2:first-child {
    margin: 0 -16px 2rem;
}
p {
    margin: 0 0 1.2rem;
}
ul, ol {
    margin: 0 0 4rem 30px;
}
ul ul, ul ol, ol ul, ol ol {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}
li {
    margin: 0 0 .8rem;
}
th, td {
    padding: .2rem 8px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #b2b2b2;
}
th {
    background: #e5e5e4;
}
thead th {
    text-align: center;
}
@media screen and (max-width: 767px) {
    h1 {
        font-size: 2.42rem;
        padding: 1.2rem 16px 1.2rem 4.8rem;
    }
    #header { 
        border-bottom: 1px solid #cbcbcb;
    }
}

/*======================================
    2.pathArea
======================================*/

.pathArea {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    background: #e5e5e4;
}
.pathArea ul {
    width: 1024px;
    margin: 0 auto;
    padding: .5rem 10px;
}
.pathArea li {
    font-size: 1.4rem;
    display: inline;
    margin: 0;
}
.pathArea li:not(:last-child)::after {
    display: inline-block;
    padding: 0 4px 0 8px;
    content: '>';
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {
    .pathArea{
        display: none;
    }
}

/*======================================
    3.contArea
======================================*/

.contArea {
    width: 1024px;
    margin: 3rem auto 0;
    padding: 0 10px;
}
.contArea::after {
    display: table;
    clear: both;
    content: '';
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {
    .contArea {
        width: auto;
        margin: 3.8rem 14px 0;
        padding: 0;
    }
}

/*======================================
    4.contBlock
======================================*/

.contBlock {
    float: left;
    width: 74.5%;
}
.contBlock a[href^='http://']::after, .contBlock a[href^='https://']::after, .contBlock a[href$='pdf']::after, .contBlock a[href$='xlsx']::after, .contBlock a[href$='xlsm']::after, .contBlock a[href$='xls']::after, .contBlock a[href$='doc']::after, .contBlock a[href$='docx']::after, .contBlock a[href$='zip']::after, .contBlock a[href$='mov']::after, .contBlock a[href$='mpeg']::after, .contBlock a[href$='mpg']::after, .contBlock a[href$='wmv']::after, .contBlock a[href^='mailto']::after, .contBlock a[href^='HTTP://']::after, .contBlock a[href^='HTTPS://']::after, .contBlock a[href$='PDF']::after, .contBlock a[href$='XLSX']::after, .contBlock a[href$='XLSM']::after, .contBlock a[href$='XLS']::after, .contBlock a[href$='DOC']::after, .contBlock a[href$='DOCX']::after, .contBlock a[href$='ZIP']::after, .contBlock a[href$='MOV']::after, .contBlock a[href$='MPEG']::after, .contBlock a[href$='MPG']::after, .contBlock a[href$='WMV']::after, .contBlock a[href^='MAILTO']::after {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    padding-left: 1.2rem;
    vertical-align: middle;
    white-space: nowrap;
    text-indent: 100%;
}
.contBlock a[href^='http://']::after, .contBlock a[href^='https://']::after, .contBlock a[href^='HTTP://']::after, .contBlock a[href^='HTTPS://']::after {
    content: '別窓を開く';
    background: url(/common/img/icon_win.png) no-repeat center center;
}
.contBlock a[href$='pdf']::after, .contBlock a[href$='PDF']::after {
    content: 'PDFファイルを開く';
    background: url(/common/img/icon_pdf.png) no-repeat center center;
}
.contBlock a[href$='xlsx']::after, .contBlock a[href$='xlsm']::after, .contBlock a[href$='xls']::after, .contBlock a[href$='XLSX']::after, .contBlock a[href$='XLSM']::after, .contBlock a[href$='XLS']::after {
    content: 'エクセルファイルを開く';
    background: url(/common/img/icon_excel.png) no-repeat center center;
}
.contBlock a[href$='doc']::after, .contBlock a[href$='docx']::after, .contBlock a[href$='DOC']::after, .contBlock a[href$='DOCX']::after {
    content: 'ワードファイルを開く';
    background: url(/common/img/icon_word.png) no-repeat center center;
}
.contBlock a[href$='zip']::after, .contBlock a[href$='ZIP']::after {
    content: '圧縮ファイルを開く';
    background: url(/common/img/icon_zip.png) no-repeat center center;
}
.contBlock a[href$='mov']::after, .contBlock a[href$='mpeg']::after, .contBlock a[href$='mpg']::after, .contBlock a[href$='wmv']::after, .contBlock a[href$='MOV']::after, .contBlock a[href$='MPEG']::after, .contBlock a[href$='MPG']::after, .contBlock a[href$='WMV']::after {
    content: '動画ファイルを開く';
    background: url(/common/img/icon_video.png) no-repeat center center;
}
.contBlock a[href^='mailto']::after, .contBlock a[href^='MAILTO']::after {
    content: 'メールを作成する';
    background: url(/common/img/icon_mail.png) no-repeat center center;
}
.contBlock a[href^='http://www.npa.go.jp/']::after, .contBlock a[href^='https://www.npa.go.jp/']::after {
    content: none;
    background: none;
}
.contBlock li a {
    position: relative;
}
.contBlock li a::before {
    position: absolute;
    top: .1rem;
    left: -2.2rem;
    background: url(/common/img/icon-blt01.svg) no-repeat #fff;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 2rem;
    height: 2rem;
    content: '';
}
.contBlock section iframe {
    width: 100%;
    width: calc(100% + 32px);
    margin: 0 -16px;
    max-width: none;
}
.col1 .contBlock {
    float: none;
    width: 100%;
}

/*==== Layout ====*/

.column2,
.imgColumn2,
.column3,
.imgColumn3 {
    margin: 0 -16px;
}
.column2::after,
.imgColumn2::after,
.column3::after,
.imgColumn3::after {
    display: table;
    clear: both;
    content: '';
}
.column2 .box,
.imgColumn2 p {
    float: left;
    width: 48%;
    margin: 0 4% 2rem 0;
    padding: 0 16px 2rem;
}
.column3 .box,
.imgColumn3 p {
    float: left;
    width: 31.5%;
    margin: 0 2.75% 2rem 0;
    padding: 0 16px 2rem;
}
.column2 .box:nth-child(2n),
.imgColumn2 p:nth-child(2n),
.column3 .box:nth-child(3n),
.imgColumn3 p:nth-child(3n) {
    margin-right: 0;
}
.column3 .box:nth-child(3n + 1),
.imgColumn3 p:nth-child(3n + 1) {
    clear: left;
}
.column2 .box *:last-child,
.column3 .box *:last-child {
    margin-bottom: 0;
}
.box h2:first-child {
    margin: 0 -16px 2rem;
}
.imgColumn2 p,
.imgColumn3 p {
    text-align: center;
}
.imgColumn2 img,
.imgColumn3 img {
    max-width: 100% !important;
    height: auto !important;
}
.topicsList, .newsList {
    margin: 0 -16px 2rem;
}
.topicsList dt, .newsList dt {
    font-size: 1.4rem;
    font-weight: normal;
    position: relative;
    z-index: 1;
    float: left;
    clear: left;    
}
.topicsList dt {
    width: 165px;
    padding: 1.3rem 0 1.3rem 16px;
}
.newsList dt {
    width: 245px;
    padding: 1.3rem 110px 1.3rem 16px;
}
.fsz_L .newsList dt {
    padding: 1.3rem 85px 1.3rem 16px;
}
.topicsList dd, .newsList dd {
    line-height: 1.4;
    position: relative;
    box-sizing: border-box;    
    border-bottom: 1px dotted #989898;
}
.topicsList dd {
    padding: 1.3rem 16px 1.3rem 165px;
}
.newsList dd {
    padding: 1.3rem 16px 1.3rem 245px;
}
.topicsList dd:nth-of-type(2n+1), .newsList dd:nth-of-type(2n+1) {
    background: #eff2f6;
}
.newsList span {
    font-size: 1.17rem;
    line-height: 1.6;
    position: absolute;
    right: 20px;
    display: inline-block;
    min-width: 60px;
    min-height: 22px;
    text-align: center;
    background: #fff;
}
.fsz_L .newsList span {
    right: 5px;
}
.news_label01 {
    border: 2px solid #6080b0;
}
.news_label02 {
    border: 2px solid #2a2f88;
}
.news_label03 {
    border: 2px solid #a4599e;
}
.news_label04 {
    border: 2px solid #72a85b;
}
.news_label05 {
    border: 2px solid #dbcc3a;
}
.news_label06 {
    border: 2px solid #44c4e2;
}
.news_label07 {
    border: 2px solid #ef6aa0;
}
.news_label08 {
    border: 2px solid #cf7f36;
}
.news_label09 {
    border: 2px solid #bc4c4c;
}
.news_label10 {
    border: 2px solid #978474;
}
.shareList {
    font-size: 0;
    margin: 0 0 2rem;
    list-style: none;
    text-align: right;
}
.shareList li {
    display: inline-block;
    margin: 0 0 0 8px;
    vertical-align: middle;
}
.alertBox, .refBox, .borderBox {
    margin: 0 -16px 4rem;
    padding: 1.4rem 16px;
    border: 1px solid #b2b2b2;
}
.alertBox > p, .refBox > p {
    font-weight: bold;
    margin: 0 0 .8rem;
}
.alertInner, .refInner {
    margin: 0 0 0 14px;
}
.alertBox > p {
    color: #cc1919;
}
.borderBox > *:last-child {
    margin-bottom: 0;
}
.refBox {
    background: #e5e5e4;
}
.imgtxtBox .fl-l img {
    margin: 0 16px 16px 0;
}
.imgtxtBox .fl-r img {
    margin: 0 0 16px 16px;
}
.imgtxtBox {
    margin: 0 0 4rem;
}
.imgtxtBox::after {
    display: table;
    clear: both;
    content: '';
}
.imgtxtBox .txtBox {
    overflow: hidden;
}
.anchorLink {
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 0 -16px 4rem;
    padding: 1.7rem 16px;
    background: #eff2f6;
}
.anchorLink ul {
    margin: 0;
    list-style: none;
}
.anchorLink li {
    display: inline-block;
    margin: 0 17px .4rem 0;
}
.anchorLink li a {
    position: relative;
    display: inline-block;
}
.anchorLink li a::before {
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    margin: 0 .4rem;
    content: '';
    vertical-align: middle;
    color: #194686;
    border-width: .8rem .6rem 0 .6rem;
    border-style: solid;
    border-right: .6rem solid transparent;
    border-left: .6rem solid transparent;
    left: 0;
    top: 0;
    background: transparent;
}
.table01 {
    overflow-x: auto;
    margin: 0 -16px 4rem;
    padding: 0 0 .1rem;
}
.table02 {
    margin: 0 -16px 4rem;
    overflow-x: auto\9;
    padding: 0 0 .1rem\9;
}
.table01::-webkit-scrollbar, .table02 tbody::-webkit-scrollbar {
    height: 4px;
}
.table01::-webkit-scrollbar-track, .table02 tbody::-webkit-scrollbar-track {
    height: 4px;
    border-radius: 10px;
    background: #ccc;
}
.table01::-webkit-scrollbar-thumb, .table02 tbody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #666;
}
.table01::-webkit-scrollbar-thumb:window-inactive, .table02 tbody::-webkit-scrollbar-thumb:window-inactive {
    background: #666;
}
.bkBtn {
    font-weight: bold;
    font-size: 1.68rem;
    text-align: left;
    color: #194686;
    position: relative;
    padding: .7rem 20px .7rem 62px;
    cursor: pointer;
    border: 1px solid #5b7ca2;
    width: 240px;
    margin: 0 auto;
    line-height: 1.4;
    display: block;
}
.bkBtn:active,
.bkBtn:focus {
    box-shadow:0px 0px 1px 2px #a5c7fe;
}
.bkBtn::-moz-focus-inner {
    box-shadow:0px 0px 1px 2px #a5c7fe;
    border: none;
}
.bkBtn::before {
    position: absolute;
    top: 15px;
    top: calc(50% - .4rem);
    left: 20px;
    width: .8rem;
    height: .8rem;
    content: '';
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-top: .2rem solid #194686;
    border-right: .2rem solid #194686;
}
.bkBtn + * {
    clear: right;
}
.bkBtn:hover {
    opacity: .6;
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {
    .contBlock {
        float: none;
        width: auto;
        margin: 0 0 7rem;
    }
    .column2 .box,
    .imgColumn2 p,
    .column3 .box,
    .imgColumn3 p {
        float: none;
        width: auto;
        margin: 0 0 2rem;
    }
    .topicsList dt, .newsList dt {
        width: 100%;
        padding: 1.2rem 16px .4rem;
    }
    .topicsList dd, .newsList dd {
        padding: 1.3rem 16px;
    }
    .newsList span {
        right: auto;
        left: 165px;
    }
    .fsz_L .newsList span {
        right: auto;
    }
    .imgtxtBox .fl-l img, .imgtxtBox .fl-r img {
        display: block;
        margin: 0 auto 16px;
    }
    .imgtxtBox .txtBox, .imgtxtBox .fl-l + .txtBox, .imgtxtBox .fl-r + .txtBox {
        overflow: auto;
        margin: 0 -16px;
        padding: 1.4rem 16px;
    }
    .table01 th {
        white-space: nowrap;
    }
    .table02 table {
        position: relative;
        display: block;
        width: 100%;
        border-collapse: collapse;
    }
    .table02 thead {
        display: block;
        float: left;        
        float: none\9;
    }
    .table02 tbody {
        font-size: 0;
        position: relative;
        display: block;
        overflow-x: auto;
        width: auto;
        white-space: nowrap;
    }
    .table02 thead tr {
        display: block;
    }
    .table02 tbody tr {
        font-size: 1.68rem;
        display: inline-block;
        vertical-align: top;
    }
    .table02 th, .table02 td {
        display: block;
        min-height: 35px;
    }
    .table02 thead th {
        border-bottom: 0;
    }
    .table02 tbody th, .table02 tbody td {
        border-bottom: 0;
        border-left: 0;
    }
    .table02 thead th:last-child, .table02 tbody td:last-child {
        border-bottom: 1px solid #b2b2b2;       
    }
}
@media screen and (min-width: 768px) {
    .table02 th,
    .table02 td {
        height: auto !important;
    }
}


/*======================================
    5.sideBlock
======================================*/

.sideBlock {
    float: right;
    width: 21.9%;
}
.sideBlock h2 {
    font-size: 1.68rem;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    border-bottom: none;
    border-left: 6px solid #12335f;
    background: #476d92;
}
.sideBlock h2::before {
    content: none;
}
.sideBlock h2 a {
    display: block;
    padding: 1.7rem 16px 1.7rem 10px;
    color: #fff;
}
.sideBlock ul {
    font-size: 1.4rem;
    margin: 0;
}
.sideBlock li {
    margin: 0;
    list-style: none;
    border-bottom: 1px dotted #12335f;
}
.sideBlock li li:first-child {
    border-top: 1px dotted #12335f;
}
.sideBlock li li:last-child {
    border-bottom: none;
}
.sideBlock li a {
    line-height: 1.4;
    position: relative;
    display: block;
    padding: 1rem 16px 1.1rem 26px;
    background: #eff2f6;
}
.sideBlock li a::before {
    position: absolute;
    top: 16px;
    top: calc(50% - 5px);
    left: 12px;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border: 5px transparent solid;
    border-right-width: 0;
    border-left-color: #194686;
}
.sideBlock li a::after {
    position: absolute;
    top: 16px;
    top: calc(50% - 5px);
    left: 10px;
    display: block;
    width: 2px;
    height: 10px;
    content: '';
    background: #194686;
}
.sideBlock li li a {
    padding: 1rem 16px 1.1rem 32px;
    background: #fff;
}
.sideBlock li li a::before {
    top: 17px;
    top: calc(50% - 3px);
    left: 15px;
    width: .5rem;
    height: .5rem;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: none;
    border-top: .17rem solid #194686;
    border-right: .17rem solid #194686;
}
.sideBlock li li a::after {
    content: none;
}
.sideBlock li.current a {
    color: #fff;
    background: #194686;
}
.sideBlock li.current li a {
    color: #194686;
    background: #fff;
}
.sideBlock li.current a::before {
    border-left-color: #fff;
}
.sideBlock li.current a::after {
    background: #fff;
}
.sideBlock li li.current a::before {
    border-top: .17rem solid #fff;
    border-right: .17rem solid #fff;
}
.sideBlock iframe {
    width: 100%;
    margin: 0 0 1rem;
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {
    .sideBlock {
        float: none;
        width: auto;
    }
    .sideBlock h2 {
        text-align: center;
    }
    .sideBlock li a {
        padding: 1rem 32px 1rem 16px;
    }
    .sideBlock li a::before {
        right: 16px;
        left: auto;
    }
    .sideBlock li a::after {
        right: 21px;
        left: auto;
    }
    .sideBlock li li {
        display: none;
    }
}

/*======================================
    6.sitemap
======================================*/

.sitemap h2 {
    padding: .6rem 16px;
    background: #bfccd8;
    border-bottom: none;
}
.sitemap h2::before {
    content: none;
}

/*======================================
    7.English
======================================*/

.en .contBlock a[href^='http://']::after, .contBlock a[href^='https://']::after {    
    content: 'Open a new window';    
}
.en .contBlock a[href$='pdf']::after {
    content: 'Open a PDF file';
}
.en .contBlock a[href$='xlsx']::after, .contBlock a[href$='xlsm']::after, .contBlock a[href$='xls']::after {
    content: 'Open a Excel file';
}
.en .contBlock a[href$='doc']::after, .contBlock a[href$='docx']::after {
    content: 'Open a word file';
}
.en .contBlock a[href$='zip']::after {
    content: 'Open a zip file';
}
.en .contBlock a[href$='mov']::after, .contBlock a[href$='mpeg']::after, .contBlock a[href$='mpg']::after, .contBlock a[href$='wmv']::after {
    content: 'Open a movie file';
}
.en .contBlock a[href^='mailto']::after {
    content: 'Write a mail';
}


/*======================================
    8.parts
======================================*/
/***** Font Size *****/
.fs10 { font-size: 1.0rem !important; } .fs11 { font-size: 1.1rem !important; } .fs12 { font-size: 1.2rem !important; } .fs13 { font-size: 1.3rem !important; }
.fs14 { font-size: 1.4rem !important; } .fs15 { font-size: 1.5rem !important; } .fs16 { font-size: 1.6rem !important; } .fs17 { font-size: 1.7rem !important; }
.fs18 { font-size: 1.8rem !important; } .fs19 { font-size: 1.9rem !important; } .fs20 { font-size: 2.0rem !important; } .fs21 { font-size: 2.1rem !important; }
.fs22 { font-size: 2.2rem !important; } .fs23 { font-size: 2.3rem !important; } .fs24 { font-size: 2.4rem !important; } .fs25 { font-size: 2.5rem !important; }
.fs26 { font-size: 2.6rem !important; } .fs27 { font-size: 2.7rem !important; } .fs28 { font-size: 2.8rem !important; } .fs29 { font-size: 2.9rem !important; }
.fs30 { font-size: 3.0rem !important; } .fs31 { font-size: 3.1rem !important; } .fs32 { font-size: 3.2rem !important; } .fs33 { font-size: 3.3rem !important; }
.fs34 { font-size: 3.4rem !important; } .fs35 { font-size: 3.5rem !important; } .fs36 { font-size: 3.6rem !important; } .fs37 { font-size: 3.7rem !important; }
.fs38 { font-size: 3.8rem !important; } .fs39 { font-size: 3.9rem !important; } .fs40 { font-size: 4.0rem !important; } .fs41 { font-size: 4.1rem !important; }
.fs42 { font-size: 4.2rem !important; } .fs43 { font-size: 4.3rem !important; } .fs44 { font-size: 4.4rem !important; } .fs45 { font-size: 4.5rem !important; }
.fs46 { font-size: 4.6rem !important; } .fs47 { font-size: 4.7rem !important; } .fs48 { font-size: 4.8rem !important; } .fs49 { font-size: 4.9rem !important; }
.fs50 { font-size: 5.0rem !important; }

/***** text-align *****/
.txtLeft { text-align: left !important; }
.txtRight { text-align: right !important; }
.txtCenter { text-align: center !important; }

/***** Vertical-align *****/
.vaTop { vertical-align: top; }
.vaMid { vertical-align: middle; }
.vaBot { vertical-align: bottom; }
.vaBas { vertical-align: baseline;}

/***** Color *****/
.txtRed { color: #cc1919;}

/***** Weight *****/
.txtBold { font-weight: bold;}
.txtNormal { font-weight: normal;}

/***** hide text *****/
.hidetxt { 
    display: block; text-indent: 100%; white-space: nowrap; overflow:hidden;}

/***** Margin All *****/
.m0    { margin:         0 !important; }    .m5    { margin:       5px !important; }    .m10    { margin:       10px !important; }  .m15    { margin:       15px !important; }
.m20   { margin:      20px !important; }
.m5r   { margin:     .5rem !important; }    .m10r  { margin:       1rem !important; }   .m15r   { margin:     1.5rem !important; }  .m20r   { margin:       2rem !important; }

/***** Margin Top *****/
.mT0    { margin-top:         0 !important; }   .mT5    { margin-top:       5px !important; }   .mT10    { margin-top:       10px !important; } .mT15   { margin-top:       15px !important; }
.mT20   { margin-top:      20px !important; }
.mT5r   { margin-top:     .5rem !important; }   .mT10r  { margin-top:       1rem !important; }  .mT15r   { margin-top:     1.5rem !important; } .mT20r  { margin-top:       2rem !important; }

/***** Margin Bottom *****/
.mB0    { margin-bottom:         0 !important; }    .mB5    { margin-bottom:       5px !important; }    .mB10    { margin-bottom:       10px !important; }  .mB15   { margin-bottom:       15px !important; }
.mB20   { margin-bottom:      20px !important; }
.mB5r   { margin-bottom:     .5rem !important; }    .mB10r  { margin-bottom:       1rem !important; }   .mB15r   { margin-bottom:     1.5rem !important; }  .mB20r  { margin-bottom:       2rem !important; }

/***** Margin Left *****/
.mL0    { margin-left:         0 !important; }  .mL5    { margin-left:       5px !important; }  .mL10    { margin-left:       10px !important; }    .mL15   { margin-left:       15px !important; }
.mL20   { margin-left:      20px !important; }
.mL5r   { margin-left:     .5rem !important; }  .mL10r  { margin-left:       1rem !important; } .mL15r   { margin-left:     1.5rem !important; }    .mL20r  { margin-left:       2rem !important; }

/***** Margin Right *****/
.mR0    { margin-right:         0 !important; } .mR5    { margin-right:       5px !important; } .mR10    { margin-right:       10px !important; }   .mR15   { margin-right:       15px !important; }
.mR20   { margin-right:      20px !important; }
.mR5r   { margin-right:     .5rem !important; } .mR10r  { margin-right:      1rem !important; } .mR15r   { margin-right:     1.5rem !important; }   .mR20r  { margin-right:       2rem !important; }

/***** Padding All *****/
.p0    { padding:         0 !important; }   .p5    { padding:       5px !important; }   .p10   { padding:      10px !important; }   .p15   { padding:      15px !important; }
.p20   { padding:      20px !important; }
.p5r    { padding:    .5rem !important; }   .p10r  { padding:      1rem !important; }   .p15r  { padding:    1.5rem !important; }   .p20r  { padding:      2rem !important; }

/***** Padding Top *****/
.pT0    { padding-top:         0 !important; }  .pT5    { padding-top:       5px !important; }  .pT10   { padding-top:      10px !important; }  .pT15   { padding-top:      15px !important; }
.pT20   { padding-top:      20px !important; }
.pT5r   { padding-top:    .5rem !important; }   .pT10r  { padding-top:      1rem !important; }  .pT15r  { padding-top:    1.5rem !important; }  .pT20r  { padding-top:      2rem !important; }

/***** Padding Bottom *****/
.pB0    { padding-bottom:         0 !important; }   .pB5    { padding-bottom:       5px !important; }   .pB10   { padding-bottom:      10px !important; }   .pB15   { padding-bottom:      15px !important; }
.pB20   { padding-bottom:      20px !important; }
.pB5r   { padding-bottom:    .5rem !important; }    .pB10r  { padding-bottom:      1rem !important; }   .pB15r  { padding-bottom:    1.5rem !important; }   .pB20r  { padding-bottom:      2rem !important; }

/***** Padding Left *****/
.pL0    { padding-left:         0 !important; } .pL5    { padding-left:       5px !important; } .pL10   { padding-left:      10px !important; } .pL15   { padding-left:      15px !important; }
.pL20   { padding-left:      20px !important; }
.pL5r   { padding-left:    .5rem !important; }  .pL10r  { padding-left:      1rem !important; } .pL15r  { padding-left:    1.5rem !important; } .pL20r  { padding-left:      2rem !important; }

/***** Padding Right *****/
.pR0    { padding-right:         0 !important; }    .pR5    { padding-right:       5px !important; }    .pR10   { padding-right:      10px !important; }    .pR15   { padding-right:      15px !important; }
.pR20   { padding-right:      20px !important; }
.pR5r   { padding-right:      .5rem !important; }   .pR10r  { padding-right:      1rem !important; }    .pR15r  { padding-right:    1.5rem !important; }    .pR20r  { padding-right:      2rem !important; }

.relative { position: relative !important; }
.absolute { position: absolute !important; }

.fl-l, .resFl { float: left !important; }
.fl-r, .resFr { float: right !important; }

/***** Clearfix *****/
.clearfix::after { content: ''; display: table; clear: both; }

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {
	.fl-l, .fl-r { float: none !important; }
}


/*Google Custom Search*/
#searchResultBox td {
	border: none;
}
#searchResultBox .gs-title {
	line-height: 1.2;
}
#searchResultBox .gsc-input-box {
	height: 35px;
}
#searchResultBox .gsc-table-result, 
#searchResultBox .gsc-thumbnail-inside, 
#searchResultBox .gsc-url-top {
	padding-left: 0;
	padding-right: 0;
}