@charset "utf-8";

/* ============================================================ *\
    $base
\* ============================================================ */
body {
    background: #fff url(/mofaj/files/000146820.jpg) 0 0 repeat-x;
/*    font-family: sans-serif;*/
    font-family: "";
    color: #333;
    vertical-align: baseline;
    width: 100%;
	margin: 0 auto;
	clear: both;
}

/* ============================================================ *\
    $header
\* ============================================================ */
div#ex-header {
    font-size: 62.5%;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    line-height: 1.2;
}
div#ex-header a { text-decoration: none; }

/* $textchanger */
dl#textchanger {
    margin: 17px 5px 0 10px;
    padding:0;
    vertical-align: top;
}
dl#textchanger dt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 4px;
    *margin-top: 0;
    color: #036;
    font-size: 1.5em;
    vertical-align: middle;
}
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;
}

/* $skip menu */
div#ex-header .menu-sub {
    margin:0;
    padding:0;
    position: relative;
    margin-top: 14px;
    padding-top: 4px;
    *padding-top: 1px;
    padding-bottom: 4px;
    *padding-bottom: 7px;
    background: transparent url(/mofaj/files/000146821.png) 0 0 repeat;
    border-radius: 3px;
}
div#ex-header .menu-sub li {
    display: inline;
    border-left: 1px solid #036;
}
div#ex-header .menu-sub li:first-child { border-left-width: 0; }
div#ex-header .menu-sub li a {
    font-size: 1.2em;
    line-height: 1.2;
    vertical-align: top;
}

/* $language menu */
div#ex-header .menu-language {
    margin: 14px 0 0 5px;
    padding:0;
    vertical-align: top;
}
div#ex-header .menu-language li:first-child { margin-right: 4px; }
div#ex-header .menu-language a {
    position: relative;
    display: block;
    padding: 2px 4px 2px;
    *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#ex-header .menu-language a:link,
div#ex-header .menu-language a:visited,
div#ex-header .menu-language a:active {
	color: #000066;
}
div#ex-header .menu-language a:hover {
    color: #fff;
    background-color: #192a80;
}

/* $cse-search-box */
#cse-search-box {
    margin: 17px 0 0 0;
    padding:0;
}
#cse-search-box #searchbox {
    display: block;
    float: left;
    margin: 0;
    width: 180px;
    border: 1px solid #036 !important;
    border-image-width: 0 !important;
    font-size: 1.3em !important;
    vertical-align: top;
}
#cse-search-box #searchbutton {
    display: block;
    float: right;
    margin: 0 0 0 3px;
/*    width: 4.1em; */
    width: auto;
    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;
}
#cse-search-box #searchbutton:hover {
    background-color: #fff;
    color: #036;
}
#cse-search-box #searchbutton * { border-width: 0 !important; }

/* $header box style */
#left-box {
	float: left;
	margin: 0;
	padding: 0;
	width: 55%;
	min-height: 103px;
    background: transparent url(/mofaj/files/000146824.png) 135px 0 no-repeat;
}
#right-box {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	width: 44%;
	min-height: 103px;
}
#logo-emb {
	display: block;
	float: left;
	margin: 14px 0 0 10px;
	padding: 0;
	width: 10%;
}
#logo-emb img {
	width:50px;
}
#emb-name {
	display: block;
	float: left;
	margin: 14px 0 0 5px;
	padding: 0;
	text-align: left;
	width: 81%;
}
#emb-name a:link,
#emb-name a:hover,
#emb-name a:visited,
#emb-name a:active {
	color: #000066;
}
.ja #emb-name .embname-ja {
	font-weight: bold;
	font-size: 2.8em;
	padding: 4px 0 0 0;
}
.ja #emb-name .embname-en {
	font-weight: bold;
	font-size: 2.2em;
}
#control {
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 100%;
}
#func {
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 100%;
}

/* ============================================================ *\
    $global menu
\* ============================================================ */
#ex-menu {
	margin:1px 0px 0;
	padding:8px 0 4px;
	background-color:#036;
	color:#fff;
	text-align:center;
	line-height:1.1;
	font-size: 1em;
	clear:both;
}
#ex-menu a{
	margin:0 0 0.4em 0;
	text-decoration:none;
	padding:7px;
	font-weight: bold;
	display: inline-block;  
/*	vertical-align: text-top; */
}
*:first-child+html #ex-menu a {
	vertical-align: middle;
}
#ex-menu a:link, #ex-menu a:visited{ color:#fff;}
#ex-menu a.now,#ex-menu a:hover, #ex-menu a:active{ text-decoration:none; background-color:#fff; color:#036; border-radius: 4px; }
#ex-menu a.now:link, #ex-menu a.now:visited{ text-decoration:none; background-color:#A1CAF2; color:#036;}
#ex-menu a.now:hover, #ex-menu a.now:active{text-decoration:none;background-color:#CCC;color:#036;}

body.top #main_contents {
	   clear:both;
}
#ex-menu ul{
	margin:0;
}
#ex-menu li{
	display:inline-block;
	border-left:solid 1px #fff;
}
#ex-menu li:first-child{
	border-left:none;
}
#ex-menu li a{
	margin-bottom:0;
}

/* ============================================================ *\
    $english page
\* ============================================================ */
.en #logo-emb {
	clear:both;
	display: block;
	float: left;
	margin: 2px 0 0 10px;
	padding: 0;
	width:35px;
}
.en #logo-emb img {
	width:35px;
}
.en .embname-ja {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 2.2em;
	margin: 4px 0 0 4px;
	padding: 0;
}
.en .embname-en {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 2.8em;
	margin: 14px 0 0 10px;
	text-align: left;
}
.en .embname-en a:link,
.en .embname-en a:hover,
.en .embname-en a:visited,
.en .embname-en a:active,
.en .embname-ja a:link,
.en .embname-ja a:hover,
.en .embname-ja a:visited,
.en .embname-ja a:active {
	color: #000066;
	background-color:transparent;
}

#ex-menu.en {
	font-size: 0.9em;
}
#ex-menu.en a{
	padding: 4px;
}

/* ============================================================ *\
    $hack
\* ============================================================ */
div#ex-header .menu-sub,
div#ex-header .menu-language,
div#ex-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;
}

/* ============================================================ *\
    $joint administration
\* ============================================================ */
#joint {
	clear:both;
	float:right;
	text-align:left;
	margin:5px 5px 0px 5px;
}
.joint-ja {
	font-size:2em;
}
.joint-en {
	clear:both;
	display:block;
	float:right;
	font-size:1.5em;
	margin:5px 5px 0px 10px;
	text-align:left;
}
.joint-ja a:link,
.joint-ja a:active,
.joint-ja a:visited,
.joint-en a:link,
.joint-en a:active,
.joint-en a:visited {
	color:#333;
}
.joint-ja a:hover,
.joint-en a:hover {
	color:#fff;
}

/**************************************************
 contents
***************************************************/
#contents{
	width:960px;
	_width:1000px;
	margin:0 auto;
	text-align:left;
	padding:20px;
	clear:both;
}