@charset "utf-8";
/* ============================================================ *\
    $base
\* ============================================================ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, img, strong, sub, sup, dl, dt, dd, ol, ul, li, label, table, caption, tbody, tfoot, thead, tr, th, td, form {
    margin: 0;
    padding: 0;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
}

body {
    background: #fff url(/mofaj/files/100000005.jpg) 0 0 repeat-x;
    font-family: Meiryo, sans-serif;
    color: #333;
    vertical-align: baseline;
}

body.small {
    font-size: .8em;
}

body.middle {
    font-size: 1em;
}

body.large {
    font-size: 2em;
}

body.en {
    font-family: Arial, sans-serif;
}

img {
    border: 0;
    vertical-align: bottom;
}

ul, ol {
    list-style:none outside;
}

a {
    color: #192a80;
}

/*body.en a { text-decoration: none; }*/

a:hover {
    color: #fff;
    background-color: #192a80;
}

a:visited {
    color: #53c;
}

a:visited:hover {
    color: #fff;
}

noscript p {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.2;
}

body.en noscript p {
    font-size: 1.5em;
    line-height: 1.3;
}

/* ============================================================ *\
    $common
\* ============================================================ */

.wrapper, div#contents, div#pagetop, div#footer p.address {
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 940px;
}

div#contents .wrapper {
    width: auto;
}

div#sitemap-footer .wrapper {
    width: 940px;
}

/* ============================================================ *\
    $header
\* ============================================================ */

div#header {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 0 10px 24px 350px;
    width: auto;
    min-width: 600px;
    height: auto;
    background: transparent url(/mofaj/files/100000038.png) 135px 0 no-repeat;
    text-align: right;
    line-height: 1.2;
}

body.en div#header {
    padding-left: 450px;
    padding-bottom: 20px;
    min-width: 500px;
}

div#header a {
    text-decoration: none;
}

#logo-mofa {
    position: absolute;
    left: 10px;
    top: 20px;
}

#logo-mofa a {
    background-color: transparent;
}

/* $sub menu */

div#header .menu-sub {
    position: relative;
    margin-top: 20px;
    padding-top: 5px;
    *padding-top: 1px;
    padding-bottom: 3px;
    *padding-bottom: 7px;
    background: transparent url(/mofaj/files/100000004.png) 0 0 repeat;
    border-radius: 3px;
}

body.en div#header .menu-sub {
    padding-top: 4px;
}

div#header .menu-sub li {
    display: inline;
    border-left: 1px solid #036;
}

div#header .menu-sub li:first-child {
    border-left-width: 0;
}

div#header .menu-sub li a {
    font-size: 1.2em;
    line-height: 1.2;
    vertical-align: top;
}

/* $language menu */

div#header .menu-language {
    margin-top: 20px;
    margin-left: 5px;
    vertical-align: top;
}

div#header .menu-language li:first-child {
    margin-right: 4px;
}

div#header .menu-language a {
    position: relative;
    display: block;
    padding: 3px 4px 1px;
    *padding-top: 0;
    *padding-bottom: 4px;
    min-width: 112px;
    width: auto;
    border: 1px solid #036;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

div#header .menu-language a:hover {
    color: #fff;
    background-color: #192a80;
}

body.en div#header .menu-language a {
    padding-right: 3px;
    padding-left: 3px;
    min-width: 92px;
    /*font-size: 1.1em;*/
}

/* $function */

#cse-search-box, dl#textchanger {
    margin-top: 17px;
    *margin-top: 15px;
}

body.en form#cse-search-box, body.en dl#textchanger {
    /*margin-top: 20px;*/
}

/* $cse-search-box */

#cse-search-box #searchbox {
    display: block;
    float: left;
    margin: 0;
    width: 280px;
    border: 1px solid #036 !important;
    border-image-width: 0 !important;
    font-size: 1.3em !important;
    vertical-align: top;
}

body.en #cse-search-box #searchbox {
    width: 242px;
}

#cse-search-box #searchbutton {
    display: block;
    float: right;
    margin: 0 0 0 3px;
    width: 4.1em;
    height: 20px;
    background-color: #036;
    color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #036 !important;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
    vertical-align: top;
    cursor: pointer;
    font-size: 1.3em;
    overflow: hidden !important;
    white-space: nowrap;
}

#cse-search-box #searchbutton span {
    display: block;
    line-height: 1.0;
}

#cse-search-box #searchbutton, x:-moz-any-link, x:default {
    padding-top: 1px;
    padding-bottom: 2px;
}

body.en #cse-search-box #searchbutton {
    width: 5.5em;
}

#cse-search-box #searchbutton:hover {
    background-color: #fff;
    color: #036;
}

#cse-search-box #searchbutton * {
    border-width: 0 !important;
}

/* $textchanger */

dl#textchanger {
    margin-left: 16px;
    vertical-align: top;
}

body.en dl#textchanger {
    margin-left: 10px;
}

dl#textchanger dt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 4px;
    *margin-top: 0;
    color: #036;
    font-size: 1.3em;
    vertical-align: middle;
}

body.en dl#textchanger dt {
    /*font-size: 1.2em;*/
}

dl#textchanger dd {
    margin-left: 3px;
    vertical-align: top;
}

dl#textchanger dd.small {
    font-size: 1.0em;
}

dl#textchanger dd.middle {
    font-size: 1.3em;
}

dl#textchanger dd.large {
    font-size: 1.5em;
}

dl#textchanger dd a {
    display: block;
    padding: 2px 2px 1px;
    *padding-top: 0;
    *padding-bottom: 0;
    width: 1em;
    border: 1px solid #036;
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 1.0;
    *line-height: 1.2;
    vertical-align: top;
}

dl#textchanger dd a:hover, dl#textchanger dd.current a {
    background-color: #036;
    color: #fff;
}

dl#textchanger dd.small a {
    padding-right: 4px;
    padding-left: 4px;
}

dl#textchanger dd.middle a {
    padding-right: 3px;
    padding-left: 3px;
}

/* $global navigation */

div#navi-global {
    border-top: 1px solid #fff;
    background-color: #036;
}

div#navi-global ul {
    *position: relative;
    *top: -1px;
    margin: -1px auto 0;
    *margin-top: 0;
    padding-right: 9px;
    padding-left: 9px;
    width: 942px;
    border-top: 1px solid #fff;
    background-color: #036;
}

div#navi-global ul li {
    float: left;
    padding-right: 1px;
    background: transparent url(/mofaj/files/100001261.png) right center no-repeat;
}

div#navi-global ul li.about {
    padding-left: 1px;
    width: 179px;
    background-image: url(/mofaj/files/100001256.png);
    background-position: 0 center;
}

div#navi-global ul li.press {
    width: 186px;
}

div#navi-global ul li.foreign {
    width: 124px;
}

div#navi-global ul li.region {
    width: 121px;
}

div#navi-global ul li.stay {
    width: 175px;
}

div#navi-global ul li.procedure, body.en div#navi-global ul li.consular {
    width: 150px;
}

body.en div#navi-global ul li.about {
    width: 149px;
    background-image: url(/mofaj/files/100001266.png);
}

body.en div#navi-global ul li.press {
    width: 111px;
}

body.en div#navi-global ul li.foreign {
    width: 194px;
}

body.en div#navi-global ul li.region {
    width: 253px;
}

body.en div#navi-global ul li.consular {
    width: 229px;
}

div#navi-global ul a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    text-decoration: none;
}

div#navi-global ul li a:hover, div#navi-global ul li a:focus, div#navi-global ul li.current a {
    background-color: transparent;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    color: #036;
}

div#navi-global ul li.about a:hover, div#navi-global ul li.about a:focus, div#navi-global ul li.about.current a {
    background-image: url(/mofaj/files/100000952.png);
}

body.en div#navi-global ul li.about a:hover, body.en div#navi-global ul li.about a:focus, body.en div#navi-global ul li.about.current a {
    background-image: url(/mofaj/files/100001200.png);
}

div#navi-global ul li.press a:hover, div#navi-global ul li.press a:focus, div#navi-global ul li.press.current a {
    background-image: url(/mofaj/files/100001277.png);
}

body.en div#navi-global ul li.press a:hover, body.en div#navi-global ul li.press a:focus, body.en div#navi-global ul li.press.current a {
    background-image: url(/mofaj/files/100001278.png);
}

div#navi-global ul li.foreign a:hover, div#navi-global ul li.foreign a:focus, div#navi-global ul li.foreign.current a {
    background-image: url(/mofaj/files/100001272.png);
}

body.en div#navi-global ul li.foreign a:hover, body.en div#navi-global ul li.foreign a:focus, body.en div#navi-global ul li.foreign.current a {
    background-image: url(/mofaj/files/100001274.png);
}

div#navi-global ul li.region a:hover, div#navi-global ul li.region a:focus, div#navi-global ul li.region.current a {
    background-image: url(/mofaj/files/100001283.png);
}

body.en div#navi-global ul li.region a:hover, body.en div#navi-global ul li.region a:focus, body.en div#navi-global ul li.region.current a {
    background-image: url(/mofaj/files/100001284.png);
}

div#navi-global ul li.stay a:hover, div#navi-global ul li.stay a:focus, div#navi-global ul li.stay.current a {
    background-image: url(/mofaj/files/100001291.png);
}

div#navi-global ul li.procedure a:hover, div#navi-global ul li.procedure a:focus, div#navi-global ul li.procedure.current a {
    background-image: url(/mofaj/files/100001281.png);
}

body.en div#navi-global ul li.consular a:hover, body.en div#navi-global ul li.consular a:focus, body.en div#navi-global ul li.consular.current a {
    background-image: url(/mofaj/files/100001269.png);
}

div#navi-global ul a span {
    display: block;
    padding: 13px 4px 10px;
    border-radius: 4px;
    text-align: center;
}

body.en div#navi-global ul a span {
    padding-top: 11px;
    padding-bottom: 11px;
}

div#navi-global ul a:hover span, div#navi-global ul a:focus span, div#navi-global ul .current a span {
    background-color: transparent;
    background-position: 0 top;
    background-repeat: no-repeat;
}

div#navi-global ul li.about a:hover span, div#navi-global ul li.about a:focus span, div#navi-global ul li.about.current a span {
    background-image: url(/mofaj/files/100001257.png);
}

body.en div#navi-global ul li.about a:hover span, body.en div#navi-global ul li.about a:focus span, body.en div#navi-global ul li.about.current a span {
    background-image: url(/mofaj/files/100001201.png);
}

div#navi-global ul li.press a:hover span, div#navi-global ul li.press a:focus span, div#navi-global ul li.press.current a span {
    background-image: url(/mofaj/files/100001279.png);
}

body.en div#navi-global ul li.press a:hover span, body.en div#navi-global ul li.press a:focus span, body.en div#navi-global ul li.press.current a span {
    background-image: url(/mofaj/files/100001280.png);
}

div#navi-global ul li.foreign a:hover span, div#navi-global ul li.foreign a:focus span, div#navi-global ul li.foreign.current a span {
    background-image: url(/mofaj/files/100001275.png);
}

body.en div#navi-global ul li.foreign a:hover span, body.en div#navi-global ul li.foreign a:focus span, body.en div#navi-global ul li.foreign.current a span {
    background-image: url(/mofaj/files/100001276.png);
}

div#navi-global ul li.region a:hover span, div#navi-global ul li.region a:focus span, div#navi-global ul li.region.current a span {
    background-image: url(/mofaj/files/100001287.png);
}

body.en div#navi-global ul li.region a:hover span, body.en div#navi-global ul li.region a:focus span, body.en div#navi-global ul li.region.current a span {
    background-image: url(/mofaj/files/100001289.png);
}

div#navi-global ul li.stay a:hover span, div#navi-global ul li.stay a:focus span, div#navi-global ul li.stay.current a span {
    background-image: url(/mofaj/files/100001293.png);
}

div#navi-global ul li.procedure a:hover span, div#navi-global ul li.procedure a:focus span, div#navi-global ul li.procedure.current a span {
    background-image: url(/mofaj/files/100001282.png);
}

body.en div#navi-global ul li.consular a:hover span, body.en div#navi-global ul li.consular a:focus span, body.en div#navi-global ul li.consular.current a span {
    background-image: url(/mofaj/files/100001271.png);
}

/* ============================================================ *\
    $contents
\* ============================================================ */

div#contents {
    margin-top: 15px;
    font-size: 1.4em;
    line-height: 1.2;
}

body.en div#contents {
    font-size: 1.5em;
    line-height: 1.3;
}

/* ============================================================ *\
    $main
\* ============================================================ */

div#main {
    float: left;
    width: 700px;
}

div#main h2, div#main .list-tab h2 a {
    display: block;
    margin-top: 26px;
    padding: 2px 2px 2px;
    width: 694px;
    border: 1px solid #1756bd;
    background-color: transparent;
    color: #fff;
    font-size: 1.2857em;
}

#page-topindex div#main h2, div#main .list-tab h2 a {
    background-color: #1756bd;
}

body.en div#main h2 {
    margin-top: 20px;
}

div#main #emergencyinfo h2 {
    background-color: #d20000;
    border: 1px solid #d20000;
}

div#main h2 span, div#main .list-tab h2 span {
    display: block;
    padding-top: 2px;
    padding-left: 13px;
    width: 681px;
    border-left: 2px solid #fff;
}

body.en div#main h2 span {
    padding-top: 0;
}

div#main p {
    margin-top: 12px;
}

body.en div#main p {
    margin-top: 17px;
}

div#main .list-tab {
    position: relative;
    margin-top: 26px;
    width: 100%;
}

div#main .list-tab h2 {
    position: absolute;
    top: 0;
    left: 470px;
    margin-top: 0;
    padding: 0;
    width: 230px;
    border-width: 0;
    background-color: transparent;
    cursor: pointer;
}

div#main .list-tab h2:first-child {
    left: 0;
    width: 466px;
}

div#main .list-tab h2 a {
    margin-top: 0;
    width: 224px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom-width: 0;
    background: url(/mofaj/files/100000024.png) no-repeat right top;
    background-color: #f0f0f0;
    color: #333;
    font-size: 1em;
    /*text-decoration: none;*/
}

div#main .list-tab h2 a:hover {
    border-top-color: #1756bd;
    border-right-color: #1756bd;
    border-left-color: #1756bd;
    background: url(/mofaj/files/100000021.png) no-repeat right top;
    background-color: #1756bd;
    color: #fff;
}

div#main .list-tab h2:first-child a {
    width: 460px;
}

div#main .list-tab h2.current a {
    border-top-color: #1756bd;
    border-right-color: #1756bd;
    border-left-color: #1756bd;
    background-color: #1756bd;
    background-image: none;
    color: #fff;
}

div#main .list-tab h2 a span {
    width: 211px;
    cursor: pointer;
}

div#main .list-tab h2:first-child a span {
    width: 447px;
}

div#main .list-tab .tabbody {
    display: none;
    width: 100%;
    border-top: 2px solid #1756bd;
}

div#main .list-tab .tabbody.current {
    display: block;
}

/* 20151020 */

#page-topindex div#main .link-arrow .indent {
    padding-left: 20px;
}

/* ============================================================ *\
    $sub
\* ============================================================ */

div#sub {
    float: right;
    width: 225px;
}

body.en div#sub {
    font-size: .933em;
    line-height: 1.3;
}

div#sub ul:first-child {
    margin-top: 0;
}

/* $social media */

ul#socialmedia {
    margin-top: 5px;
    padding: 4px 0 3px 4px;
    width: 219px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
}

ul#socialmedia li {
    float: left;
    width: 70px;
    margin-right: 3px;
}

ul#socialmedia li:first-child {
    margin-left: 0;
}

ul#socialmedia li a img {
    vertical-align: middle;
}

ul#socialmedia li.link-arrow {
    position: relative;
    clear: both;
    float: none;
    margin-left: -4px;
    width: 223px;
    text-align: center;
}

ul#socialmedia li.link-arrow a {
    margin-top: 5px;
    background-image: url(/mofaj/files/100000006.png);
    font-size: 1.0714em;
}

div#main ul.link-arrow p {
    margin-top: .3em!important;
    padding-left: 10px;
}

/* advertising */

dl#ad {
    margin-top: 10px;
}

dl#ad dt {
    padding: 4px 9px 0;
    border-top: 2px solid #1756bd;
    border-right: 1px solid #1756bd;
    border-left: 1px solid #1756bd;
    background-color: #f0f0f0;
    font-size: 1.1428em;
    font-weight: bold;
}

dl#ad dd {
    margin-top: 5px;
}

/* mobile */

div#mobile {
    position: relative;
    padding-left: 70px;
    min-height: 60px;
    height: auto;
    font-size: .6428em;
    word-break: break-all;
}

div#mobile a {
    margin-bottom: 4px;
    font-size: 1.4444em;
    word-break: normal;
}

body.en div#mobile a {
    font-size: 1.2222em;
    line-height: 1.5;
}

div#mobile img {
    position: absolute;
    top: 0;
    left: 0;
}

/* ============================================================ *\
    $pagetop
\* ============================================================ */

div#pagetop {
    margin-top: 28px;
    margin-bottom: 6px;
    font-size: 1.4em;
    text-align: right;
}

body.en div#pagetop {
    margin-top: 13px;
    margin-bottom: 10px;
    font-size: .9em;
}

body#page-topindex div#pagetop {
    margin-top: 13px;
    margin-bottom: 10px;
    font-size: 1.5em;
}

div#pagetop a {
    background-position: -2px -2px;
}

body.en div#pagetop a {
    background-position: -2px -4px;
}

/* ============================================================ *\
    $sitemap-footer
\* ============================================================ */

div#sitemap-footer {
    border-top: 2px solid #036;
    background: #f0f0f0;
}

div#sitemap-footer .wrapper {
    *position: relative;
    *top: -2px;
    margin-top: -2px;
    *margin-top: 0;
    padding-top: 16px;
    padding-bottom: 10px;
    border-top: 2px solid #036;
    background-color: #f0f0f0;
}

body.en div#sitemap-footer .wrapper {
    padding-top: 20px;
    padding-bottom: 0;
}

div#sitemap-footer dl {
    float: left;
    margin-right: 28px;
    width: 295px;
}

div#sitemap-footer dt {
    padding: 4px 8px 1px 0;
    border-top: 2px solid #1756bd;
    border-right: 1px solid #1756bd;
    border-left: 1px solid #1756bd;
    background-color: #fff;
    font-size: 1.5em;
    line-height: 1.2;
}

body.en div#sitemap-footer dt {
    padding-top: 3px;
    padding-bottom: 2px;
}

div#sitemap-footer dd dl {
    width: 276px;
}

div#sitemap-footer dd dt {
    margin-top: 8px;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    background-color: transparent;
    color: #192a7f;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.1;
}

div#sitemap-footer .link-arrow a {
    background-image: url(/mofaj/files/100000006.png);
    background-position: -2px -6px;
}

div#sitemap-footer .link-arrow dt a {
    padding-left: 18px;
    background-image: url(/mofaj/files/100000013.png);
    background-position: 0 -7px;
}

body.en div#sitemap-footer .link-arrow dt a {
    background-position: 0 -5px;
}

div#sitemap-footer dd {
    padding-bottom: 20px;
    padding-left: 18px;
    font-size: 1.2em;
    line-height: 1.1;
}

body.en div#sitemap-footer dd {
    padding-bottom: 26px;
}

div#sitemap-footer dd dd, body.en div#sitemap-footer dd dd {
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1em;
}

div#sitemap-footer dd ul li {
    margin-top: 8px;
}

div#sitemap-footer dd ul ul {
    margin-left: 10px;
}

/* ============================================================ *\
    $footer
\* ============================================================ */

div#footer {
    margin-top: 2px;
    width: 100%;
}

div#footer .bg-navy, div#footer .bg-navy a {
    color: #fff;
}

div#footer .bg-navy .wrapper {
    padding-top: 3px;
    padding-bottom: 6px;
    background-color: #036;
}

div#footer .menu-sub li {
    border-right: 1px solid #fff;
}

div#footer .menu-sub li a:hover {
    background-color: #fff;
    color: #192a80;
}

body.en div#footer .menu-sub li {
    vertical-align: bottom;
}

body.en div#footer .menu-sub {
    margin-bottom: 1px;
}

div#footer .menu-sub li:first-child {
    border-left: 1px solid #fff;
}

div#footer .bg-navy p {
    margin-top: -1.5em;
    font-size: 1.2em;
    text-align: right;
    line-height: 1.2;
}

body.en div#footer .bg-navy p {
    margin-top: -1.1em;
    line-height: 1.0;
}

body.large div#footer .bg-navy p {
    margin-top: 0;
}

div#footer p.address {
    padding-top: 7px;
    padding-bottom: 14px;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2;
}

body.en div#footer p.address {
    padding-top: 13px;
    padding-bottom: 12px;
}

div#footer .link-warrow a {
    margin-left: 10px;
    margin-right: 15px;
    padding: 1px 3px 0 18px;
    border: 1px solid #666;
    background: #666 url(/mofaj/files/100000034.png) 3px center no-repeat;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.0;
}

body.en div#footer .link-warrow a {
    margin-right: 16px;
    margin-left: 6px;
    padding-right: 8px;
    padding-left: 23px;
    background-position: 8px center;
}

div#footer .link-warrow a:hover {
    background-color: #fff;
    background-image: url(/mofaj/files/100000028.png);
    color: #666;
}

div#footer .houjinNo {
    display: inline-block;
}

div#footer .phoneNo {
    display: inline-block;
}

/* ============================================================ *\
    $other
\* ============================================================ */

/* $position ---------------- */

#page-topindex .left {
    text-align: left !important;
}

#page-topindex .center {
    text-align: center !important;
}

#page-topindex .right {
    text-align: right !important;
}

/* $margin ---------------- */

.marginright-none {
    margin-right: 0 !important;
}

div#sitemap-footer .marginright-none {
    width: 294px;
}

/* $icon ---------------- */

/* $link-arrow */

.link-arrow {
    margin-top: 12px;
}

body.en .link-arrow {
    margin-top: 10px;
}

.link-arrow li {
    margin-top: 11px;
}

body.en .link-arrow li {
    margin-top: 7px;
}

.link-arrow li:first-child {
    margin-top: 0;
}

.link-arrow a {
    padding-left: 12px;
    background-image: url(/mofaj/files/100000009.png);
    background-position: -2px -5px;
    background-repeat: no-repeat;
}

body.en .link-arrow a {
    background-position: -2px -3px;
}

.link-arrow a:hover {
    color: #fff;
}

/* $link-warrow */

ul.link-warrow {
    margin-top: 12px;
}

.link-warrow li {
    margin-top: 11px;
}

.link-warrow li:first-child {
    margin-top: 0;
}

.link-warrow a {
    padding-left: 15px;
    background-image: url(/mofaj/files/100000035.png);
    background-position: 0 -5px;
    background-repeat: no-repeat;
}

body.en .link-warrow a {
    background-position: 0 -3px;
}

body.en #box-highlights .link-warrow a {
    margin: 0 0 0 15px;
}

body.en #box-linkabout .link-warrow a {
    margin: 0 0 0 15px;
}

#sub .box-navy .link-warrow a {
    margin: 0 0 0 15px;
}

/* $list ---------------- */

/* $list-inline */

.list-inline {
    margin-top: 0 !important;
}

.list-inline li {
    margin-top: 15px!important;
    margin-right: 8px;
}

body.en .list-inline li {
    margin-top: 10px;
}

/* $list-date */

.list-date dt {
    margin-top: 13px;
    padding-top: 15px;
    border-top: 1px dotted #036;
    font-weight: bold;
}

body.en .list-date dt {
    margin-top: 14px;
    padding-top: 11px;
}

.list-date dt:first-child, body.en .list-date dt:first-child {
    margin-top: 0;
    border-top-width: 0;
}

.list-date dd {
    padding-left: 30px;
}

.list-date dd.emergencyNews {
    padding-left: 0;
}

/* $link-banner */

.link-banner {
    margin-top: 10px;
}

.link-banner li {
    margin-top: 5px;
}

.link-banner li:first-child {
    margin-top: 0;
}

.link-banner a {
    display: block;
}

#link-sp-banner {
    display: none;
}

/* $menu-sub */

.menu-sub li {
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: top;
}

.menu-sub li a {
    font-size: 1.3em;
    vertical-align: middle;
    text-decoration: none;
}

/* $text ---------------- */

.textsize-m {
    font-size: 1.1428em;
}

div#main ul.textsize-m {
    margin-top: 15px;
}

.text-bold {
    font-weight: bold;
}

/* $background ---------------- */

.bg-navy {
    background-color: #036;
}

/* $layout ---------------- */

.box-navy {
    margin-top: 10px;
    padding: 0 12px 16px;
    border: 1px solid #1756bd;
}

body.en .box-navy {
    padding-bottom: 12px;
}

.box-navy h2 {
    margin: 0 -12px 2px;
    padding: 3px 12px 2px;
    background-color: #1756bd;
    color: #fff;
    font-size: 1.1428em;
}

.box-navy h3 {
    margin: 22px -4px 0;
    border-bottom: 2px solid #1756bd;
    font-size: 1.1428em;
}

.box-navy .link-warrow {
    margin-top: 8px;
}

/* $clearfix ----------------*/

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

#cse-search-box:before, #cse-search-box:after, div#navi-global ul:before, div#navi-global ul:after, div#contents:before, div#contents:after, div#slideshow:before, div#slideshow:after, div#sitemap-footer .wrapper:before, div#sitemap-footer .wrapper:after, ul#socialmedia:before, ul#socialmedia:after, .cf:before, .cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

#cse-search-box:after, div#navi-global ul:after, div#contents:after, div#slideshow:after, div#sitemap-footer .wrapper:after, ul#socialmedia:after, .cf:after, .clear {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */

#cse-search-box, div#navi-global ul, div#contents, div#slideshow, div#sitemap-footer .wrapper, ul#socialmedia, .cf {
    zoom: 1;
}

div#slideshow {
    margin-bottom: 10px;
}

/* ============================================================ *\
    $hack
\* ============================================================ */

div#header .menu-sub, div#header .menu-language, div#header .menu-language li, dl#textchanger, dl#textchanger dd, #cse-search-box, .list-inline li, .link-arrow a, .link-warrow a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/* ============================================================ *\
    $for sp
\* ============================================================ */

#emergencyinfo .sp-only-inline, #emergencyinfo .sp-only-block {
    display: none;
}

/* ============================================================ *\
    $emergencyinfo
\* ============================================================ */

html[lang=en] .earthquake_l {
    width: 504px;
    float: left;
}

html[lang=en] .earthquake_r {
    width: 196px;
    float: right;
    text-align: right;
}

html[lang=en] .earthquake_b {
    clear: both;
    margin-bottom: 10px;
}