@charset "utf-8";

/* ============================================================ *\
    $base
\* ============================================================ */

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

body {
    background: #fff url(000061756.png) 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; }

a { color: #192a80; }

body.en a { text-decoration: underline; }

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(000061767.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 {
    margin:0;
    padding:0;
    position: absolute;
    left: 10px;
    top: 20px;
}
#logo-mofa a { background-color: transparent; }

/* $sub menu */

div#header .menu-sub {
    margin:0;
    padding:0;
    position: relative;
    margin-top: 20px;
    padding-top: 5px;
    *padding-top: 1px;
    padding-bottom: 3px;
    *padding-bottom: 7px;
    background: transparent url(/mofaj/files/000061760.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: 20px 0 0 5px;
    padding:0;
    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:0;
    padding:0;
    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/000061757.png) right center no-repeat;
    list-style:none;
}
div#navi-global ul li.about {
    padding-left: 1px;
    width: 179px;
    background-image: url(/mofaj/files/000061758.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/000061759.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/000061752.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/000061753.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/000061768.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/000061769.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/000061763.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/000061764.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/000061775.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/000061776.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/000061782.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/000061773.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/000061761.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/000061754.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/000061755.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/000061771.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/000061772.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/000061765.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/000061766.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/000061777.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/000061778.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/000061783.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/000061774.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/000061762.png);
}

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

div#contents {
    margin-top: 0;
    font-size: 1.4em;
    line-height: 1.2;
}
body.en div#contents {
    font-size: 1.5em;
    line-height: 1.3;
}

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

div#pagetop {
    margin-top: 28px;
    margin-bottom: 6px;
    font-size: 1.4em;
    text-align: right;
    clear: both;
}
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; }
.section #pagetop {
    font-size: 100%;
}

/* ============================================================ *\
    $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 {
    margin:0;
    padding:0;
    float: left;
    margin-right: 28px;
    width: 295px;
}

div#sitemap-footer dt {
    margin:0;
    padding:0;
    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(000061751.png);
    background-position: -2px -6px;
    background-repeat: no-repeat;
}

div#sitemap-footer .link-arrow dt a {
    padding-left: 18px;
    background-image: url(000061748.png);
    background-position: 0 -7px;
    background-repeat: no-repeat;
}
body.en div#sitemap-footer .link-arrow dt a {
    background-position: 0 -5px;
    background-repeat: no-repeat;
}

div#sitemap-footer dd {
    margin:0;
    padding:0;
    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 {
    margin:0;
    padding:0;
    list-style:none;
}

div#sitemap-footer dd ul li {
    margin:0;
    padding:0;
    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;
    margin:0;
}

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

div#footer .menu-sub {
    margin:0;
    padding:0;
    list-style:none;
}
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:0;
    padding:0;
    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 {
    margin:0 auto;
    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(000061801.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/000061798.png);
    color: #666;
}

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

/* $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/000061749.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/000061799.png);
    background-position: 0 -5px;
    background-repeat: no-repeat;
}
body.en .link-warrow a {background-position: 0 -3px; }

/* $menu-sub */

.menu-sub li {
    margin:0;
    padding:0;
    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;
}

/* $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;
}


/* ============================================================ *\
    $フロート時のリストマーク表示崩れ対応
\* ============================================================ */
.sectionContent ul,
.sectionContent ol {
    display: table;
}